@charset "UTF-8";
@font-face {
  font-family: 'BC Sans';
  src: url("../fonts/BC-Sans-Font/BCSans-Regular.woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BC Sans';
  src: url("../fonts/BC-Sans-Font/BCSans-Bold.woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'BC Sans';
  src: url("../fonts/BC-Sans-Font/BCSans-Italic.woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'BC Sans';
  src: url("../fonts/BC-Sans-Font/BCSans-BoldItalic.woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
	font-family: 'customfontpack';
	src: url('../fonts/customfontpack/customfontpack.woff');
	font-weight: normal;
	font-style: normal;
}

/* Base colors are level 300 - we lighten or darken from there */
/* even if shadows is enabled, don't show on buttons */
/* even if shadows is enabled, don't show on input inset */
/*even if shadows is enabled, don't show on input focus */
/*24px*/
/* from 0.40 iggy */
/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #0066CC;
  --indigo: #5C6AC4;
  --purple: #6554C0;
  --pink: #e83e8c;
  --red: #D92530;
  --orange: #EF6C00;
  --yellow: #FCBA19;
  --green: #66B34E;
  --teal: #47C1BF;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #323a45;
  --gray-dark: #485363;
  --blue: #0066CC;
  --blue-050: #e6f2ff;
  --blue-100: #cce6ff;
  --blue-200: #4da6ff;
  --blue-300: #0066CC;
  --blue-400: #004d99;
  --blue-500: #003366;
  --blue-600: #00264d;
  --indigo: #5C6AC4;
  --purple: #6554C0;
  --purple-050: #ebe9f7;
  --purple-100: #cac4e9;
  --purple-200: #978cd5;
  --purple-300: #6554C0;
  --purple-400: #4d3da4;
  --purple-500: #2a215a;
  --pink: #e83e8c;
  --red: #D92530;
  --red-050: #f5c6c8;
  --red-100: #f0a7ab;
  --red-200: #e97b82;
  --red-300: #D92530;
  --red-400: #82161d;
  --red-500: #560f13;
  --orange: #EF6C00;
  --orange-050: #ffd5b2;
  --orange-100: #ffbe89;
  --orange-200: #ff8623;
  --orange-300: #EF6C00;
  --orange-400: #bc5500;
  --orange-500: #562700;
  --yellow: #FCBA19;
  --yellow-050: #feefc9;
  --yellow-100: #fee097;
  --yellow-200: #fdd165;
  --yellow-300: #FCBA19;
  --yellow-400: #c68d03;
  --yellow-500: #7a5702;
  --green: #66B34E;
  --green-050: #e1f0dd;
  --green-100: #c3e1b9;
  --green-200: #85c272;
  --green-300: #66B34E;
  --green-400: #51903e;
  --green-500: #335b27;
  --teal: #47C1BF;
  --teal-050: #e0f4f4;
  --teal-100: #80d4d3;
  --teal-200: #6dcecc;
  --teal-300: #47C1BF;
  --teal-400: #297978;
  --teal-500: #0f2d2c;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #8492A6;
  --gray-050: #f4f6f7;
  --gray-100: #e3e6eb;
  --gray-200: #ced4dc;
  --gray-300: #8492A6;
  --gray-400: #5d6c81;
  --gray-500: #485363;
  --gray-600: #323a45;
  --black: #485363;
  --primary: #0066CC;
  --secondary: #8492A6;
  --success: #66B34E;
  --info: #6554C0;
  --warning: #EF6C00;
  --danger: #D92530;
  --light: #f4f6f7;
  --dark: #272e37;
  --primary-pale: #4da6ff;
  --blue-300: #0066CC;
  --blue-400: #004d99;
  --blue-500: #003366;
  --blue-600: #00264d;
  --success-pale: #e1f0dd;
  --info-pale: #ebe9f7;
  --infoalt: #47C1BF;
  --progress: #47C1BF;
  --progress-pale: #e0f4f4;
  --teal-050: #e0f4f4;
  --teal-100: #80d4d3;
  --teal-200: #6dcecc;
  --teal-300: #47C1BF;
  --teal-400: #297978;
  --warning-pale: #ffd5b2;
  --danger-pale: #f0a7ab;
  --red-050: #f5c6c8;
  --red-100: #f0a7ab;
  --red-200: #e97b82;
  --red-300: #D92530;
  --red-400: #82161d;
  --red-500: #560f13;
  --neutral: #ced4dc;
  --gray-050: #f4f6f7;
  --gray-100: #e3e6eb;
  --gray-200: #ced4dc;
  --gray-300: #8492A6;
  --gray-400: #5d6c81;
  --gray-500: #485363;
  --gray-600: #323a45;
  --white: #fff;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1600px;
  --font-family-sans-serif: "BC Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(72, 83, 99, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "BC Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #485363;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #0066CC;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #004080;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

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

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem 1.25rem;
  padding-bottom: 0.75rem 1.25rem;
  color: #8492A6;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.3rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.4;
}

h1, .h1 {
  font-size: 2.5rem;
}

@media (max-width: 1200px) {
  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw) ;
  }
}

h2, .h2 {
  font-size: 1.5rem;
}

@media (max-width: 1200px) {
  h2, .h2 {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

h3, .h3 {
  font-size: 1.75rem;
}

@media (max-width: 1200px) {
  h3, .h3 {
    font-size: calc(1.3rem + 0.6vw) ;
  }
}

h4, .h4 {
  font-size: 1.5rem;
}

@media (max-width: 1200px) {
  h4, .h4 {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.4;
}

@media (max-width: 1200px) {
  .display-1 {
    font-size: calc(1.725rem + 5.7vw) ;
  }
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.4;
}

@media (max-width: 1200px) {
  .display-2 {
    font-size: calc(1.675rem + 5.1vw) ;
  }
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.4;
}

@media (max-width: 1200px) {
  .display-3 {
    font-size: calc(1.575rem + 3.9vw) ;
  }
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.4;
}

@media (max-width: 1200px) {
  .display-4 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px solid rgba(72, 83, 99, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #feefc9;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #323a45;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 2px solid #8492A6;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 2px rgba(72, 83, 99, 0.075);
          box-shadow: 0 1px 2px rgba(72, 83, 99, 0.075);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #323a45;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #1d2128;
  border-radius: 0.2rem;
  -webkit-box-shadow: inset 0 -0.1rem 0 rgba(72, 83, 99, 0.25);
          box-shadow: inset 0 -0.1rem 0 rgba(72, 83, 99, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
          box-shadow: none;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #1d2128;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1540px;
  }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1540px;
  }
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.row-cols-1 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-md-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1600px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-width: 0;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xxl-4 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #485363;
  background-color: #fff;
}

.table th,
.table td {
  padding: 0.75rem 1.25rem;
  vertical-align: top;
  border-top: 1px solid #e3e6eb;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e3e6eb;
}

.table tbody + tbody {
  border-top: 2px solid #e3e6eb;
}

.table-sm th,
.table-sm td {
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.table-bordered {
  border: 1px solid #e3e6eb;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e3e6eb;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(244, 246, 247, 0.9);
}

.table-hover tbody tr:hover {
  color: #485363;
  background-color: rgba(227, 230, 235, 0.75);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #73abe3;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #4d94db;
}

.table-hover .table-primary:hover {
  background-color: #5e9edf;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #5e9edf;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #bbc3ce;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #a9b3c1;
}

.table-hover .table-secondary:hover {
  background-color: #acb6c3;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #acb6c3;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #abd59e;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #94ca83;
}

.table-hover .table-success:hover {
  background-color: #9ccd8c;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #9ccd8c;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #aaa1dc;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #9387d3;
}

.table-hover .table-info:hover {
  background-color: #998ed5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #998ed5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #f6ae73;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #f4984d;
}

.table-hover .table-warning:hover {
  background-color: #f4a05b;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #f4a05b;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ea878d;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #e4666e;
}

.table-hover .table-danger:hover {
  background-color: #e67178;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #e67178;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #f9fafb;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f8f8fa;
}

.table-hover .table-light:hover {
  background-color: #eaedf1;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #eaedf1;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #888c91;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #686c73;
}

.table-hover .table-dark:hover {
  background-color: #7b7f85;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #7b7f85;
}

.table-primary-pale,
.table-primary-pale > th,
.table-primary-pale > td {
  background-color: #9dceff;
}

.table-primary-pale th,
.table-primary-pale td,
.table-primary-pale thead th,
.table-primary-pale tbody + tbody {
  border-color: #82c1ff;
}

.table-hover .table-primary-pale:hover {
  background-color: #84c1ff;
}

.table-hover .table-primary-pale:hover > td,
.table-hover .table-primary-pale:hover > th {
  background-color: #84c1ff;
}

.table-blue-300,
.table-blue-300 > th,
.table-blue-300 > td {
  background-color: #73abe3;
}

.table-blue-300 th,
.table-blue-300 td,
.table-blue-300 thead th,
.table-blue-300 tbody + tbody {
  border-color: #4d94db;
}

.table-hover .table-blue-300:hover {
  background-color: #5e9edf;
}

.table-hover .table-blue-300:hover > td,
.table-hover .table-blue-300:hover > th {
  background-color: #5e9edf;
}

.table-blue-400,
.table-blue-400 > th,
.table-blue-400 > td {
  background-color: #739dc7;
}

.table-blue-400 th,
.table-blue-400 td,
.table-blue-400 thead th,
.table-blue-400 tbody + tbody {
  border-color: #4d82b8;
}

.table-hover .table-blue-400:hover {
  background-color: #6190c0;
}

.table-hover .table-blue-400:hover > td,
.table-hover .table-blue-400:hover > th {
  background-color: #6190c0;
}

.table-blue-500,
.table-blue-500 > th,
.table-blue-500 > td {
  background-color: #738fab;
}

.table-blue-500 th,
.table-blue-500 td,
.table-blue-500 thead th,
.table-blue-500 tbody + tbody {
  border-color: #4d7094;
}

.table-hover .table-blue-500:hover {
  background-color: #6382a1;
}

.table-hover .table-blue-500:hover > td,
.table-hover .table-blue-500:hover > th {
  background-color: #6382a1;
}

.table-blue-600,
.table-blue-600 > th,
.table-blue-600 > td {
  background-color: #73889d;
}

.table-blue-600 th,
.table-blue-600 td,
.table-blue-600 thead th,
.table-blue-600 tbody + tbody {
  border-color: #4d6782;
}

.table-hover .table-blue-600:hover {
  background-color: #667b91;
}

.table-hover .table-blue-600:hover > td,
.table-hover .table-blue-600:hover > th {
  background-color: #667b91;
}

.table-success-pale,
.table-success-pale > th,
.table-success-pale > td {
  background-color: #eff7ec;
}

.table-success-pale th,
.table-success-pale td,
.table-success-pale thead th,
.table-success-pale tbody + tbody {
  border-color: #eaf5e7;
}

.table-hover .table-success-pale:hover {
  background-color: #e0efda;
}

.table-hover .table-success-pale:hover > td,
.table-hover .table-success-pale:hover > th {
  background-color: #e0efda;
}

.table-info-pale,
.table-info-pale > th,
.table-info-pale > td {
  background-color: #f4f3fb;
}

.table-info-pale th,
.table-info-pale td,
.table-info-pale thead th,
.table-info-pale tbody + tbody {
  border-color: #f1f0f9;
}

.table-hover .table-info-pale:hover {
  background-color: #e2e0f5;
}

.table-hover .table-info-pale:hover > td,
.table-hover .table-info-pale:hover > th {
  background-color: #e2e0f5;
}

.table-infoalt,
.table-infoalt > th,
.table-infoalt > td {
  background-color: #9adddc;
}

.table-infoalt th,
.table-infoalt td,
.table-infoalt thead th,
.table-infoalt tbody + tbody {
  border-color: #7ed4d2;
}

.table-hover .table-infoalt:hover {
  background-color: #87d7d5;
}

.table-hover .table-infoalt:hover > td,
.table-hover .table-infoalt:hover > th {
  background-color: #87d7d5;
}

.table-progress,
.table-progress > th,
.table-progress > td {
  background-color: #9adddc;
}

.table-progress th,
.table-progress td,
.table-progress thead th,
.table-progress tbody + tbody {
  border-color: #7ed4d2;
}

.table-hover .table-progress:hover {
  background-color: #87d7d5;
}

.table-hover .table-progress:hover > td,
.table-hover .table-progress:hover > th {
  background-color: #87d7d5;
}

.table-progress-pale,
.table-progress-pale > th,
.table-progress-pale > td {
  background-color: #eef9f9;
}

.table-progress-pale th,
.table-progress-pale td,
.table-progress-pale thead th,
.table-progress-pale tbody + tbody {
  border-color: #e9f8f7;
}

.table-hover .table-progress-pale:hover {
  background-color: #dbf2f2;
}

.table-hover .table-progress-pale:hover > td,
.table-hover .table-progress-pale:hover > th {
  background-color: #dbf2f2;
}

.table-teal-050,
.table-teal-050 > th,
.table-teal-050 > td {
  background-color: #eef9f9;
}

.table-teal-050 th,
.table-teal-050 td,
.table-teal-050 thead th,
.table-teal-050 tbody + tbody {
  border-color: #e9f8f7;
}

.table-hover .table-teal-050:hover {
  background-color: #dbf2f2;
}

.table-hover .table-teal-050:hover > td,
.table-hover .table-teal-050:hover > th {
  background-color: #dbf2f2;
}

.table-teal-100,
.table-teal-100 > th,
.table-teal-100 > td {
  background-color: #b9e8e7;
}

.table-teal-100 th,
.table-teal-100 td,
.table-teal-100 thead th,
.table-teal-100 tbody + tbody {
  border-color: #a6e1e0;
}

.table-hover .table-teal-100:hover {
  background-color: #a6e2e0;
}

.table-hover .table-teal-100:hover > td,
.table-hover .table-teal-100:hover > th {
  background-color: #a6e2e0;
}

.table-teal-200,
.table-teal-200 > th,
.table-teal-200 > td {
  background-color: #afe4e3;
}

.table-teal-200 th,
.table-teal-200 td,
.table-teal-200 thead th,
.table-teal-200 tbody + tbody {
  border-color: #99dddb;
}

.table-hover .table-teal-200:hover {
  background-color: #9cdedc;
}

.table-hover .table-teal-200:hover > td,
.table-hover .table-teal-200:hover > th {
  background-color: #9cdedc;
}

.table-teal-300,
.table-teal-300 > th,
.table-teal-300 > td {
  background-color: #9adddc;
}

.table-teal-300 th,
.table-teal-300 td,
.table-teal-300 thead th,
.table-teal-300 tbody + tbody {
  border-color: #7ed4d2;
}

.table-hover .table-teal-300:hover {
  background-color: #87d7d5;
}

.table-hover .table-teal-300:hover > td,
.table-hover .table-teal-300:hover > th {
  background-color: #87d7d5;
}

.table-teal-400,
.table-teal-400 > th,
.table-teal-400 > td {
  background-color: #89b5b5;
}

.table-teal-400 th,
.table-teal-400 td,
.table-teal-400 thead th,
.table-teal-400 tbody + tbody {
  border-color: #69a1a0;
}

.table-hover .table-teal-400:hover {
  background-color: #79abab;
}

.table-hover .table-teal-400:hover > td,
.table-hover .table-teal-400:hover > th {
  background-color: #79abab;
}

.table-warning-pale,
.table-warning-pale > th,
.table-warning-pale > td {
  background-color: #ffe8d5;
}

.table-warning-pale th,
.table-warning-pale td,
.table-warning-pale thead th,
.table-warning-pale tbody + tbody {
  border-color: #ffe1c9;
}

.table-hover .table-warning-pale:hover {
  background-color: #ffdabc;
}

.table-hover .table-warning-pale:hover > td,
.table-hover .table-warning-pale:hover > th {
  background-color: #ffdabc;
}

.table-danger-pale,
.table-danger-pale > th,
.table-danger-pale > td {
  background-color: #f7cfd1;
}

.table-danger-pale th,
.table-danger-pale td,
.table-danger-pale thead th,
.table-danger-pale tbody + tbody {
  border-color: #f4c1c5;
}

.table-hover .table-danger-pale:hover {
  background-color: #f3b9bc;
}

.table-hover .table-danger-pale:hover > td,
.table-hover .table-danger-pale:hover > th {
  background-color: #f3b9bc;
}

.table-red-050,
.table-red-050 > th,
.table-red-050 > td {
  background-color: #fadfe1;
}

.table-red-050 th,
.table-red-050 td,
.table-red-050 thead th,
.table-red-050 tbody + tbody {
  border-color: #f8d7d9;
}

.table-hover .table-red-050:hover {
  background-color: #f7c9cc;
}

.table-hover .table-red-050:hover > td,
.table-hover .table-red-050:hover > th {
  background-color: #f7c9cc;
}

.table-red-100,
.table-red-100 > th,
.table-red-100 > td {
  background-color: #f7cfd1;
}

.table-red-100 th,
.table-red-100 td,
.table-red-100 thead th,
.table-red-100 tbody + tbody {
  border-color: #f4c1c5;
}

.table-hover .table-red-100:hover {
  background-color: #f3b9bc;
}

.table-hover .table-red-100:hover > td,
.table-hover .table-red-100:hover > th {
  background-color: #f3b9bc;
}

.table-red-200,
.table-red-200 > th,
.table-red-200 > td {
  background-color: #f3b7ba;
}

.table-red-200 th,
.table-red-200 td,
.table-red-200 thead th,
.table-red-200 tbody + tbody {
  border-color: #efa3a8;
}

.table-hover .table-red-200:hover {
  background-color: #efa1a5;
}

.table-hover .table-red-200:hover > td,
.table-hover .table-red-200:hover > th {
  background-color: #efa1a5;
}

.table-red-300,
.table-red-300 > th,
.table-red-300 > td {
  background-color: #ea878d;
}

.table-red-300 th,
.table-red-300 td,
.table-red-300 thead th,
.table-red-300 tbody + tbody {
  border-color: #e4666e;
}

.table-hover .table-red-300:hover {
  background-color: #e67178;
}

.table-hover .table-red-300:hover > td,
.table-hover .table-red-300:hover > th {
  background-color: #e67178;
}

.table-red-400,
.table-red-400 > th,
.table-red-400 > td {
  background-color: #ba7f83;
}

.table-red-400 th,
.table-red-400 td,
.table-red-400 thead th,
.table-red-400 tbody + tbody {
  border-color: #a75c61;
}

.table-hover .table-red-400:hover {
  background-color: #b16e73;
}

.table-hover .table-red-400:hover > td,
.table-hover .table-red-400:hover > th {
  background-color: #b16e73;
}

.table-red-500,
.table-red-500 > th,
.table-red-500 > td {
  background-color: #a27b7d;
}

.table-red-500 th,
.table-red-500 td,
.table-red-500 thead th,
.table-red-500 tbody + tbody {
  border-color: #89575a;
}

.table-hover .table-red-500:hover {
  background-color: #976c6e;
}

.table-hover .table-red-500:hover > td,
.table-hover .table-red-500:hover > th {
  background-color: #976c6e;
}

.table-neutral,
.table-neutral > th,
.table-neutral > td {
  background-color: #e4e7eb;
}

.table-neutral th,
.table-neutral td,
.table-neutral thead th,
.table-neutral tbody + tbody {
  border-color: #dde1e6;
}

.table-hover .table-neutral:hover {
  background-color: #d5dae0;
}

.table-hover .table-neutral:hover > td,
.table-hover .table-neutral:hover > th {
  background-color: #d5dae0;
}

.table-gray-050,
.table-gray-050 > th,
.table-gray-050 > td {
  background-color: #f9fafb;
}

.table-gray-050 th,
.table-gray-050 td,
.table-gray-050 thead th,
.table-gray-050 tbody + tbody {
  border-color: #f8f8fa;
}

.table-hover .table-gray-050:hover {
  background-color: #eaedf1;
}

.table-hover .table-gray-050:hover > td,
.table-hover .table-gray-050:hover > th {
  background-color: #eaedf1;
}

.table-gray-100,
.table-gray-100 > th,
.table-gray-100 > td {
  background-color: #eff1f4;
}

.table-gray-100 th,
.table-gray-100 td,
.table-gray-100 thead th,
.table-gray-100 tbody + tbody {
  border-color: #ebedf1;
}

.table-hover .table-gray-100:hover {
  background-color: #e0e4ea;
}

.table-hover .table-gray-100:hover > td,
.table-hover .table-gray-100:hover > th {
  background-color: #e0e4ea;
}

.table-gray-200,
.table-gray-200 > th,
.table-gray-200 > td {
  background-color: #e4e7eb;
}

.table-gray-200 th,
.table-gray-200 td,
.table-gray-200 thead th,
.table-gray-200 tbody + tbody {
  border-color: #dde1e6;
}

.table-hover .table-gray-200:hover {
  background-color: #d5dae0;
}

.table-hover .table-gray-200:hover > td,
.table-hover .table-gray-200:hover > th {
  background-color: #d5dae0;
}

.table-gray-300,
.table-gray-300 > th,
.table-gray-300 > td {
  background-color: #bbc3ce;
}

.table-gray-300 th,
.table-gray-300 td,
.table-gray-300 thead th,
.table-gray-300 tbody + tbody {
  border-color: #a9b3c1;
}

.table-hover .table-gray-300:hover {
  background-color: #acb6c3;
}

.table-hover .table-gray-300:hover > td,
.table-hover .table-gray-300:hover > th {
  background-color: #acb6c3;
}

.table-gray-400,
.table-gray-400 > th,
.table-gray-400 > td {
  background-color: #a6aeb9;
}

.table-gray-400 th,
.table-gray-400 td,
.table-gray-400 thead th,
.table-gray-400 tbody + tbody {
  border-color: #8e98a6;
}

.table-hover .table-gray-400:hover {
  background-color: #98a1ae;
}

.table-hover .table-gray-400:hover > td,
.table-hover .table-gray-400:hover > th {
  background-color: #98a1ae;
}

.table-gray-500,
.table-gray-500 > th,
.table-gray-500 > td {
  background-color: #9aa0a9;
}

.table-gray-500 th,
.table-gray-500 td,
.table-gray-500 thead th,
.table-gray-500 tbody + tbody {
  border-color: #7f8692;
}

.table-hover .table-gray-500:hover {
  background-color: #8c939d;
}

.table-hover .table-gray-500:hover > td,
.table-hover .table-gray-500:hover > th {
  background-color: #8c939d;
}

.table-gray-600,
.table-gray-600 > th,
.table-gray-600 > td {
  background-color: #8e9399;
}

.table-gray-600 th,
.table-gray-600 td,
.table-gray-600 thead th,
.table-gray-600 tbody + tbody {
  border-color: #70757d;
}

.table-hover .table-gray-600:hover {
  background-color: #81868d;
}

.table-hover .table-gray-600:hover > td,
.table-hover .table-gray-600:hover > th {
  background-color: #81868d;
}

.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}

.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: white;
}

.table-hover .table-white:hover {
  background-color: #f2f2f2;
}

.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(227, 230, 235, 0.75);
}

.table-hover .table-active:hover {
  background-color: rgba(212, 217, 224, 0.75);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(212, 217, 224, 0.75);
}

.table .thead-dark th {
  color: #fff;
  background-color: #485363;
  border-color: #2d343e;
}

.table .thead-light th {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #e3e6eb;
}

.table-dark {
  color: #fff;
  background-color: #485363;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #2d343e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1599.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xxl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 1rem + 4px);
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5d6c81;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4dc;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075);
          box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075);
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #5d6c81;
}

.form-control:focus {
  color: #5d6c81;
  background-color: #fff;
  border-color: #0066CC;
  outline: 0;
  -webkit-box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075), 0 0 0;
          box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075), 0 0 0;
}

.form-control::-webkit-input-placeholder {
  color: #ced4dc;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #ced4dc;
  opacity: 1;
}

.form-control::placeholder {
  color: #ced4dc;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e3e6eb;
  opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select.form-control:focus::-ms-value {
  color: #5d6c81;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.5rem + 2px);
  padding-bottom: calc(0.5rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 2px);
  padding-bottom: calc(0.5rem + 2px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 2px);
  padding-bottom: calc(0.25rem + 2px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #485363;
  background-color: transparent;
  border: solid transparent;
  border-width: 2px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 4px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 4px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.35rem;
  margin-left: -1.25rem;
}

.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #8492A6;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #66B34E;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(102, 179, 78, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #66B34E;
  padding-right: calc(1.5em + 1rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2366B34E' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.25rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #66B34E;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1rem);
  background-position: top calc(0.375em + 0.25rem) right calc(0.375em + 0.25rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #66B34E;
  padding-right: calc(0.75em + 2.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23272e37' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2366B34E' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #66B34E;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #66B34E;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #66B34E;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #66B34E;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #85c272;
  background-color: #85c272;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #66B34E;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #66B34E;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #66B34E;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #D92530;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(217, 37, 48, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #D92530;
  padding-right: calc(1.5em + 1rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23D92530' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D92530' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.25rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #D92530;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1rem);
  background-position: top calc(0.375em + 0.25rem) right calc(0.375em + 0.25rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #D92530;
  padding-right: calc(0.75em + 2.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23272e37' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23D92530' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23D92530' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 2rem/calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #D92530;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #D92530;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #D92530;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #D92530;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e15059;
  background-color: #e15059;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #D92530;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #D92530;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #D92530;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #485363;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    transition: none;
  }
}

.btn:hover {
  color: #485363;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125);
}

.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25), inset 0 3px 5px rgba(72, 83, 99, 0.125);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25), inset 0 3px 5px rgba(72, 83, 99, 0.125);
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0053a6;
  border-color: #004d99;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0053a6;
  border-color: #004d99;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #004d99;
  border-color: #00468c;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #6e7e96;
  border-color: #68788f;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #6e7e96;
  border-color: #68788f;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #68788f;
  border-color: #627288;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #66B34E;
  border-color: #66B34E;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-success:hover {
  color: #fff;
  background-color: #569942;
  border-color: #51903e;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #569942;
  border-color: #51903e;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(125, 190, 105, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(125, 190, 105, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #66B34E;
  border-color: #66B34E;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #51903e;
  border-color: #4c873a;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(125, 190, 105, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(125, 190, 105, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #6554C0;
  border-color: #6554C0;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-info:hover {
  color: #fff;
  background-color: #5140ae;
  border-color: #4d3da4;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #5140ae;
  border-color: #4d3da4;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(124, 110, 201, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(124, 110, 201, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #6554C0;
  border-color: #6554C0;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #4d3da4;
  border-color: #49399b;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(124, 110, 201, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(124, 110, 201, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #EF6C00;
  border-color: #EF6C00;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-warning:hover {
  color: #fff;
  background-color: #c95b00;
  border-color: #bc5500;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #c95b00;
  border-color: #bc5500;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(241, 130, 38, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(241, 130, 38, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #fff;
  background-color: #EF6C00;
  border-color: #EF6C00;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #bc5500;
  border-color: #af4f00;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(241, 130, 38, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(241, 130, 38, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-danger:hover {
  color: #fff;
  background-color: #b81f29;
  border-color: #ad1e26;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #b81f29;
  border-color: #ad1e26;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ad1e26;
  border-color: #a31c24;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
}

.btn-light {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-light:hover {
  color: #1d2128;
  background-color: #dee2e7;
  border-color: #d7dbe2;
}

.btn-light:focus, .btn-light.focus {
  color: #1d2128;
  background-color: #dee2e7;
  border-color: #d7dbe2;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #1d2128;
  background-color: #d7dbe2;
  border-color: #cfd5dd;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #272e37;
  border-color: #272e37;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-dark:hover {
  color: #fff;
  background-color: #171b20;
  border-color: #121519;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #171b20;
  border-color: #121519;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(72, 77, 85, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(72, 77, 85, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #272e37;
  border-color: #272e37;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #121519;
  border-color: #0d0f12;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(72, 77, 85, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(72, 77, 85, 0.5);
}

.btn-primary-pale {
  color: #fff;
  background-color: #4da6ff;
  border-color: #4da6ff;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-primary-pale:hover {
  color: #fff;
  background-color: #2693ff;
  border-color: #1a8cff;
}

.btn-primary-pale:focus, .btn-primary-pale.focus {
  color: #fff;
  background-color: #2693ff;
  border-color: #1a8cff;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(103, 179, 255, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(103, 179, 255, 0.5);
}

.btn-primary-pale.disabled, .btn-primary-pale:disabled {
  color: #fff;
  background-color: #4da6ff;
  border-color: #4da6ff;
}

.btn-primary-pale:not(:disabled):not(.disabled):active, .btn-primary-pale:not(:disabled):not(.disabled).active,
.show > .btn-primary-pale.dropdown-toggle {
  color: #fff;
  background-color: #1a8cff;
  border-color: #0d86ff;
}

.btn-primary-pale:not(:disabled):not(.disabled):active:focus, .btn-primary-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(103, 179, 255, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(103, 179, 255, 0.5);
}

.btn-blue-300 {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-blue-300:hover {
  color: #fff;
  background-color: #0053a6;
  border-color: #004d99;
}

.btn-blue-300:focus, .btn-blue-300.focus {
  color: #fff;
  background-color: #0053a6;
  border-color: #004d99;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
}

.btn-blue-300.disabled, .btn-blue-300:disabled {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
}

.btn-blue-300:not(:disabled):not(.disabled):active, .btn-blue-300:not(:disabled):not(.disabled).active,
.show > .btn-blue-300.dropdown-toggle {
  color: #fff;
  background-color: #004d99;
  border-color: #00468c;
}

.btn-blue-300:not(:disabled):not(.disabled):active:focus, .btn-blue-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 125, 212, 0.5);
}

.btn-blue-400 {
  color: #fff;
  background-color: #004d99;
  border-color: #004d99;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-blue-400:hover {
  color: #fff;
  background-color: #003973;
  border-color: #003366;
}

.btn-blue-400:focus, .btn-blue-400.focus {
  color: #fff;
  background-color: #003973;
  border-color: #003366;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 103, 168, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 103, 168, 0.5);
}

.btn-blue-400.disabled, .btn-blue-400:disabled {
  color: #fff;
  background-color: #004d99;
  border-color: #004d99;
}

.btn-blue-400:not(:disabled):not(.disabled):active, .btn-blue-400:not(:disabled):not(.disabled).active,
.show > .btn-blue-400.dropdown-toggle {
  color: #fff;
  background-color: #003366;
  border-color: #002d59;
}

.btn-blue-400:not(:disabled):not(.disabled):active:focus, .btn-blue-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 103, 168, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 103, 168, 0.5);
}

.btn-blue-500 {
  color: #fff;
  background-color: #003366;
  border-color: #003366;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-blue-500:hover {
  color: #fff;
  background-color: #002040;
  border-color: #001a33;
}

.btn-blue-500:focus, .btn-blue-500.focus {
  color: #fff;
  background-color: #002040;
  border-color: #001a33;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 82, 125, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 82, 125, 0.5);
}

.btn-blue-500.disabled, .btn-blue-500:disabled {
  color: #fff;
  background-color: #003366;
  border-color: #003366;
}

.btn-blue-500:not(:disabled):not(.disabled):active, .btn-blue-500:not(:disabled):not(.disabled).active,
.show > .btn-blue-500.dropdown-toggle {
  color: #fff;
  background-color: #001a33;
  border-color: #001326;
}

.btn-blue-500:not(:disabled):not(.disabled):active:focus, .btn-blue-500:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue-500.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 82, 125, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 82, 125, 0.5);
}

.btn-blue-600 {
  color: #fff;
  background-color: #00264d;
  border-color: #00264d;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-blue-600:hover {
  color: #fff;
  background-color: #001326;
  border-color: #000d1a;
}

.btn-blue-600:focus, .btn-blue-600.focus {
  color: #fff;
  background-color: #001326;
  border-color: #000d1a;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 71, 103, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(38, 71, 103, 0.5);
}

.btn-blue-600.disabled, .btn-blue-600:disabled {
  color: #fff;
  background-color: #00264d;
  border-color: #00264d;
}

.btn-blue-600:not(:disabled):not(.disabled):active, .btn-blue-600:not(:disabled):not(.disabled).active,
.show > .btn-blue-600.dropdown-toggle {
  color: #fff;
  background-color: #000d1a;
  border-color: #00060d;
}

.btn-blue-600:not(:disabled):not(.disabled):active:focus, .btn-blue-600:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue-600.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 71, 103, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(38, 71, 103, 0.5);
}

.btn-success-pale {
  color: #1d2128;
  background-color: #e1f0dd;
  border-color: #e1f0dd;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-success-pale:hover {
  color: #1d2128;
  background-color: #cae5c2;
  border-color: #c3e1b9;
}

.btn-success-pale:focus, .btn-success-pale.focus {
  color: #1d2128;
  background-color: #cae5c2;
  border-color: #c3e1b9;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(196, 209, 194, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(196, 209, 194, 0.5);
}

.btn-success-pale.disabled, .btn-success-pale:disabled {
  color: #1d2128;
  background-color: #e1f0dd;
  border-color: #e1f0dd;
}

.btn-success-pale:not(:disabled):not(.disabled):active, .btn-success-pale:not(:disabled):not(.disabled).active,
.show > .btn-success-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #c3e1b9;
  border-color: #bbddb0;
}

.btn-success-pale:not(:disabled):not(.disabled):active:focus, .btn-success-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-success-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(196, 209, 194, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(196, 209, 194, 0.5);
}

.btn-info-pale {
  color: #1d2128;
  background-color: #ebe9f7;
  border-color: #ebe9f7;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-info-pale:hover {
  color: #1d2128;
  background-color: #d2cded;
  border-color: #cac4e9;
}

.btn-info-pale:focus, .btn-info-pale.focus {
  color: #1d2128;
  background-color: #d2cded;
  border-color: #cac4e9;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(204, 203, 216, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(204, 203, 216, 0.5);
}

.btn-info-pale.disabled, .btn-info-pale:disabled {
  color: #1d2128;
  background-color: #ebe9f7;
  border-color: #ebe9f7;
}

.btn-info-pale:not(:disabled):not(.disabled):active, .btn-info-pale:not(:disabled):not(.disabled).active,
.show > .btn-info-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #cac4e9;
  border-color: #c1bae6;
}

.btn-info-pale:not(:disabled):not(.disabled):active:focus, .btn-info-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-info-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(204, 203, 216, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(204, 203, 216, 0.5);
}

.btn-infoalt {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-infoalt:hover {
  color: #fff;
  background-color: #39a9a7;
  border-color: #369f9e;
}

.btn-infoalt:focus, .btn-infoalt.focus {
  color: #fff;
  background-color: #39a9a7;
  border-color: #369f9e;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
}

.btn-infoalt.disabled, .btn-infoalt:disabled {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-infoalt:not(:disabled):not(.disabled):active, .btn-infoalt:not(:disabled):not(.disabled).active,
.show > .btn-infoalt.dropdown-toggle {
  color: #fff;
  background-color: #369f9e;
  border-color: #329694;
}

.btn-infoalt:not(:disabled):not(.disabled):active:focus, .btn-infoalt:not(:disabled):not(.disabled).active:focus,
.show > .btn-infoalt.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
}

.btn-progress {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-progress:hover {
  color: #fff;
  background-color: #39a9a7;
  border-color: #369f9e;
}

.btn-progress:focus, .btn-progress.focus {
  color: #fff;
  background-color: #39a9a7;
  border-color: #369f9e;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
}

.btn-progress.disabled, .btn-progress:disabled {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-progress:not(:disabled):not(.disabled):active, .btn-progress:not(:disabled):not(.disabled).active,
.show > .btn-progress.dropdown-toggle {
  color: #fff;
  background-color: #369f9e;
  border-color: #329694;
}

.btn-progress:not(:disabled):not(.disabled):active:focus, .btn-progress:not(:disabled):not(.disabled).active:focus,
.show > .btn-progress.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
}

.btn-progress-pale {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-progress-pale:hover {
  color: #1d2128;
  background-color: #c3ebea;
  border-color: #b9e8e7;
}

.btn-progress-pale:focus, .btn-progress-pale.focus {
  color: #1d2128;
  background-color: #c3ebea;
  border-color: #b9e8e7;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
}

.btn-progress-pale.disabled, .btn-progress-pale:disabled {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-progress-pale:not(:disabled):not(.disabled):active, .btn-progress-pale:not(:disabled):not(.disabled).active,
.show > .btn-progress-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #b9e8e7;
  border-color: #b0e4e3;
}

.btn-progress-pale:not(:disabled):not(.disabled):active:focus, .btn-progress-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-progress-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
}

.btn-teal-050 {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-teal-050:hover {
  color: #1d2128;
  background-color: #c3ebea;
  border-color: #b9e8e7;
}

.btn-teal-050:focus, .btn-teal-050.focus {
  color: #1d2128;
  background-color: #c3ebea;
  border-color: #b9e8e7;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
}

.btn-teal-050.disabled, .btn-teal-050:disabled {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-teal-050:not(:disabled):not(.disabled):active, .btn-teal-050:not(:disabled):not(.disabled).active,
.show > .btn-teal-050.dropdown-toggle {
  color: #1d2128;
  background-color: #b9e8e7;
  border-color: #b0e4e3;
}

.btn-teal-050:not(:disabled):not(.disabled):active:focus, .btn-teal-050:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal-050.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(194, 213, 213, 0.5);
}

.btn-teal-100 {
  color: #1d2128;
  background-color: #80d4d3;
  border-color: #80d4d3;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-teal-100:hover {
  color: #1d2128;
  background-color: #64cbc9;
  border-color: #5ac7c6;
}

.btn-teal-100:focus, .btn-teal-100.focus {
  color: #1d2128;
  background-color: #64cbc9;
  border-color: #5ac7c6;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(113, 185, 185, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(113, 185, 185, 0.5);
}

.btn-teal-100.disabled, .btn-teal-100:disabled {
  color: #1d2128;
  background-color: #80d4d3;
  border-color: #80d4d3;
}

.btn-teal-100:not(:disabled):not(.disabled):active, .btn-teal-100:not(:disabled):not(.disabled).active,
.show > .btn-teal-100.dropdown-toggle {
  color: #1d2128;
  background-color: #5ac7c6;
  border-color: #51c4c2;
}

.btn-teal-100:not(:disabled):not(.disabled):active:focus, .btn-teal-100:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal-100.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(113, 185, 185, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(113, 185, 185, 0.5);
}

.btn-teal-200 {
  color: #1d2128;
  background-color: #6dcecc;
  border-color: #6dcecc;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-teal-200:hover {
  color: #1d2128;
  background-color: #51c4c2;
  border-color: #47c1bf;
}

.btn-teal-200:focus, .btn-teal-200.focus {
  color: #1d2128;
  background-color: #51c4c2;
  border-color: #47c1bf;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(97, 180, 180, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(97, 180, 180, 0.5);
}

.btn-teal-200.disabled, .btn-teal-200:disabled {
  color: #1d2128;
  background-color: #6dcecc;
  border-color: #6dcecc;
}

.btn-teal-200:not(:disabled):not(.disabled):active, .btn-teal-200:not(:disabled):not(.disabled).active,
.show > .btn-teal-200.dropdown-toggle {
  color: #1d2128;
  background-color: #47c1bf;
  border-color: #3fbcba;
}

.btn-teal-200:not(:disabled):not(.disabled):active:focus, .btn-teal-200:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal-200.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(97, 180, 180, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(97, 180, 180, 0.5);
}

.btn-teal-300 {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-teal-300:hover {
  color: #fff;
  background-color: #39a9a7;
  border-color: #369f9e;
}

.btn-teal-300:focus, .btn-teal-300.focus {
  color: #fff;
  background-color: #39a9a7;
  border-color: #369f9e;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
}

.btn-teal-300.disabled, .btn-teal-300:disabled {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-teal-300:not(:disabled):not(.disabled):active, .btn-teal-300:not(:disabled):not(.disabled).active,
.show > .btn-teal-300.dropdown-toggle {
  color: #fff;
  background-color: #369f9e;
  border-color: #329694;
}

.btn-teal-300:not(:disabled):not(.disabled):active:focus, .btn-teal-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(65, 169, 168, 0.5);
}

.btn-teal-400 {
  color: #fff;
  background-color: #297978;
  border-color: #297978;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-teal-400:hover {
  color: #fff;
  background-color: #1f5d5c;
  border-color: #1c5352;
}

.btn-teal-400:focus, .btn-teal-400.focus {
  color: #fff;
  background-color: #1f5d5c;
  border-color: #1c5352;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(73, 141, 140, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(73, 141, 140, 0.5);
}

.btn-teal-400.disabled, .btn-teal-400:disabled {
  color: #fff;
  background-color: #297978;
  border-color: #297978;
}

.btn-teal-400:not(:disabled):not(.disabled):active, .btn-teal-400:not(:disabled):not(.disabled).active,
.show > .btn-teal-400.dropdown-toggle {
  color: #fff;
  background-color: #1c5352;
  border-color: #194949;
}

.btn-teal-400:not(:disabled):not(.disabled):active:focus, .btn-teal-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(73, 141, 140, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(73, 141, 140, 0.5);
}

.btn-warning-pale {
  color: #1d2128;
  background-color: #ffd5b2;
  border-color: #ffd5b2;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-warning-pale:hover {
  color: #1d2128;
  background-color: #ffc08c;
  border-color: #ffb97f;
}

.btn-warning-pale:focus, .btn-warning-pale.focus {
  color: #1d2128;
  background-color: #ffc08c;
  border-color: #ffb97f;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(221, 186, 157, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(221, 186, 157, 0.5);
}

.btn-warning-pale.disabled, .btn-warning-pale:disabled {
  color: #1d2128;
  background-color: #ffd5b2;
  border-color: #ffd5b2;
}

.btn-warning-pale:not(:disabled):not(.disabled):active, .btn-warning-pale:not(:disabled):not(.disabled).active,
.show > .btn-warning-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #ffb97f;
  border-color: #ffb272;
}

.btn-warning-pale:not(:disabled):not(.disabled):active:focus, .btn-warning-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(221, 186, 157, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(221, 186, 157, 0.5);
}

.btn-danger-pale {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-danger-pale:hover {
  color: #1d2128;
  background-color: #ea868c;
  border-color: #e97b82;
}

.btn-danger-pale:focus, .btn-danger-pale.focus {
  color: #1d2128;
  background-color: #ea868c;
  border-color: #e97b82;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
}

.btn-danger-pale.disabled, .btn-danger-pale:disabled {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-danger-pale:not(:disabled):not(.disabled):active, .btn-danger-pale:not(:disabled):not(.disabled).active,
.show > .btn-danger-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #e97b82;
  border-color: #e77178;
}

.btn-danger-pale:not(:disabled):not(.disabled):active:focus, .btn-danger-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
}

.btn-red-050 {
  color: #1d2128;
  background-color: #f5c6c8;
  border-color: #f5c6c8;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-red-050:hover {
  color: #1d2128;
  background-color: #f0a5a9;
  border-color: #ee9a9f;
}

.btn-red-050:focus, .btn-red-050.focus {
  color: #1d2128;
  background-color: #f0a5a9;
  border-color: #ee9a9f;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(213, 173, 176, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(213, 173, 176, 0.5);
}

.btn-red-050.disabled, .btn-red-050:disabled {
  color: #1d2128;
  background-color: #f5c6c8;
  border-color: #f5c6c8;
}

.btn-red-050:not(:disabled):not(.disabled):active, .btn-red-050:not(:disabled):not(.disabled).active,
.show > .btn-red-050.dropdown-toggle {
  color: #1d2128;
  background-color: #ee9a9f;
  border-color: #ec8f95;
}

.btn-red-050:not(:disabled):not(.disabled):active:focus, .btn-red-050:not(:disabled):not(.disabled).active:focus,
.show > .btn-red-050.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(213, 173, 176, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(213, 173, 176, 0.5);
}

.btn-red-100 {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-red-100:hover {
  color: #1d2128;
  background-color: #ea868c;
  border-color: #e97b82;
}

.btn-red-100:focus, .btn-red-100.focus {
  color: #1d2128;
  background-color: #ea868c;
  border-color: #e97b82;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
}

.btn-red-100.disabled, .btn-red-100:disabled {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-red-100:not(:disabled):not(.disabled):active, .btn-red-100:not(:disabled):not(.disabled).active,
.show > .btn-red-100.dropdown-toggle {
  color: #1d2128;
  background-color: #e97b82;
  border-color: #e77178;
}

.btn-red-100:not(:disabled):not(.disabled):active:focus, .btn-red-100:not(:disabled):not(.disabled).active:focus,
.show > .btn-red-100.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(208, 147, 152, 0.5);
}

.btn-red-200 {
  color: #1d2128;
  background-color: #e97b82;
  border-color: #e97b82;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-red-200:hover {
  color: #fff;
  background-color: #e35b63;
  border-color: #e15059;
}

.btn-red-200:focus, .btn-red-200.focus {
  color: #fff;
  background-color: #e35b63;
  border-color: #e15059;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(202, 110, 117, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(202, 110, 117, 0.5);
}

.btn-red-200.disabled, .btn-red-200:disabled {
  color: #1d2128;
  background-color: #e97b82;
  border-color: #e97b82;
}

.btn-red-200:not(:disabled):not(.disabled):active, .btn-red-200:not(:disabled):not(.disabled).active,
.show > .btn-red-200.dropdown-toggle {
  color: #fff;
  background-color: #e15059;
  border-color: #df454e;
}

.btn-red-200:not(:disabled):not(.disabled):active:focus, .btn-red-200:not(:disabled):not(.disabled).active:focus,
.show > .btn-red-200.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(202, 110, 117, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(202, 110, 117, 0.5);
}

.btn-red-300 {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-red-300:hover {
  color: #fff;
  background-color: #b81f29;
  border-color: #ad1e26;
}

.btn-red-300:focus, .btn-red-300.focus {
  color: #fff;
  background-color: #b81f29;
  border-color: #ad1e26;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
}

.btn-red-300.disabled, .btn-red-300:disabled {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
}

.btn-red-300:not(:disabled):not(.disabled):active, .btn-red-300:not(:disabled):not(.disabled).active,
.show > .btn-red-300.dropdown-toggle {
  color: #fff;
  background-color: #ad1e26;
  border-color: #a31c24;
}

.btn-red-300:not(:disabled):not(.disabled):active:focus, .btn-red-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-red-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(223, 70, 79, 0.5);
}

.btn-red-400 {
  color: #fff;
  background-color: #82161d;
  border-color: #82161d;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-red-400:hover {
  color: #fff;
  background-color: #611115;
  border-color: #560f13;
}

.btn-red-400:focus, .btn-red-400.focus {
  color: #fff;
  background-color: #611115;
  border-color: #560f13;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(149, 57, 63, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(149, 57, 63, 0.5);
}

.btn-red-400.disabled, .btn-red-400:disabled {
  color: #fff;
  background-color: #82161d;
  border-color: #82161d;
}

.btn-red-400:not(:disabled):not(.disabled):active, .btn-red-400:not(:disabled):not(.disabled).active,
.show > .btn-red-400.dropdown-toggle {
  color: #fff;
  background-color: #560f13;
  border-color: #4b0d11;
}

.btn-red-400:not(:disabled):not(.disabled):active:focus, .btn-red-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-red-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(149, 57, 63, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(149, 57, 63, 0.5);
}

.btn-red-500 {
  color: #fff;
  background-color: #560f13;
  border-color: #560f13;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-red-500:hover {
  color: #fff;
  background-color: #36090c;
  border-color: #2b0709;
}

.btn-red-500:focus, .btn-red-500.focus {
  color: #fff;
  background-color: #36090c;
  border-color: #2b0709;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(112, 51, 54, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(112, 51, 54, 0.5);
}

.btn-red-500.disabled, .btn-red-500:disabled {
  color: #fff;
  background-color: #560f13;
  border-color: #560f13;
}

.btn-red-500:not(:disabled):not(.disabled):active, .btn-red-500:not(:disabled):not(.disabled).active,
.show > .btn-red-500.dropdown-toggle {
  color: #fff;
  background-color: #2b0709;
  border-color: #200507;
}

.btn-red-500:not(:disabled):not(.disabled):active:focus, .btn-red-500:not(:disabled):not(.disabled).active:focus,
.show > .btn-red-500.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(112, 51, 54, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(112, 51, 54, 0.5);
}

.btn-neutral {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-neutral:hover {
  color: #1d2128;
  background-color: #b8c0cb;
  border-color: #b0b9c6;
}

.btn-neutral:focus, .btn-neutral.focus {
  color: #1d2128;
  background-color: #b8c0cb;
  border-color: #b0b9c6;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
}

.btn-neutral.disabled, .btn-neutral:disabled {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.btn-neutral:not(:disabled):not(.disabled):active, .btn-neutral:not(:disabled):not(.disabled).active,
.show > .btn-neutral.dropdown-toggle {
  color: #1d2128;
  background-color: #b0b9c6;
  border-color: #a9b3c1;
}

.btn-neutral:not(:disabled):not(.disabled):active:focus, .btn-neutral:not(:disabled):not(.disabled).active:focus,
.show > .btn-neutral.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
}

.btn-gray-050 {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-gray-050:hover {
  color: #1d2128;
  background-color: #dee2e7;
  border-color: #d7dbe2;
}

.btn-gray-050:focus, .btn-gray-050.focus {
  color: #1d2128;
  background-color: #dee2e7;
  border-color: #d7dbe2;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
}

.btn-gray-050.disabled, .btn-gray-050:disabled {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-gray-050:not(:disabled):not(.disabled):active, .btn-gray-050:not(:disabled):not(.disabled).active,
.show > .btn-gray-050.dropdown-toggle {
  color: #1d2128;
  background-color: #d7dbe2;
  border-color: #cfd5dd;
}

.btn-gray-050:not(:disabled):not(.disabled):active:focus, .btn-gray-050:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-050.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(212, 214, 216, 0.5);
}

.btn-gray-100 {
  color: #1d2128;
  background-color: #e3e6eb;
  border-color: #e3e6eb;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-gray-100:hover {
  color: #1d2128;
  background-color: #ccd2da;
  border-color: #c5ccd5;
}

.btn-gray-100:focus, .btn-gray-100.focus {
  color: #1d2128;
  background-color: #ccd2da;
  border-color: #c5ccd5;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(197, 200, 205, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(197, 200, 205, 0.5);
}

.btn-gray-100.disabled, .btn-gray-100:disabled {
  color: #1d2128;
  background-color: #e3e6eb;
  border-color: #e3e6eb;
}

.btn-gray-100:not(:disabled):not(.disabled):active, .btn-gray-100:not(:disabled):not(.disabled).active,
.show > .btn-gray-100.dropdown-toggle {
  color: #1d2128;
  background-color: #c5ccd5;
  border-color: #bec5d0;
}

.btn-gray-100:not(:disabled):not(.disabled):active:focus, .btn-gray-100:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-100.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(197, 200, 205, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(197, 200, 205, 0.5);
}

.btn-gray-200 {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-gray-200:hover {
  color: #1d2128;
  background-color: #b8c0cb;
  border-color: #b0b9c6;
}

.btn-gray-200:focus, .btn-gray-200.focus {
  color: #1d2128;
  background-color: #b8c0cb;
  border-color: #b0b9c6;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
}

.btn-gray-200.disabled, .btn-gray-200:disabled {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.btn-gray-200:not(:disabled):not(.disabled):active, .btn-gray-200:not(:disabled):not(.disabled).active,
.show > .btn-gray-200.dropdown-toggle {
  color: #1d2128;
  background-color: #b0b9c6;
  border-color: #a9b3c1;
}

.btn-gray-200:not(:disabled):not(.disabled):active:focus, .btn-gray-200:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-200.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(179, 185, 193, 0.5);
}

.btn-gray-300 {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-gray-300:hover {
  color: #fff;
  background-color: #6e7e96;
  border-color: #68788f;
}

.btn-gray-300:focus, .btn-gray-300.focus {
  color: #fff;
  background-color: #6e7e96;
  border-color: #68788f;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
}

.btn-gray-300.disabled, .btn-gray-300:disabled {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
}

.btn-gray-300:not(:disabled):not(.disabled):active, .btn-gray-300:not(:disabled):not(.disabled).active,
.show > .btn-gray-300.dropdown-toggle {
  color: #fff;
  background-color: #68788f;
  border-color: #627288;
}

.btn-gray-300:not(:disabled):not(.disabled):active:focus, .btn-gray-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(150, 162, 179, 0.5);
}

.btn-gray-400 {
  color: #fff;
  background-color: #5d6c81;
  border-color: #5d6c81;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-gray-400:hover {
  color: #fff;
  background-color: #4d596a;
  border-color: #485363;
}

.btn-gray-400:focus, .btn-gray-400.focus {
  color: #fff;
  background-color: #4d596a;
  border-color: #485363;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(117, 130, 147, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(117, 130, 147, 0.5);
}

.btn-gray-400.disabled, .btn-gray-400:disabled {
  color: #fff;
  background-color: #5d6c81;
  border-color: #5d6c81;
}

.btn-gray-400:not(:disabled):not(.disabled):active, .btn-gray-400:not(:disabled):not(.disabled).active,
.show > .btn-gray-400.dropdown-toggle {
  color: #fff;
  background-color: #485363;
  border-color: #424d5c;
}

.btn-gray-400:not(:disabled):not(.disabled):active:focus, .btn-gray-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(117, 130, 147, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(117, 130, 147, 0.5);
}

.btn-gray-500 {
  color: #fff;
  background-color: #485363;
  border-color: #485363;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-gray-500:hover {
  color: #fff;
  background-color: #38404d;
  border-color: #323a45;
}

.btn-gray-500:focus, .btn-gray-500.focus {
  color: #fff;
  background-color: #38404d;
  border-color: #323a45;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(99, 109, 122, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(99, 109, 122, 0.5);
}

.btn-gray-500.disabled, .btn-gray-500:disabled {
  color: #fff;
  background-color: #485363;
  border-color: #485363;
}

.btn-gray-500:not(:disabled):not(.disabled):active, .btn-gray-500:not(:disabled):not(.disabled).active,
.show > .btn-gray-500.dropdown-toggle {
  color: #fff;
  background-color: #323a45;
  border-color: #2d343e;
}

.btn-gray-500:not(:disabled):not(.disabled):active:focus, .btn-gray-500:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-500.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(99, 109, 122, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(99, 109, 122, 0.5);
}

.btn-gray-600 {
  color: #fff;
  background-color: #323a45;
  border-color: #323a45;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-gray-600:hover {
  color: #fff;
  background-color: #22272f;
  border-color: #1d2128;
}

.btn-gray-600:focus, .btn-gray-600.focus {
  color: #fff;
  background-color: #22272f;
  border-color: #1d2128;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(81, 88, 97, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(81, 88, 97, 0.5);
}

.btn-gray-600.disabled, .btn-gray-600:disabled {
  color: #fff;
  background-color: #323a45;
  border-color: #323a45;
}

.btn-gray-600:not(:disabled):not(.disabled):active, .btn-gray-600:not(:disabled):not(.disabled).active,
.show > .btn-gray-600.dropdown-toggle {
  color: #fff;
  background-color: #1d2128;
  border-color: #171b20;
}

.btn-gray-600:not(:disabled):not(.disabled):active:focus, .btn-gray-600:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray-600.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(81, 88, 97, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(81, 88, 97, 0.5);
}

.btn-white {
  color: #1d2128;
  background-color: #fff;
  border-color: #fff;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-white:hover {
  color: #1d2128;
  background-color: #ececec;
  border-color: #e6e6e6;
}

.btn-white:focus, .btn-white.focus {
  color: #1d2128;
  background-color: #ececec;
  border-color: #e6e6e6;
  -webkit-box-shadow: 0 0 0, 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
          box-shadow: 0 0 0, 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
}

.btn-white.disabled, .btn-white:disabled {
  color: #1d2128;
  background-color: #fff;
  border-color: #fff;
}

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle {
  color: #1d2128;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}

.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(221, 222, 223, 0.5);
}

.btn-outline-primary {
  color: #0066CC;
  border-color: #0066CC;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #0066CC;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
}

.btn-outline-secondary {
  color: #8492A6;
  border-color: #8492A6;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #8492A6;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
}

.btn-outline-success {
  color: #66B34E;
  border-color: #66B34E;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #66B34E;
  border-color: #66B34E;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #66B34E;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #66B34E;
  border-color: #66B34E;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(102, 179, 78, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(102, 179, 78, 0.5);
}

.btn-outline-info {
  color: #6554C0;
  border-color: #6554C0;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #6554C0;
  border-color: #6554C0;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(101, 84, 192, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(101, 84, 192, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #6554C0;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #6554C0;
  border-color: #6554C0;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(101, 84, 192, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(101, 84, 192, 0.5);
}

.btn-outline-warning {
  color: #EF6C00;
  border-color: #EF6C00;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #EF6C00;
  border-color: #EF6C00;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 108, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(239, 108, 0, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #EF6C00;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #EF6C00;
  border-color: #EF6C00;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(239, 108, 0, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(239, 108, 0, 0.5);
}

.btn-outline-danger {
  color: #D92530;
  border-color: #D92530;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #D92530;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
}

.btn-outline-light {
  color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-outline-light:hover {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f4f6f7;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
}

.btn-outline-dark {
  color: #272e37;
  border-color: #272e37;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #272e37;
  border-color: #272e37;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(39, 46, 55, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(39, 46, 55, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #272e37;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #272e37;
  border-color: #272e37;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(39, 46, 55, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(39, 46, 55, 0.5);
}

.btn-outline-primary-pale {
  color: #4da6ff;
  border-color: #4da6ff;
}

.btn-outline-primary-pale:hover {
  color: #fff;
  background-color: #4da6ff;
  border-color: #4da6ff;
}

.btn-outline-primary-pale:focus, .btn-outline-primary-pale.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 166, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(77, 166, 255, 0.5);
}

.btn-outline-primary-pale.disabled, .btn-outline-primary-pale:disabled {
  color: #4da6ff;
  background-color: transparent;
}

.btn-outline-primary-pale:not(:disabled):not(.disabled):active, .btn-outline-primary-pale:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary-pale.dropdown-toggle {
  color: #fff;
  background-color: #4da6ff;
  border-color: #4da6ff;
}

.btn-outline-primary-pale:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(77, 166, 255, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(77, 166, 255, 0.5);
}

.btn-outline-blue-300 {
  color: #0066CC;
  border-color: #0066CC;
}

.btn-outline-blue-300:hover {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
}

.btn-outline-blue-300:focus, .btn-outline-blue-300.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
}

.btn-outline-blue-300.disabled, .btn-outline-blue-300:disabled {
  color: #0066CC;
  background-color: transparent;
}

.btn-outline-blue-300:not(:disabled):not(.disabled):active, .btn-outline-blue-300:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue-300.dropdown-toggle {
  color: #fff;
  background-color: #0066CC;
  border-color: #0066CC;
}

.btn-outline-blue-300:not(:disabled):not(.disabled):active:focus, .btn-outline-blue-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
}

.btn-outline-blue-400 {
  color: #004d99;
  border-color: #004d99;
}

.btn-outline-blue-400:hover {
  color: #fff;
  background-color: #004d99;
  border-color: #004d99;
}

.btn-outline-blue-400:focus, .btn-outline-blue-400.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 77, 153, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 77, 153, 0.5);
}

.btn-outline-blue-400.disabled, .btn-outline-blue-400:disabled {
  color: #004d99;
  background-color: transparent;
}

.btn-outline-blue-400:not(:disabled):not(.disabled):active, .btn-outline-blue-400:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue-400.dropdown-toggle {
  color: #fff;
  background-color: #004d99;
  border-color: #004d99;
}

.btn-outline-blue-400:not(:disabled):not(.disabled):active:focus, .btn-outline-blue-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 77, 153, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 77, 153, 0.5);
}

.btn-outline-blue-500 {
  color: #003366;
  border-color: #003366;
}

.btn-outline-blue-500:hover {
  color: #fff;
  background-color: #003366;
  border-color: #003366;
}

.btn-outline-blue-500:focus, .btn-outline-blue-500.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 51, 102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 51, 102, 0.5);
}

.btn-outline-blue-500.disabled, .btn-outline-blue-500:disabled {
  color: #003366;
  background-color: transparent;
}

.btn-outline-blue-500:not(:disabled):not(.disabled):active, .btn-outline-blue-500:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue-500.dropdown-toggle {
  color: #fff;
  background-color: #003366;
  border-color: #003366;
}

.btn-outline-blue-500:not(:disabled):not(.disabled):active:focus, .btn-outline-blue-500:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue-500.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 51, 102, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 51, 102, 0.5);
}

.btn-outline-blue-600 {
  color: #00264d;
  border-color: #00264d;
}

.btn-outline-blue-600:hover {
  color: #fff;
  background-color: #00264d;
  border-color: #00264d;
}

.btn-outline-blue-600:focus, .btn-outline-blue-600.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 38, 77, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 38, 77, 0.5);
}

.btn-outline-blue-600.disabled, .btn-outline-blue-600:disabled {
  color: #00264d;
  background-color: transparent;
}

.btn-outline-blue-600:not(:disabled):not(.disabled):active, .btn-outline-blue-600:not(:disabled):not(.disabled).active,
.show > .btn-outline-blue-600.dropdown-toggle {
  color: #fff;
  background-color: #00264d;
  border-color: #00264d;
}

.btn-outline-blue-600:not(:disabled):not(.disabled):active:focus, .btn-outline-blue-600:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-blue-600.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 38, 77, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(0, 38, 77, 0.5);
}

.btn-outline-success-pale {
  color: #e1f0dd;
  border-color: #e1f0dd;
}

.btn-outline-success-pale:hover {
  color: #1d2128;
  background-color: #e1f0dd;
  border-color: #e1f0dd;
}

.btn-outline-success-pale:focus, .btn-outline-success-pale.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 240, 221, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(225, 240, 221, 0.5);
}

.btn-outline-success-pale.disabled, .btn-outline-success-pale:disabled {
  color: #e1f0dd;
  background-color: transparent;
}

.btn-outline-success-pale:not(:disabled):not(.disabled):active, .btn-outline-success-pale:not(:disabled):not(.disabled).active,
.show > .btn-outline-success-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #e1f0dd;
  border-color: #e1f0dd;
}

.btn-outline-success-pale:not(:disabled):not(.disabled):active:focus, .btn-outline-success-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(225, 240, 221, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(225, 240, 221, 0.5);
}

.btn-outline-info-pale {
  color: #ebe9f7;
  border-color: #ebe9f7;
}

.btn-outline-info-pale:hover {
  color: #1d2128;
  background-color: #ebe9f7;
  border-color: #ebe9f7;
}

.btn-outline-info-pale:focus, .btn-outline-info-pale.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 233, 247, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(235, 233, 247, 0.5);
}

.btn-outline-info-pale.disabled, .btn-outline-info-pale:disabled {
  color: #ebe9f7;
  background-color: transparent;
}

.btn-outline-info-pale:not(:disabled):not(.disabled):active, .btn-outline-info-pale:not(:disabled):not(.disabled).active,
.show > .btn-outline-info-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #ebe9f7;
  border-color: #ebe9f7;
}

.btn-outline-info-pale:not(:disabled):not(.disabled):active:focus, .btn-outline-info-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(235, 233, 247, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(235, 233, 247, 0.5);
}

.btn-outline-infoalt {
  color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-infoalt:hover {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-infoalt:focus, .btn-outline-infoalt.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.btn-outline-infoalt.disabled, .btn-outline-infoalt:disabled {
  color: #47C1BF;
  background-color: transparent;
}

.btn-outline-infoalt:not(:disabled):not(.disabled):active, .btn-outline-infoalt:not(:disabled):not(.disabled).active,
.show > .btn-outline-infoalt.dropdown-toggle {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-infoalt:not(:disabled):not(.disabled):active:focus, .btn-outline-infoalt:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-infoalt.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.btn-outline-progress {
  color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-progress:hover {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-progress:focus, .btn-outline-progress.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.btn-outline-progress.disabled, .btn-outline-progress:disabled {
  color: #47C1BF;
  background-color: transparent;
}

.btn-outline-progress:not(:disabled):not(.disabled):active, .btn-outline-progress:not(:disabled):not(.disabled).active,
.show > .btn-outline-progress.dropdown-toggle {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-progress:not(:disabled):not(.disabled):active:focus, .btn-outline-progress:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-progress.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.btn-outline-progress-pale {
  color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-outline-progress-pale:hover {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-outline-progress-pale:focus, .btn-outline-progress-pale.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
}

.btn-outline-progress-pale.disabled, .btn-outline-progress-pale:disabled {
  color: #e0f4f4;
  background-color: transparent;
}

.btn-outline-progress-pale:not(:disabled):not(.disabled):active, .btn-outline-progress-pale:not(:disabled):not(.disabled).active,
.show > .btn-outline-progress-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-outline-progress-pale:not(:disabled):not(.disabled):active:focus, .btn-outline-progress-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-progress-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
}

.btn-outline-teal-050 {
  color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-outline-teal-050:hover {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-outline-teal-050:focus, .btn-outline-teal-050.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
}

.btn-outline-teal-050.disabled, .btn-outline-teal-050:disabled {
  color: #e0f4f4;
  background-color: transparent;
}

.btn-outline-teal-050:not(:disabled):not(.disabled):active, .btn-outline-teal-050:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal-050.dropdown-toggle {
  color: #1d2128;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.btn-outline-teal-050:not(:disabled):not(.disabled):active:focus, .btn-outline-teal-050:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal-050.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
}

.btn-outline-teal-100 {
  color: #80d4d3;
  border-color: #80d4d3;
}

.btn-outline-teal-100:hover {
  color: #1d2128;
  background-color: #80d4d3;
  border-color: #80d4d3;
}

.btn-outline-teal-100:focus, .btn-outline-teal-100.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 212, 211, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(128, 212, 211, 0.5);
}

.btn-outline-teal-100.disabled, .btn-outline-teal-100:disabled {
  color: #80d4d3;
  background-color: transparent;
}

.btn-outline-teal-100:not(:disabled):not(.disabled):active, .btn-outline-teal-100:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal-100.dropdown-toggle {
  color: #1d2128;
  background-color: #80d4d3;
  border-color: #80d4d3;
}

.btn-outline-teal-100:not(:disabled):not(.disabled):active:focus, .btn-outline-teal-100:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal-100.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(128, 212, 211, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(128, 212, 211, 0.5);
}

.btn-outline-teal-200 {
  color: #6dcecc;
  border-color: #6dcecc;
}

.btn-outline-teal-200:hover {
  color: #1d2128;
  background-color: #6dcecc;
  border-color: #6dcecc;
}

.btn-outline-teal-200:focus, .btn-outline-teal-200.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(109, 206, 204, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(109, 206, 204, 0.5);
}

.btn-outline-teal-200.disabled, .btn-outline-teal-200:disabled {
  color: #6dcecc;
  background-color: transparent;
}

.btn-outline-teal-200:not(:disabled):not(.disabled):active, .btn-outline-teal-200:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal-200.dropdown-toggle {
  color: #1d2128;
  background-color: #6dcecc;
  border-color: #6dcecc;
}

.btn-outline-teal-200:not(:disabled):not(.disabled):active:focus, .btn-outline-teal-200:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal-200.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(109, 206, 204, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(109, 206, 204, 0.5);
}

.btn-outline-teal-300 {
  color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-teal-300:hover {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-teal-300:focus, .btn-outline-teal-300.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.btn-outline-teal-300.disabled, .btn-outline-teal-300:disabled {
  color: #47C1BF;
  background-color: transparent;
}

.btn-outline-teal-300:not(:disabled):not(.disabled):active, .btn-outline-teal-300:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal-300.dropdown-toggle {
  color: #1d2128;
  background-color: #47C1BF;
  border-color: #47C1BF;
}

.btn-outline-teal-300:not(:disabled):not(.disabled):active:focus, .btn-outline-teal-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.btn-outline-teal-400 {
  color: #297978;
  border-color: #297978;
}

.btn-outline-teal-400:hover {
  color: #fff;
  background-color: #297978;
  border-color: #297978;
}

.btn-outline-teal-400:focus, .btn-outline-teal-400.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 121, 120, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(41, 121, 120, 0.5);
}

.btn-outline-teal-400.disabled, .btn-outline-teal-400:disabled {
  color: #297978;
  background-color: transparent;
}

.btn-outline-teal-400:not(:disabled):not(.disabled):active, .btn-outline-teal-400:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal-400.dropdown-toggle {
  color: #fff;
  background-color: #297978;
  border-color: #297978;
}

.btn-outline-teal-400:not(:disabled):not(.disabled):active:focus, .btn-outline-teal-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(41, 121, 120, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(41, 121, 120, 0.5);
}

.btn-outline-warning-pale {
  color: #ffd5b2;
  border-color: #ffd5b2;
}

.btn-outline-warning-pale:hover {
  color: #1d2128;
  background-color: #ffd5b2;
  border-color: #ffd5b2;
}

.btn-outline-warning-pale:focus, .btn-outline-warning-pale.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 213, 178, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 213, 178, 0.5);
}

.btn-outline-warning-pale.disabled, .btn-outline-warning-pale:disabled {
  color: #ffd5b2;
  background-color: transparent;
}

.btn-outline-warning-pale:not(:disabled):not(.disabled):active, .btn-outline-warning-pale:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #ffd5b2;
  border-color: #ffd5b2;
}

.btn-outline-warning-pale:not(:disabled):not(.disabled):active:focus, .btn-outline-warning-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(255, 213, 178, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(255, 213, 178, 0.5);
}

.btn-outline-danger-pale {
  color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-outline-danger-pale:hover {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-outline-danger-pale:focus, .btn-outline-danger-pale.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
}

.btn-outline-danger-pale.disabled, .btn-outline-danger-pale:disabled {
  color: #f0a7ab;
  background-color: transparent;
}

.btn-outline-danger-pale:not(:disabled):not(.disabled):active, .btn-outline-danger-pale:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger-pale.dropdown-toggle {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-outline-danger-pale:not(:disabled):not(.disabled):active:focus, .btn-outline-danger-pale:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger-pale.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
}

.btn-outline-red-050 {
  color: #f5c6c8;
  border-color: #f5c6c8;
}

.btn-outline-red-050:hover {
  color: #1d2128;
  background-color: #f5c6c8;
  border-color: #f5c6c8;
}

.btn-outline-red-050:focus, .btn-outline-red-050.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 198, 200, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(245, 198, 200, 0.5);
}

.btn-outline-red-050.disabled, .btn-outline-red-050:disabled {
  color: #f5c6c8;
  background-color: transparent;
}

.btn-outline-red-050:not(:disabled):not(.disabled):active, .btn-outline-red-050:not(:disabled):not(.disabled).active,
.show > .btn-outline-red-050.dropdown-toggle {
  color: #1d2128;
  background-color: #f5c6c8;
  border-color: #f5c6c8;
}

.btn-outline-red-050:not(:disabled):not(.disabled):active:focus, .btn-outline-red-050:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red-050.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(245, 198, 200, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(245, 198, 200, 0.5);
}

.btn-outline-red-100 {
  color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-outline-red-100:hover {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-outline-red-100:focus, .btn-outline-red-100.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
}

.btn-outline-red-100.disabled, .btn-outline-red-100:disabled {
  color: #f0a7ab;
  background-color: transparent;
}

.btn-outline-red-100:not(:disabled):not(.disabled):active, .btn-outline-red-100:not(:disabled):not(.disabled).active,
.show > .btn-outline-red-100.dropdown-toggle {
  color: #1d2128;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.btn-outline-red-100:not(:disabled):not(.disabled):active:focus, .btn-outline-red-100:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red-100.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
}

.btn-outline-red-200 {
  color: #e97b82;
  border-color: #e97b82;
}

.btn-outline-red-200:hover {
  color: #1d2128;
  background-color: #e97b82;
  border-color: #e97b82;
}

.btn-outline-red-200:focus, .btn-outline-red-200.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(233, 123, 130, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(233, 123, 130, 0.5);
}

.btn-outline-red-200.disabled, .btn-outline-red-200:disabled {
  color: #e97b82;
  background-color: transparent;
}

.btn-outline-red-200:not(:disabled):not(.disabled):active, .btn-outline-red-200:not(:disabled):not(.disabled).active,
.show > .btn-outline-red-200.dropdown-toggle {
  color: #1d2128;
  background-color: #e97b82;
  border-color: #e97b82;
}

.btn-outline-red-200:not(:disabled):not(.disabled):active:focus, .btn-outline-red-200:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red-200.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(233, 123, 130, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(233, 123, 130, 0.5);
}

.btn-outline-red-300 {
  color: #D92530;
  border-color: #D92530;
}

.btn-outline-red-300:hover {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
}

.btn-outline-red-300:focus, .btn-outline-red-300.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
}

.btn-outline-red-300.disabled, .btn-outline-red-300:disabled {
  color: #D92530;
  background-color: transparent;
}

.btn-outline-red-300:not(:disabled):not(.disabled):active, .btn-outline-red-300:not(:disabled):not(.disabled).active,
.show > .btn-outline-red-300.dropdown-toggle {
  color: #fff;
  background-color: #D92530;
  border-color: #D92530;
}

.btn-outline-red-300:not(:disabled):not(.disabled):active:focus, .btn-outline-red-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
}

.btn-outline-red-400 {
  color: #82161d;
  border-color: #82161d;
}

.btn-outline-red-400:hover {
  color: #fff;
  background-color: #82161d;
  border-color: #82161d;
}

.btn-outline-red-400:focus, .btn-outline-red-400.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 22, 29, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(130, 22, 29, 0.5);
}

.btn-outline-red-400.disabled, .btn-outline-red-400:disabled {
  color: #82161d;
  background-color: transparent;
}

.btn-outline-red-400:not(:disabled):not(.disabled):active, .btn-outline-red-400:not(:disabled):not(.disabled).active,
.show > .btn-outline-red-400.dropdown-toggle {
  color: #fff;
  background-color: #82161d;
  border-color: #82161d;
}

.btn-outline-red-400:not(:disabled):not(.disabled):active:focus, .btn-outline-red-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(130, 22, 29, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(130, 22, 29, 0.5);
}

.btn-outline-red-500 {
  color: #560f13;
  border-color: #560f13;
}

.btn-outline-red-500:hover {
  color: #fff;
  background-color: #560f13;
  border-color: #560f13;
}

.btn-outline-red-500:focus, .btn-outline-red-500.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(86, 15, 19, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(86, 15, 19, 0.5);
}

.btn-outline-red-500.disabled, .btn-outline-red-500:disabled {
  color: #560f13;
  background-color: transparent;
}

.btn-outline-red-500:not(:disabled):not(.disabled):active, .btn-outline-red-500:not(:disabled):not(.disabled).active,
.show > .btn-outline-red-500.dropdown-toggle {
  color: #fff;
  background-color: #560f13;
  border-color: #560f13;
}

.btn-outline-red-500:not(:disabled):not(.disabled):active:focus, .btn-outline-red-500:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-red-500.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(86, 15, 19, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(86, 15, 19, 0.5);
}

.btn-outline-neutral {
  color: #ced4dc;
  border-color: #ced4dc;
}

.btn-outline-neutral:hover {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.btn-outline-neutral:focus, .btn-outline-neutral.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
}

.btn-outline-neutral.disabled, .btn-outline-neutral:disabled {
  color: #ced4dc;
  background-color: transparent;
}

.btn-outline-neutral:not(:disabled):not(.disabled):active, .btn-outline-neutral:not(:disabled):not(.disabled).active,
.show > .btn-outline-neutral.dropdown-toggle {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.btn-outline-neutral:not(:disabled):not(.disabled):active:focus, .btn-outline-neutral:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-neutral.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
}

.btn-outline-gray-050 {
  color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-outline-gray-050:hover {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-outline-gray-050:focus, .btn-outline-gray-050.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
}

.btn-outline-gray-050.disabled, .btn-outline-gray-050:disabled {
  color: #f4f6f7;
  background-color: transparent;
}

.btn-outline-gray-050:not(:disabled):not(.disabled):active, .btn-outline-gray-050:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray-050.dropdown-toggle {
  color: #1d2128;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.btn-outline-gray-050:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-050:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray-050.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
}

.btn-outline-gray-100 {
  color: #e3e6eb;
  border-color: #e3e6eb;
}

.btn-outline-gray-100:hover {
  color: #1d2128;
  background-color: #e3e6eb;
  border-color: #e3e6eb;
}

.btn-outline-gray-100:focus, .btn-outline-gray-100.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(227, 230, 235, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(227, 230, 235, 0.5);
}

.btn-outline-gray-100.disabled, .btn-outline-gray-100:disabled {
  color: #e3e6eb;
  background-color: transparent;
}

.btn-outline-gray-100:not(:disabled):not(.disabled):active, .btn-outline-gray-100:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray-100.dropdown-toggle {
  color: #1d2128;
  background-color: #e3e6eb;
  border-color: #e3e6eb;
}

.btn-outline-gray-100:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-100:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray-100.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(227, 230, 235, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(227, 230, 235, 0.5);
}

.btn-outline-gray-200 {
  color: #ced4dc;
  border-color: #ced4dc;
}

.btn-outline-gray-200:hover {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.btn-outline-gray-200:focus, .btn-outline-gray-200.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
}

.btn-outline-gray-200.disabled, .btn-outline-gray-200:disabled {
  color: #ced4dc;
  background-color: transparent;
}

.btn-outline-gray-200:not(:disabled):not(.disabled):active, .btn-outline-gray-200:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray-200.dropdown-toggle {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.btn-outline-gray-200:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-200:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray-200.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
}

.btn-outline-gray-300 {
  color: #8492A6;
  border-color: #8492A6;
}

.btn-outline-gray-300:hover {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
}

.btn-outline-gray-300:focus, .btn-outline-gray-300.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
}

.btn-outline-gray-300.disabled, .btn-outline-gray-300:disabled {
  color: #8492A6;
  background-color: transparent;
}

.btn-outline-gray-300:not(:disabled):not(.disabled):active, .btn-outline-gray-300:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray-300.dropdown-toggle {
  color: #fff;
  background-color: #8492A6;
  border-color: #8492A6;
}

.btn-outline-gray-300:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-300:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray-300.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
}

.btn-outline-gray-400 {
  color: #5d6c81;
  border-color: #5d6c81;
}

.btn-outline-gray-400:hover {
  color: #fff;
  background-color: #5d6c81;
  border-color: #5d6c81;
}

.btn-outline-gray-400:focus, .btn-outline-gray-400.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(93, 108, 129, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(93, 108, 129, 0.5);
}

.btn-outline-gray-400.disabled, .btn-outline-gray-400:disabled {
  color: #5d6c81;
  background-color: transparent;
}

.btn-outline-gray-400:not(:disabled):not(.disabled):active, .btn-outline-gray-400:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray-400.dropdown-toggle {
  color: #fff;
  background-color: #5d6c81;
  border-color: #5d6c81;
}

.btn-outline-gray-400:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-400:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray-400.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(93, 108, 129, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(93, 108, 129, 0.5);
}

.btn-outline-gray-500 {
  color: #485363;
  border-color: #485363;
}

.btn-outline-gray-500:hover {
  color: #fff;
  background-color: #485363;
  border-color: #485363;
}

.btn-outline-gray-500:focus, .btn-outline-gray-500.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 83, 99, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(72, 83, 99, 0.5);
}

.btn-outline-gray-500.disabled, .btn-outline-gray-500:disabled {
  color: #485363;
  background-color: transparent;
}

.btn-outline-gray-500:not(:disabled):not(.disabled):active, .btn-outline-gray-500:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray-500.dropdown-toggle {
  color: #fff;
  background-color: #485363;
  border-color: #485363;
}

.btn-outline-gray-500:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-500:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray-500.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(72, 83, 99, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(72, 83, 99, 0.5);
}

.btn-outline-gray-600 {
  color: #323a45;
  border-color: #323a45;
}

.btn-outline-gray-600:hover {
  color: #fff;
  background-color: #323a45;
  border-color: #323a45;
}

.btn-outline-gray-600:focus, .btn-outline-gray-600.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 58, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(50, 58, 69, 0.5);
}

.btn-outline-gray-600.disabled, .btn-outline-gray-600:disabled {
  color: #323a45;
  background-color: transparent;
}

.btn-outline-gray-600:not(:disabled):not(.disabled):active, .btn-outline-gray-600:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray-600.dropdown-toggle {
  color: #fff;
  background-color: #323a45;
  border-color: #323a45;
}

.btn-outline-gray-600:not(:disabled):not(.disabled):active:focus, .btn-outline-gray-600:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray-600.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(50, 58, 69, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(50, 58, 69, 0.5);
}

.btn-outline-white {
  color: #fff;
  border-color: #fff;
}

.btn-outline-white:hover {
  color: #1d2128;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-white:focus, .btn-outline-white.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-white.disabled, .btn-outline-white:disabled {
  color: #fff;
  background-color: transparent;
}

.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-white.dropdown-toggle {
  color: #1d2128;
  background-color: #fff;
  border-color: #fff;
}

.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #0066CC;
  text-decoration: none;
}

.btn-link:hover {
  color: #004080;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
  color: #323a45;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 992;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 1.25rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #485363;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 1rem;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
          box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1600px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #eceef1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.75rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #485363;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #3d4654;
  text-decoration: none;
  background-color: #f4f6f7;
}

.dropdown-item.active, .dropdown-item:active {
  color: #485363;
  text-decoration: none;
  background-color: #e3e6eb;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #ced4dc;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 1.25rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #8492A6;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.75rem 1.5rem;
  color: #485363;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -2px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group.show .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125);
          box-shadow: inset 0 3px 5px rgba(72, 83, 99, 0.125);
}

.btn-group.show .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -2px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -2px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -2px;
}

.input-group-prepend {
  margin-right: -2px;
}

.input-group-append {
  margin-left: -2px;
}

.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5d6c81;
  text-align: center;
  white-space: nowrap;
  background-color: #ced4dc;
  border: 2px solid #ced4dc;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 4px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 4px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 2rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.7rem;
}

.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1.2rem;
  height: 1.35rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0066CC;
  background-color: #0066CC;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075), 0 0 0;
          box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075), 0 0 0;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #0066CC;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #80bfff;
  border-color: #80bfff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #323a45;
}

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e3e6eb;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.15rem;
  left: -1.7rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #8492A6 solid 2px;
  -webkit-box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075);
          box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075);
}

.custom-control-label::after {
  position: absolute;
  top: 0.15rem;
  left: -1.7rem;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #0066CC;
  background-color: #0066CC;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 102, 204, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 102, 204, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 102, 204, 0.5);
}

.custom-switch {
  padding-left: 2.6rem;
}

.custom-switch .custom-control-label::before {
  left: -2.6rem;
  width: 2.1rem;
  pointer-events: all;
  border-radius: 0.6rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.15rem + 4px);
  left: calc(-2.6rem + 4px);
  width: calc(1.2rem - 8px);
  height: calc(1.2rem - 8px);
  background-color: #8492A6;
  border-radius: 0.6rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.9rem);
          transform: translateX(0.9rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 102, 204, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1rem + 4px);
  padding: 0.5rem 2rem 0.5rem 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5d6c81;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23272e37' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1rem center/8px 10px;
  border: 2px solid #ced4dc;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 1px 2px rgba(72, 83, 99, 0.075);
          box-shadow: inset 0 1px 2px rgba(72, 83, 99, 0.075);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-select:focus {
  border-color: #0066CC;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(72, 83, 99, 0.075), 0 0 0 0.2rem rgba(0, 102, 204, 0.25);
          box-shadow: inset 0 1px 2px rgba(72, 83, 99, 0.075), 0 0 0 0.2rem rgba(0, 102, 204, 0.25);
}

.custom-select:focus::-ms-value {
  color: #5d6c81;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 1rem;
  background-image: none;
}

.custom-select:disabled {
  color: #323a45;
  background-color: #ced4dc;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #5d6c81;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 4px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 4px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 1rem + 4px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 1rem + 4px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #0066CC;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e3e6eb;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 1rem + 4px);
  padding: 0.5rem 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #5d6c81;
  background-color: #fff;
  border: 2px solid #ced4dc;
  border-radius: 0.25rem;
  -webkit-box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075);
          box-shadow: inset 0 0px 0px rgba(72, 83, 99, 0.075);
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 1rem);
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #5d6c81;
  content: "Browse";
  background-color: #ced4dc;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0;
          box-shadow: 0 0 0 1px #fff, 0 0 0;
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0;
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0;
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0066CC;
  border: 0;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0.1rem 0.25rem rgba(72, 83, 99, 0.1);
          box-shadow: 0 0.1rem 0.25rem rgba(72, 83, 99, 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #80bfff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #8492A6;
  border-color: transparent;
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 0.25rem 0.25rem rgba(72, 83, 99, 0.1);
          box-shadow: inset 0 0.25rem 0.25rem rgba(72, 83, 99, 0.1);
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0066CC;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(72, 83, 99, 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #80bfff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #8492A6;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(72, 83, 99, 0.1);
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #0066CC;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(72, 83, 99, 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -webkit-transition: none;
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #80bfff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(72, 83, 99, 0.1);
}

.custom-range::-ms-fill-lower {
  background-color: #8492A6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #8492A6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #485363;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #485363;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #485363;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    -webkit-transition: none;
    transition: none;
  }
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 1.5rem 0.5rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #323a45;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 2px solid transparent;
}

.nav-tabs .nav-item {
  margin-bottom: -2px;
}

.nav-tabs .nav-link {
  border: 2px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: transparent;
}

.nav-tabs .nav-link.disabled {
  color: #323a45;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #0066CC;
  background-color: #fff;
  border-color: transparent;
}

.nav-tabs .dropdown-menu {
  margin-top: -2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0066CC;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 1.3125rem;
  padding-bottom: 1.3125rem;
  margin-right: 30px;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl, .navbar-expand-sm > .container-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl, .navbar-expand-md > .container-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl, .navbar-expand-lg > .container-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1599.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1600px) {
  .navbar-expand-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
  }
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl, .navbar-expand-xxl > .container-xxl {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl, .navbar-expand > .container-xxl {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(72, 83, 99, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(72, 83, 99, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(72, 83, 99, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(72, 83, 99, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(72, 83, 99, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(72, 83, 99, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(72, 83, 99, 0.5);
  border-color: rgba(72, 83, 99, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2872, 83, 99, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(72, 83, 99, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(72, 83, 99, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(72, 83, 99, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.95);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1.5px solid rgba(227, 230, 235, 0.75);
  border-radius: 1rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(1rem - 1.5px);
  border-top-right-radius: calc(1rem - 1.5px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(1rem - 1.5px);
  border-bottom-left-radius: calc(1rem - 1.5px);
}

.card-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
  padding: 1.5rem;
}

.card-title {
  margin-bottom: 1rem;
}

.card-subtitle {
  margin-top: -0.5rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.5rem;
}

.card-header {
  padding: 1rem 1.5rem;
  margin-bottom: 0;
  background-color: white;
  border-bottom: 1.5px solid rgba(227, 230, 235, 0.75);
}

.card-header:first-child {
  border-radius: calc(1rem - 1.5px) calc(1rem - 1.5px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 1rem 1.5rem;
  background-color: white;
  border-top: 1.5px solid rgba(227, 230, 235, 0.75);
}

.card-footer:last-child {
  border-radius: 0 0 calc(1rem - 1.5px) calc(1rem - 1.5px);
}

.card-header-tabs {
  margin-right: -0.75rem;
  margin-bottom: -1rem;
  margin-left: -0.75rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(1rem - 1.5px);
  border-top-right-radius: calc(1rem - 1.5px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(1rem - 1.5px);
  border-bottom-left-radius: calc(1rem - 1.5px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .card-group > .card {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1.5px;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.25rem;
}

.breadcrumb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #323a45;
  content: "/";
}

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

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

.breadcrumb-item.active {
  color: #323a45;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -2px;
  line-height: 1.25;
  color: #0066CC;
  background-color: transparent;
  border: 2px solid transparent;
}

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

.page-link:focus {
  z-index: 3;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25);
}

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

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

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

.page-item.disabled .page-link {
  color: #323a45;
  pointer-events: none;
  cursor: auto;
  background-color: #e3e6eb;
  border-color: transparent;
}

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

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

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

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

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

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

.badge {
  display: inline-block;
  padding: 0em 1em;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    -webkit-transition: none;
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 1em;
  padding-left: 1em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #0066CC;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #004d99;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #8492A6;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #68788f;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #66B34E;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #51903e;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(102, 179, 78, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #6554C0;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #4d3da4;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(101, 84, 192, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(101, 84, 192, 0.5);
}

.badge-warning {
  color: #fff;
  background-color: #EF6C00;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #fff;
  background-color: #bc5500;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 108, 0, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(239, 108, 0, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #D92530;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #ad1e26;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
}

.badge-light {
  color: #1d2128;
  background-color: #f4f6f7;
}

a.badge-light:hover, a.badge-light:focus {
  color: #1d2128;
  background-color: #d7dbe2;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #272e37;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #121519;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(39, 46, 55, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(39, 46, 55, 0.5);
}

.badge-primary-pale {
  color: #fff;
  background-color: #4da6ff;
}

a.badge-primary-pale:hover, a.badge-primary-pale:focus {
  color: #fff;
  background-color: #1a8cff;
}

a.badge-primary-pale:focus, a.badge-primary-pale.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 166, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(77, 166, 255, 0.5);
}

.badge-blue-300 {
  color: #fff;
  background-color: #0066CC;
}

a.badge-blue-300:hover, a.badge-blue-300:focus {
  color: #fff;
  background-color: #004d99;
}

a.badge-blue-300:focus, a.badge-blue-300.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.5);
}

.badge-blue-400 {
  color: #fff;
  background-color: #004d99;
}

a.badge-blue-400:hover, a.badge-blue-400:focus {
  color: #fff;
  background-color: #003366;
}

a.badge-blue-400:focus, a.badge-blue-400.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 77, 153, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 77, 153, 0.5);
}

.badge-blue-500 {
  color: #fff;
  background-color: #003366;
}

a.badge-blue-500:hover, a.badge-blue-500:focus {
  color: #fff;
  background-color: #001a33;
}

a.badge-blue-500:focus, a.badge-blue-500.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 51, 102, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 51, 102, 0.5);
}

.badge-blue-600 {
  color: #fff;
  background-color: #00264d;
}

a.badge-blue-600:hover, a.badge-blue-600:focus {
  color: #fff;
  background-color: #000d1a;
}

a.badge-blue-600:focus, a.badge-blue-600.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 38, 77, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(0, 38, 77, 0.5);
}

.badge-success-pale {
  color: #1d2128;
  background-color: #e1f0dd;
}

a.badge-success-pale:hover, a.badge-success-pale:focus {
  color: #1d2128;
  background-color: #c3e1b9;
}

a.badge-success-pale:focus, a.badge-success-pale.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 240, 221, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(225, 240, 221, 0.5);
}

.badge-info-pale {
  color: #1d2128;
  background-color: #ebe9f7;
}

a.badge-info-pale:hover, a.badge-info-pale:focus {
  color: #1d2128;
  background-color: #cac4e9;
}

a.badge-info-pale:focus, a.badge-info-pale.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 233, 247, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(235, 233, 247, 0.5);
}

.badge-infoalt {
  color: #1d2128;
  background-color: #47C1BF;
}

a.badge-infoalt:hover, a.badge-infoalt:focus {
  color: #1d2128;
  background-color: #369f9e;
}

a.badge-infoalt:focus, a.badge-infoalt.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.badge-progress {
  color: #1d2128;
  background-color: #47C1BF;
}

a.badge-progress:hover, a.badge-progress:focus {
  color: #1d2128;
  background-color: #369f9e;
}

a.badge-progress:focus, a.badge-progress.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.badge-progress-pale {
  color: #1d2128;
  background-color: #e0f4f4;
}

a.badge-progress-pale:hover, a.badge-progress-pale:focus {
  color: #1d2128;
  background-color: #b9e8e7;
}

a.badge-progress-pale:focus, a.badge-progress-pale.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
}

.badge-teal-050 {
  color: #1d2128;
  background-color: #e0f4f4;
}

a.badge-teal-050:hover, a.badge-teal-050:focus {
  color: #1d2128;
  background-color: #b9e8e7;
}

a.badge-teal-050:focus, a.badge-teal-050.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(224, 244, 244, 0.5);
}

.badge-teal-100 {
  color: #1d2128;
  background-color: #80d4d3;
}

a.badge-teal-100:hover, a.badge-teal-100:focus {
  color: #1d2128;
  background-color: #5ac7c6;
}

a.badge-teal-100:focus, a.badge-teal-100.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(128, 212, 211, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(128, 212, 211, 0.5);
}

.badge-teal-200 {
  color: #1d2128;
  background-color: #6dcecc;
}

a.badge-teal-200:hover, a.badge-teal-200:focus {
  color: #1d2128;
  background-color: #47c1bf;
}

a.badge-teal-200:focus, a.badge-teal-200.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(109, 206, 204, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(109, 206, 204, 0.5);
}

.badge-teal-300 {
  color: #1d2128;
  background-color: #47C1BF;
}

a.badge-teal-300:hover, a.badge-teal-300:focus {
  color: #1d2128;
  background-color: #369f9e;
}

a.badge-teal-300:focus, a.badge-teal-300.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(71, 193, 191, 0.5);
}

.badge-teal-400 {
  color: #fff;
  background-color: #297978;
}

a.badge-teal-400:hover, a.badge-teal-400:focus {
  color: #fff;
  background-color: #1c5352;
}

a.badge-teal-400:focus, a.badge-teal-400.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(41, 121, 120, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(41, 121, 120, 0.5);
}

.badge-warning-pale {
  color: #1d2128;
  background-color: #ffd5b2;
}

a.badge-warning-pale:hover, a.badge-warning-pale:focus {
  color: #1d2128;
  background-color: #ffb97f;
}

a.badge-warning-pale:focus, a.badge-warning-pale.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 213, 178, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 213, 178, 0.5);
}

.badge-danger-pale {
  color: #1d2128;
  background-color: #f0a7ab;
}

a.badge-danger-pale:hover, a.badge-danger-pale:focus {
  color: #1d2128;
  background-color: #e97b82;
}

a.badge-danger-pale:focus, a.badge-danger-pale.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
}

.badge-red-050 {
  color: #1d2128;
  background-color: #f5c6c8;
}

a.badge-red-050:hover, a.badge-red-050:focus {
  color: #1d2128;
  background-color: #ee9a9f;
}

a.badge-red-050:focus, a.badge-red-050.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(245, 198, 200, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(245, 198, 200, 0.5);
}

.badge-red-100 {
  color: #1d2128;
  background-color: #f0a7ab;
}

a.badge-red-100:hover, a.badge-red-100:focus {
  color: #1d2128;
  background-color: #e97b82;
}

a.badge-red-100:focus, a.badge-red-100.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(240, 167, 171, 0.5);
}

.badge-red-200 {
  color: #1d2128;
  background-color: #e97b82;
}

a.badge-red-200:hover, a.badge-red-200:focus {
  color: #1d2128;
  background-color: #e15059;
}

a.badge-red-200:focus, a.badge-red-200.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(233, 123, 130, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(233, 123, 130, 0.5);
}

.badge-red-300 {
  color: #fff;
  background-color: #D92530;
}

a.badge-red-300:hover, a.badge-red-300:focus {
  color: #fff;
  background-color: #ad1e26;
}

a.badge-red-300:focus, a.badge-red-300.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(217, 37, 48, 0.5);
}

.badge-red-400 {
  color: #fff;
  background-color: #82161d;
}

a.badge-red-400:hover, a.badge-red-400:focus {
  color: #fff;
  background-color: #560f13;
}

a.badge-red-400:focus, a.badge-red-400.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 22, 29, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(130, 22, 29, 0.5);
}

.badge-red-500 {
  color: #fff;
  background-color: #560f13;
}

a.badge-red-500:hover, a.badge-red-500:focus {
  color: #fff;
  background-color: #2b0709;
}

a.badge-red-500:focus, a.badge-red-500.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(86, 15, 19, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(86, 15, 19, 0.5);
}

.badge-neutral {
  color: #1d2128;
  background-color: #ced4dc;
}

a.badge-neutral:hover, a.badge-neutral:focus {
  color: #1d2128;
  background-color: #b0b9c6;
}

a.badge-neutral:focus, a.badge-neutral.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
}

.badge-gray-050 {
  color: #1d2128;
  background-color: #f4f6f7;
}

a.badge-gray-050:hover, a.badge-gray-050:focus {
  color: #1d2128;
  background-color: #d7dbe2;
}

a.badge-gray-050:focus, a.badge-gray-050.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(244, 246, 247, 0.5);
}

.badge-gray-100 {
  color: #1d2128;
  background-color: #e3e6eb;
}

a.badge-gray-100:hover, a.badge-gray-100:focus {
  color: #1d2128;
  background-color: #c5ccd5;
}

a.badge-gray-100:focus, a.badge-gray-100.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(227, 230, 235, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(227, 230, 235, 0.5);
}

.badge-gray-200 {
  color: #1d2128;
  background-color: #ced4dc;
}

a.badge-gray-200:hover, a.badge-gray-200:focus {
  color: #1d2128;
  background-color: #b0b9c6;
}

a.badge-gray-200:focus, a.badge-gray-200.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(206, 212, 220, 0.5);
}

.badge-gray-300 {
  color: #fff;
  background-color: #8492A6;
}

a.badge-gray-300:hover, a.badge-gray-300:focus {
  color: #fff;
  background-color: #68788f;
}

a.badge-gray-300:focus, a.badge-gray-300.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(132, 146, 166, 0.5);
}

.badge-gray-400 {
  color: #fff;
  background-color: #5d6c81;
}

a.badge-gray-400:hover, a.badge-gray-400:focus {
  color: #fff;
  background-color: #485363;
}

a.badge-gray-400:focus, a.badge-gray-400.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(93, 108, 129, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(93, 108, 129, 0.5);
}

.badge-gray-500 {
  color: #fff;
  background-color: #485363;
}

a.badge-gray-500:hover, a.badge-gray-500:focus {
  color: #fff;
  background-color: #323a45;
}

a.badge-gray-500:focus, a.badge-gray-500.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 83, 99, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(72, 83, 99, 0.5);
}

.badge-gray-600 {
  color: #fff;
  background-color: #323a45;
}

a.badge-gray-600:hover, a.badge-gray-600:focus {
  color: #fff;
  background-color: #1d2128;
}

a.badge-gray-600:focus, a.badge-gray-600.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(50, 58, 69, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(50, 58, 69, 0.5);
}

.badge-white {
  color: #1d2128;
  background-color: #fff;
}

a.badge-white:hover, a.badge-white:focus {
  color: #1d2128;
  background-color: #e6e6e6;
}

a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #ced4dc;
  border-radius: 0.3rem;
}

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

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

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 2px solid transparent;
  border-radius: 1rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #1560ac;
  background-color: #80b3e6;
  border-color: #73abe3;
}

.alert-primary hr {
  border-top-color: #5e9edf;
}

.alert-primary .alert-link {
  color: #0f477f;
}

.alert-secondary {
  color: #727f92;
  background-color: #c2c9d3;
  border-color: #bbc3ce;
}

.alert-secondary hr {
  border-top-color: #acb6c3;
}

.alert-secondary .alert-link {
  color: #5b6676;
}

.alert-success {
  color: #5d9654;
  background-color: #b3d9a7;
  border-color: #abd59e;
}

.alert-success hr {
  border-top-color: #9ccd8c;
}

.alert-success .alert-link {
  color: #497542;
}

.alert-info {
  color: #5c54a4;
  background-color: #b2aae0;
  border-color: #aaa1dc;
}

.alert-info hr {
  border-top-color: #998ed5;
}

.alert-info .alert-link {
  color: #494382;
}

.alert-warning {
  color: #bd641e;
  background-color: #f7b680;
  border-color: #f6ae73;
}

.alert-warning hr {
  border-top-color: #f4a05b;
}

.alert-warning .alert-link {
  color: #914d17;
}

.alert-danger {
  color: #ad333f;
  background-color: #ec9298;
  border-color: #ea878d;
}

.alert-danger hr {
  border-top-color: #e67178;
}

.alert-danger .alert-link {
  color: #862731;
}

.alert-light {
  color: #c1c5cb;
  background-color: #fafafb;
  border-color: #f9fafb;
}

.alert-light hr {
  border-top-color: #eaedf1;
}

.alert-light .alert-link {
  color: #a5abb4;
}

.alert-dark {
  color: #313944;
  background-color: #93969b;
  border-color: #888c91;
}

.alert-dark hr {
  border-top-color: #7b7f85;
}

.alert-dark .alert-link {
  color: #1c2026;
}

.alert-primary-pale {
  color: #4b8dd0;
  background-color: #a6d2ff;
  border-color: #9dceff;
}

.alert-primary-pale hr {
  border-top-color: #84c1ff;
}

.alert-primary-pale .alert-link {
  color: #3073b8;
}

.alert-blue-300 {
  color: #1560ac;
  background-color: #80b3e6;
  border-color: #73abe3;
}

.alert-blue-300 hr {
  border-top-color: #5e9edf;
}

.alert-blue-300 .alert-link {
  color: #0f477f;
}

.alert-blue-400 {
  color: #154e89;
  background-color: #80a6cc;
  border-color: #739dc7;
}

.alert-blue-400 hr {
  border-top-color: #6190c0;
}

.alert-blue-400 .alert-link {
  color: #0e355d;
}

.alert-blue-500 {
  color: #153d65;
  background-color: #8099b3;
  border-color: #738fab;
}

.alert-blue-500 hr {
  border-top-color: #6382a1;
}

.alert-blue-500 .alert-link {
  color: #0c243b;
}

.alert-blue-600 {
  color: #153453;
  background-color: #8093a6;
  border-color: #73889d;
}

.alert-blue-600 hr {
  border-top-color: #667b91;
}

.alert-blue-600 .alert-link {
  color: #0b1b2a;
}

.alert-success-pale {
  color: #b3c1b8;
  background-color: #f0f8ee;
  border-color: #eff7ec;
}

.alert-success-pale hr {
  border-top-color: #e0efda;
}

.alert-success-pale .alert-link {
  color: #97aa9e;
}

.alert-info-pale {
  color: #babccb;
  background-color: #f5f4fb;
  border-color: #f4f3fb;
}

.alert-info-pale hr {
  border-top-color: #e2e0f5;
}

.alert-info-pale .alert-link {
  color: #9da0b5;
}

.alert-infoalt {
  color: #47a0a3;
  background-color: #a3e0df;
  border-color: #9adddc;
}

.alert-infoalt hr {
  border-top-color: #87d7d5;
}

.alert-infoalt .alert-link {
  color: #387d7f;
}

.alert-progress {
  color: #47a0a3;
  background-color: #a3e0df;
  border-color: #9adddc;
}

.alert-progress hr {
  border-top-color: #87d7d5;
}

.alert-progress .alert-link {
  color: #387d7f;
}

.alert-progress-pale {
  color: #b2c4c9;
  background-color: #effafa;
  border-color: #eef9f9;
}

.alert-progress-pale hr {
  border-top-color: #dbf2f2;
}

.alert-progress-pale .alert-link {
  color: #94adb4;
}

.alert-teal-050 {
  color: #b2c4c9;
  background-color: #effafa;
  border-color: #eef9f9;
}

.alert-teal-050 hr {
  border-top-color: #dbf2f2;
}

.alert-teal-050 .alert-link {
  color: #94adb4;
}

.alert-teal-100 {
  color: #6fadb1;
  background-color: #c0eae9;
  border-color: #b9e8e7;
}

.alert-teal-100 hr {
  border-top-color: #a6e2e0;
}

.alert-teal-100 .alert-link {
  color: #53959a;
}

.alert-teal-200 {
  color: #62a9ad;
  background-color: #b6e6e6;
  border-color: #afe4e3;
}

.alert-teal-200 hr {
  border-top-color: #9cdedc;
}

.alert-teal-200 .alert-link {
  color: #4b8d91;
}

.alert-teal-300 {
  color: #47a0a3;
  background-color: #a3e0df;
  border-color: #9adddc;
}

.alert-teal-300 hr {
  border-top-color: #87d7d5;
}

.alert-teal-300 .alert-link {
  color: #387d7f;
}

.alert-teal-400 {
  color: #326e72;
  background-color: #94bcbb;
  border-color: #89b5b5;
}

.alert-teal-400 hr {
  border-top-color: #79abab;
}

.alert-teal-400 .alert-link {
  color: #224c4f;
}

.alert-warning-pale {
  color: #c8ae9a;
  background-color: #ffead8;
  border-color: #ffe8d5;
}

.alert-warning-pale hr {
  border-top-color: #ffdabc;
}

.alert-warning-pale .alert-link {
  color: #b69479;
}

.alert-danger-pale {
  color: #bd8e96;
  background-color: #f7d3d5;
  border-color: #f7cfd1;
}

.alert-danger-pale hr {
  border-top-color: #f3b9bc;
}

.alert-danger-pale .alert-link {
  color: #aa6e78;
}

.alert-red-050 {
  color: #c1a3aa;
  background-color: #fae2e4;
  border-color: #fadfe1;
}

.alert-red-050 hr {
  border-top-color: #f7c9cc;
}

.alert-red-050 .alert-link {
  color: #ac858e;
}

.alert-red-100 {
  color: #bd8e96;
  background-color: #f7d3d5;
  border-color: #f7cfd1;
}

.alert-red-100 hr {
  border-top-color: #f3b9bc;
}

.alert-red-100 .alert-link {
  color: #aa6e78;
}

.alert-red-200 {
  color: #b86f79;
  background-color: #f4bdc1;
  border-color: #f3b7ba;
}

.alert-red-200 hr {
  border-top-color: #efa1a5;
}

.alert-red-200 .alert-link {
  color: #a3515c;
}

.alert-red-300 {
  color: #ad333f;
  background-color: #ec9298;
  border-color: #ea878d;
}

.alert-red-300 hr {
  border-top-color: #e67178;
}

.alert-red-300 .alert-link {
  color: #862731;
}

.alert-red-400 {
  color: #702832;
  background-color: #c08b8e;
  border-color: #ba7f83;
}

.alert-red-400 hr {
  border-top-color: #b16e73;
}

.alert-red-400 .alert-link {
  color: #4a1b21;
}

.alert-red-500 {
  color: #52232b;
  background-color: #ab8789;
  border-color: #a27b7d;
}

.alert-red-500 hr {
  border-top-color: #976c6e;
}

.alert-red-500 .alert-link {
  color: #2e1418;
}

.alert-neutral {
  color: #a6adb7;
  background-color: #e6e9ed;
  border-color: #e4e7eb;
}

.alert-neutral hr {
  border-top-color: #d5dae0;
}

.alert-neutral .alert-link {
  color: #8a93a0;
}

.alert-gray-050 {
  color: #c1c5cb;
  background-color: #fafafb;
  border-color: #f9fafb;
}

.alert-gray-050 hr {
  border-top-color: #eaedf1;
}

.alert-gray-050 .alert-link {
  color: #a5abb4;
}

.alert-gray-100 {
  color: #b4bac2;
  background-color: #f1f2f5;
  border-color: #eff1f4;
}

.alert-gray-100 hr {
  border-top-color: #e0e4ea;
}

.alert-gray-100 .alert-link {
  color: #98a0ab;
}

.alert-gray-200 {
  color: #a6adb7;
  background-color: #e6e9ed;
  border-color: #e4e7eb;
}

.alert-gray-200 hr {
  border-top-color: #d5dae0;
}

.alert-gray-200 .alert-link {
  color: #8a93a0;
}

.alert-gray-300 {
  color: #727f92;
  background-color: #c2c9d3;
  border-color: #bbc3ce;
}

.alert-gray-300 hr {
  border-top-color: #acb6c3;
}

.alert-gray-300 .alert-link {
  color: #5b6676;
}

.alert-gray-400 {
  color: #576478;
  background-color: #aeb5c0;
  border-color: #a6aeb9;
}

.alert-gray-400 hr {
  border-top-color: #98a1ae;
}

.alert-gray-400 .alert-link {
  color: #424b5a;
}

.alert-gray-500 {
  color: #485363;
  background-color: #a3a9b1;
  border-color: #9aa0a9;
}

.alert-gray-500 hr {
  border-top-color: #8c939d;
}

.alert-gray-500 .alert-link {
  color: #333a45;
}

.alert-gray-600 {
  color: #39414e;
  background-color: #999da2;
  border-color: #8e9399;
}

.alert-gray-600 hr {
  border-top-color: #81868d;
}

.alert-gray-600 .alert-link {
  color: #232831;
}

.alert-white {
  color: #c8cbd0;
  background-color: white;
  border-color: white;
}

.alert-white hr {
  border-top-color: #f2f2f2;
}

.alert-white .alert-link {
  color: #adb1b9;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e3e6eb;
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 0.1rem 0.1rem rgba(72, 83, 99, 0.1);
          box-shadow: inset 0 0.1rem 0.1rem rgba(72, 83, 99, 0.1);
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6dcecc;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
          animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
            animation: none;
  }
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #5d6c81;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #323a45;
  text-decoration: none;
  background-color: #f4f6f7;
}

.list-group-item-action:active {
  color: #0066CC;
  background-color: #e6f2ff;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: transparent;
  border: 1px solid rgba(227, 230, 235, 0.75);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #323a45;
  pointer-events: none;
  background-color: transparent;
}

.list-group-item.active {
  z-index: 2;
  color: #323a45;
  background-color: #e3e6eb;
  border-color: rgba(206, 212, 220, 0.1);
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1600px) {
  .list-group-horizontal-xxl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #1560ac;
  background-color: #73abe3;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #1560ac;
  background-color: #5e9edf;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #1560ac;
  border-color: #1560ac;
}

.list-group-item-secondary {
  color: #727f92;
  background-color: #bbc3ce;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #727f92;
  background-color: #acb6c3;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #727f92;
  border-color: #727f92;
}

.list-group-item-success {
  color: #5d9654;
  background-color: #abd59e;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #5d9654;
  background-color: #9ccd8c;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #5d9654;
  border-color: #5d9654;
}

.list-group-item-info {
  color: #5c54a4;
  background-color: #aaa1dc;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #5c54a4;
  background-color: #998ed5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #5c54a4;
  border-color: #5c54a4;
}

.list-group-item-warning {
  color: #bd641e;
  background-color: #f6ae73;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #bd641e;
  background-color: #f4a05b;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #bd641e;
  border-color: #bd641e;
}

.list-group-item-danger {
  color: #ad333f;
  background-color: #ea878d;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #ad333f;
  background-color: #e67178;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #ad333f;
  border-color: #ad333f;
}

.list-group-item-light {
  color: #c1c5cb;
  background-color: #f9fafb;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #c1c5cb;
  background-color: #eaedf1;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #c1c5cb;
  border-color: #c1c5cb;
}

.list-group-item-dark {
  color: #313944;
  background-color: #888c91;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #313944;
  background-color: #7b7f85;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #313944;
  border-color: #313944;
}

.list-group-item-primary-pale {
  color: #4b8dd0;
  background-color: #9dceff;
}

.list-group-item-primary-pale.list-group-item-action:hover, .list-group-item-primary-pale.list-group-item-action:focus {
  color: #4b8dd0;
  background-color: #84c1ff;
}

.list-group-item-primary-pale.list-group-item-action.active {
  color: #fff;
  background-color: #4b8dd0;
  border-color: #4b8dd0;
}

.list-group-item-blue-300 {
  color: #1560ac;
  background-color: #73abe3;
}

.list-group-item-blue-300.list-group-item-action:hover, .list-group-item-blue-300.list-group-item-action:focus {
  color: #1560ac;
  background-color: #5e9edf;
}

.list-group-item-blue-300.list-group-item-action.active {
  color: #fff;
  background-color: #1560ac;
  border-color: #1560ac;
}

.list-group-item-blue-400 {
  color: #154e89;
  background-color: #739dc7;
}

.list-group-item-blue-400.list-group-item-action:hover, .list-group-item-blue-400.list-group-item-action:focus {
  color: #154e89;
  background-color: #6190c0;
}

.list-group-item-blue-400.list-group-item-action.active {
  color: #fff;
  background-color: #154e89;
  border-color: #154e89;
}

.list-group-item-blue-500 {
  color: #153d65;
  background-color: #738fab;
}

.list-group-item-blue-500.list-group-item-action:hover, .list-group-item-blue-500.list-group-item-action:focus {
  color: #153d65;
  background-color: #6382a1;
}

.list-group-item-blue-500.list-group-item-action.active {
  color: #fff;
  background-color: #153d65;
  border-color: #153d65;
}

.list-group-item-blue-600 {
  color: #153453;
  background-color: #73889d;
}

.list-group-item-blue-600.list-group-item-action:hover, .list-group-item-blue-600.list-group-item-action:focus {
  color: #153453;
  background-color: #667b91;
}

.list-group-item-blue-600.list-group-item-action.active {
  color: #fff;
  background-color: #153453;
  border-color: #153453;
}

.list-group-item-success-pale {
  color: #b3c1b8;
  background-color: #eff7ec;
}

.list-group-item-success-pale.list-group-item-action:hover, .list-group-item-success-pale.list-group-item-action:focus {
  color: #b3c1b8;
  background-color: #e0efda;
}

.list-group-item-success-pale.list-group-item-action.active {
  color: #fff;
  background-color: #b3c1b8;
  border-color: #b3c1b8;
}

.list-group-item-info-pale {
  color: #babccb;
  background-color: #f4f3fb;
}

.list-group-item-info-pale.list-group-item-action:hover, .list-group-item-info-pale.list-group-item-action:focus {
  color: #babccb;
  background-color: #e2e0f5;
}

.list-group-item-info-pale.list-group-item-action.active {
  color: #fff;
  background-color: #babccb;
  border-color: #babccb;
}

.list-group-item-infoalt {
  color: #47a0a3;
  background-color: #9adddc;
}

.list-group-item-infoalt.list-group-item-action:hover, .list-group-item-infoalt.list-group-item-action:focus {
  color: #47a0a3;
  background-color: #87d7d5;
}

.list-group-item-infoalt.list-group-item-action.active {
  color: #fff;
  background-color: #47a0a3;
  border-color: #47a0a3;
}

.list-group-item-progress {
  color: #47a0a3;
  background-color: #9adddc;
}

.list-group-item-progress.list-group-item-action:hover, .list-group-item-progress.list-group-item-action:focus {
  color: #47a0a3;
  background-color: #87d7d5;
}

.list-group-item-progress.list-group-item-action.active {
  color: #fff;
  background-color: #47a0a3;
  border-color: #47a0a3;
}

.list-group-item-progress-pale {
  color: #b2c4c9;
  background-color: #eef9f9;
}

.list-group-item-progress-pale.list-group-item-action:hover, .list-group-item-progress-pale.list-group-item-action:focus {
  color: #b2c4c9;
  background-color: #dbf2f2;
}

.list-group-item-progress-pale.list-group-item-action.active {
  color: #fff;
  background-color: #b2c4c9;
  border-color: #b2c4c9;
}

.list-group-item-teal-050 {
  color: #b2c4c9;
  background-color: #eef9f9;
}

.list-group-item-teal-050.list-group-item-action:hover, .list-group-item-teal-050.list-group-item-action:focus {
  color: #b2c4c9;
  background-color: #dbf2f2;
}

.list-group-item-teal-050.list-group-item-action.active {
  color: #fff;
  background-color: #b2c4c9;
  border-color: #b2c4c9;
}

.list-group-item-teal-100 {
  color: #6fadb1;
  background-color: #b9e8e7;
}

.list-group-item-teal-100.list-group-item-action:hover, .list-group-item-teal-100.list-group-item-action:focus {
  color: #6fadb1;
  background-color: #a6e2e0;
}

.list-group-item-teal-100.list-group-item-action.active {
  color: #fff;
  background-color: #6fadb1;
  border-color: #6fadb1;
}

.list-group-item-teal-200 {
  color: #62a9ad;
  background-color: #afe4e3;
}

.list-group-item-teal-200.list-group-item-action:hover, .list-group-item-teal-200.list-group-item-action:focus {
  color: #62a9ad;
  background-color: #9cdedc;
}

.list-group-item-teal-200.list-group-item-action.active {
  color: #fff;
  background-color: #62a9ad;
  border-color: #62a9ad;
}

.list-group-item-teal-300 {
  color: #47a0a3;
  background-color: #9adddc;
}

.list-group-item-teal-300.list-group-item-action:hover, .list-group-item-teal-300.list-group-item-action:focus {
  color: #47a0a3;
  background-color: #87d7d5;
}

.list-group-item-teal-300.list-group-item-action.active {
  color: #fff;
  background-color: #47a0a3;
  border-color: #47a0a3;
}

.list-group-item-teal-400 {
  color: #326e72;
  background-color: #89b5b5;
}

.list-group-item-teal-400.list-group-item-action:hover, .list-group-item-teal-400.list-group-item-action:focus {
  color: #326e72;
  background-color: #79abab;
}

.list-group-item-teal-400.list-group-item-action.active {
  color: #fff;
  background-color: #326e72;
  border-color: #326e72;
}

.list-group-item-warning-pale {
  color: #c8ae9a;
  background-color: #ffe8d5;
}

.list-group-item-warning-pale.list-group-item-action:hover, .list-group-item-warning-pale.list-group-item-action:focus {
  color: #c8ae9a;
  background-color: #ffdabc;
}

.list-group-item-warning-pale.list-group-item-action.active {
  color: #fff;
  background-color: #c8ae9a;
  border-color: #c8ae9a;
}

.list-group-item-danger-pale {
  color: #bd8e96;
  background-color: #f7cfd1;
}

.list-group-item-danger-pale.list-group-item-action:hover, .list-group-item-danger-pale.list-group-item-action:focus {
  color: #bd8e96;
  background-color: #f3b9bc;
}

.list-group-item-danger-pale.list-group-item-action.active {
  color: #fff;
  background-color: #bd8e96;
  border-color: #bd8e96;
}

.list-group-item-red-050 {
  color: #c1a3aa;
  background-color: #fadfe1;
}

.list-group-item-red-050.list-group-item-action:hover, .list-group-item-red-050.list-group-item-action:focus {
  color: #c1a3aa;
  background-color: #f7c9cc;
}

.list-group-item-red-050.list-group-item-action.active {
  color: #fff;
  background-color: #c1a3aa;
  border-color: #c1a3aa;
}

.list-group-item-red-100 {
  color: #bd8e96;
  background-color: #f7cfd1;
}

.list-group-item-red-100.list-group-item-action:hover, .list-group-item-red-100.list-group-item-action:focus {
  color: #bd8e96;
  background-color: #f3b9bc;
}

.list-group-item-red-100.list-group-item-action.active {
  color: #fff;
  background-color: #bd8e96;
  border-color: #bd8e96;
}

.list-group-item-red-200 {
  color: #b86f79;
  background-color: #f3b7ba;
}

.list-group-item-red-200.list-group-item-action:hover, .list-group-item-red-200.list-group-item-action:focus {
  color: #b86f79;
  background-color: #efa1a5;
}

.list-group-item-red-200.list-group-item-action.active {
  color: #fff;
  background-color: #b86f79;
  border-color: #b86f79;
}

.list-group-item-red-300 {
  color: #ad333f;
  background-color: #ea878d;
}

.list-group-item-red-300.list-group-item-action:hover, .list-group-item-red-300.list-group-item-action:focus {
  color: #ad333f;
  background-color: #e67178;
}

.list-group-item-red-300.list-group-item-action.active {
  color: #fff;
  background-color: #ad333f;
  border-color: #ad333f;
}

.list-group-item-red-400 {
  color: #702832;
  background-color: #ba7f83;
}

.list-group-item-red-400.list-group-item-action:hover, .list-group-item-red-400.list-group-item-action:focus {
  color: #702832;
  background-color: #b16e73;
}

.list-group-item-red-400.list-group-item-action.active {
  color: #fff;
  background-color: #702832;
  border-color: #702832;
}

.list-group-item-red-500 {
  color: #52232b;
  background-color: #a27b7d;
}

.list-group-item-red-500.list-group-item-action:hover, .list-group-item-red-500.list-group-item-action:focus {
  color: #52232b;
  background-color: #976c6e;
}

.list-group-item-red-500.list-group-item-action.active {
  color: #fff;
  background-color: #52232b;
  border-color: #52232b;
}

.list-group-item-neutral {
  color: #a6adb7;
  background-color: #e4e7eb;
}

.list-group-item-neutral.list-group-item-action:hover, .list-group-item-neutral.list-group-item-action:focus {
  color: #a6adb7;
  background-color: #d5dae0;
}

.list-group-item-neutral.list-group-item-action.active {
  color: #fff;
  background-color: #a6adb7;
  border-color: #a6adb7;
}

.list-group-item-gray-050 {
  color: #c1c5cb;
  background-color: #f9fafb;
}

.list-group-item-gray-050.list-group-item-action:hover, .list-group-item-gray-050.list-group-item-action:focus {
  color: #c1c5cb;
  background-color: #eaedf1;
}

.list-group-item-gray-050.list-group-item-action.active {
  color: #fff;
  background-color: #c1c5cb;
  border-color: #c1c5cb;
}

.list-group-item-gray-100 {
  color: #b4bac2;
  background-color: #eff1f4;
}

.list-group-item-gray-100.list-group-item-action:hover, .list-group-item-gray-100.list-group-item-action:focus {
  color: #b4bac2;
  background-color: #e0e4ea;
}

.list-group-item-gray-100.list-group-item-action.active {
  color: #fff;
  background-color: #b4bac2;
  border-color: #b4bac2;
}

.list-group-item-gray-200 {
  color: #a6adb7;
  background-color: #e4e7eb;
}

.list-group-item-gray-200.list-group-item-action:hover, .list-group-item-gray-200.list-group-item-action:focus {
  color: #a6adb7;
  background-color: #d5dae0;
}

.list-group-item-gray-200.list-group-item-action.active {
  color: #fff;
  background-color: #a6adb7;
  border-color: #a6adb7;
}

.list-group-item-gray-300 {
  color: #727f92;
  background-color: #bbc3ce;
}

.list-group-item-gray-300.list-group-item-action:hover, .list-group-item-gray-300.list-group-item-action:focus {
  color: #727f92;
  background-color: #acb6c3;
}

.list-group-item-gray-300.list-group-item-action.active {
  color: #fff;
  background-color: #727f92;
  border-color: #727f92;
}

.list-group-item-gray-400 {
  color: #576478;
  background-color: #a6aeb9;
}

.list-group-item-gray-400.list-group-item-action:hover, .list-group-item-gray-400.list-group-item-action:focus {
  color: #576478;
  background-color: #98a1ae;
}

.list-group-item-gray-400.list-group-item-action.active {
  color: #fff;
  background-color: #576478;
  border-color: #576478;
}

.list-group-item-gray-500 {
  color: #485363;
  background-color: #9aa0a9;
}

.list-group-item-gray-500.list-group-item-action:hover, .list-group-item-gray-500.list-group-item-action:focus {
  color: #485363;
  background-color: #8c939d;
}

.list-group-item-gray-500.list-group-item-action.active {
  color: #fff;
  background-color: #485363;
  border-color: #485363;
}

.list-group-item-gray-600 {
  color: #39414e;
  background-color: #8e9399;
}

.list-group-item-gray-600.list-group-item-action:hover, .list-group-item-gray-600.list-group-item-action:focus {
  color: #39414e;
  background-color: #81868d;
}

.list-group-item-gray-600.list-group-item-action.active {
  color: #fff;
  background-color: #39414e;
  border-color: #39414e;
}

.list-group-item-white {
  color: #c8cbd0;
  background-color: white;
}

.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
  color: #c8cbd0;
  background-color: #f2f2f2;
}

.list-group-item-white.list-group-item-action.active {
  color: #fff;
  background-color: #c8cbd0;
  border-color: #c8cbd0;
}

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

@media (max-width: 1200px) {
  .close {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

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

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

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

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

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(72, 83, 99, 0.1);
          box-shadow: 0 0.25rem 0.75rem rgba(72, 83, 99, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.75rem;
  color: #323a45;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid rgba(72, 83, 99, 0.2);
  border-radius: 1rem;
  -webkit-box-shadow: 0 0.25rem 0.5rem rgba(72, 83, 99, 0.5);
          box-shadow: 0 0.25rem 0.5rem rgba(72, 83, 99, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #003366;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.8;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 2rem;
  border-bottom: 0 solid #ced4dc;
  border-top-left-radius: calc(1rem - 2px);
  border-top-right-radius: calc(1rem - 2px);
}

.modal-header .close {
  padding: 1rem 2rem;
  margin: -1rem -2rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.75rem;
  border-top: 0 solid #8492A6;
  border-bottom-right-radius: calc(1rem - 2px);
  border-bottom-left-radius: calc(1rem - 2px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .modal-content {
    -webkit-box-shadow: 0 0.5rem 1rem rgba(72, 83, 99, 0.5);
            box-shadow: 0 0.5rem 1rem rgba(72, 83, 99, 0.5);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "BC Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #485363;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #485363;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #485363;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #485363;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #485363;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "BC Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid rgba(72, 83, 99, 0.2);
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 0.25rem 0.5rem rgba(72, 83, 99, 0.2);
          box-shadow: 0 0.25rem 0.5rem rgba(72, 83, 99, 0.2);
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 2px);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(72, 83, 99, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 2px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 2px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(72, 83, 99, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 2px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 2px);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(72, 83, 99, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 2px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 2px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 2px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(72, 83, 99, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 2px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 2px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 2px);
  border-top-right-radius: calc(0.3rem - 2px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #485363;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
          transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 0s 0.6s;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    -webkit-transition: none;
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

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

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
          animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #0066CC !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #004d99 !important;
}

.bg-secondary {
  background-color: #8492A6 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #68788f !important;
}

.bg-success {
  background-color: #66B34E !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #51903e !important;
}

.bg-info {
  background-color: #6554C0 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #4d3da4 !important;
}

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

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

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

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

.bg-light {
  background-color: #f4f6f7 !important;
}

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

.bg-dark {
  background-color: #272e37 !important;
}

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

.bg-primary-pale {
  background-color: #4da6ff !important;
}

a.bg-primary-pale:hover, a.bg-primary-pale:focus,
button.bg-primary-pale:hover,
button.bg-primary-pale:focus {
  background-color: #1a8cff !important;
}

.bg-blue-300 {
  background-color: #0066CC !important;
}

a.bg-blue-300:hover, a.bg-blue-300:focus,
button.bg-blue-300:hover,
button.bg-blue-300:focus {
  background-color: #004d99 !important;
}

.bg-blue-400 {
  background-color: #004d99 !important;
}

a.bg-blue-400:hover, a.bg-blue-400:focus,
button.bg-blue-400:hover,
button.bg-blue-400:focus {
  background-color: #003366 !important;
}

.bg-blue-500 {
  background-color: #003366 !important;
}

a.bg-blue-500:hover, a.bg-blue-500:focus,
button.bg-blue-500:hover,
button.bg-blue-500:focus {
  background-color: #001a33 !important;
}

.bg-blue-600 {
  background-color: #00264d !important;
}

a.bg-blue-600:hover, a.bg-blue-600:focus,
button.bg-blue-600:hover,
button.bg-blue-600:focus {
  background-color: #000d1a !important;
}

.bg-success-pale {
  background-color: #e1f0dd !important;
}

a.bg-success-pale:hover, a.bg-success-pale:focus,
button.bg-success-pale:hover,
button.bg-success-pale:focus {
  background-color: #c3e1b9 !important;
}

.bg-info-pale {
  background-color: #ebe9f7 !important;
}

a.bg-info-pale:hover, a.bg-info-pale:focus,
button.bg-info-pale:hover,
button.bg-info-pale:focus {
  background-color: #cac4e9 !important;
}

.bg-infoalt {
  background-color: #47C1BF !important;
}

a.bg-infoalt:hover, a.bg-infoalt:focus,
button.bg-infoalt:hover,
button.bg-infoalt:focus {
  background-color: #369f9e !important;
}

.bg-progress {
  background-color: #47C1BF !important;
}

a.bg-progress:hover, a.bg-progress:focus,
button.bg-progress:hover,
button.bg-progress:focus {
  background-color: #369f9e !important;
}

.bg-progress-pale {
  background-color: #e0f4f4 !important;
}

a.bg-progress-pale:hover, a.bg-progress-pale:focus,
button.bg-progress-pale:hover,
button.bg-progress-pale:focus {
  background-color: #b9e8e7 !important;
}

.bg-teal-050 {
  background-color: #e0f4f4 !important;
}

a.bg-teal-050:hover, a.bg-teal-050:focus,
button.bg-teal-050:hover,
button.bg-teal-050:focus {
  background-color: #b9e8e7 !important;
}

.bg-teal-100 {
  background-color: #80d4d3 !important;
}

a.bg-teal-100:hover, a.bg-teal-100:focus,
button.bg-teal-100:hover,
button.bg-teal-100:focus {
  background-color: #5ac7c6 !important;
}

.bg-teal-200 {
  background-color: #6dcecc !important;
}

a.bg-teal-200:hover, a.bg-teal-200:focus,
button.bg-teal-200:hover,
button.bg-teal-200:focus {
  background-color: #47c1bf !important;
}

.bg-teal-300 {
  background-color: #47C1BF !important;
}

a.bg-teal-300:hover, a.bg-teal-300:focus,
button.bg-teal-300:hover,
button.bg-teal-300:focus {
  background-color: #369f9e !important;
}

.bg-teal-400 {
  background-color: #297978 !important;
}

a.bg-teal-400:hover, a.bg-teal-400:focus,
button.bg-teal-400:hover,
button.bg-teal-400:focus {
  background-color: #1c5352 !important;
}

.bg-warning-pale {
  background-color: #ffd5b2 !important;
}

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

.bg-danger-pale {
  background-color: #f0a7ab !important;
}

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

.bg-red-050 {
  background-color: #f5c6c8 !important;
}

a.bg-red-050:hover, a.bg-red-050:focus,
button.bg-red-050:hover,
button.bg-red-050:focus {
  background-color: #ee9a9f !important;
}

.bg-red-100 {
  background-color: #f0a7ab !important;
}

a.bg-red-100:hover, a.bg-red-100:focus,
button.bg-red-100:hover,
button.bg-red-100:focus {
  background-color: #e97b82 !important;
}

.bg-red-200 {
  background-color: #e97b82 !important;
}

a.bg-red-200:hover, a.bg-red-200:focus,
button.bg-red-200:hover,
button.bg-red-200:focus {
  background-color: #e15059 !important;
}

.bg-red-300 {
  background-color: #D92530 !important;
}

a.bg-red-300:hover, a.bg-red-300:focus,
button.bg-red-300:hover,
button.bg-red-300:focus {
  background-color: #ad1e26 !important;
}

.bg-red-400 {
  background-color: #82161d !important;
}

a.bg-red-400:hover, a.bg-red-400:focus,
button.bg-red-400:hover,
button.bg-red-400:focus {
  background-color: #560f13 !important;
}

.bg-red-500 {
  background-color: #560f13 !important;
}

a.bg-red-500:hover, a.bg-red-500:focus,
button.bg-red-500:hover,
button.bg-red-500:focus {
  background-color: #2b0709 !important;
}

.bg-neutral {
  background-color: #ced4dc !important;
}

a.bg-neutral:hover, a.bg-neutral:focus,
button.bg-neutral:hover,
button.bg-neutral:focus {
  background-color: #b0b9c6 !important;
}

.bg-gray-050 {
  background-color: #f4f6f7 !important;
}

a.bg-gray-050:hover, a.bg-gray-050:focus,
button.bg-gray-050:hover,
button.bg-gray-050:focus {
  background-color: #d7dbe2 !important;
}

.bg-gray-100 {
  background-color: #e3e6eb !important;
}

a.bg-gray-100:hover, a.bg-gray-100:focus,
button.bg-gray-100:hover,
button.bg-gray-100:focus {
  background-color: #c5ccd5 !important;
}

.bg-gray-200 {
  background-color: #ced4dc !important;
}

a.bg-gray-200:hover, a.bg-gray-200:focus,
button.bg-gray-200:hover,
button.bg-gray-200:focus {
  background-color: #b0b9c6 !important;
}

.bg-gray-300 {
  background-color: #8492A6 !important;
}

a.bg-gray-300:hover, a.bg-gray-300:focus,
button.bg-gray-300:hover,
button.bg-gray-300:focus {
  background-color: #68788f !important;
}

.bg-gray-400 {
  background-color: #5d6c81 !important;
}

a.bg-gray-400:hover, a.bg-gray-400:focus,
button.bg-gray-400:hover,
button.bg-gray-400:focus {
  background-color: #485363 !important;
}

.bg-gray-500 {
  background-color: #485363 !important;
}

a.bg-gray-500:hover, a.bg-gray-500:focus,
button.bg-gray-500:hover,
button.bg-gray-500:focus {
  background-color: #323a45 !important;
}

.bg-gray-600 {
  background-color: #323a45 !important;
}

a.bg-gray-600:hover, a.bg-gray-600:focus,
button.bg-gray-600:hover,
button.bg-gray-600:focus {
  background-color: #1d2128 !important;
}

.bg-white {
  background-color: #fff !important;
}

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 2px solid #ced4dc !important;
}

.border-top {
  border-top: 2px solid #ced4dc !important;
}

.border-right {
  border-right: 2px solid #ced4dc !important;
}

.border-bottom {
  border-bottom: 2px solid #ced4dc !important;
}

.border-left {
  border-left: 2px solid #ced4dc !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0066CC !important;
}

.border-secondary {
  border-color: #8492A6 !important;
}

.border-success {
  border-color: #66B34E !important;
}

.border-info {
  border-color: #6554C0 !important;
}

.border-warning {
  border-color: #EF6C00 !important;
}

.border-danger {
  border-color: #D92530 !important;
}

.border-light {
  border-color: #f4f6f7 !important;
}

.border-dark {
  border-color: #272e37 !important;
}

.border-primary-pale {
  border-color: #4da6ff !important;
}

.border-blue-300 {
  border-color: #0066CC !important;
}

.border-blue-400 {
  border-color: #004d99 !important;
}

.border-blue-500 {
  border-color: #003366 !important;
}

.border-blue-600 {
  border-color: #00264d !important;
}

.border-success-pale {
  border-color: #e1f0dd !important;
}

.border-info-pale {
  border-color: #ebe9f7 !important;
}

.border-infoalt {
  border-color: #47C1BF !important;
}

.border-progress {
  border-color: #47C1BF !important;
}

.border-progress-pale {
  border-color: #e0f4f4 !important;
}

.border-teal-050 {
  border-color: #e0f4f4 !important;
}

.border-teal-100 {
  border-color: #80d4d3 !important;
}

.border-teal-200 {
  border-color: #6dcecc !important;
}

.border-teal-300 {
  border-color: #47C1BF !important;
}

.border-teal-400 {
  border-color: #297978 !important;
}

.border-warning-pale {
  border-color: #ffd5b2 !important;
}

.border-danger-pale {
  border-color: #f0a7ab !important;
}

.border-red-050 {
  border-color: #f5c6c8 !important;
}

.border-red-100 {
  border-color: #f0a7ab !important;
}

.border-red-200 {
  border-color: #e97b82 !important;
}

.border-red-300 {
  border-color: #D92530 !important;
}

.border-red-400 {
  border-color: #82161d !important;
}

.border-red-500 {
  border-color: #560f13 !important;
}

.border-neutral {
  border-color: #ced4dc !important;
}

.border-gray-050 {
  border-color: #f4f6f7 !important;
}

.border-gray-100 {
  border-color: #e3e6eb !important;
}

.border-gray-200 {
  border-color: #ced4dc !important;
}

.border-gray-300 {
  border-color: #8492A6 !important;
}

.border-gray-400 {
  border-color: #5d6c81 !important;
}

.border-gray-500 {
  border-color: #485363 !important;
}

.border-gray-600 {
  border-color: #323a45 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-white {
  border-color: #fff !important;
}

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

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

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

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

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

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

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

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

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1600px) {
  .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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    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: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.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 {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1600px) {
  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xxl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xxl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-xxl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xxl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
        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: 1600px) {
  .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;
      -ms-user-select: all !important;
          user-select: all !important;
}

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

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

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

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

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

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    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 {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(72, 83, 99, 0.075) !important;
          box-shadow: 0 0.125rem 0.25rem rgba(72, 83, 99, 0.075) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(72, 83, 99, 0.15) !important;
          box-shadow: 0 0.5rem 1rem rgba(72, 83, 99, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(72, 83, 99, 0.175) !important;
          box-shadow: 0 1rem 3rem rgba(72, 83, 99, 0.175) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.w-25 {
  width: 24% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 24% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

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

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

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

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

.m-2 {
  margin: 0.5rem !important;
}

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

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

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

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

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

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

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

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

.m-4 {
  margin: 1.5rem !important;
}

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

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

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

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

.m-5 {
  margin: 3rem !important;
}

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

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

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

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

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

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

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

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

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

.p-2 {
  padding: 0.5rem !important;
}

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

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

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

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

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

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

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

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

.p-4 {
  padding: 1.5rem !important;
}

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

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

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

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

.p-5 {
  padding: 3rem !important;
}

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

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

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

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

.m-n1 {
  margin: -0.25rem !important;
}

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

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

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

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

.m-n2 {
  margin: -0.5rem !important;
}

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

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

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

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

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

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

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

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

.m-n4 {
  margin: -1.5rem !important;
}

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

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

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

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1600px) {
  .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: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.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.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !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;
  }
  .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: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.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.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !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;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.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.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !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-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: rgba(0, 0, 0, 0);
}

.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: 1600px) {
  .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-white {
  color: #fff !important;
}

.text-primary {
  color: #0066CC !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #004080 !important;
}

.text-secondary {
  color: #8492A6 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #5d6c81 !important;
}

.text-success {
  color: #66B34E !important;
}

a.text-success:hover, a.text-success:focus {
  color: #477e36 !important;
}

.text-info {
  color: #6554C0 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #443692 !important;
}

.text-warning {
  color: #EF6C00 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #a34900 !important;
}

.text-danger {
  color: #D92530 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #981a22 !important;
}

.text-light {
  color: #f4f6f7 !important;
}

a.text-light:hover, a.text-light:focus {
  color: #c8ced7 !important;
}

.text-dark {
  color: #272e37 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #07090a !important;
}

.text-primary-pale {
  color: #4da6ff !important;
}

a.text-primary-pale:hover, a.text-primary-pale:focus {
  color: #0080ff !important;
}

.text-blue-300 {
  color: #0066CC !important;
}

a.text-blue-300:hover, a.text-blue-300:focus {
  color: #004080 !important;
}

.text-blue-400 {
  color: #004d99 !important;
}

a.text-blue-400:hover, a.text-blue-400:focus {
  color: #00264d !important;
}

.text-blue-500 {
  color: #003366 !important;
}

a.text-blue-500:hover, a.text-blue-500:focus {
  color: #000d1a !important;
}

.text-blue-600 {
  color: #00264d !important;
}

a.text-blue-600:hover, a.text-blue-600:focus {
  color: black !important;
}

.text-success-pale {
  color: #e1f0dd !important;
}

a.text-success-pale:hover, a.text-success-pale:focus {
  color: #b3d9a7 !important;
}

.text-info-pale {
  color: #ebe9f7 !important;
}

a.text-info-pale:hover, a.text-info-pale:focus {
  color: #b9b1e2 !important;
}

.text-infoalt {
  color: #47C1BF !important;
}

a.text-infoalt:hover, a.text-infoalt:focus {
  color: #2f8c8b !important;
}

.text-progress {
  color: #47C1BF !important;
}

a.text-progress:hover, a.text-progress:focus {
  color: #2f8c8b !important;
}

.text-progress-pale {
  color: #e0f4f4 !important;
}

a.text-progress-pale:hover, a.text-progress-pale:focus {
  color: #a6e1e0 !important;
}

.text-teal-050 {
  color: #e0f4f4 !important;
}

a.text-teal-050:hover, a.text-teal-050:focus {
  color: #a6e1e0 !important;
}

.text-teal-100 {
  color: #80d4d3 !important;
}

a.text-teal-100:hover, a.text-teal-100:focus {
  color: #47c1bf !important;
}

.text-teal-200 {
  color: #6dcecc !important;
}

a.text-teal-200:hover, a.text-teal-200:focus {
  color: #3cb2b0 !important;
}

.text-teal-300 {
  color: #47C1BF !important;
}

a.text-teal-300:hover, a.text-teal-300:focus {
  color: #2f8c8b !important;
}

.text-teal-400 {
  color: #297978 !important;
}

a.text-teal-400:hover, a.text-teal-400:focus {
  color: #16403f !important;
}

.text-warning-pale {
  color: #ffd5b2 !important;
}

a.text-warning-pale:hover, a.text-warning-pale:focus {
  color: #ffab65 !important;
}

.text-danger-pale {
  color: #f0a7ab !important;
}

a.text-danger-pale:hover, a.text-danger-pale:focus {
  color: #e5666d !important;
}

.text-red-050 {
  color: #f5c6c8 !important;
}

a.text-red-050:hover, a.text-red-050:focus {
  color: #ea848a !important;
}

.text-red-100 {
  color: #f0a7ab !important;
}

a.text-red-100:hover, a.text-red-100:focus {
  color: #e5666d !important;
}

.text-red-200 {
  color: #e97b82 !important;
}

a.text-red-200:hover, a.text-red-200:focus {
  color: #dd3a44 !important;
}

.text-red-300 {
  color: #D92530 !important;
}

a.text-red-300:hover, a.text-red-300:focus {
  color: #981a22 !important;
}

.text-red-400 {
  color: #82161d !important;
}

a.text-red-400:hover, a.text-red-400:focus {
  color: #410b0e !important;
}

.text-red-500 {
  color: #560f13 !important;
}

a.text-red-500:hover, a.text-red-500:focus {
  color: #150405 !important;
}

.text-neutral {
  color: #ced4dc !important;
}

a.text-neutral:hover, a.text-neutral:focus {
  color: #a2acbb !important;
}

.text-gray-050 {
  color: #f4f6f7 !important;
}

a.text-gray-050:hover, a.text-gray-050:focus {
  color: #c8ced7 !important;
}

.text-gray-100 {
  color: #e3e6eb !important;
}

a.text-gray-100:hover, a.text-gray-100:focus {
  color: #b6bfca !important;
}

.text-gray-200 {
  color: #ced4dc !important;
}

a.text-gray-200:hover, a.text-gray-200:focus {
  color: #a2acbb !important;
}

.text-gray-300 {
  color: #8492A6 !important;
}

a.text-gray-300:hover, a.text-gray-300:focus {
  color: #5d6c81 !important;
}

.text-gray-400 {
  color: #5d6c81 !important;
}

a.text-gray-400:hover, a.text-gray-400:focus {
  color: #3d4654 !important;
}

.text-gray-500 {
  color: #485363 !important;
}

a.text-gray-500:hover, a.text-gray-500:focus {
  color: #272e37 !important;
}

.text-gray-600 {
  color: #323a45 !important;
}

a.text-gray-600:hover, a.text-gray-600:focus {
  color: #121519 !important;
}

.text-white {
  color: #fff !important;
}

a.text-white:hover, a.text-white:focus {
  color: #d9d9d9 !important;
}

.text-body {
  color: #485363 !important;
}

.text-muted {
  color: #8492A6 !important;
}

.text-black-50 {
  color: rgba(72, 83, 99, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 2px solid #485363;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 2px solid #485363;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #8492A6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #e3e6eb;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #e3e6eb;
  }
}

/* Mixin to give icons in buttons the same color as button text */
.badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0em 1em;
  font-size: 75%;
  font-weight: 400;
  line-height: 1.75em;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  position: relative;
  top: -1px;
  border-radius: 0.25rem;
  /*  &.badge-lg {
    font-size: ($badge-font-size * 2);
    font-weight: 700;
    padding: $badge-padding-y ($badge-padding-x / 1.5);
  }
*/
}

.badge:empty {
  display: inline-block;
}

.badge.attached {
  position: absolute;
  top: -.5rem;
  right: -.55rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 1em;
  padding-left: 1em;
  border-radius: 10rem;
  border: 1.5px solid white;
}

.badge-primary {
  color: #00264d;
  background-color: #66b3ff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  text-decoration: none;
  background-color: #004d99;
}

.badge-secondary {
  color: #485363;
  background-color: #dde1e6;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  text-decoration: none;
  background-color: #68788f;
}

.badge-success {
  color: #335b27;
  background-color: #c3e1b9;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  text-decoration: none;
  background-color: #51903e;
}

.badge-info {
  color: #33286d;
  background-color: #cac4e9;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  text-decoration: none;
  background-color: #4d3da4;
}

.badge-warning {
  color: #703200;
  background-color: #ffbe89;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  text-decoration: none;
  background-color: #bc5500;
}

.badge-danger {
  color: #6c1218;
  background-color: #f0a7ab;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  text-decoration: none;
  background-color: #ad1e26;
}

.badge-light {
  color: #aab4c2;
  background-color: white;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  text-decoration: none;
  background-color: #d7dbe2;
}

.badge-dark {
  color: black;
  background-color: #68788f;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  text-decoration: none;
  background-color: #121519;
}

.badge-primary-pale {
  color: #0066cc;
  background-color: #e6f2ff;
}

.badge-primary-pale[href]:hover, .badge-primary-pale[href]:focus {
  text-decoration: none;
  background-color: #1a8cff;
}

.badge-blue-300 {
  color: #00264d;
  background-color: #66b3ff;
}

.badge-blue-300[href]:hover, .badge-blue-300[href]:focus {
  text-decoration: none;
  background-color: #004d99;
}

.badge-blue-400 {
  color: #000d1a;
  background-color: #3399ff;
}

.badge-blue-400[href]:hover, .badge-blue-400[href]:focus {
  text-decoration: none;
  background-color: #003366;
}

.badge-blue-500 {
  color: black;
  background-color: #0080ff;
}

.badge-blue-500[href]:hover, .badge-blue-500[href]:focus {
  text-decoration: none;
  background-color: #001a33;
}

.badge-blue-600 {
  color: black;
  background-color: #0073e6;
}

.badge-blue-600[href]:hover, .badge-blue-600[href]:focus {
  text-decoration: none;
  background-color: #000d1a;
}

.badge-success-pale {
  color: #94ca84;
  background-color: white;
}

.badge-success-pale[href]:hover, .badge-success-pale[href]:focus {
  text-decoration: none;
  background-color: #c3e1b9;
}

.badge-info-pale {
  color: #978cd5;
  background-color: white;
}

.badge-info-pale[href]:hover, .badge-info-pale[href]:focus {
  text-decoration: none;
  background-color: #cac4e9;
}

.badge-infoalt {
  color: #226665;
  background-color: #b9e8e7;
}

.badge-infoalt[href]:hover, .badge-infoalt[href]:focus {
  text-decoration: none;
  background-color: #369f9e;
}

.badge-progress {
  color: #226665;
  background-color: #b9e8e7;
}

.badge-progress[href]:hover, .badge-progress[href]:focus {
  text-decoration: none;
  background-color: #369f9e;
}

.badge-progress-pale {
  color: #80d4d3;
  background-color: white;
}

.badge-progress-pale[href]:hover, .badge-progress-pale[href]:focus {
  text-decoration: none;
  background-color: #b9e8e7;
}

.badge-teal-050 {
  color: #80d4d3;
  background-color: white;
}

.badge-teal-050[href]:hover, .badge-teal-050[href]:focus {
  text-decoration: none;
  background-color: #b9e8e7;
}

.badge-teal-100 {
  color: #369f9e;
  background-color: #f3fbfb;
}

.badge-teal-100[href]:hover, .badge-teal-100[href]:focus {
  text-decoration: none;
  background-color: #5ac7c6;
}

.badge-teal-200 {
  color: #2f8c8b;
  background-color: #e0f4f4;
}

.badge-teal-200[href]:hover, .badge-teal-200[href]:focus {
  text-decoration: none;
  background-color: #47c1bf;
}

.badge-teal-300 {
  color: #226665;
  background-color: #b9e8e7;
}

.badge-teal-300[href]:hover, .badge-teal-300[href]:focus {
  text-decoration: none;
  background-color: #369f9e;
}

.badge-teal-400 {
  color: #091a1a;
  background-color: #6dcecc;
}

.badge-teal-400[href]:hover, .badge-teal-400[href]:focus {
  text-decoration: none;
  background-color: #1c5352;
}

.badge-warning-pale {
  color: #ff8f32;
  background-color: white;
}

.badge-warning-pale[href]:hover, .badge-warning-pale[href]:focus {
  text-decoration: none;
  background-color: #ffb97f;
}

.badge-danger-pale {
  color: #dd3a44;
  background-color: white;
}

.badge-danger-pale[href]:hover, .badge-danger-pale[href]:focus {
  text-decoration: none;
  background-color: #e97b82;
}

.badge-red-050 {
  color: #e35961;
  background-color: white;
}

.badge-red-050[href]:hover, .badge-red-050[href]:focus {
  text-decoration: none;
  background-color: #ee9a9f;
}

.badge-red-100 {
  color: #dd3a44;
  background-color: white;
}

.badge-red-100[href]:hover, .badge-red-100[href]:focus {
  text-decoration: none;
  background-color: #e97b82;
}

.badge-red-200 {
  color: #c3212b;
  background-color: #fffefe;
}

.badge-red-200[href]:hover, .badge-red-200[href]:focus {
  text-decoration: none;
  background-color: #e15059;
}

.badge-red-300 {
  color: #6c1218;
  background-color: #f0a7ab;
}

.badge-red-300[href]:hover, .badge-red-300[href]:focus {
  text-decoration: none;
  background-color: #ad1e26;
}

.badge-red-400 {
  color: #150405;
  background-color: #e15059;
}

.badge-red-400[href]:hover, .badge-red-400[href]:focus {
  text-decoration: none;
  background-color: #560f13;
}

.badge-red-500 {
  color: black;
  background-color: #d92530;
}

.badge-red-500[href]:hover, .badge-red-500[href]:focus {
  text-decoration: none;
  background-color: #2b0709;
}

.badge-neutral {
  color: #8492a6;
  background-color: white;
}

.badge-neutral[href]:hover, .badge-neutral[href]:focus {
  text-decoration: none;
  background-color: #b0b9c6;
}

.badge-gray-050 {
  color: #aab4c2;
  background-color: white;
}

.badge-gray-050[href]:hover, .badge-gray-050[href]:focus {
  text-decoration: none;
  background-color: #d7dbe2;
}

.badge-gray-100 {
  color: #99a4b5;
  background-color: white;
}

.badge-gray-100[href]:hover, .badge-gray-100[href]:focus {
  text-decoration: none;
  background-color: #c5ccd5;
}

.badge-gray-200 {
  color: #8492a6;
  background-color: white;
}

.badge-gray-200[href]:hover, .badge-gray-200[href]:focus {
  text-decoration: none;
  background-color: #b0b9c6;
}

.badge-gray-300 {
  color: #485363;
  background-color: #dde1e6;
}

.badge-gray-300[href]:hover, .badge-gray-300[href]:focus {
  text-decoration: none;
  background-color: #68788f;
}

.badge-gray-400 {
  color: #272e37;
  background-color: #b0b9c6;
}

.badge-gray-400[href]:hover, .badge-gray-400[href]:focus {
  text-decoration: none;
  background-color: #485363;
}

.badge-gray-500 {
  color: #121519;
  background-color: #939fb1;
}

.badge-gray-500[href]:hover, .badge-gray-500[href]:focus {
  text-decoration: none;
  background-color: #323a45;
}

.badge-gray-600 {
  color: black;
  background-color: #75859b;
}

.badge-gray-600[href]:hover, .badge-gray-600[href]:focus {
  text-decoration: none;
  background-color: #1d2128;
}

.badge-white {
  color: #bfbfbf;
  background-color: white;
}

.badge-white[href]:hover, .badge-white[href]:focus {
  text-decoration: none;
  background-color: #e6e6e6;
}

.badge-dot {
  display: inline-block !important;
  position: relative;
  width: 8px;
  height: 8px;
  padding: 0;
  border-radius: 100%;
  vertical-align: middle;
  top: -2px;
}

.badge-dot.badge-sm {
  width: 6px;
  height: 6px;
}

.badge-dot.badge-lg {
  width: 10px;
  height: 10px;
}

.badge-dot.badge-xl {
  width: 12px;
  height: 12px;
}

.badge-dot.badge-success {
  background: #66B34E;
}

.badge-dot.badge-danger {
  background: #D92530;
}

.badge-dot.badge-warning {
  background: #EF6C00;
}

.badge-dot.badge-secondary {
  background: #8492A6;
}

.badge-dot.badge-light {
  background: #ced4dc;
}

.badge-dot.badge-info {
  background: #6554C0;
}

.badge-dot.badge-infoalt {
  background: #47C1BF;
}

.badge-ring {
  position: relative;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 100%;
  vertical-align: middle;
  top: -2px;
}

.badge-ring::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transition: .3s;
  transition: .3s;
}

.badge-ring.badge-sm {
  width: 8px;
  height: 8px;
}

.badge-ring.badge-sm::after {
  width: 4px;
  height: 4px;
}

.badge-ring.badge-lg {
  width: 12px;
  height: 12px;
}

.badge-ring.badge-lg::after {
  width: 8px;
  height: 8px;
}

.badge-ring.badge-xl {
  width: 14px;
  height: 14px;
}

.badge-ring.badge-xl::after {
  width: 10px;
  height: 10px;
}

.badge-ring.fill::after {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.badge-ring.badge-success {
  background: #66B34E;
}

.badge-ring.badge-danger {
  background: #D92530;
}

.badge-ring.badge-warning {
  background: #EF6C00;
}

.badge-ring.badge-secondary {
  background: #8492A6;
}

.badge-ring.badge-info {
  background: #6554C0;
}

.badge-ring.badge-infoalt {
  background: #47C1BF;
}

/* Move icon to align with button content */
.btn .icon.icon-xs {
  top: -2px;
}

.btn.btn-sm .icon.icon-xs, .btn-group-sm > .btn .icon.icon-xs {
  top: -1px;
}

/* Styles for buttons with icons */
.btn-icon-label {
  position: relative;
  /* Add some space before the button label */
}

.btn-icon-label > span {
  padding-left: 1.5rem;
}

.btn-icon-label > .icon {
  position: absolute;
  left: 0;
  margin-left: .5rem;
  margin-top: .75rem;
}

.btn-icon-label > .icon.icon-xs {
  margin-left: .85rem;
  margin-top: .9rem;
}

.btn-icon-label.btn-lg > .icon, .btn-group-lg > .btn-icon-label.btn > .icon {
  margin-top: 0;
}

.btn-primary {
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-icon {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
  padding-top: 0.21rem;
  padding-bottom: 0.21rem;
}

.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
  padding-top: 0.28rem;
  padding-bottom: 0.28rem;
}

.btn-icon.btn-lg > .icon, .btn-group-lg > .btn-icon.btn > .icon {
  top: 4px;
}

.btn-sm > .icon, .btn-group-sm > .btn > .icon {
  width: 1.2rem;
  height: 1.2rem;
}

.btn-lg > .icon, .btn-group-lg > .btn > .icon {
  width: 1.875rem;
  height: 1.875rem;
}

.btn-outline-primary > .icon {
  fill: #0066CC;
}

.btn-outline-primary:hover > .icon {
  fill: #fff;
}

.btn-outline-primary.disabled > .icon, .btn-outline-primary:disabled > .icon {
  fill: #0066CC;
}

.btn-outline-secondary > .icon {
  fill: #8492A6;
}

.btn-outline-secondary:hover > .icon {
  fill: #fff;
}

.btn-outline-secondary.disabled > .icon, .btn-outline-secondary:disabled > .icon {
  fill: #8492A6;
}

.btn-outline-success > .icon {
  fill: #66B34E;
}

.btn-outline-success:hover > .icon {
  fill: #fff;
}

.btn-outline-success.disabled > .icon, .btn-outline-success:disabled > .icon {
  fill: #66B34E;
}

.btn-outline-info > .icon {
  fill: #6554C0;
}

.btn-outline-info:hover > .icon {
  fill: #fff;
}

.btn-outline-info.disabled > .icon, .btn-outline-info:disabled > .icon {
  fill: #6554C0;
}

.btn-outline-warning > .icon {
  fill: #EF6C00;
}

.btn-outline-warning:hover > .icon {
  fill: #fff;
}

.btn-outline-warning.disabled > .icon, .btn-outline-warning:disabled > .icon {
  fill: #EF6C00;
}

.btn-outline-danger > .icon {
  fill: #D92530;
}

.btn-outline-danger:hover > .icon {
  fill: #fff;
}

.btn-outline-danger.disabled > .icon, .btn-outline-danger:disabled > .icon {
  fill: #D92530;
}

.btn-outline-light > .icon {
  fill: #f4f6f7;
}

.btn-outline-light:hover > .icon {
  fill: #fff;
}

.btn-outline-light.disabled > .icon, .btn-outline-light:disabled > .icon {
  fill: #f4f6f7;
}

.btn-outline-dark > .icon {
  fill: #272e37;
}

.btn-outline-dark:hover > .icon {
  fill: #fff;
}

.btn-outline-dark.disabled > .icon, .btn-outline-dark:disabled > .icon {
  fill: #272e37;
}

.btn-outline-primary-pale > .icon {
  fill: #4da6ff;
}

.btn-outline-primary-pale:hover > .icon {
  fill: #fff;
}

.btn-outline-primary-pale.disabled > .icon, .btn-outline-primary-pale:disabled > .icon {
  fill: #4da6ff;
}

.btn-outline-blue-300 > .icon {
  fill: #0066CC;
}

.btn-outline-blue-300:hover > .icon {
  fill: #fff;
}

.btn-outline-blue-300.disabled > .icon, .btn-outline-blue-300:disabled > .icon {
  fill: #0066CC;
}

.btn-outline-blue-400 > .icon {
  fill: #004d99;
}

.btn-outline-blue-400:hover > .icon {
  fill: #fff;
}

.btn-outline-blue-400.disabled > .icon, .btn-outline-blue-400:disabled > .icon {
  fill: #004d99;
}

.btn-outline-blue-500 > .icon {
  fill: #003366;
}

.btn-outline-blue-500:hover > .icon {
  fill: #fff;
}

.btn-outline-blue-500.disabled > .icon, .btn-outline-blue-500:disabled > .icon {
  fill: #003366;
}

.btn-outline-blue-600 > .icon {
  fill: #00264d;
}

.btn-outline-blue-600:hover > .icon {
  fill: #fff;
}

.btn-outline-blue-600.disabled > .icon, .btn-outline-blue-600:disabled > .icon {
  fill: #00264d;
}

.btn-outline-success-pale > .icon {
  fill: #e1f0dd;
}

.btn-outline-success-pale:hover > .icon {
  fill: #fff;
}

.btn-outline-success-pale.disabled > .icon, .btn-outline-success-pale:disabled > .icon {
  fill: #e1f0dd;
}

.btn-outline-info-pale > .icon {
  fill: #ebe9f7;
}

.btn-outline-info-pale:hover > .icon {
  fill: #fff;
}

.btn-outline-info-pale.disabled > .icon, .btn-outline-info-pale:disabled > .icon {
  fill: #ebe9f7;
}

.btn-outline-infoalt > .icon {
  fill: #47C1BF;
}

.btn-outline-infoalt:hover > .icon {
  fill: #fff;
}

.btn-outline-infoalt.disabled > .icon, .btn-outline-infoalt:disabled > .icon {
  fill: #47C1BF;
}

.btn-outline-progress > .icon {
  fill: #47C1BF;
}

.btn-outline-progress:hover > .icon {
  fill: #fff;
}

.btn-outline-progress.disabled > .icon, .btn-outline-progress:disabled > .icon {
  fill: #47C1BF;
}

.btn-outline-progress-pale > .icon {
  fill: #e0f4f4;
}

.btn-outline-progress-pale:hover > .icon {
  fill: #fff;
}

.btn-outline-progress-pale.disabled > .icon, .btn-outline-progress-pale:disabled > .icon {
  fill: #e0f4f4;
}

.btn-outline-teal-050 > .icon {
  fill: #e0f4f4;
}

.btn-outline-teal-050:hover > .icon {
  fill: #fff;
}

.btn-outline-teal-050.disabled > .icon, .btn-outline-teal-050:disabled > .icon {
  fill: #e0f4f4;
}

.btn-outline-teal-100 > .icon {
  fill: #80d4d3;
}

.btn-outline-teal-100:hover > .icon {
  fill: #fff;
}

.btn-outline-teal-100.disabled > .icon, .btn-outline-teal-100:disabled > .icon {
  fill: #80d4d3;
}

.btn-outline-teal-200 > .icon {
  fill: #6dcecc;
}

.btn-outline-teal-200:hover > .icon {
  fill: #fff;
}

.btn-outline-teal-200.disabled > .icon, .btn-outline-teal-200:disabled > .icon {
  fill: #6dcecc;
}

.btn-outline-teal-300 > .icon {
  fill: #47C1BF;
}

.btn-outline-teal-300:hover > .icon {
  fill: #fff;
}

.btn-outline-teal-300.disabled > .icon, .btn-outline-teal-300:disabled > .icon {
  fill: #47C1BF;
}

.btn-outline-teal-400 > .icon {
  fill: #297978;
}

.btn-outline-teal-400:hover > .icon {
  fill: #fff;
}

.btn-outline-teal-400.disabled > .icon, .btn-outline-teal-400:disabled > .icon {
  fill: #297978;
}

.btn-outline-warning-pale > .icon {
  fill: #ffd5b2;
}

.btn-outline-warning-pale:hover > .icon {
  fill: #fff;
}

.btn-outline-warning-pale.disabled > .icon, .btn-outline-warning-pale:disabled > .icon {
  fill: #ffd5b2;
}

.btn-outline-danger-pale > .icon {
  fill: #f0a7ab;
}

.btn-outline-danger-pale:hover > .icon {
  fill: #fff;
}

.btn-outline-danger-pale.disabled > .icon, .btn-outline-danger-pale:disabled > .icon {
  fill: #f0a7ab;
}

.btn-outline-red-050 > .icon {
  fill: #f5c6c8;
}

.btn-outline-red-050:hover > .icon {
  fill: #fff;
}

.btn-outline-red-050.disabled > .icon, .btn-outline-red-050:disabled > .icon {
  fill: #f5c6c8;
}

.btn-outline-red-100 > .icon {
  fill: #f0a7ab;
}

.btn-outline-red-100:hover > .icon {
  fill: #fff;
}

.btn-outline-red-100.disabled > .icon, .btn-outline-red-100:disabled > .icon {
  fill: #f0a7ab;
}

.btn-outline-red-200 > .icon {
  fill: #e97b82;
}

.btn-outline-red-200:hover > .icon {
  fill: #fff;
}

.btn-outline-red-200.disabled > .icon, .btn-outline-red-200:disabled > .icon {
  fill: #e97b82;
}

.btn-outline-red-300 > .icon {
  fill: #D92530;
}

.btn-outline-red-300:hover > .icon {
  fill: #fff;
}

.btn-outline-red-300.disabled > .icon, .btn-outline-red-300:disabled > .icon {
  fill: #D92530;
}

.btn-outline-red-400 > .icon {
  fill: #82161d;
}

.btn-outline-red-400:hover > .icon {
  fill: #fff;
}

.btn-outline-red-400.disabled > .icon, .btn-outline-red-400:disabled > .icon {
  fill: #82161d;
}

.btn-outline-red-500 > .icon {
  fill: #560f13;
}

.btn-outline-red-500:hover > .icon {
  fill: #fff;
}

.btn-outline-red-500.disabled > .icon, .btn-outline-red-500:disabled > .icon {
  fill: #560f13;
}

.btn-outline-neutral > .icon {
  fill: #ced4dc;
}

.btn-outline-neutral:hover > .icon {
  fill: #fff;
}

.btn-outline-neutral.disabled > .icon, .btn-outline-neutral:disabled > .icon {
  fill: #ced4dc;
}

.btn-outline-gray-050 > .icon {
  fill: #f4f6f7;
}

.btn-outline-gray-050:hover > .icon {
  fill: #fff;
}

.btn-outline-gray-050.disabled > .icon, .btn-outline-gray-050:disabled > .icon {
  fill: #f4f6f7;
}

.btn-outline-gray-100 > .icon {
  fill: #e3e6eb;
}

.btn-outline-gray-100:hover > .icon {
  fill: #fff;
}

.btn-outline-gray-100.disabled > .icon, .btn-outline-gray-100:disabled > .icon {
  fill: #e3e6eb;
}

.btn-outline-gray-200 > .icon {
  fill: #ced4dc;
}

.btn-outline-gray-200:hover > .icon {
  fill: #fff;
}

.btn-outline-gray-200.disabled > .icon, .btn-outline-gray-200:disabled > .icon {
  fill: #ced4dc;
}

.btn-outline-gray-300 > .icon {
  fill: #8492A6;
}

.btn-outline-gray-300:hover > .icon {
  fill: #fff;
}

.btn-outline-gray-300.disabled > .icon, .btn-outline-gray-300:disabled > .icon {
  fill: #8492A6;
}

.btn-outline-gray-400 > .icon {
  fill: #5d6c81;
}

.btn-outline-gray-400:hover > .icon {
  fill: #fff;
}

.btn-outline-gray-400.disabled > .icon, .btn-outline-gray-400:disabled > .icon {
  fill: #5d6c81;
}

.btn-outline-gray-500 > .icon {
  fill: #485363;
}

.btn-outline-gray-500:hover > .icon {
  fill: #fff;
}

.btn-outline-gray-500.disabled > .icon, .btn-outline-gray-500:disabled > .icon {
  fill: #485363;
}

.btn-outline-gray-600 > .icon {
  fill: #323a45;
}

.btn-outline-gray-600:hover > .icon {
  fill: #fff;
}

.btn-outline-gray-600.disabled > .icon, .btn-outline-gray-600:disabled > .icon {
  fill: #323a45;
}

.btn-outline-white > .icon {
  fill: #fff;
}

.btn-outline-white:hover > .icon {
  fill: #fff;
}

.btn-outline-white.disabled > .icon, .btn-outline-white:disabled > .icon {
  fill: #fff;
}

/* Adjustment for light button */
.show > .btn-outline-light.dropdown-toggle {
  color: #a2acbb;
  background-color: #fff;
  border-color: #0066CC;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
}

.btn-outline-light {
  color: #8492A6;
  border-color: #e3e6eb;
}

.btn-outline-light > .icon {
  fill: #8492a6;
}

.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light.active {
  color: #5d6c81 !important;
  border-color: #ced4dc;
}

.btn-outline-light:hover > .icon, .btn-outline-light:active > .icon, .btn-outline-light.active > .icon {
  fill: #a2acbb;
}

/* Header action buttons */
/* For action buttons within a page header, there's no need for a left padding */
.btn-action {
  padding-left: 0;
  padding-top: 0;
}

/* Loading buttons */
.btn-loading {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s linear, opacity 0.1s ease;
  transition: all 0s linear, opacity 0.1s ease;
}

.btn-loading::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15);
}

.btn-loading::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: spin 0.6s linear;
          animation: spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #ffffff transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
          box-shadow: 0px 0px 0px 1px transparent;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* Floating Action Buttons */
.fab {
  position: relative;
  display: inline-block;
  z-index: 1079;
}

.fab > .btn {
  position: relative;
  z-index: 1;
}

.fab-fixed {
  position: fixed;
  right: 20px;
  bottom: 20px;
}

.btn-float {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  padding: 0;
  margin: 0;
  font-size: 24px;
  border-radius: 100%;
  -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.btn-float .icon {
  stroke: #fff;
  fill: #fff;
}

.btn-float.btn-sm, .btn-group-sm > .btn-float.btn {
  width: 40px;
  height: 40px;
  font-size: 16px;
}

.btn-float:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.breadcrumb {
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
}

.breadcrumb.fluid {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
}

.breadcrumb-item a {
  text-decoration: none;
  color: #8492A6;
}

.breadcrumb-item a:hover {
  color: #272e37;
}

.back a::before {
  content: "\2190  ";
}

.lh-normal {
  line-height: normal;
}

.text-highlight {
  border-radius: 1em 0 1em 0;
  background-image: linear-gradient(-100deg, rgba(250, 247, 133, 0.3), rgba(250, 247, 133, 0.7) 95%, rgba(250, 247, 133, 0.1));
}

.text-medium {
  font-size: 0.975rem;
}

h6 {
  text-transform: uppercase;
  color: #68788f;
}

.eyebrow {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.action {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  display: inline-block;
  position: relative;
  padding-right: 2em;
}

/* Or separator */
.or {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #8492A6;
}

.or:after,
.or:before {
  content: "";
  display: block;
  background: #e3e6eb;
  width: 30%;
  height: 1px;
  margin: 0 10px;
}

.blockquote {
  border-width: 0px 0px 0px 8px;
  border-style: solid;
  padding: 0.7em 0.75em;
  border-radius: 0.25rem;
  margin-top: 0.4rem;
}

.blockquote .blockquote-link {
  font-weight: 600;
  text-decoration: underline;
}

.blockquote.attached-below {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-left: 1rem;
  border-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.blockquote .icon.icon-sm {
  margin-right: .5rem;
}

.blockquote-primary {
  color: #0b63bc;
  background-color: #d9e8f7;
  border-color: #66a3e0;
}

.blockquote-primary .blockquote-link,
.blockquote-primary .icon {
  color: #084a8c;
  font-weight: 500;
  fill: #66a3e0;
}

.blockquote-primary .blockquote-link.small,
.blockquote-primary .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-secondary {
  color: #7b899c;
  background-color: #edeff2;
  border-color: #b5beca;
}

.blockquote-secondary .blockquote-link,
.blockquote-secondary .icon {
  color: #627082;
  font-weight: 500;
  fill: #b5beca;
}

.blockquote-secondary .blockquote-link.small,
.blockquote-secondary .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-success {
  color: #61a551;
  background-color: #e8f4e4;
  border-color: #a3d195;
}

.blockquote-success .blockquote-link,
.blockquote-success .icon {
  color: #4d8340;
  font-weight: 500;
  fill: #a3d195;
}

.blockquote-success .blockquote-link.small,
.blockquote-success .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-info {
  color: #6154b2;
  background-color: #e8e5f6;
  border-color: #a398d9;
}

.blockquote-info .blockquote-link,
.blockquote-info .icon {
  color: #4d4291;
  font-weight: 500;
  fill: #a398d9;
}

.blockquote-info .blockquote-link.small,
.blockquote-info .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-warning {
  color: #d6680f;
  background-color: #fde9d9;
  border-color: #f5a766;
}

.blockquote-warning .blockquote-link,
.blockquote-warning .icon {
  color: #a6510c;
  font-weight: 500;
  fill: #f5a766;
}

.blockquote-warning .blockquote-link.small,
.blockquote-warning .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-danger {
  color: #c32c38;
  background-color: #f9dee0;
  border-color: #e87c83;
}

.blockquote-danger .blockquote-link,
.blockquote-danger .icon {
  color: #99232c;
  font-weight: 500;
  fill: #e87c83;
}

.blockquote-danger .blockquote-link.small,
.blockquote-danger .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-light {
  color: #dbdde1;
  background-color: #fdfefe;
  border-color: #f9f9fa;
}

.blockquote-light .blockquote-link,
.blockquote-light .icon {
  color: #bfc3ca;
  font-weight: 500;
  fill: #f9f9fa;
}

.blockquote-light .blockquote-link.small,
.blockquote-light .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-dark {
  color: #2c333d;
  background-color: #dfe0e1;
  border-color: #7e8187;
}

.blockquote-dark .blockquote-link,
.blockquote-dark .icon {
  color: #171a1f;
  font-weight: 500;
  fill: #7e8187;
}

.blockquote-dark .blockquote-link.small,
.blockquote-dark .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-primary-pale {
  color: #4c99e8;
  background-color: #e4f2ff;
  border-color: #94c9ff;
}

.blockquote-primary-pale .blockquote-link,
.blockquote-primary-pale .icon {
  color: #1f7fe2;
  font-weight: 500;
  fill: #94c9ff;
}

.blockquote-primary-pale .blockquote-link.small,
.blockquote-primary-pale .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-blue-300 {
  color: #0b63bc;
  background-color: #d9e8f7;
  border-color: #66a3e0;
}

.blockquote-blue-300 .blockquote-link,
.blockquote-blue-300 .icon {
  color: #084a8c;
  font-weight: 500;
  fill: #66a3e0;
}

.blockquote-blue-300 .blockquote-link.small,
.blockquote-blue-300 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-blue-400 {
  color: #0b4d91;
  background-color: #d9e4f0;
  border-color: #6694c2;
}

.blockquote-blue-400 .blockquote-link,
.blockquote-blue-400 .icon {
  color: #073462;
  font-weight: 500;
  fill: #6694c2;
}

.blockquote-blue-400 .blockquote-link.small,
.blockquote-blue-400 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-blue-500 {
  color: #0b3866;
  background-color: #d9e0e8;
  border-color: #6685a3;
}

.blockquote-blue-500 .blockquote-link,
.blockquote-blue-500 .icon {
  color: #061f38;
  font-weight: 500;
  fill: #6685a3;
}

.blockquote-blue-500 .blockquote-link.small,
.blockquote-blue-500 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-blue-600 {
  color: #0b2d50;
  background-color: #d9dee4;
  border-color: #667d94;
}

.blockquote-blue-600 .blockquote-link,
.blockquote-blue-600 .icon {
  color: #051423;
  font-weight: 500;
  fill: #667d94;
}

.blockquote-blue-600 .blockquote-link.small,
.blockquote-blue-600 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-success-pale {
  color: #cad9ca;
  background-color: #fbfdfa;
  border-color: #edf6ea;
}

.blockquote-success-pale .blockquote-link,
.blockquote-success-pale .icon {
  color: #acc4ac;
  font-weight: 500;
  fill: #edf6ea;
}

.blockquote-success-pale .blockquote-link.small,
.blockquote-success-pale .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-info-pale {
  color: #d3d3e1;
  background-color: #fcfcfe;
  border-color: #f3f2fa;
}

.blockquote-info-pale .blockquote-link,
.blockquote-info-pale .icon {
  color: #b5b5cc;
  font-weight: 500;
  fill: #f3f2fa;
}

.blockquote-info-pale .blockquote-link.small,
.blockquote-info-pale .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-infoalt {
  color: #47b0b1;
  background-color: #e3f6f5;
  border-color: #91dad9;
}

.blockquote-infoalt .blockquote-link,
.blockquote-infoalt .icon {
  color: #388c8d;
  font-weight: 500;
  fill: #91dad9;
}

.blockquote-infoalt .blockquote-link.small,
.blockquote-infoalt .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-progress {
  color: #47b0b1;
  background-color: #e3f6f5;
  border-color: #91dad9;
}

.blockquote-progress .blockquote-link,
.blockquote-progress .icon {
  color: #388c8d;
  font-weight: 500;
  fill: #91dad9;
}

.blockquote-progress .blockquote-link.small,
.blockquote-progress .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-progress-pale {
  color: #c9dcde;
  background-color: #fafdfd;
  border-color: #ecf9f8;
}

.blockquote-progress-pale .blockquote-link,
.blockquote-progress-pale .icon {
  color: #a9c7cb;
  font-weight: 500;
  fill: #ecf9f8;
}

.blockquote-progress-pale .blockquote-link.small,
.blockquote-progress-pale .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-teal-050 {
  color: #c9dcde;
  background-color: #fafdfd;
  border-color: #ecf9f8;
}

.blockquote-teal-050 .blockquote-link,
.blockquote-teal-050 .icon {
  color: #a9c7cb;
  font-weight: 500;
  fill: #ecf9f8;
}

.blockquote-teal-050 .blockquote-link.small,
.blockquote-teal-050 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-teal-100 {
  color: #78c1c2;
  background-color: #ecf9f8;
  border-color: #b3e5e5;
}

.blockquote-teal-100 .blockquote-link,
.blockquote-teal-100 .icon {
  color: #55b1b2;
  font-weight: 500;
  fill: #b3e5e5;
}

.blockquote-teal-100 .blockquote-link.small,
.blockquote-teal-100 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-teal-200 {
  color: #68bbbc;
  background-color: #e9f8f7;
  border-color: #a7e2e1;
}

.blockquote-teal-200 .blockquote-link,
.blockquote-teal-200 .icon {
  color: #4aa6a7;
  font-weight: 500;
  fill: #a7e2e1;
}

.blockquote-teal-200 .blockquote-link.small,
.blockquote-teal-200 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-teal-300 {
  color: #47b0b1;
  background-color: #e3f6f5;
  border-color: #91dad9;
}

.blockquote-teal-300 .blockquote-link,
.blockquote-teal-300 .icon {
  color: #388c8d;
  font-weight: 500;
  fill: #91dad9;
}

.blockquote-teal-300 .blockquote-link.small,
.blockquote-teal-300 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-teal-400 {
  color: #2d7375;
  background-color: #dfebeb;
  border-color: #7eafae;
}

.blockquote-teal-400 .blockquote-link,
.blockquote-teal-400 .icon {
  color: #1f4f50;
  font-weight: 500;
  fill: #7eafae;
}

.blockquote-teal-400 .blockquote-link.small,
.blockquote-teal-400 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-warning-pale {
  color: #e3c1a6;
  background-color: #fff9f3;
  border-color: #ffe6d1;
}

.blockquote-warning-pale .blockquote-link,
.blockquote-warning-pale .icon {
  color: #d7a67f;
  font-weight: 500;
  fill: #ffe6d1;
}

.blockquote-warning-pale .blockquote-link.small,
.blockquote-warning-pale .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-danger-pale {
  color: #d79aa1;
  background-color: #fdf2f2;
  border-color: #f6cacd;
}

.blockquote-danger-pale .blockquote-link,
.blockquote-danger-pale .icon {
  color: #c9757f;
  font-weight: 500;
  fill: #f6cacd;
}

.blockquote-danger-pale .blockquote-link.small,
.blockquote-danger-pale .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-red-050 {
  color: #dbb4b9;
  background-color: #fef6f7;
  border-color: #f9ddde;
}

.blockquote-red-050 .blockquote-link,
.blockquote-red-050 .icon {
  color: #ca9299;
  font-weight: 500;
  fill: #f9ddde;
}

.blockquote-red-050 .blockquote-link.small,
.blockquote-red-050 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-red-100 {
  color: #d79aa1;
  background-color: #fdf2f2;
  border-color: #f6cacd;
}

.blockquote-red-100 .blockquote-link,
.blockquote-red-100 .icon {
  color: #c9757f;
  font-weight: 500;
  fill: #f6cacd;
}

.blockquote-red-100 .blockquote-link.small,
.blockquote-red-100 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-red-200 {
  color: #d0757d;
  background-color: #fcebec;
  border-color: #f2b0b4;
}

.blockquote-red-200 .blockquote-link,
.blockquote-red-200 .icon {
  color: #c34f59;
  font-weight: 500;
  fill: #f2b0b4;
}

.blockquote-red-200 .blockquote-link.small,
.blockquote-red-200 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-red-300 {
  color: #c32c38;
  background-color: #f9dee0;
  border-color: #e87c83;
}

.blockquote-red-300 .blockquote-link,
.blockquote-red-300 .icon {
  color: #99232c;
  font-weight: 500;
  fill: #e87c83;
}

.blockquote-red-300 .blockquote-link.small,
.blockquote-red-300 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-red-400 {
  color: #791f27;
  background-color: #ecdcdd;
  border-color: #b47377;
}

.blockquote-red-400 .blockquote-link,
.blockquote-red-400 .icon {
  color: #50151a;
  font-weight: 500;
  fill: #b47377;
}

.blockquote-red-400 .blockquote-link.small,
.blockquote-red-400 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-red-500 {
  color: #54191f;
  background-color: #e6dbdc;
  border-color: #9a6f71;
}

.blockquote-red-500 .blockquote-link,
.blockquote-red-500 .icon {
  color: #2d0d10;
  font-weight: 500;
  fill: #9a6f71;
}

.blockquote-red-500 .blockquote-link.small,
.blockquote-red-500 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-neutral {
  color: #bac0c9;
  background-color: #f8f8fa;
  border-color: #e2e5ea;
}

.blockquote-neutral .blockquote-link,
.blockquote-neutral .icon {
  color: #9da6b3;
  font-weight: 500;
  fill: #e2e5ea;
}

.blockquote-neutral .blockquote-link.small,
.blockquote-neutral .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-gray-050 {
  color: #dbdde1;
  background-color: #fdfefe;
  border-color: #f9f9fa;
}

.blockquote-gray-050 .blockquote-link,
.blockquote-gray-050 .icon {
  color: #bfc3ca;
  font-weight: 500;
  fill: #f9f9fa;
}

.blockquote-gray-050 .blockquote-link.small,
.blockquote-gray-050 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-gray-100 {
  color: #cbd0d6;
  background-color: #fbfbfc;
  border-color: #eef0f3;
}

.blockquote-gray-100 .blockquote-link,
.blockquote-gray-100 .icon {
  color: #aeb6c0;
  font-weight: 500;
  fill: #eef0f3;
}

.blockquote-gray-100 .blockquote-link.small,
.blockquote-gray-100 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-gray-200 {
  color: #bac0c9;
  background-color: #f8f8fa;
  border-color: #e2e5ea;
}

.blockquote-gray-200 .blockquote-link,
.blockquote-gray-200 .icon {
  color: #9da6b3;
  font-weight: 500;
  fill: #e2e5ea;
}

.blockquote-gray-200 .blockquote-link.small,
.blockquote-gray-200 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-gray-300 {
  color: #7b899c;
  background-color: #edeff2;
  border-color: #b5beca;
}

.blockquote-gray-300 .blockquote-link,
.blockquote-gray-300 .icon {
  color: #627082;
  font-weight: 500;
  fill: #b5beca;
}

.blockquote-gray-300 .blockquote-link.small,
.blockquote-gray-300 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-gray-400 {
  color: #5a687c;
  background-color: #e7e9ec;
  border-color: #9ea7b3;
}

.blockquote-gray-400 .blockquote-link,
.blockquote-gray-400 .icon {
  color: #454f5e;
  font-weight: 500;
  fill: #9ea7b3;
}

.blockquote-gray-400 .blockquote-link.small,
.blockquote-gray-400 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-gray-500 {
  color: #485363;
  background-color: #e3e5e8;
  border-color: #9198a1;
}

.blockquote-gray-500 .blockquote-link,
.blockquote-gray-500 .icon {
  color: #333a45;
  font-weight: 500;
  fill: #9198a1;
}

.blockquote-gray-500 .blockquote-link.small,
.blockquote-gray-500 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-gray-600 {
  color: #353e4a;
  background-color: #e0e1e3;
  border-color: #848990;
}

.blockquote-gray-600 .blockquote-link,
.blockquote-gray-600 .icon {
  color: #20252c;
  font-weight: 500;
  fill: #848990;
}

.blockquote-gray-600 .blockquote-link.small,
.blockquote-gray-600 .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.blockquote-white {
  color: #e3e5e8;
  background-color: white;
  border-color: white;
}

.blockquote-white .blockquote-link,
.blockquote-white .icon {
  color: #c7cbd1;
  font-weight: 500;
  fill: white;
}

.blockquote-white .blockquote-link.small,
.blockquote-white .icon.small {
  /* Move small links up slightly as the alignment looks strange */
  position: relative;
  top: -1px;
}

.kt-widget-19__bg {
  opacity: 0.08;
  position: absolute;
  z-index: 0;
  width: 120px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.kt-widget-19__title {
  position: relative;
  left: 50%;
  margin-left: -1rem;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  stroke-width: 2;
  stroke: #485363;
  fill: #485363;
  height: 1.5rem;
  width: 1.5rem;
  margin: auto;
}

.icon.icon-xxs {
  top: -2px;
  height: 0.85rem;
  width: 0.85rem;
}

.icon.icon-xs {
  top: -4px;
  height: 0.95rem;
  width: 0.95rem;
}

.icon.icon-sm {
  top: -2px;
  height: 1.2rem;
  width: 1.2rem;
}

.icon.icon-lg {
  height: 1.875rem;
  width: 1.875rem;
}

.icon.icon-xl {
  height: 3rem;
  width: 3rem;
}

.icon.icon-xxl {
  height: 4.5rem;
  width: 4.5rem;
}

.hasBackdrop {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hasBackdrop svg {
  top: 1px;
}

.hasBackdrop::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -1.25rem;
  bottom: -1.25rem;
  left: -1.25rem;
  right: -1.25rem;
  border-radius: 50%;
}

.colorWhite {
  stroke: #fff;
  fill: #fff;
}

.colorWhite::after {
  background-color: rgba(255, 255, 255, 0.8);
}

.colorBlack {
  stroke: #485363;
  fill: #485363;
}

.colorBlue300 {
  stroke: #0066CC;
  fill: #0066CC;
}

.colorBlue300::after {
  background-color: #cce6ff;
}

.colorGray300, .colorGrey300 {
  stroke: #8492A6;
  fill: #8492A6;
}

.colorGray300::after, .colorGrey300::after {
  background-color: #ced4dc;
}

.colorGray200, .colorGrey200 {
  stroke: #ced4dc;
  fill: #ced4dc;
}

.colorGreen200 {
  stroke: #66B34E;
  fill: #66B34E;
}

.colorGreen200::after {
  background-color: #e1f0dd;
}

.colorGreen,
.colorGreen300 {
  stroke: #66B34E;
  fill: #66B34E;
}

.colorGreen::after,
.colorGreen300::after {
  background-color: #c3e1b9;
}

.colorOrange300, .colorOrange {
  stroke: #EF6C00;
  fill: #EF6C00;
}

.colorOrange300::after, .colorOrange::after {
  background-color: #ffbe89;
}

.colorRed300 {
  stroke: #D92530;
  fill: #D92530;
}

.colorRed300::after {
  background-color: #f0a7ab;
}

.colorPurple300 {
  stroke: #6554C0;
  fill: #6554C0;
}

.colorPurple300::after {
  background-color: #cac4e9;
}

.colorTeal300 {
  stroke: #47C1BF;
  fill: #47C1BF;
}

.colorTeal300::after {
  background-color: #e0f4f4;
}

svg {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
}

.avatar {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 100%;
  background-color: #ced4dc;
  color: #8b95a5;
  text-transform: uppercase;
}

.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  vertical-align: top;
}

.avatar-drop:after {
  content: "";
  position: absolute;
  top: 75%;
  left: 50%;
  border: 15px solid transparent;
  border-top: 15px solid #47C1BF;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.avatar-bordered {
  border: 4px solid rgba(255, 255, 255, 0.25);
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}

.avatar-square {
  border-radius: 0;
}

.avatar-progress {
  background: #e3e6eb;
  color: #5d6c81;
}

.avatar-progress.in-progress {
  background: #47C1BF;
  color: #47C1BF;
}

.avatar-progress.in-progress .icon {
  fill: #e0f4f4;
}

.avatar-progress.hidden {
  display: none;
  background: transparent;
  color: transparent;
}

.avatar-progress.hidden .icon {
  display: none;
}

.avatar-progress.done {
  background: #e1f0dd;
  color: #66B34E;
}

.avatar-progress.done .icon {
  fill: #66B34E;
  top: -6px;
}

.avatar-sm {
  width: 29px;
  height: 29px;
  line-height: 29px;
  font-size: 0.75rem;
}

.avatar-lg {
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 1.125rem;
}

.avatar-xl {
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-size: 1.25rem;
}

.avatar-xxl {
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-size: 1.375rem;
}

.avatar-xxxl {
  width: 128px;
  height: 128px;
  line-height: 128px;
  font-size: 1.5rem;
}

.avatar-pill {
  width: auto;
  border-radius: 18px;
  color: #616a78;
  text-transform: none;
  letter-spacing: 0;
  background-color: #e3e6eb;
  font-size: 0.875rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.avatar-pill:hover, .avatar-pill:focus {
  color: #616a78;
  background-color: #ced4dc;
}

.avatar-pill img {
  width: 36px;
}

.avatar-pill span {
  padding-right: 18px;
  padding-left: 8px;
}

.avatar-pill .close {
  padding-left: 0;
  padding-right: 8px;
  font-size: 19px;
  line-height: inherit;
}

.avatar-pill.avatar-sm {
  border-radius: 14.5px;
  font-size: 0.8125rem;
}

.avatar-pill.avatar-sm img {
  width: 29px;
}

.avatar-pill.avatar-sm span {
  padding-right: 14.5px;
}

.avatar-pill.avatar-sm .close {
  padding-right: 6px;
  font-size: 18px;
}

.avatar-pill.avatar-lg {
  border-radius: 24px;
  font-size: 0.9375rem;
}

.avatar-pill.avatar-lg img {
  width: 48px;
}

.avatar-pill.avatar-lg span {
  padding-right: 24px;
}

.avatar-pill.avatar-lg .close {
  padding-right: 10px;
  font-size: 20px;
}

.avatar-pill.avatar-xl {
  border-radius: 32px;
  font-size: 1rem;
}

.avatar-pill.avatar-xl img {
  width: 64px;
}

.avatar-pill.avatar-xl span {
  padding-right: 32px;
  padding-left: 12px;
}

.avatar-pill.avatar-xl .close {
  padding-right: 12px;
  font-size: 22px;
}

.avatar-pill.avatar-xxl {
  border-radius: 48px;
  font-size: 1.125rem;
}

.avatar-pill.avatar-xxl img {
  width: 96px;
}

.avatar-pill.avatar-xxl span {
  padding-right: 48px;
  padding-left: 12px;
}

.avatar-pill.avatar-xxl .close {
  padding-right: 16px;
  font-size: 24px;
}

.avatar-pill.avatar-xxxl {
  border-radius: 64px;
  font-size: 1.25rem;
}

.avatar-pill.avatar-xxxl img {
  width: 128px;
}

.avatar-pill.avatar-xxxl span {
  padding-right: 64px;
  padding-left: 12px;
}

.avatar-pill.avatar-xxxl .close {
  padding-right: 20px;
  font-size: 24px;
}

.avatar[class*='status-']::after {
  content: '';
  position: absolute;
  right: 0px;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 2px solid #fff;
  background-color: #0066CC;
}

.avatar[class*='status-'].avatar-sm::after {
  right: -2px;
  width: 9px;
  height: 9px;
}

.avatar[class*='status-'].avatar-lg::after {
  right: 4px;
}

.avatar[class*='status-'].avatar-xl::after {
  right: 5px;
  width: 11px;
  height: 11px;
}

.avatar[class*='status-'].avatar-xxl::after {
  right: 15px;
  width: 12px;
  height: 12px;
}

.avatar[class*='status-'].avatar-xxxl::after {
  right: 25px;
  width: 16px;
  height: 16px;
}

.avatar.status-success::after {
  background-color: #66B34E;
}

.avatar.status-info::after {
  background-color: #6554C0;
}

.avatar.status-warning::after {
  background-color: #EF6C00;
}

.avatar.status-danger::after {
  background-color: #D92530;
}

.avatar.status-dark::after {
  background-color: #465161;
}

.avatar-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.avatar-list:not(.avatar-list-overlap) {
  margin: -2px;
}

.avatar-list:not(.avatar-list-overlap) > * {
  margin: 2px;
}

@media (max-width: 767px) {
  .avatar-list:not(.avatar-list-overlap) {
    margin: -1px;
  }
  .avatar-list:not(.avatar-list-overlap) > * {
    margin: 1px;
  }
}

.avatar-list-overlap .avatar {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  -webkit-transition: .15s linear;
  transition: .15s linear;
}

.avatar-list-overlap .avatar + .avatar {
  margin-left: -16px;
}

.avatar-list-overlap .avatar + .avatar-sm {
  margin-left: -12px;
}

.avatar-list-overlap .avatar + .avatar-lg {
  margin-left: -20px;
}

.avatar-list-overlap .avatar + .avatar-xl {
  margin-left: -26px;
}

.avatar-list-overlap .avatar + .avatar-xxl {
  margin-left: -36px;
}

.avatar-list-overlap .avatar + .avatar-xxxl {
  margin-left: -48px;
}

.avatar-list-overlap .overlap-exclude,
.avatar-list-overlap .avatar:hover + .avatar {
  margin-left: 0;
}

.avatar-add {
  background-color: transparent;
  border: 1px dashed #a8afbb;
  color: #8b95a5;
  font-size: 0.875rem;
}

.avatar-add::before {
  content: "\e61a";
}

.avatar-add:hover {
  background-color: #0066CC;
  border-color: #0066CC;
  color: #fff;
}

.avatar-more span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.avatar-more:hover span {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
}

[data-provide~="more-avatar"] ~ .avatar {
  display: none;
}

.card {
  -webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
          box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
}

.card .card-header .card-title {
  margin-bottom: 0;
}

.card hr {
  margin-top: 0;
  margin-bottom: 0;
}

.card .card-footer {
  border-top: 0;
  background: rgba(227, 230, 235, 0.9);
}

.card .card-header {
  border-width: 1px;
}

.card .card-body p:last-child {
  margin-bottom: 0;
}

.card .rounded-top {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.card .rounded-bottom {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.card.card-hover:hover {
  -webkit-transition: .2s linear;
  transition: .2s linear;
  border-radius: 1rem !important;
  -webkit-box-shadow: 0 8px 22px rgba(77, 101, 117, 0.35) !important;
          box-shadow: 0 8px 22px rgba(77, 101, 117, 0.35) !important;
  text-decoration: inherit;
  border-color: #0066CC;
}

/* Stacked cards*/
.card-stacked {
  position: relative;
  background: #fff;
}

.card-stacked::before {
  border-radius: 1rem;
  opacity: .75;
  content: '';
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: -8px;
  display: block;
  height: 100%;
  background: #fff;
  border: 1px solid #e5e5e5;
  z-index: -1;
}

/* Dotted cards */
.card-dotted {
  border-style: dashed;
}

.card-dotted:hover {
  background: #e6f2ff;
  cursor: pointer;
}

[class*=shadow] {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

/* Zoom in card on hover */
.hover-scale-110:hover {
  z-index: 2;
  border-radius: 1rem !important;
  -webkit-transform: scale(1.1) !important;
          transform: scale(1.1) !important;
}

.shadow {
  -webkit-box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.08) !important;
          box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.08) !important;
}

/* Add a style for positive and negative cards */
.card-border-top {
  border-top-width: 12px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

/* Remove thead top border if a table is in a card */
.card table thead th {
  border-top: 0;
}

.form-control {
  font-family: "BC Sans", -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";
}

.form-control:disabled, .form-control[readonly] {
  cursor: not-allowed;
  color: #8492A6;
}

label.small {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
}

/* Remove the background x on error fields */
.is-invalid-no-bg {
  background-image: none !important;
}

legend {
  font-size: 1.35rem;
  margin-bottom: 1.5rem;
}

/* Remove the spinner on number fields */
/* For Firefox */
input[type='number'] {
  -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Card radios */
.card-input-label {
  display: block;
}

.card-input-element {
  display: none;
}

.card-input-element:hover + .card-input {
  border-radius: 1rem;
  background: #fff;
  -webkit-box-shadow: 0 8px 22px rgba(77, 101, 117, 0.35);
          box-shadow: 0 8px 22px rgba(77, 101, 117, 0.35);
}

.card-input-element:checked + .card-input {
  -webkit-box-shadow: 0px 0px 0px 4px #0066CC;
          box-shadow: 0px 0px 0px 4px #0066CC;
  background: #fff;
  border-color: #0066CC;
}

.card-input-element:checked + .card-input .icon {
  opacity: 1;
}

.card-input {
  margin-bottom: 2rem;
  border-radius: 1rem;
  background: transparent;
  font-weight: 400;
}

.card-input .icon {
  opacity: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  stroke: #0066CC;
}

.card-input:hover {
  cursor: pointer;
}

/* Make yes/no radios large */
.custom-radio.yes-no {
  padding-left: 1rem;
  margin-right: 2rem;
}

.custom-radio.yes-no .custom-control-indicator {
  width: 60px;
  height: 60px;
  padding: 20px 0;
  top: 0;
  background-image: none !important;
}

.custom-radio.yes-no .custom-control-description {
  z-index: 2;
  text-transform: uppercase;
  line-height: 60px;
  margin-left: 1px;
}

.custom-radio.yes-no .custom-control-input:checked ~ .custom-control-description {
  color: #fff;
}

/* Select fields aren't quite the same height as inputs for some reason */
select.form-control:not([size]):not([multiple]) {
  height: auto;
}

/* Better Switches */
.switch {
  display: inline-block;
  font-size: 1rem;
  margin-top: 0.15rem;
  /* Basic style */
  /* With icon */
  /* Large */
}

.switch input:empty {
  margin-left: -999px;
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
  opacity: 0;
}

.switch input:empty ~ span {
  line-height: 30px;
  margin: 2px 0;
  height: 30px;
  width: 57px;
  border-radius: 15px;
  display: inline-block;
  position: relative;
  float: left;
  width: 1px;
  text-indent: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch input:empty ~ span:before,
.switch input:empty ~ span:after {
  width: 54px;
  border-radius: 15px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: ' ';
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.switch input:empty ~ span:before {
  background-color: #e8ebf1;
}

.switch input:empty ~ span:after {
  color: #f8f9fb;
  background-color: #ffffff;
  height: 24px;
  width: 24px;
  line-height: 26px;
  top: 3px;
  bottom: 3px;
  margin-left: 3px;
  font-size: .9em;
  text-align: center;
  vertical-align: middle;
}

.switch input:focus ~ span:before, .switch input:active ~ span:before {
  border: 2px solid #0066CC;
}

.switch input:checked ~ span:before {
  background-color: #e8ebf1;
}

.switch input:checked ~ span:after {
  background-color: #0066CC;
  color: #fff;
  margin-left: 26px;
}

.switch.switch-icon input:empty ~ span:after {
  font-family: "BC Sans", -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";
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "";
}

.switch.switch-icon input:checked ~ span:after {
  content: '\2713';
}

.switch.switch-lg {
  margin-top: 0.9rem;
}

.switch.switch-lg input:empty ~ span {
  line-height: 40px;
  margin: 2px 0;
  height: 40px;
  width: 75px;
  border-radius: 20px;
}

.switch.switch-lg input:empty ~ span:before,
.switch.switch-lg input:empty ~ span:after {
  width: 72px;
  border-radius: 20px;
}

.switch.switch-lg input:empty ~ span:after {
  height: 34px;
  width: 34px;
  line-height: 34px;
  top: 3px;
  bottom: 3px;
  margin-left: 3px;
  font-size: 1em;
  text-align: center;
  vertical-align: middle;
}

.switch.switch-lg input:checked ~ span:after {
  margin-left: 34px;
}

.required {
  color: #D92530;
}

label,
.label-text {
  font-weight: 600;
  color: #5d6c81;
  position: relative;
  font-size: 1.1rem;
}

.control-box {
  border: 2px solid #ced4dc;
  padding: 0.355rem 0.75rem;
  border-radius: 0.25rem;
}

.custom-control-label {
  font-weight: 400;
}

.custom-control {
  margin-bottom: 0.5rem;
}

.form-conditional {
  background: #f4f6f7;
  padding: 1.5rem;
  border-radius: 0.3rem;
}

.form-additional {
  border: 2px solid #0066CC;
}

.form-additional .form-group {
  margin-bottom: 1rem;
}

.form-additional legend {
  margin-bottom: 1rem;
}

.form-terms.form-control:disabled, .form-terms.form-control[readonly] {
  background-color: #fff;
  color: #485363;
  cursor: inherit;
  margin-bottom: 1em;
}

.custom-checkbox label,
.custom-radio label {
  font-size: 1rem;
}

.custom-form fieldset {
  margin-bottom: 40px;
  border-bottom: 2px solid #e3e6eb;
}

.custom-form fieldset:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.custom-form .form-group {
  margin-bottom: 2.2rem;
}

.custom-form label.custom-control-label {
  margin-bottom: 0;
}

.custom-form .custom-radio .invalid-feedback,
.custom-form .custom-control-input:invalid ~ .invalid-feedback {
  margin-top: 0.5rem;
  margin-left: -1.7rem;
}

.custom-form .blockquote {
  margin-top: 10px;
}

/* Additional style for connected fields (like login form) */
.connected {
  position: relative;
}

.connected.first {
  margin-bottom: -2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.connected.middle {
  margin-bottom: -2px;
  border-radius: 0;
}

.connected.last {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.connected:focus {
  z-index: 2;
}

/* Navigation for form wizard */
.form-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.form-nav a {
  display: block;
  padding: 0.5rem 0;
  text-decoration: none;
}

.form-nav a:hover {
  background: #f4f6f7;
}

.form-nav a.active {
  background: #0066CC;
}

.dropdown-menu {
  border-top: 0;
}

.navbar .dropdown-menu {
  /* Position in center instead of left/right */
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  /* Add top arrow */
}

.navbar .dropdown-menu:before {
  top: -11px;
  border-bottom-color: #f1f2f3;
  border-width: 0 11px 11px 11px;
}

.navbar .dropdown-menu:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-color: transparent;
  border-style: solid;
  content: '';
  height: 0;
  width: 0;
  top: -9px;
  border-bottom-color: #fff;
  border-width: 0 9px 9px 9px;
}

.dropdown-menu-fit {
  padding: 0;
}

.dropdown-menu-sm {
  width: 240px;
}

.dropdown-menu-md {
  width: 260px;
}

.dropdown-menu-lg {
  width: 320px;
}

.dropdown-menu-xl {
  width: 380px;
}

.dropdown-menu.dropdown-menu-anim {
  -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1;
  animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1;
}

.dropup .dropdown-menu.dropdown-menu-anim,
.dropdown-menu .dropdown-menu-anim-down.dropdown-menu-anim {
  -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-down .3s ease-out 1;
  animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-down .3s ease-out 1;
}

@-webkit-keyframes dropdown-menu-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes dropdown-menu-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes dropdown-menu-move-down {
  from {
    margin-top: -10px;
  }
  to {
    margin-top: 0;
  }
}

@keyframes dropdown-menu-move-down {
  from {
    margin-top: -10px;
  }
  to {
    margin-top: 0;
  }
}

@-webkit-keyframes dropdown-menu-move-up {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}

@keyframes dropdown-menu-move-up {
  from {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}

.kt-user-card {
  position: relative;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 1rem 1rem;
  min-height: 65px;
  margin-bottom: 32.5px;
}

.kt-user-card .kt-user-card__wrapper {
  left: 0;
  right: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
  bottom: -32.5px;
  padding: 0 1.75rem;
}

.dropdown-header {
  font-weight: 600;
  text-transform: uppercase !important;
  /* Not as much padding */
}

.dropdown-header.collapsed {
  padding: 0.5em 1.25rem;
}

.dropdown-header a {
  text-decoration: none;
  color: #8492A6;
}

.dropdown-header a:hover {
  color: #5d6c81;
}

.notification-unread .notification-details {
  font-weight: 600;
  color: #323a45;
}

.notification-details p {
  margin-bottom: 0;
}

.notification-details small {
  color: #8492A6;
}

.notification-icon .icon-doc {
  top: 4px;
}

.list-group .list-group-item:last-child:hover {
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

/* A list group item with no borders */
.list-group-minimal .list-group-item {
  margin-bottom: 15px;
  padding: 0;
  background: transparent;
  border: 0;
}

.list-group-minimal .list-group-item a {
  color: inherit;
}

/* BOOTSTRAP OVERRIDES AND CUSTOM STYLES FOR IGGY

Table of Contents
1. Banners
2. Contextual

*/
/* Default colour if no colour is selected */
.alert {
  background-color: #8492A6;
}

/* =================== 1. Banners ======================*/
/* background, border, color */
.alert-primary {
  color: #1560ac;
  background-color: #0066cc;
  border-color: #0066cc;
}

.alert-primary hr {
  border-top-color: #0059b3;
}

.alert-primary .alert-link {
  color: #0f477f;
}

.alert-secondary {
  color: #727f92;
  background-color: #8492a6;
  border-color: #8492a6;
}

.alert-secondary hr {
  border-top-color: #75859b;
}

.alert-secondary .alert-link {
  color: #5b6676;
}

.alert-success {
  color: #5d9654;
  background-color: #66b34e;
  border-color: #66b34e;
}

.alert-success hr {
  border-top-color: #5ca246;
}

.alert-success .alert-link {
  color: #497542;
}

.alert-info {
  color: #5c54a4;
  background-color: #6554c0;
  border-color: #6554c0;
}

.alert-info hr {
  border-top-color: #5643b7;
}

.alert-info .alert-link {
  color: #494382;
}

.alert-warning {
  color: #bd641e;
  background-color: #ef6c00;
  border-color: #ef6c00;
}

.alert-warning hr {
  border-top-color: #d66000;
}

.alert-warning .alert-link {
  color: #914d17;
}

.alert-danger {
  color: #ad333f;
  background-color: #d92530;
  border-color: #d92530;
}

.alert-danger hr {
  border-top-color: #c3212b;
}

.alert-danger .alert-link {
  color: #862731;
}

.alert-light {
  color: #c1c5cb;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.alert-light hr {
  border-top-color: #e5eaec;
}

.alert-light .alert-link {
  color: #a5abb4;
}

.alert-dark {
  color: #313944;
  background-color: #272e37;
  border-color: #272e37;
}

.alert-dark hr {
  border-top-color: #1c2228;
}

.alert-dark .alert-link {
  color: #1c2026;
}

.alert-primary-pale {
  color: #4b8dd0;
  background-color: #4da6ff;
  border-color: #4da6ff;
}

.alert-primary-pale hr {
  border-top-color: #3499ff;
}

.alert-primary-pale .alert-link {
  color: #3073b8;
}

.alert-blue-300 {
  color: #1560ac;
  background-color: #0066cc;
  border-color: #0066cc;
}

.alert-blue-300 hr {
  border-top-color: #0059b3;
}

.alert-blue-300 .alert-link {
  color: #0f477f;
}

.alert-blue-400 {
  color: #154e89;
  background-color: #004d99;
  border-color: #004d99;
}

.alert-blue-400 hr {
  border-top-color: #004080;
}

.alert-blue-400 .alert-link {
  color: #0e355d;
}

.alert-blue-500 {
  color: #153d65;
  background-color: #003366;
  border-color: #003366;
}

.alert-blue-500 hr {
  border-top-color: #00264d;
}

.alert-blue-500 .alert-link {
  color: #0c243b;
}

.alert-blue-600 {
  color: #153453;
  background-color: #00264d;
  border-color: #00264d;
}

.alert-blue-600 hr {
  border-top-color: #001934;
}

.alert-blue-600 .alert-link {
  color: #0b1b2a;
}

.alert-success-pale {
  color: #b3c1b8;
  background-color: #e1f0dd;
  border-color: #e1f0dd;
}

.alert-success-pale hr {
  border-top-color: #d1e8cb;
}

.alert-success-pale .alert-link {
  color: #97aa9e;
}

.alert-info-pale {
  color: #babccb;
  background-color: #ebe9f7;
  border-color: #ebe9f7;
}

.alert-info-pale hr {
  border-top-color: #dad6f0;
}

.alert-info-pale .alert-link {
  color: #9da0b5;
}

.alert-infoalt {
  color: #47a0a3;
  background-color: #47c1bf;
  border-color: #47c1bf;
}

.alert-infoalt hr {
  border-top-color: #3cb2b0;
}

.alert-infoalt .alert-link {
  color: #387d7f;
}

.alert-progress {
  color: #47a0a3;
  background-color: #47c1bf;
  border-color: #47c1bf;
}

.alert-progress hr {
  border-top-color: #3cb2b0;
}

.alert-progress .alert-link {
  color: #387d7f;
}

.alert-progress-pale {
  color: #b2c4c9;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.alert-progress-pale hr {
  border-top-color: #cdeded;
}

.alert-progress-pale .alert-link {
  color: #94adb4;
}

.alert-teal-050 {
  color: #b2c4c9;
  background-color: #e0f4f4;
  border-color: #e0f4f4;
}

.alert-teal-050 hr {
  border-top-color: #cdeded;
}

.alert-teal-050 .alert-link {
  color: #94adb4;
}

.alert-teal-100 {
  color: #6fadb1;
  background-color: #80d4d3;
  border-color: #80d4d3;
}

.alert-teal-100 hr {
  border-top-color: #6dcecc;
}

.alert-teal-100 .alert-link {
  color: #53959a;
}

.alert-teal-200 {
  color: #62a9ad;
  background-color: #6dcecc;
  border-color: #6dcecc;
}

.alert-teal-200 hr {
  border-top-color: #5ac8c5;
}

.alert-teal-200 .alert-link {
  color: #4b8d91;
}

.alert-teal-300 {
  color: #47a0a3;
  background-color: #47c1bf;
  border-color: #47c1bf;
}

.alert-teal-300 hr {
  border-top-color: #3cb2b0;
}

.alert-teal-300 .alert-link {
  color: #387d7f;
}

.alert-teal-400 {
  color: #326e72;
  background-color: #297978;
  border-color: #297978;
}

.alert-teal-400 hr {
  border-top-color: #236665;
}

.alert-teal-400 .alert-link {
  color: #224c4f;
}

.alert-warning-pale {
  color: #c8ae9a;
  background-color: #ffd5b2;
  border-color: #ffd5b2;
}

.alert-warning-pale hr {
  border-top-color: #ffc799;
}

.alert-warning-pale .alert-link {
  color: #b69479;
}

.alert-danger-pale {
  color: #bd8e96;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.alert-danger-pale hr {
  border-top-color: #ec9196;
}

.alert-danger-pale .alert-link {
  color: #aa6e78;
}

.alert-red-050 {
  color: #c1a3aa;
  background-color: #f5c6c8;
  border-color: #f5c6c8;
}

.alert-red-050 hr {
  border-top-color: #f1b0b3;
}

.alert-red-050 .alert-link {
  color: #ac858e;
}

.alert-red-100 {
  color: #bd8e96;
  background-color: #f0a7ab;
  border-color: #f0a7ab;
}

.alert-red-100 hr {
  border-top-color: #ec9196;
}

.alert-red-100 .alert-link {
  color: #aa6e78;
}

.alert-red-200 {
  color: #b86f79;
  background-color: #e97b82;
  border-color: #e97b82;
}

.alert-red-200 hr {
  border-top-color: #e5656d;
}

.alert-red-200 .alert-link {
  color: #a3515c;
}

.alert-red-300 {
  color: #ad333f;
  background-color: #d92530;
  border-color: #d92530;
}

.alert-red-300 hr {
  border-top-color: #c3212b;
}

.alert-red-300 .alert-link {
  color: #862731;
}

.alert-red-400 {
  color: #702832;
  background-color: #82161d;
  border-color: #82161d;
}

.alert-red-400 hr {
  border-top-color: #6c1218;
}

.alert-red-400 .alert-link {
  color: #4a1b21;
}

.alert-red-500 {
  color: #52232b;
  background-color: #560f13;
  border-color: #560f13;
}

.alert-red-500 hr {
  border-top-color: #400b0e;
}

.alert-red-500 .alert-link {
  color: #2e1418;
}

.alert-neutral {
  color: #a6adb7;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.alert-neutral hr {
  border-top-color: #bfc7d1;
}

.alert-neutral .alert-link {
  color: #8a93a0;
}

.alert-gray-050 {
  color: #c1c5cb;
  background-color: #f4f6f7;
  border-color: #f4f6f7;
}

.alert-gray-050 hr {
  border-top-color: #e5eaec;
}

.alert-gray-050 .alert-link {
  color: #a5abb4;
}

.alert-gray-100 {
  color: #b4bac2;
  background-color: #e3e6eb;
  border-color: #e3e6eb;
}

.alert-gray-100 hr {
  border-top-color: #d4d9e0;
}

.alert-gray-100 .alert-link {
  color: #98a0ab;
}

.alert-gray-200 {
  color: #a6adb7;
  background-color: #ced4dc;
  border-color: #ced4dc;
}

.alert-gray-200 hr {
  border-top-color: #bfc7d1;
}

.alert-gray-200 .alert-link {
  color: #8a93a0;
}

.alert-gray-300 {
  color: #727f92;
  background-color: #8492a6;
  border-color: #8492a6;
}

.alert-gray-300 hr {
  border-top-color: #75859b;
}

.alert-gray-300 .alert-link {
  color: #5b6676;
}

.alert-gray-400 {
  color: #576478;
  background-color: #5d6c81;
  border-color: #5d6c81;
}

.alert-gray-400 hr {
  border-top-color: #526072;
}

.alert-gray-400 .alert-link {
  color: #424b5a;
}

.alert-gray-500 {
  color: #485363;
  background-color: #485363;
  border-color: #485363;
}

.alert-gray-500 hr {
  border-top-color: #3d4754;
}

.alert-gray-500 .alert-link {
  color: #333a45;
}

.alert-gray-600 {
  color: #39414e;
  background-color: #323a45;
  border-color: #323a45;
}

.alert-gray-600 hr {
  border-top-color: #272e36;
}

.alert-gray-600 .alert-link {
  color: #232831;
}

.alert-white {
  color: #c8cbd0;
  background-color: white;
  border-color: white;
}

.alert-white hr {
  border-top-color: #f2f2f2;
}

.alert-white .alert-link {
  color: #adb1b9;
}

/* Custom style for full-width banner alerts */
.alert-banner {
  /* Remove rounded borders */
  border-radius: 0;
  border-left-width: 0;
  border-right-width: 0;
  /* Insist on white text */
  color: #fff;
  /* let page container take care of the padding */
  padding-left: 0;
  padding-right: 0;
}

.alert-banner a.alert-link {
  color: rgba(255, 255, 255, 0.8);
}

.alert-banner a.alert-link::after {
  content: " →";
}

/* =================== 2. Alerts ======================*/
.alert-contextual {
  /* Insist on white background */
  background: #fff;
  /* Make sure the border-radius is preserved */
  border-left-width: 2px;
  border-right-width: 2px;
  border-radius: 1rem;
  /* Increase left padding to make room for icon */
  padding-left: 5.25rem;
  padding-right: 1rem;
  position: relative;
  /* Automagically add some space and positioning for an icon */
  /* Danger icon */
  /* Success icon */
  /* Info icon */
  /* Warning icon */
}

.alert-contextual .alert-icon {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -20px;
  fill: #fff;
  height: 36px;
  width: 36px;
}

.alert-contextual a.alert-link {
  text-decoration: underline;
}

.alert-contextual a.alert-link::after {
  content: " →";
}

.alert-contextual:before {
  background-color: transparent;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.alert-contextual:after {
  top: 50%;
  left: 12px;
  margin-top: -20px;
  position: absolute;
  line-height: 1;
}

.alert-contextual.alert-danger {
  color: #bf212a;
}

.alert-contextual.alert-danger:before {
  background-color: #D92530;
}

.alert-contextual.alert-success {
  color: #66B34E;
}

.alert-contextual.alert-success:before {
  background-color: #66B34E;
}

.alert-contextual.alert-info {
  color: #6554C0;
}

.alert-contextual.alert-info:before {
  background-color: #6554C0;
}

.alert-contextual.alert-warning {
  color: #d05e00;
}

.alert-contextual.alert-warning:before {
  background-color: #EF6C00;
}

.alert-contextual ul {
  margin-top: .5rem;
  margin-bottom: 0;
}

.alert-heading {
  /* Alert headings should always be the same size and style */
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0;
}

/* Reposition the close icon */
.alert {
  position: relative;
}

.alert .close {
  position: absolute;
  top: 0;
  right: 0;
}

.modal-body {
  padding: 1rem 2rem;
}

.modal-open {
  overflow-y: auto;
  padding: 0 !important;
}

.modal-footer {
  background: rgba(227, 230, 235, 0.9);
  padding: 1rem 1.75rem;
}

.navbar-nav .business-name {
  color: #fff;
  margin-top: -3px;
  display: block;
  font-size: 0.875rem;
}

.navbar-nav .user-name {
  margin-top: -12px;
  display: block;
  font-size: 0.875rem;
}

.navbar-nav .nav-item:hover {
  background: #004080;
}

.nav-wrapper {
  border-bottom: 1px solid transparent;
}

/* Numbered tab steps */
.nav-number {
  font-size: 1.2rem;
  font-weight: 600;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  height: 2rem;
  width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(44, 119, 244, 0.08);
  color: #2c77f4;
  margin-right: 1rem;
  border-radius: 6.25rem;
}

.nav-number .icon {
  display: none;
}

.active .nav-number {
  background: #0066CC;
  color: #fff;
}

.error .nav-number {
  background: #f5c6c8;
  color: #D92530;
}

.done .nav-number {
  background: #66B34E;
  color: #fff;
}

.done .nav-number .number {
  display: none;
}

.done .nav-number .icon {
  display: inline-block;
  stroke: #fff;
}

/* Change the style of the nav tabs */
.nav-tabs-line {
  border-bottom: 0;
}

.nav-tabs-line .nav-link {
  -webkit-transition: .2s linear;
  transition: .2s linear;
  border-width: 0 0 4px 0;
  padding: 1.5rem 0.5rem;
  margin-right: 1rem;
  color: #5d6c81;
}

.nav-tabs-line .nav-link:hover, .nav-tabs-line .nav-link:focus {
  border-color: #ced4dc;
  color: #323a45;
}

.nav-tabs-line .nav-link.disabled {
  color: #8492A6;
}

.nav-tabs-line .nav-link.disabled img {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.nav-tabs-line .nav-link small {
  color: inherit;
  vertical-align: center;
  opacity: 0.7;
}

.nav-tabs-line .nav-link .avatar {
  background: transparent;
}

.nav-tabs-line .nav-link .avatar img {
  border-radius: 0;
}

@media (max-width: 767px) {
  .nav-tabs-line .nav-link {
    font-size: 0.75em;
    margin-right: 1rem;
  }
}

.nav-tabs-line .nav-link.active,
.nav-tabs-line .nav-item.show .nav-link {
  border-color: #0066CC;
  background-color: transparent;
  color: #272e37;
}

.nav-tabs-line .nav-link-primary {
  color: #0066cc;
  border-color: #0066cc;
}

.nav-tabs-line .nav-link-primary .icon {
  fill: #0066cc;
}

.nav-tabs-line .nav-link-secondary {
  color: #8492a6;
  border-color: #8492a6;
}

.nav-tabs-line .nav-link-secondary .icon {
  fill: #8492a6;
}

.nav-tabs-line .nav-link-success {
  color: #66b34e;
  border-color: #66b34e;
}

.nav-tabs-line .nav-link-success .icon {
  fill: #66b34e;
}

.nav-tabs-line .nav-link-info {
  color: #6554c0;
  border-color: #6554c0;
}

.nav-tabs-line .nav-link-info .icon {
  fill: #6554c0;
}

.nav-tabs-line .nav-link-warning {
  color: #ef6c00;
  border-color: #ef6c00;
}

.nav-tabs-line .nav-link-warning .icon {
  fill: #ef6c00;
}

.nav-tabs-line .nav-link-danger {
  color: #d92530;
  border-color: #d92530;
}

.nav-tabs-line .nav-link-danger .icon {
  fill: #d92530;
}

.nav-tabs-line .nav-link-light {
  color: #f4f6f7;
  border-color: #f4f6f7;
}

.nav-tabs-line .nav-link-light .icon {
  fill: #f4f6f7;
}

.nav-tabs-line .nav-link-dark {
  color: #272e37;
  border-color: #272e37;
}

.nav-tabs-line .nav-link-dark .icon {
  fill: #272e37;
}

.nav-tabs-line .nav-link-primary-pale {
  color: #4da6ff;
  border-color: #4da6ff;
}

.nav-tabs-line .nav-link-primary-pale .icon {
  fill: #4da6ff;
}

.nav-tabs-line .nav-link-blue-300 {
  color: #0066cc;
  border-color: #0066cc;
}

.nav-tabs-line .nav-link-blue-300 .icon {
  fill: #0066cc;
}

.nav-tabs-line .nav-link-blue-400 {
  color: #004d99;
  border-color: #004d99;
}

.nav-tabs-line .nav-link-blue-400 .icon {
  fill: #004d99;
}

.nav-tabs-line .nav-link-blue-500 {
  color: #003366;
  border-color: #003366;
}

.nav-tabs-line .nav-link-blue-500 .icon {
  fill: #003366;
}

.nav-tabs-line .nav-link-blue-600 {
  color: #00264d;
  border-color: #00264d;
}

.nav-tabs-line .nav-link-blue-600 .icon {
  fill: #00264d;
}

.nav-tabs-line .nav-link-success-pale {
  color: #e1f0dd;
  border-color: #e1f0dd;
}

.nav-tabs-line .nav-link-success-pale .icon {
  fill: #e1f0dd;
}

.nav-tabs-line .nav-link-info-pale {
  color: #ebe9f7;
  border-color: #ebe9f7;
}

.nav-tabs-line .nav-link-info-pale .icon {
  fill: #ebe9f7;
}

.nav-tabs-line .nav-link-infoalt {
  color: #47c1bf;
  border-color: #47c1bf;
}

.nav-tabs-line .nav-link-infoalt .icon {
  fill: #47c1bf;
}

.nav-tabs-line .nav-link-progress {
  color: #47c1bf;
  border-color: #47c1bf;
}

.nav-tabs-line .nav-link-progress .icon {
  fill: #47c1bf;
}

.nav-tabs-line .nav-link-progress-pale {
  color: #e0f4f4;
  border-color: #e0f4f4;
}

.nav-tabs-line .nav-link-progress-pale .icon {
  fill: #e0f4f4;
}

.nav-tabs-line .nav-link-teal-050 {
  color: #e0f4f4;
  border-color: #e0f4f4;
}

.nav-tabs-line .nav-link-teal-050 .icon {
  fill: #e0f4f4;
}

.nav-tabs-line .nav-link-teal-100 {
  color: #80d4d3;
  border-color: #80d4d3;
}

.nav-tabs-line .nav-link-teal-100 .icon {
  fill: #80d4d3;
}

.nav-tabs-line .nav-link-teal-200 {
  color: #6dcecc;
  border-color: #6dcecc;
}

.nav-tabs-line .nav-link-teal-200 .icon {
  fill: #6dcecc;
}

.nav-tabs-line .nav-link-teal-300 {
  color: #47c1bf;
  border-color: #47c1bf;
}

.nav-tabs-line .nav-link-teal-300 .icon {
  fill: #47c1bf;
}

.nav-tabs-line .nav-link-teal-400 {
  color: #297978;
  border-color: #297978;
}

.nav-tabs-line .nav-link-teal-400 .icon {
  fill: #297978;
}

.nav-tabs-line .nav-link-warning-pale {
  color: #ffd5b2;
  border-color: #ffd5b2;
}

.nav-tabs-line .nav-link-warning-pale .icon {
  fill: #ffd5b2;
}

.nav-tabs-line .nav-link-danger-pale {
  color: #f0a7ab;
  border-color: #f0a7ab;
}

.nav-tabs-line .nav-link-danger-pale .icon {
  fill: #f0a7ab;
}

.nav-tabs-line .nav-link-red-050 {
  color: #f5c6c8;
  border-color: #f5c6c8;
}

.nav-tabs-line .nav-link-red-050 .icon {
  fill: #f5c6c8;
}

.nav-tabs-line .nav-link-red-100 {
  color: #f0a7ab;
  border-color: #f0a7ab;
}

.nav-tabs-line .nav-link-red-100 .icon {
  fill: #f0a7ab;
}

.nav-tabs-line .nav-link-red-200 {
  color: #e97b82;
  border-color: #e97b82;
}

.nav-tabs-line .nav-link-red-200 .icon {
  fill: #e97b82;
}

.nav-tabs-line .nav-link-red-300 {
  color: #d92530;
  border-color: #d92530;
}

.nav-tabs-line .nav-link-red-300 .icon {
  fill: #d92530;
}

.nav-tabs-line .nav-link-red-400 {
  color: #82161d;
  border-color: #82161d;
}

.nav-tabs-line .nav-link-red-400 .icon {
  fill: #82161d;
}

.nav-tabs-line .nav-link-red-500 {
  color: #560f13;
  border-color: #560f13;
}

.nav-tabs-line .nav-link-red-500 .icon {
  fill: #560f13;
}

.nav-tabs-line .nav-link-neutral {
  color: #ced4dc;
  border-color: #ced4dc;
}

.nav-tabs-line .nav-link-neutral .icon {
  fill: #ced4dc;
}

.nav-tabs-line .nav-link-gray-050 {
  color: #f4f6f7;
  border-color: #f4f6f7;
}

.nav-tabs-line .nav-link-gray-050 .icon {
  fill: #f4f6f7;
}

.nav-tabs-line .nav-link-gray-100 {
  color: #e3e6eb;
  border-color: #e3e6eb;
}

.nav-tabs-line .nav-link-gray-100 .icon {
  fill: #e3e6eb;
}

.nav-tabs-line .nav-link-gray-200 {
  color: #ced4dc;
  border-color: #ced4dc;
}

.nav-tabs-line .nav-link-gray-200 .icon {
  fill: #ced4dc;
}

.nav-tabs-line .nav-link-gray-300 {
  color: #8492a6;
  border-color: #8492a6;
}

.nav-tabs-line .nav-link-gray-300 .icon {
  fill: #8492a6;
}

.nav-tabs-line .nav-link-gray-400 {
  color: #5d6c81;
  border-color: #5d6c81;
}

.nav-tabs-line .nav-link-gray-400 .icon {
  fill: #5d6c81;
}

.nav-tabs-line .nav-link-gray-500 {
  color: #485363;
  border-color: #485363;
}

.nav-tabs-line .nav-link-gray-500 .icon {
  fill: #485363;
}

.nav-tabs-line .nav-link-gray-600 {
  color: #323a45;
  border-color: #323a45;
}

.nav-tabs-line .nav-link-gray-600 .icon {
  fill: #323a45;
}

.nav-tabs-line .nav-link-white {
  color: white;
  border-color: white;
}

.nav-tabs-line .nav-link-white .icon {
  fill: white;
}

.page-link {
  margin-left: 0.25em;
  border-radius: 0.25rem;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: #fff;
}

.table th,
.table td {
  padding: 0.75rem 1.25rem;
  vertical-align: top;
  border-top: 1px solid #e3e6eb;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e3e6eb;
}

.table tbody + tbody {
  border-top: 2px solid #e3e6eb;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 0.875rem;
}

.table-bordered {
  border: 1px solid #e3e6eb;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e3e6eb;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(244, 246, 247, 0.9);
}

.table-hover tbody tr:hover {
  background-color: rgba(227, 230, 235, 0.75);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #73abe3;
}

.table-hover .table-primary:hover {
  background-color: #5e9edf;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #5e9edf;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #bbc3ce;
}

.table-hover .table-secondary:hover {
  background-color: #acb6c3;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #acb6c3;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #abd59e;
}

.table-hover .table-success:hover {
  background-color: #9ccd8c;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #9ccd8c;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #aaa1dc;
}

.table-hover .table-info:hover {
  background-color: #998ed5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #998ed5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #f6ae73;
}

.table-hover .table-warning:hover {
  background-color: #f4a05b;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #f4a05b;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ea878d;
}

.table-hover .table-danger:hover {
  background-color: #e67178;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #e67178;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #f9fafb;
}

.table-hover .table-light:hover {
  background-color: #eaedf1;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #eaedf1;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #888c91;
}

.table-hover .table-dark:hover {
  background-color: #7b7f85;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #7b7f85;
}

.table-primary-pale,
.table-primary-pale > th,
.table-primary-pale > td {
  background-color: #9dceff;
}

.table-hover .table-primary-pale:hover {
  background-color: #84c1ff;
}

.table-hover .table-primary-pale:hover > td,
.table-hover .table-primary-pale:hover > th {
  background-color: #84c1ff;
}

.table-blue-300,
.table-blue-300 > th,
.table-blue-300 > td {
  background-color: #73abe3;
}

.table-hover .table-blue-300:hover {
  background-color: #5e9edf;
}

.table-hover .table-blue-300:hover > td,
.table-hover .table-blue-300:hover > th {
  background-color: #5e9edf;
}

.table-blue-400,
.table-blue-400 > th,
.table-blue-400 > td {
  background-color: #739dc7;
}

.table-hover .table-blue-400:hover {
  background-color: #6190c0;
}

.table-hover .table-blue-400:hover > td,
.table-hover .table-blue-400:hover > th {
  background-color: #6190c0;
}

.table-blue-500,
.table-blue-500 > th,
.table-blue-500 > td {
  background-color: #738fab;
}

.table-hover .table-blue-500:hover {
  background-color: #6382a1;
}

.table-hover .table-blue-500:hover > td,
.table-hover .table-blue-500:hover > th {
  background-color: #6382a1;
}

.table-blue-600,
.table-blue-600 > th,
.table-blue-600 > td {
  background-color: #73889d;
}

.table-hover .table-blue-600:hover {
  background-color: #667b91;
}

.table-hover .table-blue-600:hover > td,
.table-hover .table-blue-600:hover > th {
  background-color: #667b91;
}

.table-success-pale,
.table-success-pale > th,
.table-success-pale > td {
  background-color: #eff7ec;
}

.table-hover .table-success-pale:hover {
  background-color: #e0efda;
}

.table-hover .table-success-pale:hover > td,
.table-hover .table-success-pale:hover > th {
  background-color: #e0efda;
}

.table-info-pale,
.table-info-pale > th,
.table-info-pale > td {
  background-color: #f4f3fb;
}

.table-hover .table-info-pale:hover {
  background-color: #e2e0f5;
}

.table-hover .table-info-pale:hover > td,
.table-hover .table-info-pale:hover > th {
  background-color: #e2e0f5;
}

.table-infoalt,
.table-infoalt > th,
.table-infoalt > td {
  background-color: #9adddc;
}

.table-hover .table-infoalt:hover {
  background-color: #87d7d5;
}

.table-hover .table-infoalt:hover > td,
.table-hover .table-infoalt:hover > th {
  background-color: #87d7d5;
}

.table-progress,
.table-progress > th,
.table-progress > td {
  background-color: #9adddc;
}

.table-hover .table-progress:hover {
  background-color: #87d7d5;
}

.table-hover .table-progress:hover > td,
.table-hover .table-progress:hover > th {
  background-color: #87d7d5;
}

.table-progress-pale,
.table-progress-pale > th,
.table-progress-pale > td {
  background-color: #eef9f9;
}

.table-hover .table-progress-pale:hover {
  background-color: #dbf2f2;
}

.table-hover .table-progress-pale:hover > td,
.table-hover .table-progress-pale:hover > th {
  background-color: #dbf2f2;
}

.table-teal-050,
.table-teal-050 > th,
.table-teal-050 > td {
  background-color: #eef9f9;
}

.table-hover .table-teal-050:hover {
  background-color: #dbf2f2;
}

.table-hover .table-teal-050:hover > td,
.table-hover .table-teal-050:hover > th {
  background-color: #dbf2f2;
}

.table-teal-100,
.table-teal-100 > th,
.table-teal-100 > td {
  background-color: #b9e8e7;
}

.table-hover .table-teal-100:hover {
  background-color: #a6e2e0;
}

.table-hover .table-teal-100:hover > td,
.table-hover .table-teal-100:hover > th {
  background-color: #a6e2e0;
}

.table-teal-200,
.table-teal-200 > th,
.table-teal-200 > td {
  background-color: #afe4e3;
}

.table-hover .table-teal-200:hover {
  background-color: #9cdedc;
}

.table-hover .table-teal-200:hover > td,
.table-hover .table-teal-200:hover > th {
  background-color: #9cdedc;
}

.table-teal-300,
.table-teal-300 > th,
.table-teal-300 > td {
  background-color: #9adddc;
}

.table-hover .table-teal-300:hover {
  background-color: #87d7d5;
}

.table-hover .table-teal-300:hover > td,
.table-hover .table-teal-300:hover > th {
  background-color: #87d7d5;
}

.table-teal-400,
.table-teal-400 > th,
.table-teal-400 > td {
  background-color: #89b5b5;
}

.table-hover .table-teal-400:hover {
  background-color: #79abab;
}

.table-hover .table-teal-400:hover > td,
.table-hover .table-teal-400:hover > th {
  background-color: #79abab;
}

.table-warning-pale,
.table-warning-pale > th,
.table-warning-pale > td {
  background-color: #ffe8d5;
}

.table-hover .table-warning-pale:hover {
  background-color: #ffdabc;
}

.table-hover .table-warning-pale:hover > td,
.table-hover .table-warning-pale:hover > th {
  background-color: #ffdabc;
}

.table-danger-pale,
.table-danger-pale > th,
.table-danger-pale > td {
  background-color: #f7cfd1;
}

.table-hover .table-danger-pale:hover {
  background-color: #f3b9bc;
}

.table-hover .table-danger-pale:hover > td,
.table-hover .table-danger-pale:hover > th {
  background-color: #f3b9bc;
}

.table-red-050,
.table-red-050 > th,
.table-red-050 > td {
  background-color: #fadfe1;
}

.table-hover .table-red-050:hover {
  background-color: #f7c9cc;
}

.table-hover .table-red-050:hover > td,
.table-hover .table-red-050:hover > th {
  background-color: #f7c9cc;
}

.table-red-100,
.table-red-100 > th,
.table-red-100 > td {
  background-color: #f7cfd1;
}

.table-hover .table-red-100:hover {
  background-color: #f3b9bc;
}

.table-hover .table-red-100:hover > td,
.table-hover .table-red-100:hover > th {
  background-color: #f3b9bc;
}

.table-red-200,
.table-red-200 > th,
.table-red-200 > td {
  background-color: #f3b7ba;
}

.table-hover .table-red-200:hover {
  background-color: #efa1a5;
}

.table-hover .table-red-200:hover > td,
.table-hover .table-red-200:hover > th {
  background-color: #efa1a5;
}

.table-red-300,
.table-red-300 > th,
.table-red-300 > td {
  background-color: #ea878d;
}

.table-hover .table-red-300:hover {
  background-color: #e67178;
}

.table-hover .table-red-300:hover > td,
.table-hover .table-red-300:hover > th {
  background-color: #e67178;
}

.table-red-400,
.table-red-400 > th,
.table-red-400 > td {
  background-color: #ba7f83;
}

.table-hover .table-red-400:hover {
  background-color: #b16e73;
}

.table-hover .table-red-400:hover > td,
.table-hover .table-red-400:hover > th {
  background-color: #b16e73;
}

.table-red-500,
.table-red-500 > th,
.table-red-500 > td {
  background-color: #a27b7d;
}

.table-hover .table-red-500:hover {
  background-color: #976c6e;
}

.table-hover .table-red-500:hover > td,
.table-hover .table-red-500:hover > th {
  background-color: #976c6e;
}

.table-neutral,
.table-neutral > th,
.table-neutral > td {
  background-color: #e4e7eb;
}

.table-hover .table-neutral:hover {
  background-color: #d5dae0;
}

.table-hover .table-neutral:hover > td,
.table-hover .table-neutral:hover > th {
  background-color: #d5dae0;
}

.table-gray-050,
.table-gray-050 > th,
.table-gray-050 > td {
  background-color: #f9fafb;
}

.table-hover .table-gray-050:hover {
  background-color: #eaedf1;
}

.table-hover .table-gray-050:hover > td,
.table-hover .table-gray-050:hover > th {
  background-color: #eaedf1;
}

.table-gray-100,
.table-gray-100 > th,
.table-gray-100 > td {
  background-color: #eff1f4;
}

.table-hover .table-gray-100:hover {
  background-color: #e0e4ea;
}

.table-hover .table-gray-100:hover > td,
.table-hover .table-gray-100:hover > th {
  background-color: #e0e4ea;
}

.table-gray-200,
.table-gray-200 > th,
.table-gray-200 > td {
  background-color: #e4e7eb;
}

.table-hover .table-gray-200:hover {
  background-color: #d5dae0;
}

.table-hover .table-gray-200:hover > td,
.table-hover .table-gray-200:hover > th {
  background-color: #d5dae0;
}

.table-gray-300,
.table-gray-300 > th,
.table-gray-300 > td {
  background-color: #bbc3ce;
}

.table-hover .table-gray-300:hover {
  background-color: #acb6c3;
}

.table-hover .table-gray-300:hover > td,
.table-hover .table-gray-300:hover > th {
  background-color: #acb6c3;
}

.table-gray-400,
.table-gray-400 > th,
.table-gray-400 > td {
  background-color: #a6aeb9;
}

.table-hover .table-gray-400:hover {
  background-color: #98a1ae;
}

.table-hover .table-gray-400:hover > td,
.table-hover .table-gray-400:hover > th {
  background-color: #98a1ae;
}

.table-gray-500,
.table-gray-500 > th,
.table-gray-500 > td {
  background-color: #9aa0a9;
}

.table-hover .table-gray-500:hover {
  background-color: #8c939d;
}

.table-hover .table-gray-500:hover > td,
.table-hover .table-gray-500:hover > th {
  background-color: #8c939d;
}

.table-gray-600,
.table-gray-600 > th,
.table-gray-600 > td {
  background-color: #8e9399;
}

.table-hover .table-gray-600:hover {
  background-color: #81868d;
}

.table-hover .table-gray-600:hover > td,
.table-hover .table-gray-600:hover > th {
  background-color: #81868d;
}

.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}

.table-hover .table-white:hover {
  background-color: #f2f2f2;
}

.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: #f2f2f2;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(227, 230, 235, 0.75);
}

.table-hover .table-active:hover {
  background-color: rgba(212, 217, 224, 0.75);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(212, 217, 224, 0.75);
}

.table .thead-dark th {
  color: #fff;
  background-color: #485363;
  border-color: #2d343e;
}

.table .thead-light th {
  color: #1d2128;
  background-color: #ced4dc;
  border-color: #e3e6eb;
}

/* Datatables Mods */
.dataTables_wrapper {
  /* remove spacing between card header and table start */
  margin-top: -6px;
}

/* Top tools */
.dataTables_length,
.dataTables_filter {
  padding: 1.5em 1em 0.5em 1em;
}

.dataTables_length {
  float: left;
}

/* Bottom tools */
.dataTables_info,
.dataTables_paginate {
  padding: 0.5em 1em 1em 1em;
}

.dataTables_info {
  color: #8492A6;
}

/* Application progress */
.nav-process .nav-link {
  color: #485363;
}

.nav-process .nav-link:hover {
  color: #0066CC;
}

.nav-process .nav-link.disabled {
  color: #8492A6;
}

.nav-process .avatar-progress {
  border: 0px solid #ced4dc;
  background: transparent;
}

.nav-process .avatar-progress img {
  border-radius: 0;
}

.nav-process .complete .avatar-progress {
  border-color: #66B34E;
}

.nav-process-sm .nav-link {
  position: relative;
  padding: 0em 1em;
  font-size: 0.95rem;
  line-height: 1.1rem;
}

.nav-process-sm .nav-link.has-new::before {
  content: '';
  position: absolute;
  top: 22px;
  right: 12px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid #003366;
  background-color: #D92530;
  z-index: 999;
}

.timelines {
  margin-bottom: 40px;
}

.timeline-heading {
  margin-bottom: 15px;
}

.timeline-heading a, .timeline-heading h6 {
  color: #5d6c81;
}

.timeline-body {
  margin-bottom: 15px;
}

.timeline {
  position: relative;
  list-style: none;
  margin: 0;
  padding-left: 0;
  width: 100%;
  z-index: 1;
}

.timeline .badge-pill {
  width: 65px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.timeline-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.timeline-detail {
  width: 110px;
  padding-bottom: 30px;
  margin-right: 15px;
}

@media (max-width: 767px) {
  .timeline-detail {
    display: none;
  }
}

.timeline-point {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-bottom: 10px;
  text-align: center;
}

.timeline-point::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 50%;
  bottom: -20px;
  width: 3px;
  margin-left: -2px;
  z-index: -1;
  background-color: #ebebeb;
}

.timeline-point.last::before {
  bottom: 0;
}

.timeline .timeline-block:last-child .timeline-point::before {
  width: 3px;
  margin-bottom: 0;
}

.timeline .timeline-block:first-child .timeline-point::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
}

.timeline .timeline-block:last-child .timeline-point::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
}

.timeline-block,
div {
  /* Show the number, and hide the checkmark */
}

.timeline-block .avatar-progress .icon-list,
div .avatar-progress .icon-list {
  display: block;
}

.timeline-block .avatar-progress .icon-list .icon,
.timeline-block .avatar-progress .icon-list .icon-missing,
div .avatar-progress .icon-list .icon,
div .avatar-progress .icon-list .icon-missing {
  top: 7px;
  display: block;
}

.timeline-block .avatar-progress .icon-checked .icon,
.timeline-block .avatar-progress .icon-checked .icon.missing,
div .avatar-progress .icon-checked .icon,
div .avatar-progress .icon-checked .icon.missing {
  display: none;
  top: 7px;
  fill: #66B34E;
}

.timeline-block .avatar-progress .icon-checked .icon.missing,
div .avatar-progress .icon-checked .icon.missing {
  fill: #D92530;
  top: 8px;
}

.timeline-block.active .timeline-content a,
div.active .timeline-content a {
  font-weight: 500;
  color: #485363;
}

.timeline-block.active .avatar-progress,
div.active .avatar-progress {
  background-color: #0066CC;
  color: #e6f2ff;
}

.timeline-block.active .timeline-subcontent a,
div.active .timeline-subcontent a {
  color: #1d2128;
}

.timeline-block.active .timeline-subcontent a.disabled,
div.active .timeline-subcontent a.disabled {
  color: #5d6c81;
}

.timeline-block.active .timeline-subcontent a.active,
div.active .timeline-subcontent a.active {
  text-decoration: underline;
  color: #1d2128;
}

.timeline-block.incomplete .avatar-progress,
div.incomplete .avatar-progress {
  background-color: #f5c6c8;
  fill: #D92530;
}

.timeline-block.incomplete .avatar-progress .icon-list,
div.incomplete .avatar-progress .icon-list {
  display: none;
}

.timeline-block.incomplete .avatar-progress .icon-list .icon.missing,
div.incomplete .avatar-progress .icon-list .icon.missing {
  display: none;
}

.timeline-block.incomplete .avatar-progress .icon-checked .icon.missing,
div.incomplete .avatar-progress .icon-checked .icon.missing {
  display: block;
}

.timeline-block.done .avatar-progress,
div.done .avatar-progress {
  background-color: #e1f0dd;
  fill: #66B34E;
}

.timeline-block.done .avatar-progress .icon-list,
div.done .avatar-progress .icon-list {
  display: none;
}

.timeline-block.done .avatar-progress .icon-list .icon,
.timeline-block.done .avatar-progress .icon-list .icon.missing,
div.done .avatar-progress .icon-list .icon,
div.done .avatar-progress .icon-list .icon.missing {
  display: none;
}

.timeline-block.done .avatar-progress .icon-checked .icon,
div.done .avatar-progress .icon-checked .icon {
  display: block;
}

.timeline-block.done .avatar-progress .icon-checked .icon.missing,
div.done .avatar-progress .icon-checked .icon.missing {
  display: none;
}

.timeline-subcontent li a.disabled,
.timeline-subcontent .nav-link.disabled,
div li a.disabled,
div .nav-link.disabled {
  color: #8492A6;
}

.timeline-subcontent li a .icon,
.timeline-subcontent .nav-link .icon,
div li a .icon,
div .nav-link .icon {
  opacity: 0;
}

.timeline-subcontent li a .badge,
.timeline-subcontent .nav-link .badge,
div li a .badge,
div .nav-link .badge {
  display: none;
}

.timeline-subcontent li a:hover,
.timeline-subcontent .nav-link:hover,
div li a:hover,
div .nav-link:hover {
  color: #323a45;
  text-decoration: underline;
}

.timeline-subcontent li a.active,
.timeline-subcontent .nav-link.active,
div li a.active,
div .nav-link.active {
  text-decoration: underline;
  color: #1d2128;
}

.timeline-subcontent li a.incomplete .badge,
.timeline-subcontent .nav-link.incomplete .badge,
div li a.incomplete .badge,
div .nav-link.incomplete .badge {
  display: inline-block;
  margin-left: -18px;
}

.timeline-subcontent li a.done .icon,
.timeline-subcontent .nav-link.done .icon,
div li a.done .icon,
div .nav-link.done .icon {
  opacity: 1;
}

.timeline-subcontent li a.disabled,
.timeline-subcontent .nav-link.disabled,
div li a.disabled,
div .nav-link.disabled {
  text-decoration: none;
  cursor: default;
  pointer-events: none;
  color: #5d6c81;
}

.timeline-block {
  color: #5d6c81;
}

.timeline-block a {
  color: #5d6c81;
  display: block;
}

.timeline-subcontent {
  list-style: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  margin: 0.5em 0;
  padding-left: 0;
}

.timeline-subcontent li {
  font-size: 0.875rem;
  margin: 0.35em 0;
}

.timeline-subcontent li a {
  font-weight: 400;
  color: #1d2128;
}

.timeline-point-blue::before {
  background-color: #0066CC;
}

.timeline-point-indigo::before {
  background-color: #5C6AC4;
}

.timeline-point-purple::before {
  background-color: #6554C0;
}

.timeline-point-pink::before {
  background-color: #e83e8c;
}

.timeline-point-red::before {
  background-color: #D92530;
}

.timeline-point-orange::before {
  background-color: #EF6C00;
}

.timeline-point-yellow::before {
  background-color: #FCBA19;
}

.timeline-point-green::before {
  background-color: #66B34E;
}

.timeline-point-teal::before {
  background-color: #47C1BF;
}

.timeline-point-cyan::before {
  background-color: #17a2b8;
}

.timeline-point-white::before {
  background-color: #fff;
}

.timeline-point-gray::before {
  background-color: #323a45;
}

.timeline-point-gray-dark::before {
  background-color: #485363;
}

.timeline-point-blue::before {
  background-color: #0066CC;
}

.timeline-point-blue-050::before {
  background-color: #e6f2ff;
}

.timeline-point-blue-100::before {
  background-color: #cce6ff;
}

.timeline-point-blue-200::before {
  background-color: #4da6ff;
}

.timeline-point-blue-300::before {
  background-color: #0066CC;
}

.timeline-point-blue-400::before {
  background-color: #004d99;
}

.timeline-point-blue-500::before {
  background-color: #003366;
}

.timeline-point-blue-600::before {
  background-color: #00264d;
}

.timeline-point-indigo::before {
  background-color: #5C6AC4;
}

.timeline-point-purple::before {
  background-color: #6554C0;
}

.timeline-point-purple-050::before {
  background-color: #ebe9f7;
}

.timeline-point-purple-100::before {
  background-color: #cac4e9;
}

.timeline-point-purple-200::before {
  background-color: #978cd5;
}

.timeline-point-purple-300::before {
  background-color: #6554C0;
}

.timeline-point-purple-400::before {
  background-color: #4d3da4;
}

.timeline-point-purple-500::before {
  background-color: #2a215a;
}

.timeline-point-pink::before {
  background-color: #e83e8c;
}

.timeline-point-red::before {
  background-color: #D92530;
}

.timeline-point-red-050::before {
  background-color: #f5c6c8;
}

.timeline-point-red-100::before {
  background-color: #f0a7ab;
}

.timeline-point-red-200::before {
  background-color: #e97b82;
}

.timeline-point-red-300::before {
  background-color: #D92530;
}

.timeline-point-red-400::before {
  background-color: #82161d;
}

.timeline-point-red-500::before {
  background-color: #560f13;
}

.timeline-point-orange::before {
  background-color: #EF6C00;
}

.timeline-point-orange-050::before {
  background-color: #ffd5b2;
}

.timeline-point-orange-100::before {
  background-color: #ffbe89;
}

.timeline-point-orange-200::before {
  background-color: #ff8623;
}

.timeline-point-orange-300::before {
  background-color: #EF6C00;
}

.timeline-point-orange-400::before {
  background-color: #bc5500;
}

.timeline-point-orange-500::before {
  background-color: #562700;
}

.timeline-point-yellow::before {
  background-color: #FCBA19;
}

.timeline-point-yellow-050::before {
  background-color: #feefc9;
}

.timeline-point-yellow-100::before {
  background-color: #fee097;
}

.timeline-point-yellow-200::before {
  background-color: #fdd165;
}

.timeline-point-yellow-300::before {
  background-color: #FCBA19;
}

.timeline-point-yellow-400::before {
  background-color: #c68d03;
}

.timeline-point-yellow-500::before {
  background-color: #7a5702;
}

.timeline-point-green::before {
  background-color: #66B34E;
}

.timeline-point-green-050::before {
  background-color: #e1f0dd;
}

.timeline-point-green-100::before {
  background-color: #c3e1b9;
}

.timeline-point-green-200::before {
  background-color: #85c272;
}

.timeline-point-green-300::before {
  background-color: #66B34E;
}

.timeline-point-green-400::before {
  background-color: #51903e;
}

.timeline-point-green-500::before {
  background-color: #335b27;
}

.timeline-point-teal::before {
  background-color: #47C1BF;
}

.timeline-point-teal-050::before {
  background-color: #e0f4f4;
}

.timeline-point-teal-100::before {
  background-color: #80d4d3;
}

.timeline-point-teal-200::before {
  background-color: #6dcecc;
}

.timeline-point-teal-300::before {
  background-color: #47C1BF;
}

.timeline-point-teal-400::before {
  background-color: #297978;
}

.timeline-point-teal-500::before {
  background-color: #0f2d2c;
}

.timeline-point-cyan::before {
  background-color: #17a2b8;
}

.timeline-point-white::before {
  background-color: #fff;
}

.timeline-point-gray::before {
  background-color: #8492A6;
}

.timeline-point-gray-050::before {
  background-color: #f4f6f7;
}

.timeline-point-gray-100::before {
  background-color: #e3e6eb;
}

.timeline-point-gray-200::before {
  background-color: #ced4dc;
}

.timeline-point-gray-300::before {
  background-color: #8492A6;
}

.timeline-point-gray-400::before {
  background-color: #5d6c81;
}

.timeline-point-gray-500::before {
  background-color: #485363;
}

.timeline-point-gray-600::before {
  background-color: #323a45;
}

.timeline-point-black::before {
  background-color: #485363;
}

.timeline-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 60px;
  margin-left: 15px;
  margin-top: 2px;
}

.timeline-content .disabled {
  text-decoration: none;
  cursor: default;
  pointer-events: none;
  color: #5d6c81;
}

.timeline-content .card {
  margin-bottom: 0;
}

.timeline-content p {
  line-height: 1.2rem;
}

.timeline-content time {
  font-size: 0.875rem;
  color: #8492A6;
  text-transform: uppercase;
  font-weight: 500;
}

.timeline-period {
  position: relative;
  padding: 30px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  color: #8b95a5;
}

.timeline-period::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #ebebeb;
  border-radius: 50%;
}

.timeline-period time {
  font-size: inherit;
  font-weight: inherit;
}

.timeline .timeline-period:first-child::after {
  display: none;
}

.timeline.timeline-content-left .timeline-block .timeline-detail {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  text-align: left;
}

.timeline.timeline-content-left .timeline-block .timeline-content {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.timeline.timeline-content-right .timeline-block .timeline-detail {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  text-align: left;
}

.timeline.timeline-content-right .timeline-block .timeline-content {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.timeline.timeline-content-right .timeline-block .timeline-content h5 {
  margin-top: 5px;
  color: #485363;
}

.timeline-activity .timeline-content {
  margin-bottom: 10px;
}

.timeline-point-xxs.timeline-point {
  width: 20px;
}

.timeline-point-xs.timeline-point {
  width: 38px;
}

.timeline-point-sm.timeline-point {
  width: 64px;
}

.timeline-point-lg.timeline-point {
  width: 128px;
}

.timeline-point-xl.timeline-point {
  width: 256px;
}

/* perfect-scrollbar v0.6.16 */
.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

@supports (-ms-overflow-style: none) {
  .ps-container {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps-container {
    overflow: auto !important;
  }
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  z-index: 20000;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 0px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 15px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  bottom: 2px;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 6px;
}

.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
  height: 11px;
}

.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 15px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 6px;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
  right: 2px;
  /* there must be 'right' for ps-scrollbar-y */
  width: 6px;
}

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
  width: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
  height: 11px;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
  width: 11px;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

button .spinner-border,
a .spinner-border {
  margin-right: 5px;
}

button .spinner-border.spinner-border-sm,
a .spinner-border.spinner-border-sm {
  margin-bottom: 3px;
}

div.spinner-border {
  width: 4rem;
  height: 4rem;
  border-width: 0.4rem;
}

.background-cloud {
  position: relative;
}

.background-wrapper {
  height: 150px;
  overflow: hidden;
}

.line {
  position: absolute;
  width: 125px;
  top: 68px;
  left: -127px;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}

.plane {
  position: absolute;
  width: 75px;
  top: 40px;
  left: 0;
  right: -70px;
  bottom: 0;
  margin: 0 auto;
  -webkit-animation: mover 1.3s infinite  alternate;
  animation: mover 1.3s infinite  alternate;
}

.top {
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  -webkit-animation: cloud_one 10s linear infinite;
  -moz-animation: cloud_one 10s linear infinite;
  -o-animation: cloud_one 10s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.middle {
  position: absolute;
  left: 230px;
  top: 50px;
  height: 30px;
  -webkit-animation: cloud_two 10s linear infinite;
  -moz-animation: cloud_two 10s linear infinite;
  -o-animation: cloud_two 10s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.bottom {
  position: absolute;
  left: 0;
  top: 100px;
  height: 30px;
  -webkit-animation: cloud_three 15s linear infinite;
  -moz-animation: cloud_three  15s linear infinite;
  -o-animation: cloud_three  15s  linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

/* Plane keyframes */
@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@-webkit-keyframes cloud_one {
  0% {
    left: -250px;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes cloud_two {
  0% {
    left: -100px;
  }
  100% {
    left: 100%;
  }
}

@-webkit-keyframes cloud_three {
  0% {
    left: -200px;
  }
  100% {
    left: 100%;
  }
}

body {
  background-color: #f4f6f7;
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  padding-left: 30px;
  padding-right: 30px;
}

/* Bump down the main container so it doesn't hide behind the topbar */
body .navbar + .main-container,
body .navbar + main {
  padding-top: 75px;
}

body .main-container,
body > main,
body > div > main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  -webkit-transition: margin-left .3s ease-out;
  transition: margin-left .3s ease-out;
}

body .topbar + .main-container,
body .topbar + main {
  padding-top: 75px;
}

body .topbar-secondary + .main-container,
body .topbar-secondary + main {
  padding-top: 80px;
}

.main-content {
  padding: 0px 0px 100px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.main-content.container {
  padding-left: 15px;
  padding-right: 15px;
}

.main-content > .container {
  padding-left: 0;
  padding-right: 0;
}

.container-full {
  margin-left: -30px;
  margin-right: -30px;
}

.site-footer {
  padding: 15px 30px;
}

.app-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
}

.app-backdrop.backdrop-sidebar {
  z-index: 996;
}

.app-backdrop.backdrop-sidebar::after {
  content: "\00d7";
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  background: #8492A6;
  border-radius: 100em;
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 15px;
}

.app-backdrop.backdrop-topbar-menu {
  z-index: 992;
}

.app-backdrop.backdrop-quickview {
  background-color: transparent;
  z-index: 1051;
}

@media (max-width: 991px) {
  .topbar,
  body .main-container,
  body > main,
  body > div > main {
    margin-left: 0;
  }
  .card-maximize {
    left: 0;
  }
  .site-footer,
  .site-footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 767px) {
  .topbar {
    padding: 0 0.25rem;
  }
  .container-full {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* Register pages */
@media (min-width: 992px) {
  .height-lg-100vh {
    height: 100vh;
  }
  /* With a topbar */
  .height-lg-90vh {
    height: 90vh;
  }
  .height-lg-80vh {
    height: 80vh;
  }
}

.gradient-half-primary-v1 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00264d), to(#003366));
  background-image: linear-gradient(180deg, #00264d 0%, #003366 100%);
  background-repeat: repeat-x;
}

@media print {
  body * {
    visibility: hidden;
  }
  .printing-area {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
  .printing-area * {
    visibility: visible;
  }
}

.menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
}

.menu-item {
  vertical-align: top;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.menu-link {
  height: 56px;
  padding: 0 12px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .2s linear;
  transition: .2s linear;
}

.menu-link:hover {
  text-decoration: none;
}

.menu-link > * {
  margin-left: 8px;
}

.menu-link .icon {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: center;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.menu-link .icon::before {
  letter-spacing: 0;
}

.menu-link .dot {
  position: relative;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.menu-link .dot::after {
  content: '';
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -4px;
  width: 10px;
  height: 10px;
  background: #D92530;
  border: 1px solid transparent;
  border-radius: 100%;
  -webkit-transition: .2s linear;
  transition: .2s linear;
}

.menu-link .title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1;
  font-size: 14px;
}

.menu-link .title small {
  color: inherit;
  font-weight: 300;
  font-size: 11px;
  margin-top: .375rem;
  opacity: 0.4;
}

.menu-link .arrow::before {
  font-size: 8px;
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  cursor: pointer;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.menu-link .badge {
  margin-top: auto;
  margin-bottom: auto;
}

.menu-submenu {
  background-color: #004d99;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0;
  display: none;
  list-style-type: none;
  margin-bottom: 0;
}

.menu-submenu .menu-link {
  height: 32px;
  letter-spacing: 0;
  color: #fff;
  opacity: 0.8;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.menu-submenu .menu-link .icon {
  font-size: 13px;
  font-weight: 400;
}

.menu-submenu .menu-link .arrow::before {
  font-size: .5rem;
}

.menu-submenu .menu-item.active > .menu-link,
.menu-submenu .menu-item:hover > .menu-link {
  opacity: 1;
  background-color: transparent;
}

.menu-sub-submenu {
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 40px;
}

.menu-sub-submenu .menu-item {
  padding-left: 12px;
  opacity: 0.7;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.menu-sub-submenu .menu-item:hover, .menu-sub-submenu .menu-item.active {
  opacity: 1;
}

.menu-sub-submenu .menu-link .dot {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.menu-sub-submenu .menu-link .dot::after {
  left: -12px;
}

.menu-category {
  position: relative;
  display: block;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 32px;
  padding: 1rem 20px 0.5rem;
  color: #5d6c81;
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-category::after {
  content: '';
  width: 100%;
  height: 0;
  border-top: 1px dashed #323a45;
  vertical-align: middle;
  margin-left: 1.5rem;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  margin-top: 3px;
}

.menu-divider {
  display: block;
  height: 1px;
  background-color: #fff;
  opacity: 0.08;
  margin: 1rem 0;
}

.menu-xs > .menu-item > .menu-link {
  height: 42px;
}

.menu-sm > .menu-item > .menu-link {
  height: 48px;
}

.menu-lg > .menu-item > .menu-link {
  height: 64px;
}

.menu-xl > .menu-item > .menu-link {
  height: 72px;
}

.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 240px;
  background-color: #fff;
  white-space: nowrap;
  -webkit-box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.08);
          box-shadow: 0px 0px 28px 0px rgba(82, 63, 105, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 997;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  will-change: transform;
}

.sidebar ~ .topbar,
.sidebar ~ main {
  margin-left: 240px;
}

.sidebar-sm {
  width: 210px;
}

.sidebar-sm ~ .topbar,
.sidebar-sm ~ main {
  margin-left: 210px;
}

.sidebar-lg {
  width: 300px;
}

.sidebar-lg ~ .topbar,
.sidebar-lg ~ main {
  margin-left: 300px;
}

.sidebar-xl {
  width: 360px;
}

.sidebar-xl ~ .topbar,
.sidebar-xl ~ main {
  margin-left: 360px;
}

.sidebar-header,
.sidebar-footer {
  height: 75px;
}

.sidebar-navigation {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sidebar-header {
  background-color: #003366;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.sidebar-header > * {
  margin-left: 8px;
  margin-right: 8px;
}

.sidebar-header .logo-icon {
  text-align: center;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  font-size: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.sidebar-header .logo {
  font-size: 1rem;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.sidebar-header a {
  color: #fff;
}

.sidebar-toggle-fold {
  margin: 0;
  padding: 12px 8px;
  cursor: pointer;
}

.sidebar-toggle-fold::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
}

.sidebar-folded .sidebar-toggle-fold::before {
  background-color: transparent;
}

.sidebar-header-inverse {
  color: #4d5259;
  background-color: #fff;
}

.sidebar-header-inverse .sidebar-toggle-fold::before {
  border-color: #4d5259;
}

.sidebar-header-inverse a {
  color: #4d5259;
}

.sidebar-folded .sidebar-header-inverse .sidebar-toggle-fold::before {
  background-color: #4d5259;
}

.sidebar-footer {
  border-top: 1px solid #e3e6eb;
  background: #f4f6f7;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sidebar-footer > * {
  margin: 0 4px;
}

.sidebar-footer > *:first-child {
  margin-left: 0;
}

.sidebar-footer > *:last-child {
  margin-right: 0;
}

.sidebar-spacer-sm {
  height: 37.5px;
}

.sidebar-spacer {
  height: 75px;
}

.sidebar-spacer-lg {
  height: 112.5px;
}

.sidebar-open {
  overflow: hidden;
}

.sidebar-open .sidebar {
  left: 0 !important;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1) !important;
}

.sidebar-folded .sidebar ~ .topbar,
.sidebar-folded .sidebar ~ main {
  margin-left: 80px;
}

.sidebar-folded .sidebar .hide-on-fold {
  display: none;
}

.sidebar-folded .sidebar .fade-on-fold {
  opacity: 0;
  -webkit-transition: .5s;
  transition: .5s;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right) {
  width: 80px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right) .sidebar-profile .avatar {
  width: 40px;
  height: 40px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right) .sidebar-profile .profile-info {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  margin-left: -100px;
  margin-right: -100px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right):hover {
  width: 240px;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.sidebar-folded .sidebar:not(.sidebar-icons-right):hover .sidebar-profile .avatar {
  width: 100px;
  height: 100px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right):hover .sidebar-profile .profile-info {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.sidebar-folded .sidebar:not(.sidebar-icons-right).sidebar-sm:hover {
  width: 210px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right).sidebar-lg:hover {
  width: 300px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right).sidebar-xl:hover {
  width: 360px;
}

.sidebar-folded .sidebar-icons-right {
  left: -160px;
}

.sidebar-folded .sidebar-icons-right:hover {
  left: 0;
  -webkit-box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.sidebar-folded .sidebar-icons-right.sidebar-sm {
  left: -130px;
}

.sidebar-folded .sidebar-icons-right.sidebar-lg {
  left: -220px;
}

.sidebar-folded .sidebar-icons-right.sidebar-xl {
  left: -280px;
}

.sidebar-folded .card-maximize {
  left: 80px;
}

.sidebar-folded .sidebar .hide-on-fold {
  display: initial;
}

.sidebar-folded .sidebar .fade-on-fold {
  opacity: 1;
}

.sidebar-folded .sidebar .title,
.sidebar-folded .sidebar .logo {
  margin-left: 8px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right) .sidebar-profile .avatar {
  width: 100px;
  height: 100px;
}

.sidebar-folded .sidebar:not(.sidebar-icons-right) .sidebar-profile .profile-info {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.sidebar-folded .sidebar.sidebar-icons-right:not(.sidebar-icons-boxed) .logo-icon,
.sidebar-folded .sidebar.sidebar-icons-right:not(.sidebar-icons-boxed) .icon,
.sidebar-folded .sidebar.sidebar-icons-right:not(.sidebar-icons-boxed) .dot {
  margin-left: 8px;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
}

.sidebar-folded .sidebar.sidebar-icons-right.sidebar-icons-boxed .logo-icon,
.sidebar-folded .sidebar.sidebar-icons-right.sidebar-icons-boxed .icon {
  margin-left: 8px;
}

.sidebar-folded .sidebar.sidebar-icons-right.sidebar-icons-boxed .menu-submenu .icon,
.sidebar-folded .sidebar.sidebar-icons-right.sidebar-icons-boxed .menu-submenu .dot {
  margin-left: 13px;
}

.sidebar-hidden .sidebar {
  left: -240px;
}

.sidebar-hidden .sidebar.sidebar-lg {
  left: -300px;
}

.sidebar-hidden .sidebar.sidebar-sm {
  left: -210px;
}

.sidebar-hidden .sidebar.sidebar-xl {
  left: -360px;
}

.sidebar-hidden .sidebar ~ .topbar,
.sidebar-hidden .sidebar ~ main {
  margin-left: 0;
}

.sidebar .menu-item.open .menu-submenu {
  display: block;
}

.sidebar .menu-link {
  position: relative;
}

.sidebar .open .arrow::before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sidebar-collapse .hidden-expand-down {
  display: none;
}

.sidebar-collapse ~ .topbar .sidebar-toggler {
  display: inline-block;
}

.sidebar-collapse .sidebar-toggle-fold {
  display: none;
}

.sidebar-collapse.sidebar {
  -webkit-box-shadow: none;
          box-shadow: none;
  left: -240px;
}

.sidebar-collapse.sidebar ~ .topbar,
.sidebar-collapse.sidebar ~ main {
  margin-left: 0;
}

.sidebar-collapse.sidebar-sm {
  left: -210px;
}

.sidebar-collapse.sidebar-lg {
  left: -300px;
}

.sidebar-collapse.sidebar-xl {
  left: -360px;
}

.sidebar-expand .hidden-expand-up {
  display: none;
}

.sidebar-expand ~ .topbar .sidebar-toggler {
  display: none;
}

.sidebar-expand.sidebar-icon-only {
  width: 70px;
}

.sidebar-expand.sidebar-icon-only ~ .topbar,
.sidebar-expand.sidebar-icon-only ~ main {
  margin-left: 70px;
}

.sidebar-expand.sidebar-icon-only .menu > .menu-item.active > .menu-link,
.sidebar-expand.sidebar-icon-only .menu > .menu-item:hover > .menu-link {
  background-color: transparent !important;
}

.sidebar-expand.sidebar-icon-only .menu.menu-bordery > .menu-item > .menu-link::before {
  width: 3px;
}

.sidebar-expand.sidebar-iconic {
  width: 100px;
  overflow: visible;
}

.sidebar-expand.sidebar-iconic ~ .topbar,
.sidebar-expand.sidebar-iconic ~ main {
  margin-left: 100px;
}

.sidebar-expand.sidebar-iconic .menu-link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  padding-top: 12px;
  padding-bottom: 8px;
}

.sidebar-expand.sidebar-iconic .menu-link .title {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  line-height: 36px;
  font-weight: 300;
  letter-spacing: 0;
}

.sidebar-expand.sidebar-iconic .menu-link .icon {
  font-size: 20px;
  line-height: 36px;
}

.sidebar-expand.sidebar-iconic .menu-link .badge {
  position: absolute;
  top: 8px;
  right: 4px;
}

.sidebar-expand.sidebar-iconic .sidebar-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sidebar-expand.sidebar-iconic .sidebar-profile {
  padding: 20px;
}

.sidebar-expand.sidebar-iconic .sidebar-profile .avatar {
  width: 56px;
  height: 56px;
}

.sidebar-expand.sidebar-iconic.sidebar-sm {
  width: 80px;
}

.sidebar-expand.sidebar-iconic.sidebar-sm ~ .topbar,
.sidebar-expand.sidebar-iconic.sidebar-sm ~ main {
  margin-left: 80px;
}

.sidebar-expand.sidebar-iconic.sidebar-sm .menu-link {
  padding-top: 8px;
  padding-bottom: 4px;
}

.sidebar-expand.sidebar-iconic.sidebar-sm .menu-link .title {
  line-height: 29px;
  font-size: 12px;
}

.sidebar-expand.sidebar-iconic.sidebar-sm .menu-link .icon {
  font-size: 16px;
  line-height: 29px;
}

.sidebar-expand.sidebar-iconic.sidebar-sm .menu-link .badge {
  top: 4px;
  right: 2px;
}

.sidebar-expand.sidebar-iconic.sidebar-sm .sidebar-profile .avatar {
  width: 40px;
  height: 40px;
}

.sidebar-expand.sidebar-iconic.sidebar-lg {
  width: 120px;
}

.sidebar-expand.sidebar-iconic.sidebar-lg ~ .topbar,
.sidebar-expand.sidebar-iconic.sidebar-lg ~ main {
  margin-left: 120px;
}

.sidebar-expand.sidebar-iconic.sidebar-lg .menu-link {
  padding-top: 16px;
  padding-bottom: 12px;
}

.sidebar-expand.sidebar-iconic.sidebar-lg .menu-link .icon {
  font-size: 24px;
}

.sidebar-expand.sidebar-iconic.sidebar-lg .menu-link .badge {
  top: 12px;
  right: 8px;
}

.sidebar-expand.sidebar-iconic.sidebar-lg .sidebar-profile .avatar {
  width: 76px;
  height: 76px;
}

@media (max-width: 575px) {
  .sidebar-expand-sm .hidden-expand-down {
    display: none;
  }
  .sidebar-expand-sm ~ .topbar .sidebar-toggler {
    display: inline-block;
  }
  .sidebar-expand-sm .sidebar-toggle-fold {
    display: none;
  }
  .sidebar-expand-sm.sidebar {
    -webkit-box-shadow: none;
            box-shadow: none;
    left: -240px;
  }
  .sidebar-expand-sm.sidebar ~ .topbar,
  .sidebar-expand-sm.sidebar ~ main {
    margin-left: 0;
  }
  .sidebar-expand-sm.sidebar-sm {
    left: -210px;
  }
  .sidebar-expand-sm.sidebar-lg {
    left: -300px;
  }
  .sidebar-expand-sm.sidebar-xl {
    left: -360px;
  }
}

@media (min-width: 576px) {
  .sidebar-expand-sm .hidden-expand-up {
    display: none;
  }
  .sidebar-expand-sm ~ .topbar .sidebar-toggler {
    display: none;
  }
  .sidebar-expand-sm.sidebar-icon-only {
    width: 70px;
  }
  .sidebar-expand-sm.sidebar-icon-only ~ .topbar,
  .sidebar-expand-sm.sidebar-icon-only ~ main {
    margin-left: 70px;
  }
  .sidebar-expand-sm.sidebar-icon-only .menu > .menu-item.active > .menu-link,
  .sidebar-expand-sm.sidebar-icon-only .menu > .menu-item:hover > .menu-link {
    background-color: transparent !important;
  }
  .sidebar-expand-sm.sidebar-icon-only .menu.menu-bordery > .menu-item > .menu-link::before {
    width: 3px;
  }
  .sidebar-expand-sm.sidebar-iconic {
    width: 100px;
    overflow: visible;
  }
  .sidebar-expand-sm.sidebar-iconic ~ .topbar,
  .sidebar-expand-sm.sidebar-iconic ~ main {
    margin-left: 100px;
  }
  .sidebar-expand-sm.sidebar-iconic .menu-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding-top: 12px;
    padding-bottom: 8px;
  }
  .sidebar-expand-sm.sidebar-iconic .menu-link .title {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    line-height: 36px;
    font-weight: 300;
    letter-spacing: 0;
  }
  .sidebar-expand-sm.sidebar-iconic .menu-link .icon {
    font-size: 20px;
    line-height: 36px;
  }
  .sidebar-expand-sm.sidebar-iconic .menu-link .badge {
    position: absolute;
    top: 8px;
    right: 4px;
  }
  .sidebar-expand-sm.sidebar-iconic .sidebar-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sidebar-expand-sm.sidebar-iconic .sidebar-profile {
    padding: 20px;
  }
  .sidebar-expand-sm.sidebar-iconic .sidebar-profile .avatar {
    width: 56px;
    height: 56px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm {
    width: 80px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm ~ .topbar,
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm ~ main {
    margin-left: 80px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm .menu-link {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm .menu-link .title {
    line-height: 29px;
    font-size: 12px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm .menu-link .icon {
    font-size: 16px;
    line-height: 29px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm .menu-link .badge {
    top: 4px;
    right: 2px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-sm .sidebar-profile .avatar {
    width: 40px;
    height: 40px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-lg {
    width: 120px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-lg ~ .topbar,
  .sidebar-expand-sm.sidebar-iconic.sidebar-lg ~ main {
    margin-left: 120px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-lg .menu-link {
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-lg .menu-link .icon {
    font-size: 24px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-lg .menu-link .badge {
    top: 12px;
    right: 8px;
  }
  .sidebar-expand-sm.sidebar-iconic.sidebar-lg .sidebar-profile .avatar {
    width: 76px;
    height: 76px;
  }
}

@media (max-width: 767px) {
  .sidebar-expand-md .hidden-expand-down {
    display: none;
  }
  .sidebar-expand-md ~ .topbar .sidebar-toggler {
    display: inline-block;
  }
  .sidebar-expand-md .sidebar-toggle-fold {
    display: none;
  }
  .sidebar-expand-md.sidebar {
    -webkit-box-shadow: none;
            box-shadow: none;
    left: -240px;
  }
  .sidebar-expand-md.sidebar ~ .topbar,
  .sidebar-expand-md.sidebar ~ main {
    margin-left: 0;
  }
  .sidebar-expand-md.sidebar-sm {
    left: -210px;
  }
  .sidebar-expand-md.sidebar-lg {
    left: -300px;
  }
  .sidebar-expand-md.sidebar-xl {
    left: -360px;
  }
}

@media (min-width: 768px) {
  .sidebar-expand-md .hidden-expand-up {
    display: none;
  }
  .sidebar-expand-md ~ .topbar .sidebar-toggler {
    display: none;
  }
  .sidebar-expand-md.sidebar-icon-only {
    width: 70px;
  }
  .sidebar-expand-md.sidebar-icon-only ~ .topbar,
  .sidebar-expand-md.sidebar-icon-only ~ main {
    margin-left: 70px;
  }
  .sidebar-expand-md.sidebar-icon-only .menu > .menu-item.active > .menu-link,
  .sidebar-expand-md.sidebar-icon-only .menu > .menu-item:hover > .menu-link {
    background-color: transparent !important;
  }
  .sidebar-expand-md.sidebar-icon-only .menu.menu-bordery > .menu-item > .menu-link::before {
    width: 3px;
  }
  .sidebar-expand-md.sidebar-iconic {
    width: 100px;
    overflow: visible;
  }
  .sidebar-expand-md.sidebar-iconic ~ .topbar,
  .sidebar-expand-md.sidebar-iconic ~ main {
    margin-left: 100px;
  }
  .sidebar-expand-md.sidebar-iconic .menu-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding-top: 12px;
    padding-bottom: 8px;
  }
  .sidebar-expand-md.sidebar-iconic .menu-link .title {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    line-height: 36px;
    font-weight: 300;
    letter-spacing: 0;
  }
  .sidebar-expand-md.sidebar-iconic .menu-link .icon {
    font-size: 20px;
    line-height: 36px;
  }
  .sidebar-expand-md.sidebar-iconic .menu-link .badge {
    position: absolute;
    top: 8px;
    right: 4px;
  }
  .sidebar-expand-md.sidebar-iconic .sidebar-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sidebar-expand-md.sidebar-iconic .sidebar-profile {
    padding: 20px;
  }
  .sidebar-expand-md.sidebar-iconic .sidebar-profile .avatar {
    width: 56px;
    height: 56px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-sm {
    width: 80px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-sm ~ .topbar,
  .sidebar-expand-md.sidebar-iconic.sidebar-sm ~ main {
    margin-left: 80px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-sm .menu-link {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-sm .menu-link .title {
    line-height: 29px;
    font-size: 12px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-sm .menu-link .icon {
    font-size: 16px;
    line-height: 29px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-sm .menu-link .badge {
    top: 4px;
    right: 2px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-sm .sidebar-profile .avatar {
    width: 40px;
    height: 40px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-lg {
    width: 120px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-lg ~ .topbar,
  .sidebar-expand-md.sidebar-iconic.sidebar-lg ~ main {
    margin-left: 120px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-lg .menu-link {
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-lg .menu-link .icon {
    font-size: 24px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-lg .menu-link .badge {
    top: 12px;
    right: 8px;
  }
  .sidebar-expand-md.sidebar-iconic.sidebar-lg .sidebar-profile .avatar {
    width: 76px;
    height: 76px;
  }
}

@media (max-width: 991px) {
  .sidebar-expand-lg .hidden-expand-down {
    display: none;
  }
  .sidebar-expand-lg ~ .topbar .sidebar-toggler {
    display: inline-block;
  }
  .sidebar-expand-lg .sidebar-toggle-fold {
    display: none;
  }
  .sidebar-expand-lg.sidebar {
    -webkit-box-shadow: none;
            box-shadow: none;
    left: -240px;
  }
  .sidebar-expand-lg.sidebar ~ .topbar,
  .sidebar-expand-lg.sidebar ~ main {
    margin-left: 0;
  }
  .sidebar-expand-lg.sidebar-sm {
    left: -210px;
  }
  .sidebar-expand-lg.sidebar-lg {
    left: -300px;
  }
  .sidebar-expand-lg.sidebar-xl {
    left: -360px;
  }
}

@media (min-width: 992px) {
  .sidebar-expand-lg .hidden-expand-up {
    display: none;
  }
  .sidebar-expand-lg ~ .topbar .sidebar-toggler {
    display: none;
  }
  .sidebar-expand-lg.sidebar-icon-only {
    width: 70px;
  }
  .sidebar-expand-lg.sidebar-icon-only ~ .topbar,
  .sidebar-expand-lg.sidebar-icon-only ~ main {
    margin-left: 70px;
  }
  .sidebar-expand-lg.sidebar-icon-only .menu > .menu-item.active > .menu-link,
  .sidebar-expand-lg.sidebar-icon-only .menu > .menu-item:hover > .menu-link {
    background-color: transparent !important;
  }
  .sidebar-expand-lg.sidebar-icon-only .menu.menu-bordery > .menu-item > .menu-link::before {
    width: 3px;
  }
  .sidebar-expand-lg.sidebar-iconic {
    width: 100px;
    overflow: visible;
  }
  .sidebar-expand-lg.sidebar-iconic ~ .topbar,
  .sidebar-expand-lg.sidebar-iconic ~ main {
    margin-left: 100px;
  }
  .sidebar-expand-lg.sidebar-iconic .menu-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding-top: 12px;
    padding-bottom: 8px;
  }
  .sidebar-expand-lg.sidebar-iconic .menu-link .title {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    line-height: 36px;
    font-weight: 300;
    letter-spacing: 0;
  }
  .sidebar-expand-lg.sidebar-iconic .menu-link .icon {
    font-size: 20px;
    line-height: 36px;
  }
  .sidebar-expand-lg.sidebar-iconic .menu-link .badge {
    position: absolute;
    top: 8px;
    right: 4px;
  }
  .sidebar-expand-lg.sidebar-iconic .sidebar-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sidebar-expand-lg.sidebar-iconic .sidebar-profile {
    padding: 20px;
  }
  .sidebar-expand-lg.sidebar-iconic .sidebar-profile .avatar {
    width: 56px;
    height: 56px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm {
    width: 80px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm ~ .topbar,
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm ~ main {
    margin-left: 80px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm .menu-link {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm .menu-link .title {
    line-height: 29px;
    font-size: 12px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm .menu-link .icon {
    font-size: 16px;
    line-height: 29px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm .menu-link .badge {
    top: 4px;
    right: 2px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-sm .sidebar-profile .avatar {
    width: 40px;
    height: 40px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-lg {
    width: 120px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-lg ~ .topbar,
  .sidebar-expand-lg.sidebar-iconic.sidebar-lg ~ main {
    margin-left: 120px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-lg .menu-link {
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-lg .menu-link .icon {
    font-size: 24px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-lg .menu-link .badge {
    top: 12px;
    right: 8px;
  }
  .sidebar-expand-lg.sidebar-iconic.sidebar-lg .sidebar-profile .avatar {
    width: 76px;
    height: 76px;
  }
}

@media (max-width: 1199px) {
  .sidebar-expand-xl .hidden-expand-down {
    display: none;
  }
  .sidebar-expand-xl ~ .topbar .sidebar-toggler {
    display: inline-block;
  }
  .sidebar-expand-xl .sidebar-toggle-fold {
    display: none;
  }
  .sidebar-expand-xl.sidebar {
    -webkit-box-shadow: none;
            box-shadow: none;
    left: -240px;
  }
  .sidebar-expand-xl.sidebar ~ .topbar,
  .sidebar-expand-xl.sidebar ~ main {
    margin-left: 0;
  }
  .sidebar-expand-xl.sidebar-sm {
    left: -210px;
  }
  .sidebar-expand-xl.sidebar-lg {
    left: -300px;
  }
  .sidebar-expand-xl.sidebar-xl {
    left: -360px;
  }
}

@media (min-width: 1200px) {
  .sidebar-expand-xl .hidden-expand-up {
    display: none;
  }
  .sidebar-expand-xl ~ .topbar .sidebar-toggler {
    display: none;
  }
  .sidebar-expand-xl.sidebar-icon-only {
    width: 70px;
  }
  .sidebar-expand-xl.sidebar-icon-only ~ .topbar,
  .sidebar-expand-xl.sidebar-icon-only ~ main {
    margin-left: 70px;
  }
  .sidebar-expand-xl.sidebar-icon-only .menu > .menu-item.active > .menu-link,
  .sidebar-expand-xl.sidebar-icon-only .menu > .menu-item:hover > .menu-link {
    background-color: transparent !important;
  }
  .sidebar-expand-xl.sidebar-icon-only .menu.menu-bordery > .menu-item > .menu-link::before {
    width: 3px;
  }
  .sidebar-expand-xl.sidebar-iconic {
    width: 100px;
    overflow: visible;
  }
  .sidebar-expand-xl.sidebar-iconic ~ .topbar,
  .sidebar-expand-xl.sidebar-iconic ~ main {
    margin-left: 100px;
  }
  .sidebar-expand-xl.sidebar-iconic .menu-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    padding-top: 12px;
    padding-bottom: 8px;
  }
  .sidebar-expand-xl.sidebar-iconic .menu-link .title {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    line-height: 36px;
    font-weight: 300;
    letter-spacing: 0;
  }
  .sidebar-expand-xl.sidebar-iconic .menu-link .icon {
    font-size: 20px;
    line-height: 36px;
  }
  .sidebar-expand-xl.sidebar-iconic .menu-link .badge {
    position: absolute;
    top: 8px;
    right: 4px;
  }
  .sidebar-expand-xl.sidebar-iconic .sidebar-header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sidebar-expand-xl.sidebar-iconic .sidebar-profile {
    padding: 20px;
  }
  .sidebar-expand-xl.sidebar-iconic .sidebar-profile .avatar {
    width: 56px;
    height: 56px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm {
    width: 80px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm ~ .topbar,
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm ~ main {
    margin-left: 80px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm .menu-link {
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm .menu-link .title {
    line-height: 29px;
    font-size: 12px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm .menu-link .icon {
    font-size: 16px;
    line-height: 29px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm .menu-link .badge {
    top: 4px;
    right: 2px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-sm .sidebar-profile .avatar {
    width: 40px;
    height: 40px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-lg {
    width: 120px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-lg ~ .topbar,
  .sidebar-expand-xl.sidebar-iconic.sidebar-lg ~ main {
    margin-left: 120px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-lg .menu-link {
    padding-top: 16px;
    padding-bottom: 12px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-lg .menu-link .icon {
    font-size: 24px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-lg .menu-link .badge {
    top: 12px;
    right: 8px;
  }
  .sidebar-expand-xl.sidebar-iconic.sidebar-lg .sidebar-profile .avatar {
    width: 76px;
    height: 76px;
  }
}

.sidebar .menu {
  margin-top: 1em;
}

.sidebar .menu-item .menu-link {
  color: #5d6c81;
  height: auto;
  padding: 0.75em 12px;
  font-weight: 500;
}

.sidebar .menu-item .menu-link .icon {
  width: 20px;
  height: 20px;
  stroke: #5d6c81;
  fill: #5d6c81;
}

.sidebar .menu-item:hover .menu-link {
  color: #1d2128;
  background-color: #f4f6f7;
}

.sidebar .menu-item:hover .icon {
  stroke: #0066CC;
  fill: #0066CC;
}

.sidebar .menu-item.active .menu-link {
  color: #0066CC;
  background-color: transparent;
}

.sidebar .menu-item.active .icon {
  stroke: #0066CC;
  fill: #0066CC;
}

.sidebar .menu-item.small .menu-link {
  font-size: 0.875rem;
  opacity: 0.8;
  padding: 0.75em 12px;
}

.sidebar .menu-item.small .menu-link .icon {
  width: 16px;
  height: 16px;
}

.sidebar .divider {
  border-top: 1px solid #e3e6eb;
  margin: 0.75em 0;
}

.sidebar .sidebar-footer {
  border-top: 1px solid #e3e6eb;
  text-align: center;
  line-height: 1em;
}

.sidebar .sidebar-footer a {
  font-size: 0.775rem;
  color: #5d6c81;
  opacity: 0.8;
  padding-left: 4px;
}

.sidebar .sidebar-footer a::before {
  padding-right: 4px;
  color: #e3e6eb;
  content: "|";
}

.sidebar .sidebar-footer a:nth-child(1), .sidebar .sidebar-footer a:nth-child(4) {
  padding-left: 0;
}

.sidebar .sidebar-footer a:nth-child(1)::before, .sidebar .sidebar-footer a:nth-child(4)::before {
  display: none;
}

.topbar {
  padding: 0 15px;
  height: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 995;
  -webkit-transition: margin-left 0.3s ease;
  transition: margin-left 0.3s ease;
  background-color: #003366;
  border-bottom: 0;
  -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
          box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
}

.topbar .container {
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.topbar .container .topbar-left {
  margin-left: 0;
}

@media (max-width: 767px) {
  .topbar .container {
    width: 100%;
  }
}

.topbar.topbar-unfix {
  position: absolute;
}

.topbar .form-control:focus,
.topbar .form-control.focused {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.topbar.bg-transparent {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.topbar-btn {
  display: inline-block;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 75px;
  padding: 0 12px;
  text-align: center;
  color: #e6f2ff;
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-top: 0px solid transparent;
  -webkit-transition: .2s linear;
  transition: .2s linear;
  position: relative;
  z-index: 991;
}

.topbar-btn:hover, .topbar-btn:active {
  text-decoration: none;
  color: #fff;
  background: #00264d;
  border-top-color: #4da6ff;
}

.topbar-btn:hover .icon, .topbar-btn:active .icon {
  stroke: #fff;
  fill: #fff;
}

.topbar-btn .icon {
  vertical-align: baseline;
  stroke: #e6f2ff;
  fill: #e6f2ff;
  top: 5px;
}

.topbar-btn strong {
  font-weight: 500;
}

.topbar-btn img {
  max-height: 75px;
}

.topbar-brand {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
}

.topbar .dropdown-menu,
.topbar .dropdown-grid {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -0.5px;
  top: 100%;
  overflow: hidden;
}

.topbar .dropdown-menu:not(.dropdown-grid) {
  min-width: 180px;
  max-width: 360px;
}

.topbar .dropdown.show .topbar-btn {
  background: #00264d;
}

.topbar .media-list {
  width: 358px !important;
}

.topbar .lookup-circle {
  padding-left: 12px;
  padding-right: 12px;
}

.topbar .lookup-circle::before {
  left: 12px;
}

.topbar .lookup-circle.lookup-right::before {
  left: auto;
  right: 12px;
}

.topbar .topbar-lookup-text {
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  color: #004d99;
  cursor: text;
  -webkit-transition: .7s;
  transition: .7s;
}

.topbar .topbar-lookup-text:hover {
  color: #00264d;
}

.topbar .form-control {
  line-height: 24px;
}

.topbar p {
  margin-bottom: 0;
}

.topbar-divider,
.topbar-divider-full {
  border-left: 1px solid #00264d;
  height: 20px;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 12px;
}

.topbar-divider-full {
  height: 75px;
}

.topbar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.topbar-title {
  margin-bottom: 0;
  margin-right: 12px;
  font-weight: 400;
  -ms-flex-item-align: center;
      align-self: center;
}

.sidebar-toggler i,
.topbar-menu-toggler i {
  font-style: normal;
  display: inline-block;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  color: #5d6c81;
}

.topbar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.topbar-btns {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.topbar-btns .dropdown {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.topbar-btns .topbar-btn {
  min-width: 48px;
}

.topbar-btns .topbar-btn.has-new .icon {
  position: relative;
}

.topbar-btns .topbar-btn.has-new::before {
  content: '';
  position: absolute;
  top: 22px;
  right: 12px;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid #003366;
  background-color: #D92530;
  z-index: 999;
}

.topbar-btns .topbar-btn .avatar {
  margin-top: -6px;
}

.topbar-btns .media-list-divided + .dropdown-footer {
  border-top: 0;
}

.topbar-search::before {
  display: none;
}

.topbar-search input {
  border: none;
  border-radius: 0;
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
  z-index: 2;
}

.topbar-search .lookup-placeholder {
  position: absolute;
  top: 20px;
  left: 0;
  padding: 0 12px;
  white-space: nowrap;
  opacity: .6;
  z-index: 1;
  -webkit-transition: .5s;
  transition: .5s;
}

.topbar-search .lookup-placeholder span {
  -webkit-transition: .5s linear;
  transition: .5s linear;
}

.topbar-search .lookup-placeholder i {
  margin-top: 2px;
}

.topbar-search:hover .lookup-placeholder {
  opacity: .8;
}

.topbar-search .form-control {
  height: 75px;
  line-height: 75px;
  background-color: transparent;
  padding-left: 38px;
}

.topbar-search .lookup-placeholder .ti-search {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
  font-size: 16px;
  margin-right: 6px;
}

.topbar-search .tt-menu {
  margin-top: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.topbar-search .tt-dropdown-menu {
  max-height: 320px;
  overflow-y: auto;
}

.topbar-inverse .topbar-search {
  color: #fff;
}

/* Page specific */
@media (min-width: 1200px) {
  body#login .topbar {
    background: transparent !important;
    border-bottom: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}

/* For smaller screens */
@media (max-width: 767px) {
  .topbar {
    padding: 0;
  }
  .topbar-title {
    margin-left: 12px;
    font-size: 1rem;
    font-weight: 400;
  }
}

.site-footer {
  background-color: #fff;
  font-size: 0.875rem;
  color: #616a78;
  border-top: 1px solid #f1f2f3;
}

.site-footer p {
  margin-bottom: 0;
  font-weight: 400;
}

.site-footer a {
  color: #fff;
  padding: 0rem .5rem;
}

.site-footer a:hover {
  color: #b3b3b3;
}

.site-footer.bg-white a {
  color: inherit;
}

.quickview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #fff;
  width: 300px;
  max-width: calc( 100% - 50px);
  position: fixed;
  top: 0;
  bottom: 0;
  right: -300px;
  z-index: 1080;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  will-change: transform;
}

.quickview.quickview-sm {
  width: 220px;
  right: -220px;
}

.quickview.quickview-lg {
  width: 420px;
  right: -420px;
}

.quickview.quickview-xl {
  width: 640px;
  right: -640px;
}

.quickview.quickview-xxl {
  width: 860px;
  right: -860px;
}

@media (max-width: 767px) {
  .quickview[data-fullscreen-on-mobile] {
    max-width: 100%;
    width: 100%;
    right: -100%;
  }
}

.quickview.reveal {
  right: 0;
  -webkit-box-shadow: 5px 0px 13px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 0px 13px 3px rgba(0, 0, 0, 0.1);
}

.quickview.backdrop-light + .backdrop-quickview {
  background-color: rgba(255, 255, 255, 0.92);
}

.quickview.backdrop-dark + .backdrop-quickview {
  background-color: rgba(0, 0, 0, 0.5);
}

.quickview > .nav-tabs {
  margin-bottom: 0;
  height: 75px;
}

.quickview-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.quickview-block {
  padding: 20px;
  width: 100%;
}

.quickview-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  min-height: 75px !important;
  background: #6554C0;
  /* fallback for old browsers */
}

.quickview-header .close {
  margin-left: 16px;
  color: #ebe9f7;
}

.quickview-header.nav-tabs {
  padding: 0;
}

.quickview-header .nav-link {
  height: 75px;
  line-height: 69px;
  padding-top: 6px;
  padding-bottom: 0;
}

.quickview-header-lg {
  height: 80px;
}

.quickview-header-lg .nav-link {
  height: 75px;
  line-height: 74px;
}

.quickview-title {
  margin-bottom: 0;
  color: #ebe9f7;
  font-weight: 600;
}

.quickview-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
  min-height: 75px;
  background-color: #f4f6f7;
  border-top: 1px solid #f1f2f3;
}

.quickview-footer .row {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.quickview-footer > *:not(.row) {
  margin: 0 4px;
}

.quickview-footer a:not(.btn) {
  display: inline-block;
  padding: 0.75rem 0.5rem;
  color: #8b95a5;
}

.quickview-footer a:not(.btn):hover {
  color: #313944;
}

.header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-size: cover;
  background-position: center center;
}

.header > .container {
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header > .container .header-info,
.header > .container .header-action,
.header > .container .header-bar {
  padding-left: 0;
  padding-right: 0;
}

.header, .header.bg-img {
  z-index: 2;
}

.header-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px 30px;
  background-color: #fff;
  border-bottom: 1px solid #f1f2f3;
}

.header-bar > * {
  margin-bottom: 0;
}

.header-info {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 767px) {
  .header-info {
    margin: 20px 0;
  }
}

.header-info .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 767px) {
  .header-action {
    padding-left: 1rem;
  }
}

.header-transparent {
  background-color: transparent;
  border-bottom: none;
}

.header-inverse {
  background-color: #003366;
}

.header-inverse .header-action .nav-link {
  color: #8492A6;
}

.header-inverse .header-action .nav-link.active, .header-inverse .header-action .nav-link:hover {
  color: #8492A6;
  border-bottom-color: #0066CC;
}

.header-inverse .lookup-circle::before {
  color: #8492A6;
}

.header-inverse .lookup-circle input {
  background-color: #8492A6;
  color: #8492A6;
}

.header-inverse .lookup-circle input:focus {
  background-color: #8492A6;
}

.header-inverse .lookup-circle input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #8492A6;
}

.header-inverse .lookup-circle input::-moz-placeholder {
  /* Firefox 19+ */
  color: #8492A6;
}

.header-inverse .lookup-circle input:-ms-input-placeholder {
  /* IE 10+ */
  color: #8492A6;
}

.header-inverse .lookup-circle input:-moz-placeholder {
  /* Firefox 18- */
  color: #8492A6;
}

@media (max-width: 991px) {
  .page-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2rem;
  }
  .page-info > div {
    width: 100%;
    margin: 0.5rem 0;
  }
  .page-info .header-search::before {
    right: 24px;
  }
  .page-action nav a {
    padding-top: 0.5rem;
    padding-bottom: 1.25rem;
  }
}

.dock-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 15px;
  height: 0;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 994;
  max-width: calc(100% - 30px);
}

.dock-list.maximize {
  z-index: 999;
}

@media (max-width: 767px) {
  .dock-list {
    padding-right: 7px;
    max-width: calc(100% - 23px);
  }
}

.modal-open .dock-list {
  z-index: 1050;
}

.modal-open .dock-list .dock {
  border-color: transparent;
  -webkit-transition: border-color 0s;
  transition: border-color 0s;
}

.modal-open .dock-list .modal.in {
  background-color: rgba(0, 0, 0, 0.3);
}

.dock {
  border: 1px solid #f1f2f3;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 30px rgba(0, 0, 0, 0.06);
  margin: 0 8px;
  -webkit-transition: .3s;
  transition: .3s;
  display: none;
  max-width: 100%;
}

.dock:hover {
  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 30px rgba(0, 0, 0, 0.06);
}

.dock.reveal {
  display: block;
}

.dock.shake:not(.minimize),
.dock.shake.minimize .dock-header {
  -webkit-animation: h-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: h-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.dock.minimize {
  -webkit-transform: translateY(calc(100% - 44px));
          transform: translateY(calc(100% - 44px));
}

.dock.minimize .dock-header {
  cursor: pointer;
}

.dock.minimize .dock-body {
  width: 0;
  min-width: 0;
}

.dock.minimize .dock-actions {
  margin-left: 20px;
}

.dock.minimize .dock-actions > * {
  display: none;
}

.dock.minimize .dock-actions [data-dock="close"] {
  display: inline-block;
  opacity: 0;
}

.dock.minimize:hover .dock-actions [data-dock="close"] {
  opacity: 1;
}

.dock.maximize {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: 0;
  margin-right: 0;
  z-index: 999;
}

.dock.maximize .dock-body {
  width: 100%;
  height: 100%;
}

.dock-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 12px;
  height: 44px;
  background-color: #e3e6eb;
  border-bottom: 1px solid #f1f2f3;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  -webkit-transition: .3s;
  transition: .3s;
}

.dock-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  margin: -8px;
}

.dock-title > * {
  margin: 8px;
}

@media (max-width: 767px) {
  .dock-title {
    margin: -4px;
  }
  .dock-title > * {
    margin: 4px;
  }
}

.dock-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  position: relative;
  z-index: 9;
  color: #8b95a5;
  margin: -8px;
}

.dock-actions > * {
  margin: 8px;
}

@media (max-width: 767px) {
  .dock-actions {
    margin: -4px;
  }
  .dock-actions > * {
    margin: 4px;
  }
}

.dock-actions > *:not(.dropdown),
.dock-actions > .dropdown .dropdown-toggle {
  min-width: 20px;
  height: 44px;
  text-align: center;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}

.dock-actions > *:not(.dropdown):hover,
.dock-actions > .dropdown .dropdown-toggle:hover {
  opacity: 1;
}

.dock-actions > *:not(.dropdown),
.dock-actions .dropdown-toggle {
  line-height: 44px;
}

.dock-actions [data-dock="maximize"]::before {
  content: "\e6be";
  display: inline-block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.dock-actions [data-dock="minimize"]::before {
  content: "\e622";
  vertical-align: sub;
}

.dock-header-inverse .dock-info {
  color: #fff;
}

.dock-header-inverse .dock-title {
  color: #fff;
}

.dock-header-inverse .dock-actions {
  color: #fff;
}

.dock-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  min-height: 300px;
  min-width: 240px;
  max-width: 100%;
  width: 400px;
  height: 400px;
}

.dock-block {
  padding: 20px;
}

.dock-xs .dock-body {
  width: 260px;
  height: 300px;
}

.dock-sm .dock-body {
  width: 340px;
  height: 340px;
}

.dock-lg .dock-body {
  width: 480px;
  height: 480px;
}

.dock-xl .dock-body {
  width: 560px;
  height: 560px;
}

.dock-footer {
  padding: 12px;
  background-color: #fff;
}

@-webkit-keyframes h-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

@keyframes h-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes dock-show {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform-origin: right bottom 0;
            transform-origin: right bottom 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes dock-show {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform-origin: right bottom 0;
            transform-origin: right bottom 0;
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@-webkit-keyframes dock-w {
  from {
  }
  to {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: 0 8px;
  }
}

@keyframes dock-w {
  from {
  }
  to {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: 0 8px;
  }
}

.aside {
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.04);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 0;
  bottom: 0;
  width: 250px;
  padding-top: 75px;
  z-index: 991;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  will-change: transform;
}

.aside ~ .header,
.aside ~ .main-content,
.aside ~ .site-footer {
  margin-left: 250px;
}

.aside > .nav-tabs {
  margin-bottom: 0;
}

.aside-open .aside {
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.07) !important;
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.07) !important;
}

/* Switch the position to the right of the page */
.aside-right {
  right: 0;
}

.aside-right ~ .header,
.aside-right ~ .main-content,
.aside-right ~ .site-footer {
  margin-left: 0;
  margin-right: 250px;
}

.aside-sm {
  width: 200px;
}

.aside-sm ~ .header,
.aside-sm ~ .main-content,
.aside-sm ~ .site-footer {
  margin-left: 200px;
}

.aside-lg {
  width: 300px;
}

.aside-lg ~ .header,
.aside-lg ~ .main-content,
.aside-lg ~ .site-footer {
  margin-left: 300px;
}

.aside-open .aside {
  left: 0 !important;
}

.aside-open .aside.aside-right {
  right: 0;
}

.aside-body {
  padding: 30px 0;
  height: 100%;
}

.aside-block {
  padding: 0 20px;
}

.aside-title {
  color: #8b95a5;
  font-size: 13px;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 12px;
  opacity: .65;
}

.aside-toggler {
  display: none;
  background-color: #fff;
  height: 48px;
  width: 24px;
  border-top-right-radius: 48px;
  border-bottom-right-radius: 48px;
  border: 1px solid #ebebeb;
  border-left: none;
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -24px;
  padding-left: 2px;
  color: #616a78;
  cursor: pointer;
  -webkit-box-shadow: 4px 1px 9px rgba(0, 0, 0, 0.07);
          box-shadow: 4px 1px 9px rgba(0, 0, 0, 0.07);
}

.aside-toggler:focus {
  outline: none;
}

.aside-toggler::before {
  content: ">";
  -webkit-transition: .3s linear;
  transition: .3s linear;
}

.aside-open .aside-toggler::before {
  display: inline-block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 767px) {
  .aside-toggler {
    height: 40px;
    width: 30px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    right: -30px;
    margin-top: -20px;
    font-size: 0.875rem;
  }
}

.aside-collapse .aside-toggler {
  display: inline-block;
}

.aside-collapse.aside {
  left: -250px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.aside-collapse.aside ~ .header,
.aside-collapse.aside ~ .main-content,
.aside-collapse.aside ~ .site-footer {
  margin-left: 0;
}

.aside-collapse.aside-right {
  right: -250px;
}

.aside-collapse.aside-right ~ .header,
.aside-collapse.aside-right ~ .main-content,
.aside-collapse.aside-right ~ .site-footer {
  margin-right: 0;
}

.aside-collapse.aside-sm {
  left: -200px;
}

.aside-collapse.aside-right-sm {
  right: -200px;
}

.aside-collapse.aside-lg {
  left: -300px;
}

.aside-collapse.aside-right-lg {
  right: -300px;
}

@media (max-width: 575px) {
  .aside-expand-sm .aside-toggler {
    display: inline-block;
  }
  .aside-expand-sm.aside {
    left: -250px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .aside-expand-sm.aside ~ .header,
  .aside-expand-sm.aside ~ .main-content,
  .aside-expand-sm.aside ~ .site-footer {
    margin-left: 0;
  }
  .aside-expand-sm.aside-right {
    right: -250px;
  }
  .aside-expand-sm.aside-right ~ .header,
  .aside-expand-sm.aside-right ~ .main-content,
  .aside-expand-sm.aside-right ~ .site-footer {
    margin-right: 0;
  }
  .aside-expand-sm.aside-sm {
    left: -200px;
  }
  .aside-expand-sm.aside-right-sm {
    right: -200px;
  }
  .aside-expand-sm.aside-lg {
    left: -300px;
  }
  .aside-expand-sm.aside-right-lg {
    right: -300px;
  }
}

@media (max-width: 767px) {
  .aside-expand-md .aside-toggler {
    display: inline-block;
  }
  .aside-expand-md.aside {
    left: -250px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .aside-expand-md.aside ~ .header,
  .aside-expand-md.aside ~ .main-content,
  .aside-expand-md.aside ~ .site-footer {
    margin-left: 0;
  }
  .aside-expand-md.aside-right {
    right: -250px;
  }
  .aside-expand-md.aside-right ~ .header,
  .aside-expand-md.aside-right ~ .main-content,
  .aside-expand-md.aside-right ~ .site-footer {
    margin-right: 0;
  }
  .aside-expand-md.aside-sm {
    left: -200px;
  }
  .aside-expand-md.aside-right-sm {
    right: -200px;
  }
  .aside-expand-md.aside-lg {
    left: -300px;
  }
  .aside-expand-md.aside-right-lg {
    right: -300px;
  }
}

@media (max-width: 991px) {
  .aside-expand-lg .aside-toggler {
    display: inline-block;
  }
  .aside-expand-lg.aside {
    left: -250px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .aside-expand-lg.aside ~ .header,
  .aside-expand-lg.aside ~ .main-content,
  .aside-expand-lg.aside ~ .site-footer {
    margin-left: 0;
  }
  .aside-expand-lg.aside-right {
    right: -250px;
  }
  .aside-expand-lg.aside-right ~ .header,
  .aside-expand-lg.aside-right ~ .main-content,
  .aside-expand-lg.aside-right ~ .site-footer {
    margin-right: 0;
  }
  .aside-expand-lg.aside-sm {
    left: -200px;
  }
  .aside-expand-lg.aside-right-sm {
    right: -200px;
  }
  .aside-expand-lg.aside-lg {
    left: -300px;
  }
  .aside-expand-lg.aside-right-lg {
    right: -300px;
  }
}

@media (max-width: 1199px) {
  .aside-expand-xl .aside-toggler {
    display: inline-block;
  }
  .aside-expand-xl.aside {
    left: -250px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .aside-expand-xl.aside ~ .header,
  .aside-expand-xl.aside ~ .main-content,
  .aside-expand-xl.aside ~ .site-footer {
    margin-left: 0;
  }
  .aside-expand-xl.aside-right {
    right: -250px;
  }
  .aside-expand-xl.aside-right ~ .header,
  .aside-expand-xl.aside-right ~ .main-content,
  .aside-expand-xl.aside-right ~ .site-footer {
    margin-right: 0;
  }
  .aside-expand-xl.aside-sm {
    left: -200px;
  }
  .aside-expand-xl.aside-right-sm {
    right: -200px;
  }
  .aside-expand-xl.aside-lg {
    left: -300px;
  }
  .aside-expand-xl.aside-right-lg {
    right: -300px;
  }
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/jszip-2.5.0/dt-1.10.18/b-1.5.6/b-html5-1.5.6/b-print-1.5.6/r-2.2.2
 *
 * Included libraries:
 *   JSZip 2.5.0, DataTables 1.10.18, Buttons 1.5.6, HTML5 export 1.5.6, Print view 1.5.6, Responsive 2.2.2
 */
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0;
}

table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center;
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
  width: auto;
  display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  margin-top: -14px;
  text-align: center;
  padding: 3em 3em;
  z-index: 5;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}

table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
}

@keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}

div.dt-button-info > div {
  padding: 1em;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}

div.dt-button-collection-title:empty {
  display: none;
}

div.dt-button-collection.dropdown-menu {
  display: block;
  z-index: 2002;
  -webkit-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection.dropdown-menu.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.dropdown-menu.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection.dropdown-menu.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.dropdown-menu.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection.dropdown-menu > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection.dropdown-menu.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.dropdown-menu.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.dropdown-menu.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-collection.dropdown-menu .dt-button {
  border-radius: 0;
}

div.dt-button-collection {
  -webkit-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}

div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}

div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}

div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}

div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}

div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}

div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}

div.dt-button-collection .dt-button {
  border-radius: 0;
}

div.dt-button-collection.fixed {
  max-width: none;
}

div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
  display: none;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }
  div.dt-buttons a.btn {
    float: none;
  }
}

div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
  color: rgba(0, 0, 0, 0.2);
}

div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after,
div.dt-buttons a.btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 12px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  -webkit-box-shadow: 0 0 3px #444;
          box-shadow: 0 0 3px #444;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #0275d8;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  -webkit-box-shadow: 0 0 3px #444;
          box-shadow: 0 0 3px #444;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #0275d8;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}

div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}

.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}

.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}

.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}

.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}

.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}

.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}

.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}

.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}

.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}

.datepicker table tr td.today.focused {
  background: #ffc966;
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}

.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}

.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}

.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}

.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}

.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}

.datepicker table tr td.range.focused {
  background: #d5d5d5;
}

.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}

.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}

.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}

.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}

.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}

.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}

.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}

.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}

.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}

.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}

.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}

.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}

.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.input-daterange {
  width: 100%;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 9999999;
  -webkit-transform: translateZ(0) scale(1, 1);
          transform: translateZ(0) scale(1, 1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  filter: blur(0);
  -webkit-filter: blur(0);
  max-width: 90%;
}

#noty_layout__top {
  top: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__topLeft {
  top: 15px;
  left: 15px;
  width: 350px;
}

@media (min-width: 768px) {
  #noty_layout__topLeft {
    top: 30px;
    left: 30px;
  }
}

#noty_layout__topCenter {
  top: 5%;
  left: 50%;
  width: 350px;
  -webkit-transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1);
}

#noty_layout__topRight {
  top: 15px;
  right: 15px;
  width: 350px;
}

@media (min-width: 768px) {
  #noty_layout__topRight {
    top: 30px;
    right: 30px;
  }
}

#noty_layout__bottom {
  bottom: 0;
  left: 5%;
  width: 90%;
}

#noty_layout__bottomLeft {
  bottom: 30px;
  left: 30px;
  width: 350px;
}

#noty_layout__bottomCenter {
  bottom: 5%;
  left: 50%;
  width: 350px;
  -webkit-transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px)) translateZ(0) scale(1, 1);
}

#noty_layout__bottomRight {
  bottom: 30px;
  right: 30px;
  width: 350px;
}

#noty_layout__center {
  top: 50%;
  left: 50%;
  width: 350px;
  -webkit-transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(calc(-50% - .5px), calc(-50% - .5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerLeft {
  top: 50%;
  left: 30px;
  width: 350px;
  -webkit-transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1);
}

#noty_layout__centerRight {
  top: 50%;
  right: 30px;
  width: 350px;
  -webkit-transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1);
          transform: translate(0, calc(-50% - .5px)) translateZ(0) scale(1, 1);
}

.noty_progressbar {
  display: none;
}

.noty_has_timeout.noty_has_progressbar .noty_progressbar {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #646464;
  opacity: 0.2;
  filter: alpha(opacity=10);
}

.noty_bar {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate(0, 0) translateZ(0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden;
}

.noty_effects_open {
  opacity: 0;
  -webkit-transform: translate(50%);
          transform: translate(50%);
  -webkit-animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_in 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.noty_effects_close {
  -webkit-animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
          animation: noty_anim_out 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.noty_fix_effects_height {
  -webkit-animation: noty_anim_height 75ms ease-out;
          animation: noty_anim_height 75ms ease-out;
}

.noty_close_with_click {
  cursor: pointer;
}

.noty_close_button {
  position: absolute;
  top: 2px;
  right: 2px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.noty_close_button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.noty_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10000;
  opacity: .3;
  left: 0;
  top: 0;
}

.noty_modal.noty_modal_open {
  opacity: 0;
  -webkit-animation: noty_modal_in .3s ease-out;
          animation: noty_modal_in .3s ease-out;
}

.noty_modal.noty_modal_close {
  -webkit-animation: noty_modal_out .3s ease-out;
          animation: noty_modal_out .3s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes noty_modal_in {
  100% {
    opacity: .3;
  }
}

@keyframes noty_modal_in {
  100% {
    opacity: .3;
  }
}

@-webkit-keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}

@keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}

@keyframes noty_modal_out {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
}

@keyframes noty_anim_in {
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1;
  }
}

@-webkit-keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0;
  }
}

@keyframes noty_anim_out {
  100% {
    -webkit-transform: translate(50%);
            transform: translate(50%);
    opacity: 0;
  }
}

@-webkit-keyframes noty_anim_height {
  100% {
    height: 0;
  }
}

@keyframes noty_anim_height {
  100% {
    height: 0;
  }
}

/* Bootstrap Theme */
.noty_theme__bootstrap-v4.noty_bar {
  margin: 4px 0;
  overflow: hidden;
  position: relative;
  border: 2px solid transparent;
  border-radius: 1rem;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
          box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}

.noty_theme__bootstrap-v4.noty_bar p {
  margin: 0;
}

.noty_theme__bootstrap-v4.noty_bar .alert-icon {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 12px;
}

.noty_theme__bootstrap-v4.noty_bar .alert-icon svg {
  stroke: #fff;
  width: 24px;
  height: 24px;
}

.noty_theme__bootstrap-v4.noty_bar .noty_body {
  padding: .75rem 1rem .75rem 4.25rem;
}

.noty_theme__bootstrap-v4.noty_bar .noty_buttons {
  padding: 10px;
}

.noty_theme__bootstrap-v4.noty_bar .noty_close_button {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .5;
  background: transparent;
}

.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover {
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .75;
}

.noty_theme__bootstrap-v4.noty_type__notification {
  position: relative;
  background-color: #fff;
  color: #485363;
  border-color: #8492A6;
}

.noty_theme__bootstrap-v4.noty_type__notification:before {
  background-color: #8492A6;
  bottom: 0;
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
}

.noty_theme__bootstrap-v4.noty_type__alert,
.noty_theme__bootstrap-v4.noty_type__error {
  background-color: #fff;
  color: #560f13;
  border-color: #D92530;
}

.noty_theme__bootstrap-v4.noty_type__alert:before,
.noty_theme__bootstrap-v4.noty_type__error:before {
  background-color: #D92530;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

.noty_theme__bootstrap-v4.noty_type__warning {
  background-color: #fff;
  color: #562700;
  border-color: #EF6C00;
}

.noty_theme__bootstrap-v4.noty_type__warning:before {
  background-color: #EF6C00;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

.noty_theme__bootstrap-v4.noty_type__info,
.noty_theme__bootstrap-v4.noty_type__information {
  background-color: #ffffff;
  color: #2a215a;
  border-color: #6554C0;
}

.noty_theme__bootstrap-v4.noty_type__info:before,
.noty_theme__bootstrap-v4.noty_type__information:before {
  background-color: #6554C0;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

.noty_theme__bootstrap-v4.noty_type__success {
  background-color: #fff;
  color: #335b27;
  border-color: #66B34E;
}

.noty_theme__bootstrap-v4.noty_type__success:before {
  background-color: #66B34E;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  width: 50px;
}

/*!
 * # Semantic UI 2.4.2 - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Reposition icon-sm to align with dropdown text */
}

.ui.dropdown .icon.icon-xs {
  top: -2px;
}

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  border: 2px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.25rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}

.ui.dropdown .menu > * {
  white-space: nowrap;
}

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  text-transform: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
}

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px;
}

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase;
}

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em;
}

.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}

.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4);
}

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .badge,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .badge,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .badge,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .badge,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem;
}

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}

.ui.button.dropdown .menu {
  min-width: 100%;
}

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #fff;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.25rem;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
}

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 2px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -2px;
  min-width: calc(100% + 4px);
  width: calc(100% + 4px);
  border-radius: 0em 0em 0.25rem 0.25rem;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}

@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
}

@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
}

@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
}

/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Active */
.ui.selection.active.dropdown {
  border-color: #0066CC;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown .menu {
  border-color: #0066CC;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #0066CC;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.selection.dropdown:focus .menu {
  border-color: #0066CC;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #0066CC;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #0066CC;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: '';
  z-index: 3;
}

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: '';
}

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
}

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
  display: none;
  white-space: pre;
}

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important;
}

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}

@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}

@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}

/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}

.ui.multiple.dropdown .menu {
  cursor: auto;
}

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}

/* Selection Label */
.ui.multiple.dropdown > .label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: baseline;
  white-space: normal;
  font-size: 75%;
  padding: 0em 1em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
}

.ui.multiple.dropdown > .label .badge {
  /* Align badges */
  top: 0;
  margin-right: 1px;
}

.ui.multiple.dropdown > .label .badge.badge-ring {
  width: 12px;
  height: 12px;
}

.ui.multiple.dropdown > .label .badge.badge-ring::after {
  width: 8px;
  height: 8px;
}

.ui.multiple.dropdown > .label .item-text {
  text-transform: uppercase;
  top: 2px;
  position: relative;
}

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: '';
}

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
}

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}

.ui.multiple.dropdown > .label ~ .text {
  display: none;
}

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}

.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.21428571em 0em 0.21428571em;
  vertical-align: baseline;
}

.ui.inline.dropdown > .text {
  font-weight: bold;
}

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.25rem;
}

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 12;
}

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
}

.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0px 0px 0px 1px transparent;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none;
}

@-webkit-keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes dropdown-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87);
}

.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}

.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important;
}

.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}

.ui.dropdown .filtered.item {
  display: none !important;
}

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38;
}

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu > .item {
  color: #9F3A38;
}

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}

/*--------------------
        Clear
----------------------*/
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important;
}

.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.28571429rem !important;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em;
}

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}

.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}

.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}

/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px);
  }
}

@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}

@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}

@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}

@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}

.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}

.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.25rem !important;
}

.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.25rem !important;
}

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
}

.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}

.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em;
}

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  -webkit-box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em;
}

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em;
}

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em;
}

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format("woff");
  font-weight: normal;
  font-style: normal;
}

.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.ui.dropdown > .dropdown.icon {
  width: auto;
}

.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7';
}

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: "";
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "";
}

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "";
}

.ui.dropdown > .clear.icon:before {
  content: "\f00d";
}

/* Icons for Reference (Subsetted in 2.4.0)
  .dropdown.down:before { content: "\f0d7"; }
  .dropdown.up:before { content: "\f0d8"; }
  .dropdown.left:before { content: "\f0d9"; }
  .dropdown.right:before { content: "\f0da"; }
  .dropdown.close:before { content: "\f00d"; }
*/
/*******************************
        User Overrides
*******************************/
/*!
 * # Semantic UI 2.4.2 - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Label
*******************************/
.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.14285714em;
  background-color: #e3e6eb;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: bold;
  border: 0px solid transparent;
  border-radius: 0.28571429rem;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.ui.label:first-child {
  margin-left: 0em;
}

.ui.label:last-child {
  margin-right: 0em;
}

/* Link */
a.ui.label {
  cursor: pointer;
}

/* Inside Link */
.ui.label > a {
  cursor: pointer;
  color: inherit;
  opacity: 0.5;
  -webkit-transition: 0.1s opacity ease;
  transition: 0.1s opacity ease;
}

.ui.label > a:hover {
  opacity: 1;
}

/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 2.1666em !important;
}

/* Icon */
.ui.label > .icon {
  width: auto;
  margin: 0em 0.75em 0em 0em;
}

/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-left: 1em;
  opacity: 0.8;
}

.ui.label > .detail .icon {
  margin: 0em 0.25em 0em 0em;
}

/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  margin-right: 0em;
  margin-left: 0.35em;
  font-size: 2em;
  opacity: 0.5;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

.ui.label > .delete.icon:hover {
  opacity: 1;
}

/*-------------------
       Group
--------------------*/
.ui.labels > .label {
  margin: 0em 0.5em 0.5em 0em;
}

/*-------------------
       Coupling
--------------------*/
.ui.header > .ui.label {
  margin-top: -0.29165em;
}

/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
  border-top-left-radius: 0;
}

.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
  border-top-right-radius: 0;
}

.ui.top.attached.segment > .ui.bottom.left.attached.label {
  border-bottom-left-radius: 0;
}

.ui.top.attached.segment > .ui.bottom.right.attached.label {
  border-bottom-right-radius: 0;
}

/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached),
.ui.top.attached.label + [class*="right floated"] + * {
  margin-top: 2rem !important;
}

.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
  margin-top: 0em;
  margin-bottom: 2rem !important;
}

/*******************************
             Types
*******************************/
.ui.image.label {
  width: auto !important;
  margin-top: 0em;
  margin-bottom: 0em;
  max-width: 9999px;
  vertical-align: baseline;
  text-transform: none;
  background: #E8E8E8;
  padding: 0.5833em 0.833em 0.5833em 0.5em;
  border-radius: 0.28571429rem;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 2.1666em;
  margin: -0.5833em 0.5em -0.5833em -0.5em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -0.5833em -0.833em -0.5833em 0.5em;
  padding: 0.5833em 0.833em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}

/*-------------------
         Tag
--------------------*/
.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  -webkit-transition: none;
  transition: none;
}

.ui.tag.labels .label:before,
.ui.tag.label:before {
  position: absolute;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  -webkit-transition: none;
  transition: none;
}

.ui.tag.labels .label:after,
.ui.tag.label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #FFFFFF !important;
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem;
}

/*-------------------
    Corner Label
--------------------*/
.ui.corner.label {
  position: absolute;
  top: 0em;
  right: 0em;
  margin: 0em;
  padding: 0em;
  text-align: center;
  border-color: #E8E8E8;
  width: 4em;
  height: 4em;
  z-index: 1;
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}

/* Icon Label */
.ui.corner.label {
  background-color: transparent !important;
}

.ui.corner.label:after {
  position: absolute;
  content: "";
  right: 0em;
  top: 0em;
  z-index: -1;
  width: 0em;
  height: 0em;
  background-color: transparent !important;
  border-top: 0em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-left: 0em solid transparent;
  border-right-color: inherit;
  -webkit-transition: border-color 0.1s ease;
  transition: border-color 0.1s ease;
}

.ui.corner.label .icon {
  cursor: default;
  position: relative;
  top: 0.64285714em;
  left: 0.78571429em;
  font-size: 1.14285714em;
  margin: 0em;
}

/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label:after {
  right: auto;
  left: 0em;
}

.ui.left.corner.label:after {
  border-top: 4em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 0em solid transparent;
  border-left: 0em solid transparent;
  border-top-color: inherit;
}

.ui.left.corner.label .icon {
  left: -0.78571429em;
}

/* Segment */
.ui.segment > .ui.corner.label {
  top: -1px;
  right: -1px;
}

.ui.segment > .ui.left.corner.label {
  right: auto;
  left: -1px;
}

/*-------------------
       Ribbon
--------------------*/
.ui.ribbon.label {
  position: relative;
  margin: 0em;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  border-color: rgba(0, 0, 0, 0.15);
}

.ui.ribbon.label:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0%;
  background-color: transparent !important;
  border-style: solid;
  border-width: 0em 1.2em 1.2em 0em;
  border-color: transparent;
  border-right-color: inherit;
  width: 0em;
  height: 0em;
}

/* Positioning */
.ui.ribbon.label {
  left: calc(-1rem - 1.2em);
  margin-right: -1.2em;
  padding-left: calc(1rem + 1.2em);
  padding-right: 1.2em;
}

.ui[class*="right ribbon"].label {
  left: calc(100% + 1rem + 1.2em);
  padding-left: 1.2em;
  padding-right: calc(1rem + 1.2em);
}

/* Right Ribbon */
.ui[class*="right ribbon"].label {
  text-align: left;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}

.ui[class*="right ribbon"].label:after {
  left: auto;
  right: 0%;
  border-style: solid;
  border-width: 1.2em 1.2em 0em 0em;
  border-color: transparent;
  border-top-color: inherit;
}

/* Inside Table */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
  position: absolute;
  top: 1rem;
}

.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc(--0.05rem - 1.2em);
}

.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
  left: calc(100% + -0.05rem + 1.2em);
  padding-left: 0.833em;
}

/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc(-0.78571429em - 1.2em);
}

.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% + 0.78571429em + 1.2em);
  padding-left: 0.833em;
}

/*-------------------
      Attached
--------------------*/
.ui[class*="top attached"].label,
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0em;
  top: 0em;
  left: 0em;
  padding: 0.75em 1em;
  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
}

.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0em;
  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
}

.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0em !important;
  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
}

.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0em;
  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
}

.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0em;
  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
}

.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0em;
  left: auto;
  right: 0em;
  width: auto;
  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
}

/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
.ui.label.disabled {
  opacity: 0.5;
}

/*-------------------
        Hover
--------------------*/
a.ui.labels .label:hover,
a.ui.label:hover {
  background-color: #E0E0E0;
  border-color: #E0E0E0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}

.ui.labels a.label:hover:before,
a.ui.label:hover:before {
  color: rgba(0, 0, 0, 0.8);
}

/*-------------------
        Active
--------------------*/
.ui.active.label {
  background-color: #ced4dc;
  border-color: #ced4dc;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

.ui.active.label:before {
  background-color: #ced4dc;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

/*-------------------
     Active Hover
--------------------*/
a.ui.labels .active.label:hover,
a.ui.active.label:hover {
  background-color: #C8C8C8;
  border-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
  background-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}

/*-------------------
      Visible
--------------------*/
.ui.labels.visible .label,
.ui.label.visible:not(.dropdown) {
  display: inline-block !important;
}

/*-------------------
      Hidden
--------------------*/
.ui.labels.hidden .label,
.ui.label.hidden {
  display: none !important;
}

/*******************************
           Variations
*******************************/
/*-------------------
       Colors
--------------------*/
/*--- Red ---*/
.ui.red.labels .label,
.ui.red.label {
  background-color: #DB2828 !important;
  border-color: #DB2828 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: #d01919 !important;
  border-color: #d01919 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.red.ribbon.label {
  border-color: #b21e1e !important;
}

/* Basic */
.ui.basic.red.label {
  background: none #FFFFFF !important;
  color: #DB2828 !important;
  border-color: #DB2828 !important;
}

.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
  background-color: #FFFFFF !important;
  color: #d01919 !important;
  border-color: #d01919 !important;
}

/*--- Orange ---*/
.ui.orange.labels .label,
.ui.orange.label {
  background-color: #F2711C !important;
  border-color: #F2711C !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
  background-color: #f26202 !important;
  border-color: #f26202 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.orange.ribbon.label {
  border-color: #cf590c !important;
}

/* Basic */
.ui.basic.orange.label {
  background: none #FFFFFF !important;
  color: #F2711C !important;
  border-color: #F2711C !important;
}

.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
  background-color: #FFFFFF !important;
  color: #f26202 !important;
  border-color: #f26202 !important;
}

/*--- Yellow ---*/
.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #FBBD08 !important;
  border-color: #FBBD08 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #eaae00 !important;
  border-color: #eaae00 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #cd9903 !important;
}

/* Basic */
.ui.basic.yellow.label {
  background: none #FFFFFF !important;
  color: #FBBD08 !important;
  border-color: #FBBD08 !important;
}

.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
  background-color: #FFFFFF !important;
  color: #eaae00 !important;
  border-color: #eaae00 !important;
}

/*--- Olive ---*/
.ui.olive.labels .label,
.ui.olive.label {
  background-color: #B5CC18 !important;
  border-color: #B5CC18 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
  background-color: #a7bd0d !important;
  border-color: #a7bd0d !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.olive.ribbon.label {
  border-color: #198f35 !important;
}

/* Basic */
.ui.basic.olive.label {
  background: none #FFFFFF !important;
  color: #B5CC18 !important;
  border-color: #B5CC18 !important;
}

.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
  background-color: #FFFFFF !important;
  color: #a7bd0d !important;
  border-color: #a7bd0d !important;
}

/*--- Green ---*/
.ui.green.labels .label,
.ui.green.label {
  background-color: #21BA45 !important;
  border-color: #21BA45 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #16ab39 !important;
  border-color: #16ab39 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.green.ribbon.label {
  border-color: #198f35 !important;
}

/* Basic */
.ui.basic.green.label {
  background: none #FFFFFF !important;
  color: #21BA45 !important;
  border-color: #21BA45 !important;
}

.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
  background-color: #FFFFFF !important;
  color: #16ab39 !important;
  border-color: #16ab39 !important;
}

/*--- Teal ---*/
.ui.teal.labels .label,
.ui.teal.label {
  background-color: #00B5AD !important;
  border-color: #00B5AD !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
  background-color: #009c95 !important;
  border-color: #009c95 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.teal.ribbon.label {
  border-color: #00827c !important;
}

/* Basic */
.ui.basic.teal.label {
  background: none #FFFFFF !important;
  color: #00B5AD !important;
  border-color: #00B5AD !important;
}

.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
  background-color: #FFFFFF !important;
  color: #009c95 !important;
  border-color: #009c95 !important;
}

/*--- Blue ---*/
.ui.blue.labels .label,
.ui.blue.label {
  background-color: #2185D0 !important;
  border-color: #2185D0 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
  background-color: #1678c2 !important;
  border-color: #1678c2 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.blue.ribbon.label {
  border-color: #1a69a4 !important;
}

/* Basic */
.ui.basic.blue.label {
  background: none #FFFFFF !important;
  color: #2185D0 !important;
  border-color: #2185D0 !important;
}

.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
  background-color: #FFFFFF !important;
  color: #1678c2 !important;
  border-color: #1678c2 !important;
}

/*--- Violet ---*/
.ui.violet.labels .label,
.ui.violet.label {
  background-color: #6435C9 !important;
  border-color: #6435C9 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
  background-color: #5829bb !important;
  border-color: #5829bb !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.violet.ribbon.label {
  border-color: #502aa1 !important;
}

/* Basic */
.ui.basic.violet.label {
  background: none #FFFFFF !important;
  color: #6435C9 !important;
  border-color: #6435C9 !important;
}

.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
  background-color: #FFFFFF !important;
  color: #5829bb !important;
  border-color: #5829bb !important;
}

/*--- Purple ---*/
.ui.purple.labels .label,
.ui.purple.label {
  background-color: #A333C8 !important;
  border-color: #A333C8 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
  background-color: #9627ba !important;
  border-color: #9627ba !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #82299f !important;
}

/* Basic */
.ui.basic.purple.label {
  background: none #FFFFFF !important;
  color: #A333C8 !important;
  border-color: #A333C8 !important;
}

.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
  background-color: #FFFFFF !important;
  color: #9627ba !important;
  border-color: #9627ba !important;
}

/*--- Pink ---*/
.ui.pink.labels .label,
.ui.pink.label {
  background-color: #E03997 !important;
  border-color: #E03997 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
  background-color: #e61a8d !important;
  border-color: #e61a8d !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.pink.ribbon.label {
  border-color: #c71f7e !important;
}

/* Basic */
.ui.basic.pink.label {
  background: none #FFFFFF !important;
  color: #E03997 !important;
  border-color: #E03997 !important;
}

.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
  background-color: #FFFFFF !important;
  color: #e61a8d !important;
  border-color: #e61a8d !important;
}

/*--- Brown ---*/
.ui.brown.labels .label,
.ui.brown.label {
  background-color: #A5673F !important;
  border-color: #A5673F !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
  background-color: #975b33 !important;
  border-color: #975b33 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.brown.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.brown.label {
  background: none #FFFFFF !important;
  color: #A5673F !important;
  border-color: #A5673F !important;
}

.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
  background-color: #FFFFFF !important;
  color: #975b33 !important;
  border-color: #975b33 !important;
}

/*--- Grey ---*/
.ui.grey.labels .label,
.ui.grey.label {
  background-color: #767676 !important;
  border-color: #767676 !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
  background-color: #838383 !important;
  border-color: #838383 !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.grey.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.grey.label {
  background: none #FFFFFF !important;
  color: #767676 !important;
  border-color: #767676 !important;
}

.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
  background-color: #FFFFFF !important;
  color: #838383 !important;
  border-color: #838383 !important;
}

/*--- Black ---*/
.ui.black.labels .label,
.ui.black.label {
  background-color: #1B1C1D !important;
  border-color: #1B1C1D !important;
  color: #FFFFFF !important;
}

/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
  background-color: #27292a !important;
  border-color: #27292a !important;
  color: #FFFFFF !important;
}

/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
  background-color: transparent !important;
}

/* Ribbon */
.ui.black.ribbon.label {
  border-color: #805031 !important;
}

/* Basic */
.ui.basic.black.label {
  background: none #FFFFFF !important;
  color: #1B1C1D !important;
  border-color: #1B1C1D !important;
}

.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
  background-color: #FFFFFF !important;
  color: #27292a !important;
  border-color: #27292a !important;
}

/*-------------------
        Basic
--------------------*/
.ui.basic.label {
  background: none #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Link */
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #FFFFFF;
  color: #1e70bf;
  -webkit-box-shadow: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 1px solid rgba(34, 36, 38, 0.15);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Pointing */
.ui.basic.pointing.label:before {
  border-color: inherit;
}

/*-------------------
       Fluid
--------------------*/
.ui.label.fluid,
.ui.fluid.labels > .label {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*-------------------
       Inverted
--------------------*/
.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/*-------------------
     Horizontal
--------------------*/
.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0em 0.5em 0em 0em;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}

/*-------------------
       Circular
--------------------*/
.ui.circular.labels .label,
.ui.circular.label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}

.ui.empty.circular.labels .label,
.ui.empty.circular.label {
  min-width: 0em;
  min-height: 0em;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline;
}

/*-------------------
       Pointing
--------------------*/
.ui.pointing.label {
  position: relative;
}

.ui.attached.pointing.label {
  position: absolute;
}

.ui.pointing.label:before {
  background-color: inherit;
  background-image: inherit;
  border-width: none;
  border-style: solid;
  border-color: inherit;
}

/* Arrow */
.ui.pointing.label:before {
  position: absolute;
  content: '';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  -webkit-transition: background 0.1s ease;
  transition: background 0.1s ease;
}

/*--- Above ---*/
.ui.pointing.label,
.ui[class*="pointing above"].label {
  margin-top: 1em;
}

.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
  border-width: 1px 0px 0px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0%;
  left: 50%;
}

/*--- Below ---*/
.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
  margin-top: 0em;
  margin-bottom: 1em;
}

.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
  border-width: 0px 1px 1px 0px;
  top: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%;
}

/*--- Left ---*/
.ui[class*="left pointing"].label {
  margin-top: 0em;
  margin-left: 0.6666em;
}

.ui[class*="left pointing"].label:before {
  border-width: 0px 0px 1px 1px;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}

/*--- Right ---*/
.ui[class*="right pointing"].label {
  margin-top: 0em;
  margin-right: 0.6666em;
}

.ui[class*="right pointing"].label:before {
  border-width: 1px 1px 0px 0px;
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
}

/* Basic Pointing */
/*--- Above ---*/
.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
  margin-top: -1px;
}

/*--- Below ---*/
.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
  bottom: auto;
  top: 100%;
  margin-top: 1px;
}

/*--- Left ---*/
.ui.basic[class*="left pointing"].label:before {
  top: 50%;
  left: -1px;
}

/*--- Right ---*/
.ui.basic[class*="right pointing"].label:before {
  top: 50%;
  right: -1px;
}

/*------------------
   Floating Label
-------------------*/
.ui.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  left: 100%;
  margin: 0em 0em 0em -1.5em !important;
}

/*-------------------
        Sizes
--------------------*/
.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.64285714rem;
}

.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.71428571rem;
}

.ui.small.labels .label,
.ui.small.label {
  font-size: 0.78571429rem;
}

.ui.labels .label,
.ui.label {
  font-size: 0.85714286rem;
}

.ui.large.labels .label,
.ui.large.label {
  font-size: 1rem;
}

.ui.big.labels .label,
.ui.big.label {
  font-size: 1.28571429rem;
}

.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.42857143rem;
}

.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.71428571rem;
}

/*******************************
         Theme Overrides
*******************************/
/*******************************
         Site Overrides
*******************************/
/*!
 * # Semantic UI 2.4.2 - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
          Transitions
*******************************/
.transition {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important;
}

/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}

/* Disabled */
.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

/*******************************
          Variations
*******************************/
.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn;
}

.transition.browse.out,
.transition.browse.left.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft;
}

.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight;
}

/* In */
@-webkit-keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

@keyframes browseIn {
  0% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    -webkit-transform: scale(0.8) translateZ(0px);
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    -webkit-transform: scale(1.05) translateZ(0px);
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    -webkit-transform: scale(1) translateZ(0px);
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}

/* Out */
@-webkit-keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@keyframes browseOutLeft {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    -webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@-webkit-keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

@keyframes browseOutRight {
  0% {
    z-index: 999;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    -webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    -webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}

/*--------------
     Drop
---------------*/
.drop.transition {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-duration: 400ms;
  animation-duration: 400ms;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}

.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn;
}

.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut;
}

/* Drop */
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes dropIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes dropOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

/*--------------
      Fade
---------------*/
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

/* In */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/* Out */
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
  }
}

/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
}

.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut;
}

/* In */
@-webkit-keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes horizontalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateY(-90deg);
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes verticalFlipIn {
  0% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}

/* Out */
@-webkit-keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes horizontalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

@keyframes verticalFlipOut {
  0% {
    -webkit-transform: perspective(2000px) rotateX(0deg);
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(2000px) rotateX(-90deg);
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}

/*--------------
      Scale
---------------*/
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* Out */
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes scaleOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn;
}

.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}

.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}

.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}

.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}

/* Outward */
.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut;
}

.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp;
}

.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown;
}

.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}

.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight;
}

/* In */
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes flyIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 1500px, 0);
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -1500px, 0);
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(1500px, 0, 0);
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}

/* Out */
@-webkit-keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes flyOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes flyOutUp {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@-webkit-keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes flyOutDown {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes flyOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes flyOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes slideInY {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes slideInX {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

/* Out */
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@keyframes slideOutY {
  0% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}

@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@keyframes slideOutX {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

/*--------------
     Swing
---------------*/
.transition.swing {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: top center;
  transform-origin: top center;
}

.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}

.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

/* In */
@-webkit-keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}

@keyframes swingInX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(15deg);
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
}

@-webkit-keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}

@keyframes swingInY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-17.5deg);
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
}

/* Out */
@-webkit-keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes swingOutX {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0deg);
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateX(-7.5deg);
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateX(17.5deg);
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateX(-30deg);
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

@keyframes swingOutY {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0deg);
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    -webkit-transform: perspective(1000px) rotateY(7.5deg);
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    -webkit-transform: perspective(1000px) rotateY(-10deg);
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    -webkit-transform: perspective(1000px) rotateY(30deg);
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(1000px) rotateY(-90deg);
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}

/*--------------
      Zoom
---------------*/
.transition.zoom.in {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.transition.zoom.out {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: flash;
  animation-name: flash;
}

.shake.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: shake;
  animation-name: shake;
}

.bounce.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.tada.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: tada;
  animation-name: tada;
}

.pulse.transition {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

.jiggle.transition {
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-name: jiggle;
  animation-name: jiggle;
}

.transition.glow {
  -webkit-animation-duration: 2000ms;
  animation-duration: 2000ms;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.transition.glow {
  -webkit-animation-name: glow;
  animation-name: glow;
}

/* Flash */
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

/* Shake */
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

/* Bounce */
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

/* Tada */
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

/* Pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

/* Jiggle */
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes jiggle {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/* Glow */
@-webkit-keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}

@keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}

/*******************************
         Site Overrides
*******************************/