/*
 * Metro 4 Components Library v4.5.0  (https://metroui.org.ua)
 * Copyright 2012-2021 Sergey Pimenov
 * Built at 14/03/2021 18:52:12
 * Licensed under MIT
 */

[tabindex="-1"]:focus {
  outline: none !important;
}
[hidden] {
  display: none !important;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}



@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
[disabled] {
  pointer-events: none!important;
  color: lightgray!important;
}

.tag-input .button.primary {
  outline-color: #75b5fd;
  background-color: #0366d6;
  color: #ffffff;
}
.tag-input .button.primary.outline,
.spinner .button.primary.outline,
.toast.primary.outline {
  color: #0366d6;
  border-color: #0366d6;
}
.button.primary.outline.dropdown-toggle::before,
.command-button.primary.outline.dropdown-toggle::before,
.image-button.primary.outline.dropdown-toggle::before,
.shortcut.primary.outline.dropdown-toggle::before,
.tool-button.primary.outline.dropdown-toggle::before,
.split-button .split.primary.outline.dropdown-toggle::before,
tbody tr.primary.outline.dropdown-toggle::before,
tbody td.primary.outline.dropdown-toggle::before,
.tally.primary.outline.dropdown-toggle::before,
code.primary.outline.dropdown-toggle::before,
.notify.primary.outline.dropdown-toggle::before,
.info-button.primary.outline.dropdown-toggle::before,
.input .button.primary.outline.dropdown-toggle::before,
.select .button.primary.outline.dropdown-toggle::before,
.tag-input .button.primary.outline.dropdown-toggle::before,
.spinner .button.primary.outline.dropdown-toggle::before,
.toast.primary.outline.dropdown-toggle::before {
  border-color: #0366d6;
}

.input .button.primary.outline:hover,
.select .button.primary.outline:hover,
.tag-input .button.primary.outline:hover,
.toast.primary.outline:hover {
  color: #ffffff;
}

.input .button.primary.dropdown-toggle::before,
.select .button.primary.dropdown-toggle::before,
.tag-input .button.primary.dropdown-toggle::before,
.spinner .button.primary.dropdown-toggle::before,
.toast.primary.dropdown-toggle::before {
  border-color: #ffffff;
}

.tag-input .button.primary:hover,
.spinner .button.primary:hover,
.toast.primary:hover {
  color: #ffffff;
  background-color: #024ea4;
  border-color: #023671;
}

.input .button.primary:hover.dropdown-toggle::before,
.select .button.primary:hover.dropdown-toggle::before,
.tag-input .button.primary:hover.dropdown-toggle::before,
.spinner .button.primary:hover.dropdown-toggle::before,
.toast.primary:hover.dropdown-toggle::before {
  border-color: #ffffff;
}

.input .button.primary.same-color:hover,
.select .button.primary.same-color:hover,
.tag-input .button.primary.same-color:hover,
.spinner .button.primary.same-color:hover,
.toast.primary.same-color:hover {
  background-color: #0366d6;
  border-color: #0366d6;
}

.input .button.primary:active,
.select .button.primary:active,
.tag-input .button.primary:active,
.input .button.primary.focus,
.select .button.primary.focus,
.tag-input .button.primary.focus,

.input .button.primary:focus,
.select .button.primary:focus,
.tag-input .button.primary:focus,
.toast.primary:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.45);
          box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.45);
}
.input .button.secondary,
.select .button.secondary,
.tag-input .button.secondary,
.toast.secondary {
  outline-color: #b7c6cd;
  background-color: #607d8b;
  color: #ffffff;
}
.input .button.secondary.outline,
.tag-input .button.secondary.outline,
.toast.secondary.outline {
  color: #607d8b;
  border-color: #607d8b;
}
.input .button.secondary.outline.dropdown-toggle::before,
.select .button.secondary.outline.dropdown-toggle::before,
.tag-input .button.secondary.outline.dropdown-toggle::before,
.toast.secondary.outline.dropdown-toggle::before {
  border-color: #607d8b;
}
.input .button.secondary.outline:hover,
.select .button.secondary.outline:hover,
.tag-input .button.secondary.outline:hover,
.toast.secondary.outline:hover {
  color: #ffffff;
}
.input .button.secondary.dropdown-toggle::before,
.select .button.secondary.dropdown-toggle::before,
.tag-input .button.secondary.dropdown-toggle::before,
.toast.secondary.dropdown-toggle::before {
  border-color: #ffffff;
}
.input .button.secondary:hover,
.select .button.secondary:hover,
.tag-input .button.secondary:hover,
.toast.secondary:hover {
  color: #ffffff;
  background-color: #4b626d;
  border-color: #36474f;
}
.input .button.secondary:hover.dropdown-toggle::before,
.select .button.secondary:hover.dropdown-toggle::before,
.tag-input .button.secondary:hover.dropdown-toggle::before,
.toast.secondary:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.input .button.secondary.same-color:hover,
.select .button.secondary.same-color:hover,
.tag-input .button.secondary.same-color:hover,
.toast.secondary.same-color:hover {
  background-color: #607d8b;
  border-color: #607d8b;
}
.input .button.secondary:active,
.select .button.secondary:active,
.tag-input .button.secondary:active,
.info-button.secondary.focus,
.input .button.secondary.focus,
.select .button.secondary.focus,
.tag-input .button.secondary.focus,
.info-button.secondary:focus,
.input .button.secondary:focus,
.select .button.secondary:focus,
.tag-input .button.secondary:focus,
.toast.secondary:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.45);
          box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.45);
}
.input .button.success,
.select .button.success,
.tag-input .button.success,
.toast.success {
  outline-color: #adeb6e;
  background-color: #60a917;
  color: #ffffff;
}
.input .button.success.outline,
.select .button.success.outline,
.tag-input .button.success.outline,
.toast.success.outline {
  color: #60a917;
  border-color: #60a917;
}
.input .button.success.outline.dropdown-toggle::before,
.select .button.success.outline.dropdown-toggle::before,
.tag-input .button.success.outline.dropdown-toggle::before,
.toast.success.outline.dropdown-toggle::before {
  border-color: #60a917;
}
.input .button.success.outline:hover,
.select .button.success.outline:hover,
.tag-input .button.success.outline:hover,
.toast.success.outline:hover {
  color: #ffffff;
}
.input .button.success.dropdown-toggle::before,
.select .button.success.dropdown-toggle::before,
.tag-input .button.success.dropdown-toggle::before,
.toast.success.dropdown-toggle::before {
  border-color: #ffffff;
}
.input .button.success:hover,
.select .button.success:hover,
.tag-input .button.success:hover,
.spinner .button.success:hover,
.toast.success:hover {
  color: #ffffff;
  background-color: #477c11;
  border-color: #2d4f0b;
}
.input .button.success:hover.dropdown-toggle::before,
.select .button.success:hover.dropdown-toggle::before,
.tag-input .button.success:hover.dropdown-toggle::before,
.spinner .button.success:hover.dropdown-toggle::before,
.toast.success:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.input .button.success.same-color:hover,
.select .button.success.same-color:hover,
.tag-input .button.success.same-color:hover,
.spinner .button.success.same-color:hover,
.toast.success.same-color:hover {
  background-color: #60a917;
  border-color: #60a917;
}

.input .button.success:active,
.select .button.success:active,
.tag-input .button.success:active,

.input .button.success.focus,
.select .button.success.focus,
.tag-input .button.success.focus,
.input .button.success:focus,
.select .button.success:focus,
.tag-input .button.success:focus,
.spinner .button.success:focus,
.toast.success:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45);
          box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45);
}
.input .button.alert,
.select .button.alert,
.tag-input .button.alert,
.toast.alert {
  outline-color: #ecaba7;
  background-color: #CE352C;
  color: #ffffff;
}
.input .button.alert.outline,
.select .button.alert.outline,
.tag-input .button.alert.outline,
.toast.alert.outline {
  color: #CE352C;
  border-color: #CE352C;
}
.input .button.alert.outline.dropdown-toggle::before,
.select .button.alert.outline.dropdown-toggle::before,
.tag-input .button.alert.outline.dropdown-toggle::before,
.toast.alert.outline.dropdown-toggle::before {
  border-color: #CE352C;
}
.input .button.alert.outline:hover,
.select .button.alert.outline:hover,
.tag-input .button.alert.outline:hover,
.spinner .button.alert.outline:hover,
.toast.alert.outline:hover {
  color: #ffffff;
}
.input .button.alert.dropdown-toggle::before,
.select .button.alert.dropdown-toggle::before,
.tag-input .button.alert.dropdown-toggle::before,
.spinner .button.alert.dropdown-toggle::before,
.toast.alert.dropdown-toggle::before {
  border-color: #ffffff;
}
.input .button.alert:hover,
.select .button.alert:hover,
.tag-input .button.alert:hover,
.spinner .button.alert:hover,
.toast.alert:hover {
  color: #ffffff;
  background-color: #a42a23;
  border-color: #7a1f1a;
}
.input .button.alert:hover.dropdown-toggle::before,
.select .button.alert:hover.dropdown-toggle::before,
.tag-input .button.alert:hover.dropdown-toggle::before,
.spinner .button.alert:hover.dropdown-toggle::before,
.toast.alert:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.input .button.alert.same-color:hover,
.select .button.alert.same-color:hover,
.tag-input .button.alert.same-color:hover,
.spinner .button.alert.same-color:hover,
.toast.alert.same-color:hover {
  background-color: #CE352C;
  border-color: #CE352C;
}

.input .button.alert:active,
.select .button.alert:active,
.tag-input .button.alert:active,
.input .button.alert.focus,
.select .button.alert.focus,
.tag-input .button.alert.focus,
.input .button.alert:focus,
.select .button.alert:focus,
.tag-input .button.alert:focus,
.toast.alert:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45);
          box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45);
}
.input .button.warning,
.select .button.warning,
.tag-input .button.warning,
.spinner .button.warning,
.toast.warning {
  outline-color: #ffede1;
  background-color: #ff9447;
  color: #ffffff;
}
.input .button.warning.outline,
.select .button.warning.outline,
.tag-input .button.warning.outline,
.spinner .button.warning.outline,
.toast.warning.outline {
  color: #ff9447;
  border-color: #ff9447;
}
.input .button.warning.outline.dropdown-toggle::before,
.select .button.warning.outline.dropdown-toggle::before,
.tag-input .button.warning.outline.dropdown-toggle::before,
.spinner .button.warning.outline.dropdown-toggle::before,
.toast.warning.outline.dropdown-toggle::before {
  border-color: #ff9447;
}
.input .button.warning.outline:hover,
.select .button.warning.outline:hover,
.tag-input .button.warning.outline:hover,
.spinner .button.warning.outline:hover,
.toast.warning.outline:hover {
  color: #ffffff;
}
.input .button.warning.dropdown-toggle::before,
.select .button.warning.dropdown-toggle::before,
.tag-input .button.warning.dropdown-toggle::before,
.spinner .button.warning.dropdown-toggle::before,
.toast.warning.dropdown-toggle::before {
  border-color: #ffffff;
}
.input .button.warning:hover,
.select .button.warning:hover,
.tag-input .button.warning:hover,
.spinner .button.warning:hover,
.toast.warning:hover {
  color: #ffffff;
  background-color: #ff7615;
  border-color: #e05d00;
}
.input .button.warning:hover.dropdown-toggle::before,
.select .button.warning:hover.dropdown-toggle::before,
.tag-input .button.warning:hover.dropdown-toggle::before,
.spinner .button.warning:hover.dropdown-toggle::before,
.toast.warning:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.warning.same-color:hover,
.command-button.warning.same-color:hover,
.image-button.warning.same-color:hover,
.shortcut.warning.same-color:hover,
.tool-button.warning.same-color:hover,
.split-button .split.warning.same-color:hover,
tbody tr.warning.same-color:hover,
tbody td.warning.same-color:hover,
.tally.warning.same-color:hover,
code.warning.same-color:hover,
.notify.warning.same-color:hover,
.info-button.warning.same-color:hover,
.input .button.warning.same-color:hover,
.select .button.warning.same-color:hover,
.tag-input .button.warning.same-color:hover,
.spinner .button.warning.same-color:hover,
.toast.warning.same-color:hover {
  background-color: #ff9447;
  border-color: #ff9447;
}
.button.warning:active,
.command-button.warning:active,
.image-button.warning:active,
.shortcut.warning:active,
.tool-button.warning:active,
.split-button .split.warning:active,
tbody tr.warning:active,
tbody td.warning:active,
.tally.warning:active,
code.warning:active,
.notify.warning:active,
.info-button.warning:active,
.input .button.warning:active,
.select .button.warning:active,
.tag-input .button.warning:active,
.spinner .button.warning:active,
.toast.warning:active,
.button.warning.focus,
.command-button.warning.focus,
.image-button.warning.focus,
.shortcut.warning.focus,
.tool-button.warning.focus,
.split-button .split.warning.focus,
tbody tr.warning.focus,
tbody td.warning.focus,
.tally.warning.focus,
code.warning.focus,
.notify.warning.focus,
.info-button.warning.focus,
.input .button.warning.focus,
.select .button.warning.focus,
.tag-input .button.warning.focus,
.spinner .button.warning.focus,
.toast.warning.focus,
.button.warning:focus,
.command-button.warning:focus,
.image-button.warning:focus,
.shortcut.warning:focus,
.tool-button.warning:focus,
.split-button .split.warning:focus,
tbody tr.warning:focus,
tbody td.warning:focus,
.tally.warning:focus,
code.warning:focus,
.notify.warning:focus,
.info-button.warning:focus,
.input .button.warning:focus,
.select .button.warning:focus,
.tag-input .button.warning:focus,
.spinner .button.warning:focus,
.toast.warning:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 148, 71, 0.45);
          box-shadow: 0 0 0 3px rgba(255, 148, 71, 0.45);
}
.button.yellow,
.command-button.yellow,
.image-button.yellow,
.shortcut.yellow,
.tool-button.yellow,
.split-button .split.yellow,
tbody tr.yellow,
tbody td.yellow,
.tally.yellow,
code.yellow,
.notify.yellow,
.info-button.yellow,
.input .button.yellow,
.select .button.yellow,
.tag-input .button.yellow,
.spinner .button.yellow,
.toast.yellow {
  outline-color: #ffffff;
  background-color: #ffe484;
  color: #ffffff;
}
.button.yellow.outline,
.command-button.yellow.outline,
.image-button.yellow.outline,
.shortcut.yellow.outline,
.tool-button.yellow.outline,
.split-button .split.yellow.outline,
tbody tr.yellow.outline,
tbody td.yellow.outline,
.tally.yellow.outline,
code.yellow.outline,
.notify.yellow.outline,
.info-button.yellow.outline,
.input .button.yellow.outline,
.select .button.yellow.outline,
.tag-input .button.yellow.outline,
.spinner .button.yellow.outline,
.toast.yellow.outline {
  color: #ffe484;
  border-color: #ffe484;
}
.button.yellow.outline.dropdown-toggle::before,
.command-button.yellow.outline.dropdown-toggle::before,
.image-button.yellow.outline.dropdown-toggle::before,
.shortcut.yellow.outline.dropdown-toggle::before,
.tool-button.yellow.outline.dropdown-toggle::before,
.split-button .split.yellow.outline.dropdown-toggle::before,
tbody tr.yellow.outline.dropdown-toggle::before,
tbody td.yellow.outline.dropdown-toggle::before,
.tally.yellow.outline.dropdown-toggle::before,
code.yellow.outline.dropdown-toggle::before,
.notify.yellow.outline.dropdown-toggle::before,
.info-button.yellow.outline.dropdown-toggle::before,
.input .button.yellow.outline.dropdown-toggle::before,
.select .button.yellow.outline.dropdown-toggle::before,
.tag-input .button.yellow.outline.dropdown-toggle::before,
.spinner .button.yellow.outline.dropdown-toggle::before,
.toast.yellow.outline.dropdown-toggle::before {
  border-color: #ffe484;
}
.button.yellow.outline:hover,
.command-button.yellow.outline:hover,
.image-button.yellow.outline:hover,
.shortcut.yellow.outline:hover,
.tool-button.yellow.outline:hover,
.split-button .split.yellow.outline:hover,
tbody tr.yellow.outline:hover,
tbody td.yellow.outline:hover,
.tally.yellow.outline:hover,
code.yellow.outline:hover,
.notify.yellow.outline:hover,
.info-button.yellow.outline:hover,
.input .button.yellow.outline:hover,
.select .button.yellow.outline:hover,
.tag-input .button.yellow.outline:hover,
.spinner .button.yellow.outline:hover,
.toast.yellow.outline:hover {
  color: #ffffff;
}
.button.yellow.dropdown-toggle::before,
.command-button.yellow.dropdown-toggle::before,
.image-button.yellow.dropdown-toggle::before,
.shortcut.yellow.dropdown-toggle::before,
.tool-button.yellow.dropdown-toggle::before,
.split-button .split.yellow.dropdown-toggle::before,
tbody tr.yellow.dropdown-toggle::before,
tbody td.yellow.dropdown-toggle::before,
.tally.yellow.dropdown-toggle::before,
code.yellow.dropdown-toggle::before,
.notify.yellow.dropdown-toggle::before,
.info-button.yellow.dropdown-toggle::before,
.input .button.yellow.dropdown-toggle::before,
.select .button.yellow.dropdown-toggle::before,
.tag-input .button.yellow.dropdown-toggle::before,
.spinner .button.yellow.dropdown-toggle::before,
.toast.yellow.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.yellow:hover,
.command-button.yellow:hover,
.image-button.yellow:hover,
.shortcut.yellow:hover,
.tool-button.yellow:hover,
.split-button .split.yellow:hover,
tbody tr.yellow:hover,
tbody td.yellow:hover,
.tally.yellow:hover,
code.yellow:hover,
.notify.yellow:hover,
.info-button.yellow:hover,
.input .button.yellow:hover,
.select .button.yellow:hover,
.tag-input .button.yellow:hover,
.spinner .button.yellow:hover,
.toast.yellow:hover {
  color: #ffffff;
  background-color: #ffd951;
  border-color: #ffce1e;
}
.button.yellow:hover.dropdown-toggle::before,
.command-button.yellow:hover.dropdown-toggle::before,
.image-button.yellow:hover.dropdown-toggle::before,
.shortcut.yellow:hover.dropdown-toggle::before,
.tool-button.yellow:hover.dropdown-toggle::before,
.split-button .split.yellow:hover.dropdown-toggle::before,
tbody tr.yellow:hover.dropdown-toggle::before,
tbody td.yellow:hover.dropdown-toggle::before,
.tally.yellow:hover.dropdown-toggle::before,
code.yellow:hover.dropdown-toggle::before,
.notify.yellow:hover.dropdown-toggle::before,
.info-button.yellow:hover.dropdown-toggle::before,
.input .button.yellow:hover.dropdown-toggle::before,
.select .button.yellow:hover.dropdown-toggle::before,
.tag-input .button.yellow:hover.dropdown-toggle::before,
.spinner .button.yellow:hover.dropdown-toggle::before,
.toast.yellow:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.yellow.same-color:hover,
.command-button.yellow.same-color:hover,
.image-button.yellow.same-color:hover,
.shortcut.yellow.same-color:hover,
.tool-button.yellow.same-color:hover,
.split-button .split.yellow.same-color:hover,
tbody tr.yellow.same-color:hover,
tbody td.yellow.same-color:hover,
.tally.yellow.same-color:hover,
code.yellow.same-color:hover,
.notify.yellow.same-color:hover,
.info-button.yellow.same-color:hover,
.input .button.yellow.same-color:hover,
.select .button.yellow.same-color:hover,
.tag-input .button.yellow.same-color:hover,
.spinner .button.yellow.same-color:hover,
.toast.yellow.same-color:hover {
  background-color: #ffe484;
  border-color: #ffe484;
}
.button.yellow:active,
.command-button.yellow:active,
.image-button.yellow:active,
.shortcut.yellow:active,
.tool-button.yellow:active,
.split-button .split.yellow:active,
tbody tr.yellow:active,
tbody td.yellow:active,
.tally.yellow:active,
code.yellow:active,
.notify.yellow:active,
.info-button.yellow:active,
.input .button.yellow:active,
.select .button.yellow:active,
.tag-input .button.yellow:active,
.spinner .button.yellow:active,
.toast.yellow:active,
.button.yellow.focus,
.command-button.yellow.focus,
.image-button.yellow.focus,
.shortcut.yellow.focus,
.tool-button.yellow.focus,
.split-button .split.yellow.focus,
tbody tr.yellow.focus,
tbody td.yellow.focus,
.tally.yellow.focus,
code.yellow.focus,
.notify.yellow.focus,
.info-button.yellow.focus,
.input .button.yellow.focus,
.select .button.yellow.focus,
.tag-input .button.yellow.focus,
.spinner .button.yellow.focus,
.toast.yellow.focus,
.button.yellow:focus,
.command-button.yellow:focus,
.image-button.yellow:focus,
.shortcut.yellow:focus,
.tool-button.yellow:focus,
.split-button .split.yellow:focus,
tbody tr.yellow:focus,
tbody td.yellow:focus,
.tally.yellow:focus,
code.yellow:focus,
.notify.yellow:focus,
.info-button.yellow:focus,
.input .button.yellow:focus,
.select .button.yellow:focus,
.tag-input .button.yellow:focus,
.spinner .button.yellow:focus,
.toast.yellow:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.45);
          box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.45);
}
.button.info,
.command-button.info,
.image-button.info,
.shortcut.info,
.tool-button.info,
.split-button .split.info,
tbody tr.info,
tbody td.info,
.tally.info,
code.info,
.notify.info,
.info-button.info,
.input .button.info,
.select .button.info,
.tag-input .button.info,
.spinner .button.info,
.toast.info {
  outline-color: #e6f5fc;
  background-color: #5ebdec;
  color: #ffffff;
}
.button.info.outline,
.command-button.info.outline,
.image-button.info.outline,
.shortcut.info.outline,
.tool-button.info.outline,
.split-button .split.info.outline,
tbody tr.info.outline,
tbody td.info.outline,
.tally.info.outline,
code.info.outline,
.notify.info.outline,
.info-button.info.outline,
.input .button.info.outline,
.select .button.info.outline,
.tag-input .button.info.outline,
.spinner .button.info.outline,
.toast.info.outline {
  color: #5ebdec;
  border-color: #5ebdec;
}
.button.info.outline.dropdown-toggle::before,
.command-button.info.outline.dropdown-toggle::before,
.image-button.info.outline.dropdown-toggle::before,
.shortcut.info.outline.dropdown-toggle::before,
.tool-button.info.outline.dropdown-toggle::before,
.split-button .split.info.outline.dropdown-toggle::before,
tbody tr.info.outline.dropdown-toggle::before,
tbody td.info.outline.dropdown-toggle::before,
.tally.info.outline.dropdown-toggle::before,
code.info.outline.dropdown-toggle::before,
.notify.info.outline.dropdown-toggle::before,
.info-button.info.outline.dropdown-toggle::before,
.input .button.info.outline.dropdown-toggle::before,
.select .button.info.outline.dropdown-toggle::before,
.tag-input .button.info.outline.dropdown-toggle::before,
.spinner .button.info.outline.dropdown-toggle::before,
.toast.info.outline.dropdown-toggle::before {
  border-color: #5ebdec;
}
.button.info.outline:hover,
.command-button.info.outline:hover,
.image-button.info.outline:hover,
.shortcut.info.outline:hover,
.tool-button.info.outline:hover,
.split-button .split.info.outline:hover,
tbody tr.info.outline:hover,
tbody td.info.outline:hover,
.tally.info.outline:hover,
code.info.outline:hover,
.notify.info.outline:hover,
.info-button.info.outline:hover,
.input .button.info.outline:hover,
.select .button.info.outline:hover,
.tag-input .button.info.outline:hover,
.spinner .button.info.outline:hover,
.toast.info.outline:hover {
  color: #ffffff;
}
.button.info.dropdown-toggle::before,
.command-button.info.dropdown-toggle::before,
.image-button.info.dropdown-toggle::before,
.shortcut.info.dropdown-toggle::before,
.tool-button.info.dropdown-toggle::before,
.split-button .split.info.dropdown-toggle::before,
tbody tr.info.dropdown-toggle::before,
tbody td.info.dropdown-toggle::before,
.tally.info.dropdown-toggle::before,
code.info.dropdown-toggle::before,
.notify.info.dropdown-toggle::before,
.info-button.info.dropdown-toggle::before,
.input .button.info.dropdown-toggle::before,
.select .button.info.dropdown-toggle::before,
.tag-input .button.info.dropdown-toggle::before,
.spinner .button.info.dropdown-toggle::before,
.toast.info.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.info:hover,
.command-button.info:hover,
.image-button.info:hover,
.shortcut.info:hover,
.tool-button.info:hover,
.split-button .split.info:hover,
tbody tr.info:hover,
tbody td.info:hover,
.tally.info:hover,
code.info:hover,
.notify.info:hover,
.info-button.info:hover,
.input .button.info:hover,
.select .button.info:hover,
.tag-input .button.info:hover,
.spinner .button.info:hover,
.toast.info:hover {
  color: #ffffff;
  background-color: #30abe6;
  border-color: #1891cb;
}
.button.info:hover.dropdown-toggle::before,
.command-button.info:hover.dropdown-toggle::before,
.image-button.info:hover.dropdown-toggle::before,
.shortcut.info:hover.dropdown-toggle::before,
.tool-button.info:hover.dropdown-toggle::before,
.split-button .split.info:hover.dropdown-toggle::before,
tbody tr.info:hover.dropdown-toggle::before,
tbody td.info:hover.dropdown-toggle::before,
.tally.info:hover.dropdown-toggle::before,
code.info:hover.dropdown-toggle::before,
.notify.info:hover.dropdown-toggle::before,
.info-button.info:hover.dropdown-toggle::before,
.input .button.info:hover.dropdown-toggle::before,
.select .button.info:hover.dropdown-toggle::before,
.tag-input .button.info:hover.dropdown-toggle::before,
.spinner .button.info:hover.dropdown-toggle::before,
.toast.info:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.info.same-color:hover,
.command-button.info.same-color:hover,
.image-button.info.same-color:hover,
.shortcut.info.same-color:hover,
.tool-button.info.same-color:hover,
.split-button .split.info.same-color:hover,
tbody tr.info.same-color:hover,
tbody td.info.same-color:hover,
.tally.info.same-color:hover,
code.info.same-color:hover,
.notify.info.same-color:hover,
.info-button.info.same-color:hover,
.input .button.info.same-color:hover,
.select .button.info.same-color:hover,
.tag-input .button.info.same-color:hover,
.spinner .button.info.same-color:hover,
.toast.info.same-color:hover {
  background-color: #5ebdec;
  border-color: #5ebdec;
}
.button.info:active,
.command-button.info:active,
.image-button.info:active,
.shortcut.info:active,
.tool-button.info:active,
.split-button .split.info:active,
tbody tr.info:active,
tbody td.info:active,
.tally.info:active,
code.info:active,
.notify.info:active,
.info-button.info:active,
.input .button.info:active,
.select .button.info:active,
.tag-input .button.info:active,
.spinner .button.info:active,
.toast.info:active,
.button.info.focus,
.command-button.info.focus,
.image-button.info.focus,
.shortcut.info.focus,
.tool-button.info.focus,
.split-button .split.info.focus,
tbody tr.info.focus,
tbody td.info.focus,
.tally.info.focus,
code.info.focus,
.notify.info.focus,
.info-button.info.focus,
.input .button.info.focus,
.select .button.info.focus,
.tag-input .button.info.focus,
.spinner .button.info.focus,
.toast.info.focus,
.button.info:focus,
.command-button.info:focus,
.image-button.info:focus,
.shortcut.info:focus,
.tool-button.info:focus,
.split-button .split.info:focus,
tbody tr.info:focus,
tbody td.info:focus,
.tally.info:focus,
code.info:focus,
.notify.info:focus,
.info-button.info:focus,
.input .button.info:focus,
.select .button.info:focus,
.tag-input .button.info:focus,
.spinner .button.info:focus,
.toast.info:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(94, 189, 236, 0.45);
          box-shadow: 0 0 0 3px rgba(94, 189, 236, 0.45);
}
.button.dark,
.command-button.dark,
.image-button.dark,
.shortcut.dark,
.tool-button.dark,
.split-button .split.dark,
tbody tr.dark,
tbody td.dark,
.tally.dark,
code.dark,
.notify.dark,
.info-button.dark,
.input .button.dark,
.select .button.dark,
.tag-input .button.dark,
.spinner .button.dark,
.toast.dark {
  outline-color: #9d9d9d;
  background-color: #505050;
  color: #ffffff;
}
.button.dark.outline,
.command-button.dark.outline,
.image-button.dark.outline,
.shortcut.dark.outline,
.tool-button.dark.outline,
.split-button .split.dark.outline,
tbody tr.dark.outline,
tbody td.dark.outline,
.tally.dark.outline,
code.dark.outline,
.notify.dark.outline,
.info-button.dark.outline,
.input .button.dark.outline,
.select .button.dark.outline,
.tag-input .button.dark.outline,
.spinner .button.dark.outline,
.toast.dark.outline {
  color: #505050;
  border-color: #505050;
}
.button.dark.outline.dropdown-toggle::before,
.command-button.dark.outline.dropdown-toggle::before,
.image-button.dark.outline.dropdown-toggle::before,
.shortcut.dark.outline.dropdown-toggle::before,
.tool-button.dark.outline.dropdown-toggle::before,
.split-button .split.dark.outline.dropdown-toggle::before,
tbody tr.dark.outline.dropdown-toggle::before,
tbody td.dark.outline.dropdown-toggle::before,
.tally.dark.outline.dropdown-toggle::before,
code.dark.outline.dropdown-toggle::before,
.notify.dark.outline.dropdown-toggle::before,
.info-button.dark.outline.dropdown-toggle::before,
.input .button.dark.outline.dropdown-toggle::before,
.select .button.dark.outline.dropdown-toggle::before,
.tag-input .button.dark.outline.dropdown-toggle::before,
.spinner .button.dark.outline.dropdown-toggle::before,
.toast.dark.outline.dropdown-toggle::before {
  border-color: #505050;
}
.button.dark.outline:hover,
.command-button.dark.outline:hover,
.image-button.dark.outline:hover,
.shortcut.dark.outline:hover,
.tool-button.dark.outline:hover,
.split-button .split.dark.outline:hover,
tbody tr.dark.outline:hover,
tbody td.dark.outline:hover,
.tally.dark.outline:hover,
code.dark.outline:hover,
.notify.dark.outline:hover,
.info-button.dark.outline:hover,
.input .button.dark.outline:hover,
.select .button.dark.outline:hover,
.tag-input .button.dark.outline:hover,
.spinner .button.dark.outline:hover,
.toast.dark.outline:hover {
  color: #ffffff;
}
.button.dark.dropdown-toggle::before,
.command-button.dark.dropdown-toggle::before,
.image-button.dark.dropdown-toggle::before,
.shortcut.dark.dropdown-toggle::before,
.tool-button.dark.dropdown-toggle::before,
.split-button .split.dark.dropdown-toggle::before,
tbody tr.dark.dropdown-toggle::before,
tbody td.dark.dropdown-toggle::before,
.tally.dark.dropdown-toggle::before,
code.dark.dropdown-toggle::before,
.notify.dark.dropdown-toggle::before,
.info-button.dark.dropdown-toggle::before,
.input .button.dark.dropdown-toggle::before,
.select .button.dark.dropdown-toggle::before,
.tag-input .button.dark.dropdown-toggle::before,
.spinner .button.dark.dropdown-toggle::before,
.toast.dark.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.dark:hover,
.command-button.dark:hover,
.image-button.dark:hover,
.shortcut.dark:hover,
.tool-button.dark:hover,
.split-button .split.dark:hover,
tbody tr.dark:hover,
tbody td.dark:hover,
.tally.dark:hover,
code.dark:hover,
.notify.dark:hover,
.info-button.dark:hover,
.input .button.dark:hover,
.select .button.dark:hover,
.tag-input .button.dark:hover,
.spinner .button.dark:hover,
.toast.dark:hover {
  color: #ffffff;
  background-color: #373737;
  border-color: #1d1d1d;
}
.button.dark:hover.dropdown-toggle::before,
.command-button.dark:hover.dropdown-toggle::before,
.image-button.dark:hover.dropdown-toggle::before,
.shortcut.dark:hover.dropdown-toggle::before,
.tool-button.dark:hover.dropdown-toggle::before,
.split-button .split.dark:hover.dropdown-toggle::before,
tbody tr.dark:hover.dropdown-toggle::before,
tbody td.dark:hover.dropdown-toggle::before,
.tally.dark:hover.dropdown-toggle::before,
code.dark:hover.dropdown-toggle::before,
.notify.dark:hover.dropdown-toggle::before,
.info-button.dark:hover.dropdown-toggle::before,
.input .button.dark:hover.dropdown-toggle::before,
.select .button.dark:hover.dropdown-toggle::before,
.tag-input .button.dark:hover.dropdown-toggle::before,
.spinner .button.dark:hover.dropdown-toggle::before,
.toast.dark:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.dark.same-color:hover,
.command-button.dark.same-color:hover,
.image-button.dark.same-color:hover,
.shortcut.dark.same-color:hover,
.tool-button.dark.same-color:hover,
.split-button .split.dark.same-color:hover,
tbody tr.dark.same-color:hover,
tbody td.dark.same-color:hover,
.tally.dark.same-color:hover,
code.dark.same-color:hover,
.notify.dark.same-color:hover,
.info-button.dark.same-color:hover,
.input .button.dark.same-color:hover,
.select .button.dark.same-color:hover,
.tag-input .button.dark.same-color:hover,
.spinner .button.dark.same-color:hover,
.toast.dark.same-color:hover {
  background-color: #505050;
  border-color: #505050;
}
.button.dark:active,
.command-button.dark:active,
.image-button.dark:active,
.shortcut.dark:active,
.tool-button.dark:active,
.split-button .split.dark:active,
tbody tr.dark:active,
tbody td.dark:active,
.tally.dark:active,
code.dark:active,
.notify.dark:active,
.info-button.dark:active,
.input .button.dark:active,
.select .button.dark:active,
.tag-input .button.dark:active,
.spinner .button.dark:active,
.toast.dark:active,
.button.dark.focus,
.command-button.dark.focus,
.image-button.dark.focus,
.shortcut.dark.focus,
.tool-button.dark.focus,
.split-button .split.dark.focus,
tbody tr.dark.focus,
tbody td.dark.focus,
.tally.dark.focus,
code.dark.focus,
.notify.dark.focus,
.info-button.dark.focus,
.input .button.dark.focus,
.select .button.dark.focus,
.tag-input .button.dark.focus,
.spinner .button.dark.focus,
.toast.dark.focus,
.button.dark:focus,
.command-button.dark:focus,
.image-button.dark:focus,
.shortcut.dark:focus,
.tool-button.dark:focus,
.split-button .split.dark:focus,
tbody tr.dark:focus,
tbody td.dark:focus,
.tally.dark:focus,
code.dark:focus,
.notify.dark:focus,
.info-button.dark:focus,
.input .button.dark:focus,
.select .button.dark:focus,
.tag-input .button.dark:focus,
.spinner .button.dark:focus,
.toast.dark:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(80, 80, 80, 0.45);
          box-shadow: 0 0 0 3px rgba(80, 80, 80, 0.45);
}
.button.light,
.command-button.light,
.image-button.light,
.shortcut.light,
.tool-button.light,
.split-button .split.light,
tbody tr.light,
tbody td.light,
.tally.light,
code.light,
.notify.light,
.info-button.light,
.input .button.light,
.select .button.light,
.tag-input .button.light,
.spinner .button.light,
.toast.light {
  outline-color: #ffffff;
  background-color: #f8f8f8;
  color: #ffffff;
}
.button.light.outline,
.command-button.light.outline,
.image-button.light.outline,
.shortcut.light.outline,
.tool-button.light.outline,
.split-button .split.light.outline,
tbody tr.light.outline,
tbody td.light.outline,
.tally.light.outline,
code.light.outline,
.notify.light.outline,
.info-button.light.outline,
.input .button.light.outline,
.select .button.light.outline,
.tag-input .button.light.outline,
.spinner .button.light.outline,
.toast.light.outline {
  color: #f8f8f8;
  border-color: #f8f8f8;
}
.button.light.outline.dropdown-toggle::before,
.command-button.light.outline.dropdown-toggle::before,
.image-button.light.outline.dropdown-toggle::before,
.shortcut.light.outline.dropdown-toggle::before,
.tool-button.light.outline.dropdown-toggle::before,
.split-button .split.light.outline.dropdown-toggle::before,
tbody tr.light.outline.dropdown-toggle::before,
tbody td.light.outline.dropdown-toggle::before,
.tally.light.outline.dropdown-toggle::before,
code.light.outline.dropdown-toggle::before,
.notify.light.outline.dropdown-toggle::before,
.info-button.light.outline.dropdown-toggle::before,
.input .button.light.outline.dropdown-toggle::before,
.select .button.light.outline.dropdown-toggle::before,
.tag-input .button.light.outline.dropdown-toggle::before,
.spinner .button.light.outline.dropdown-toggle::before,
.toast.light.outline.dropdown-toggle::before {
  border-color: #f8f8f8;
}
.button.light.outline:hover,
.command-button.light.outline:hover,
.image-button.light.outline:hover,
.shortcut.light.outline:hover,
.tool-button.light.outline:hover,
.split-button .split.light.outline:hover,
tbody tr.light.outline:hover,
tbody td.light.outline:hover,
.tally.light.outline:hover,
code.light.outline:hover,
.notify.light.outline:hover,
.info-button.light.outline:hover,
.input .button.light.outline:hover,
.select .button.light.outline:hover,
.tag-input .button.light.outline:hover,
.spinner .button.light.outline:hover,
.toast.light.outline:hover {
  color: #ffffff;
}
.button.light.dropdown-toggle::before,
.command-button.light.dropdown-toggle::before,
.image-button.light.dropdown-toggle::before,
.shortcut.light.dropdown-toggle::before,
.tool-button.light.dropdown-toggle::before,
.split-button .split.light.dropdown-toggle::before,
tbody tr.light.dropdown-toggle::before,
tbody td.light.dropdown-toggle::before,
.tally.light.dropdown-toggle::before,
code.light.dropdown-toggle::before,
.notify.light.dropdown-toggle::before,
.info-button.light.dropdown-toggle::before,
.input .button.light.dropdown-toggle::before,
.select .button.light.dropdown-toggle::before,
.tag-input .button.light.dropdown-toggle::before,
.spinner .button.light.dropdown-toggle::before,
.toast.light.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.light:hover,
.command-button.light:hover,
.image-button.light:hover,
.shortcut.light:hover,
.tool-button.light:hover,
.split-button .split.light:hover,
tbody tr.light:hover,
tbody td.light:hover,
.tally.light:hover,
code.light:hover,
.notify.light:hover,
.info-button.light:hover,
.input .button.light:hover,
.select .button.light:hover,
.tag-input .button.light:hover,
.spinner .button.light:hover,
.toast.light:hover {
  color: #ffffff;
  background-color: #dfdfdf;
  border-color: #c5c5c5;
}
.button.light:hover.dropdown-toggle::before,
.command-button.light:hover.dropdown-toggle::before,
.image-button.light:hover.dropdown-toggle::before,
.shortcut.light:hover.dropdown-toggle::before,
.tool-button.light:hover.dropdown-toggle::before,
.split-button .split.light:hover.dropdown-toggle::before,
tbody tr.light:hover.dropdown-toggle::before,
tbody td.light:hover.dropdown-toggle::before,
.tally.light:hover.dropdown-toggle::before,
code.light:hover.dropdown-toggle::before,
.notify.light:hover.dropdown-toggle::before,
.info-button.light:hover.dropdown-toggle::before,
.input .button.light:hover.dropdown-toggle::before,
.select .button.light:hover.dropdown-toggle::before,
.tag-input .button.light:hover.dropdown-toggle::before,
.spinner .button.light:hover.dropdown-toggle::before,
.toast.light:hover.dropdown-toggle::before {
  border-color: #ffffff;
}
.button.light.same-color:hover,
.command-button.light.same-color:hover,
.image-button.light.same-color:hover,
.shortcut.light.same-color:hover,
.tool-button.light.same-color:hover,
.split-button .split.light.same-color:hover,
tbody tr.light.same-color:hover,
tbody td.light.same-color:hover,
.tally.light.same-color:hover,
code.light.same-color:hover,
.notify.light.same-color:hover,
.info-button.light.same-color:hover,
.input .button.light.same-color:hover,
.select .button.light.same-color:hover,
.tag-input .button.light.same-color:hover,
.spinner .button.light.same-color:hover,
.toast.light.same-color:hover {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
.button.light:active,
.command-button.light:active,
.image-button.light:active,
.shortcut.light:active,
.tool-button.light:active,
.split-button .split.light:active,
tbody tr.light:active,
tbody td.light:active,
.tally.light:active,
code.light:active,
.notify.light:active,
.info-button.light:active,
.input .button.light:active,
.select .button.light:active,
.tag-input .button.light:active,
.spinner .button.light:active,
.toast.light:active,
.button.light.focus,
.command-button.light.focus,
.image-button.light.focus,
.shortcut.light.focus,
.tool-button.light.focus,
.split-button .split.light.focus,
tbody tr.light.focus,
tbody td.light.focus,
.tally.light.focus,
code.light.focus,
.notify.light.focus,
.info-button.light.focus,
.input .button.light.focus,
.select .button.light.focus,
.tag-input .button.light.focus,
.spinner .button.light.focus,
.toast.light.focus,
.button.light:focus,
.command-button.light:focus,
.image-button.light:focus,
.shortcut.light:focus,
.tool-button.light:focus,
.split-button .split.light:focus,
tbody tr.light:focus,
tbody td.light:focus,
.tally.light:focus,
code.light:focus,
.notify.light:focus,
.info-button.light:focus,
.input .button.light:focus,
.select .button.light:focus,
.tag-input .button.light:focus,
.spinner .button.light:focus,
.toast.light:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(248, 248, 248, 0.45);
          box-shadow: 0 0 0 3px rgba(248, 248, 248, 0.45);
}
.button.yellow,
.command-button.yellow,
.image-button.yellow,
.shortcut.yellow,
.tool-button.yellow,
.split-button .split.yellow,
tbody tr.yellow,
tbody td.yellow,
.tally.yellow,
code.yellow,
.notify.yellow,
.info-button.yellow,
.input .button.yellow,
.select .button.yellow,
.tag-input .button.yellow,
.spinner .button.yellow,
.toast.yellow,
.button.light,
.command-button.light,
.image-button.light,
.shortcut.light,
.tool-button.light,
.split-button .split.light,
tbody tr.light,
tbody td.light,
.tally.light,
code.light,
.notify.light,
.info-button.light,
.input .button.light,
.select .button.light,
.tag-input .button.light,
.spinner .button.light,
.toast.light {
  color: #1d1d1d;
}
.button.yellow:hover,
.command-button.yellow:hover,
.image-button.yellow:hover,
.shortcut.yellow:hover,
.tool-button.yellow:hover,
.split-button .split.yellow:hover,
tbody tr.yellow:hover,
tbody td.yellow:hover,
.tally.yellow:hover,
code.yellow:hover,
.notify.yellow:hover,
.info-button.yellow:hover,
.input .button.yellow:hover,
.select .button.yellow:hover,
.tag-input .button.yellow:hover,
.spinner .button.yellow:hover,
.toast.yellow:hover,
.button.light:hover,
.command-button.light:hover,
.image-button.light:hover,
.shortcut.light:hover,
.tool-button.light:hover,
.split-button .split.light:hover,
tbody tr.light:hover,
tbody td.light:hover,
.tally.light:hover,
code.light:hover,
.notify.light:hover,
.info-button.light:hover,
.input .button.light:hover,
.select .button.light:hover,
.tag-input .button.light:hover,
.spinner .button.light:hover,
.toast.light:hover,
.button.yellow.outline:hover,
.command-button.yellow.outline:hover,
.image-button.yellow.outline:hover,
.shortcut.yellow.outline:hover,
.tool-button.yellow.outline:hover,
.split-button .split.yellow.outline:hover,
tbody tr.yellow.outline:hover,
tbody td.yellow.outline:hover,
.tally.yellow.outline:hover,
code.yellow.outline:hover,
.notify.yellow.outline:hover,
.info-button.yellow.outline:hover,
.input .button.yellow.outline:hover,
.select .button.yellow.outline:hover,
.tag-input .button.yellow.outline:hover,
.spinner .button.yellow.outline:hover,
.toast.yellow.outline:hover,
.button.light.outline:hover,
.command-button.light.outline:hover,
.image-button.light.outline:hover,
.shortcut.light.outline:hover,
.tool-button.light.outline:hover,
.split-button .split.light.outline:hover,
tbody tr.light.outline:hover,
tbody td.light.outline:hover,
.tally.light.outline:hover,
code.light.outline:hover,
.notify.light.outline:hover,
.info-button.light.outline:hover,
.input .button.light.outline:hover,
.select .button.light.outline:hover,
.tag-input .button.light.outline:hover,
.spinner .button.light.outline:hover,
.toast.light.outline:hover {
  color: #1d1d1d;
}
.action-button.primary {
  outline-color: #75b5fd;
  background-color: #0366d6;
  color: #ffffff;
}
.action-button.secondary {
  outline-color: #b7c6cd;
  background-color: #607d8b;
  color: #ffffff;
}
.action-button.success {
  outline-color: #adeb6e;
  background-color: #60a917;
  color: #ffffff;
}
.action-button.alert {
  outline-color: #ecaba7;
  background-color: #CE352C;
  color: #ffffff;
}
.action-button.warning {
  outline-color: #ffede1;
  background-color: #ff9447;
  color: #ffffff;
}
.action-button.yellow {
  outline-color: #ffffff;
  background-color: #ffe484;
  color: #ffffff;
}
.action-button.info {
  outline-color: #e6f5fc;
  background-color: #5ebdec;
  color: #ffffff;
}
.action-button.dark {
  outline-color: #9d9d9d;
  background-color: #505050;
  color: #ffffff;
}
.action-button.light {
  outline-color: #ffffff;
  background-color: #f8f8f8;
  color: #ffffff;
}
.action-button.yellow,
.action-button.light {
  color: #1d1d1d;
}
.action-button.yellow:hover,
.action-button.light:hover,
.action-button.yellow.outline:hover,
.action-button.light.outline:hover {
  color: #1d1d1d;
}
.pagination.primary .page-item.active,
.pagination.primary .page-item.service,
.pagination.primary .page-item:hover {
  background-color: #0366d6;
  border-color: #0366d6;
  color: #ffffff;
}
.pagination.primary .page-item.active:hover,
.pagination.primary .page-item.service:hover,
.pagination.primary .page-item:hover:hover {
  background-color: #024ea4;
}
.pagination.secondary .page-item.active,
.pagination.secondary .page-item.service,
.pagination.secondary .page-item:hover {
  background-color: #607d8b;
  border-color: #607d8b;
  color: #ffffff;
}
.pagination.secondary .page-item.active:hover,
.pagination.secondary .page-item.service:hover,
.pagination.secondary .page-item:hover:hover {
  background-color: #4b626d;
}
.pagination.success .page-item.active,
.pagination.success .page-item.service,
.pagination.success .page-item:hover {
  background-color: #60a917;
  border-color: #60a917;
  color: #ffffff;
}
.pagination.success .page-item.active:hover,
.pagination.success .page-item.service:hover,
.pagination.success .page-item:hover:hover {
  background-color: #477c11;
}
.pagination.alert .page-item.active,
.pagination.alert .page-item.service,
.pagination.alert .page-item:hover {
  background-color: #CE352C;
  border-color: #CE352C;
  color: #ffffff;
}
.pagination.alert .page-item.active:hover,
.pagination.alert .page-item.service:hover,
.pagination.alert .page-item:hover:hover {
  background-color: #a42a23;
}
.pagination.warning .page-item.active,
.pagination.warning .page-item.service,
.pagination.warning .page-item:hover {
  background-color: #ff9447;
  border-color: #ff9447;
  color: #ffffff;
}
.pagination.warning .page-item.active:hover,
.pagination.warning .page-item.service:hover,
.pagination.warning .page-item:hover:hover {
  background-color: #ff7615;
}
.pagination.yellow .page-item.active,
.pagination.yellow .page-item.service,
.pagination.yellow .page-item:hover {
  background-color: #ffe484;
  border-color: #ffe484;
  color: #ffffff;
}
.pagination.yellow .page-item.active:hover,
.pagination.yellow .page-item.service:hover,
.pagination.yellow .page-item:hover:hover {
  background-color: #ffd951;
}
.pagination.info .page-item.active,
.pagination.info .page-item.service,
.pagination.info .page-item:hover {
  background-color: #5ebdec;
  border-color: #5ebdec;
  color: #ffffff;
}
.pagination.info .page-item.active:hover,
.pagination.info .page-item.service:hover,
.pagination.info .page-item:hover:hover {
  background-color: #30abe6;
}
.pagination.dark .page-item.active,
.pagination.dark .page-item.service,
.pagination.dark .page-item:hover {
  background-color: #505050;
  border-color: #505050;
  color: #ffffff;
}
.pagination.dark .page-item.active:hover,
.pagination.dark .page-item.service:hover,
.pagination.dark .page-item:hover:hover {
  background-color: #373737;
}
.pagination.light .page-item.active,
.pagination.light .page-item.service,
.pagination.light .page-item:hover {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: #ffffff;
}
.pagination.light .page-item.active:hover,
.pagination.light .page-item.service:hover,
.pagination.light .page-item:hover:hover {
  background-color: #dfdfdf;
}
.pagination.light .page-item.active,
.pagination.yellow .page-item.active,
.pagination.light .page-item.service,
.pagination.yellow .page-item.service,
.pagination.light .page-item:hover,
.pagination.yellow .page-item:hover {
  color: #1d1d1d;
}
.remark.primary {
  background: #75b5fd;
  border: 1px solid #75b5fd;
}
.remark.primary::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #0366d6;
}
.remark.primary {
  background: #daebfe;
  border: 1px solid #daebfe;
}
.remark.secondary {
  background: #b7c6cd;
  border: 1px solid #b7c6cd;
}
.remark.secondary::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #607d8b;
}
.remark.secondary {
  background: #f3f6f7;
  border: 1px solid #f3f6f7;
}
.remark.success {
  background: #adeb6e;
  border: 1px solid #adeb6e;
}
.remark.success::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #60a917;
}
.remark.success {
  background: #ecfbde;
  border: 1px solid #ecfbde;
}
.remark.alert {
  background: #ecaba7;
  border: 1px solid #ecaba7;
}
.remark.alert::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #CE352C;
}
.remark.alert {
  background: #fae7e6;
  border: 1px solid #fae7e6;
}
.remark.warning {
  background: #ffede1;
  border: 1px solid #ffede1;
}
.remark.warning::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #ff9447;
}
.remark.warning {
  background: #ffede1;
  border: 1px solid #ffede1;
}
.remark.yellow {
  background: #ffffff;
  border: 1px solid #ffffff;
}
.remark.yellow::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #ffe484;
}
.remark.yellow {
  background: #fff7db;
  border: 1px solid #fff7db;
}
.remark.info {
  background: #e6f5fc;
  border: 1px solid #e6f5fc;
}
.remark.info::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #5ebdec;
}
.remark.info {
  background: #e6f5fc;
  border: 1px solid #e6f5fc;
}
.remark.dark {
  background: #9d9d9d;
  border: 1px solid #9d9d9d;
}
.remark.dark::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #505050;
}
.remark.dark {
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
}
.remark.light {
  background: #ffffff;
  border: 1px solid #ffffff;
}
.remark.light::before {
  position: absolute;
  top: 0;
  left: -4px;
  width: 4px;
  height: 100%;
  content: " ";
  background-color: #f8f8f8;
}
.metro-input.primary,
.file.primary,
.input.primary,
.select.primary,
.textarea.primary,
.keypad.primary,
.tag-input.primary,
.spinner.primary {
  border-color: #0366d6;
}
.metro-input.primary:focus,
.file.primary:focus,
.input.primary:focus,
.select.primary:focus,
.textarea.primary:focus,
.keypad.primary:focus,
.tag-input.primary:focus,
.spinner.primary:focus,
.metro-input.primary.focused,
.file.primary.focused,
.input.primary.focused,
.select.primary.focused,
.textarea.primary.focused,
.keypad.primary.focused,
.tag-input.primary.focused,
.spinner.primary.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.45);
          box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.45);
}
.metro-input.secondary,
.file.secondary,
.input.secondary,
.select.secondary,
.textarea.secondary,
.keypad.secondary,
.tag-input.secondary,
.spinner.secondary {
  border-color: #607d8b;
}
.metro-input.secondary:focus,
.file.secondary:focus,
.input.secondary:focus,
.select.secondary:focus,
.textarea.secondary:focus,
.keypad.secondary:focus,
.tag-input.secondary:focus,
.spinner.secondary:focus,
.metro-input.secondary.focused,
.file.secondary.focused,
.input.secondary.focused,
.select.secondary.focused,
.textarea.secondary.focused,
.keypad.secondary.focused,
.tag-input.secondary.focused,
.spinner.secondary.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.45);
          box-shadow: 0 0 0 3px rgba(96, 125, 139, 0.45);
}
.metro-input.success,
.file.success,
.input.success,
.select.success,
.textarea.success,
.keypad.success,
.tag-input.success,
.spinner.success {
  border-color: #60a917;
}
.metro-input.success:focus,
.file.success:focus,
.input.success:focus,
.select.success:focus,
.textarea.success:focus,
.keypad.success:focus,
.tag-input.success:focus,
.spinner.success:focus,
.metro-input.success.focused,
.file.success.focused,
.input.success.focused,
.select.success.focused,
.textarea.success.focused,
.keypad.success.focused,
.tag-input.success.focused,
.spinner.success.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45);
          box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45);
}
.metro-input.alert,
.file.alert,
.input.alert,
.select.alert,
.textarea.alert,
.keypad.alert,
.tag-input.alert,
.spinner.alert {
  border-color: #CE352C;
}
.metro-input.alert:focus,
.file.alert:focus,
.input.alert:focus,
.select.alert:focus,
.textarea.alert:focus,
.keypad.alert:focus,
.tag-input.alert:focus,
.spinner.alert:focus,
.metro-input.alert.focused,
.file.alert.focused,
.input.alert.focused,
.select.alert.focused,
.textarea.alert.focused,
.keypad.alert.focused,
.tag-input.alert.focused,
.spinner.alert.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45);
          box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45);
}
.metro-input.warning,
.file.warning,
.input.warning,
.select.warning,
.textarea.warning,
.keypad.warning,
.tag-input.warning,
.spinner.warning {
  border-color: #ff9447;
}
.metro-input.warning:focus,
.file.warning:focus,
.input.warning:focus,
.select.warning:focus,
.textarea.warning:focus,
.keypad.warning:focus,
.tag-input.warning:focus,
.spinner.warning:focus,
.metro-input.warning.focused,
.file.warning.focused,
.input.warning.focused,
.select.warning.focused,
.textarea.warning.focused,
.keypad.warning.focused,
.tag-input.warning.focused,
.spinner.warning.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 148, 71, 0.45);
          box-shadow: 0 0 0 3px rgba(255, 148, 71, 0.45);
}
.metro-input.yellow,
.file.yellow,
.input.yellow,
.select.yellow,
.textarea.yellow,
.keypad.yellow,
.tag-input.yellow,
.spinner.yellow {
  border-color: #ffe484;
}
.metro-input.yellow:focus,
.file.yellow:focus,
.input.yellow:focus,
.select.yellow:focus,
.textarea.yellow:focus,
.keypad.yellow:focus,
.tag-input.yellow:focus,
.spinner.yellow:focus,
.metro-input.yellow.focused,
.file.yellow.focused,
.input.yellow.focused,
.select.yellow.focused,
.textarea.yellow.focused,
.keypad.yellow.focused,
.tag-input.yellow.focused,
.spinner.yellow.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.45);
          box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.45);
}
.metro-input.info,
.file.info,
.input.info,
.select.info,
.textarea.info,
.keypad.info,
.tag-input.info,
.spinner.info {
  border-color: #5ebdec;
}
.metro-input.info:focus,
.file.info:focus,
.input.info:focus,
.select.info:focus,
.textarea.info:focus,
.keypad.info:focus,
.tag-input.info:focus,
.spinner.info:focus,
.metro-input.info.focused,
.file.info.focused,
.input.info.focused,
.select.info.focused,
.textarea.info.focused,
.keypad.info.focused,
.tag-input.info.focused,
.spinner.info.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(94, 189, 236, 0.45);
          box-shadow: 0 0 0 3px rgba(94, 189, 236, 0.45);
}
.metro-input.dark,
.file.dark,
.input.dark,
.select.dark,
.textarea.dark,
.keypad.dark,
.tag-input.dark,
.spinner.dark {
  border-color: #505050;
}
.metro-input.dark:focus,
.file.dark:focus,
.input.dark:focus,
.select.dark:focus,
.textarea.dark:focus,
.keypad.dark:focus,
.tag-input.dark:focus,
.spinner.dark:focus,
.metro-input.dark.focused,
.file.dark.focused,
.input.dark.focused,
.select.dark.focused,
.textarea.dark.focused,
.keypad.dark.focused,
.tag-input.dark.focused,
.spinner.dark.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(80, 80, 80, 0.45);
          box-shadow: 0 0 0 3px rgba(80, 80, 80, 0.45);
}
.metro-input.light,
.file.light,
.input.light,
.select.light,
.textarea.light,
.keypad.light,
.tag-input.light,
.spinner.light {
  border-color: #f8f8f8;
}
.metro-input.light:focus,
.file.light:focus,
.input.light:focus,
.select.light:focus,
.textarea.light:focus,
.keypad.light:focus,
.tag-input.light:focus,
.spinner.light:focus,
.metro-input.light.focused,
.file.light.focused,
.input.light.focused,
.select.light.focused,
.textarea.light.focused,
.keypad.light.focused,
.tag-input.light.focused,
.spinner.light.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(248, 248, 248, 0.45);
          box-shadow: 0 0 0 3px rgba(248, 248, 248, 0.45);
}

.inline-form input[type=text],
.inline-form .tag-input,
.inline-form .spinner {
  width: auto;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.metro-input,
.tag-input {
  position: relative;
  border: 1px #d9d9d9 solid;
  color: #1d1d1d;
  width: 100%;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  background: #ffffff none;
  background-clip: padding-box;
  min-width: 0;
}
.metro-input input,
.tag-input input,
.spinner input,
.color-picker input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  outline: none;
  width: 100%;
  min-width: 0;
}
.metro-input input::-ms-clear,
.file input::-ms-clear,
.input input::-ms-clear,
.textarea input::-ms-clear,
.select input::-ms-clear,
.tag-input input::-ms-clear,
.spinner input::-ms-clear,
.color-picker input::-ms-clear {
  display: none;
}
.metro-input input::-ms-reveal,
.file input::-ms-reveal,
.input input::-ms-reveal,
.textarea input::-ms-reveal,
.select input::-ms-reveal,
.tag-input input::-ms-reveal,
.spinner input::-ms-reveal,
.color-picker input::-ms-reveal {
  display: none;
}
.metro-input input::-webkit-clear-button,
.file input::-webkit-clear-button,
.input input::-webkit-clear-button,
.textarea input::-webkit-clear-button,
.select input::-webkit-clear-button,
.tag-input input::-webkit-clear-button,
.spinner input::-webkit-clear-button,
.color-picker input::-webkit-clear-button {
  display: none;
}
.metro-input input::-webkit-inner-spin-button,
.file input::-webkit-inner-spin-button,
.input input::-webkit-inner-spin-button,
.textarea input::-webkit-inner-spin-button,
.select input::-webkit-inner-spin-button,
.tag-input input::-webkit-inner-spin-button,
.spinner input::-webkit-inner-spin-button,
.color-picker input::-webkit-inner-spin-button {
  height: 100%;
}
.metro-input:focus,
.file:focus,
.input:focus,
.textarea:focus,
.select:focus,
.tag-input:focus,
.spinner:focus,
.color-picker:focus {
  outline: none;
}
.metro-input:hover,
.file:hover,
.input:hover,
.textarea:hover,
.select:hover,
.tag-input:hover,
.spinner:hover,
.color-picker:hover {
  border-color: #c0c0c0;
}
.metro-input .input-clear-button,
.file .input-clear-button,
.input .input-clear-button,
.textarea .input-clear-button,
.select .input-clear-button,
.tag-input .input-clear-button,
.spinner .input-clear-button,
.color-picker .input-clear-button,
.metro-input .input-reveal-button,
.file .input-reveal-button,
.input .input-reveal-button,
.textarea .input-reveal-button,
.select .input-reveal-button,
.tag-input .input-reveal-button,
.spinner .input-reveal-button,
.color-picker .input-reveal-button {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.metro-input .input-clear-button:active,
.file .input-clear-button:active,
.input .input-clear-button:active,
.textarea .input-clear-button:active,
.select .input-clear-button:active,
.tag-input .input-clear-button:active,
.spinner .input-clear-button:active,
.color-picker .input-clear-button:active,
.metro-input .input-reveal-button:active,
.file .input-reveal-button:active,
.input .input-reveal-button:active,
.textarea .input-reveal-button:active,
.select .input-reveal-button:active,
.tag-input .input-reveal-button:active,
.spinner .input-reveal-button:active,
.color-picker .input-reveal-button:active,
.metro-input .input-clear-button:focus,
.file .input-clear-button:focus,
.input .input-clear-button:focus,
.textarea .input-clear-button:focus,
.select .input-clear-button:focus,
.tag-input .input-clear-button:focus,
.spinner .input-clear-button:focus,
.color-picker .input-clear-button:focus,
.metro-input .input-reveal-button:focus,
.file .input-reveal-button:focus,
.input .input-reveal-button:focus,
.textarea .input-reveal-button:focus,
.select .input-reveal-button:focus,
.tag-input .input-reveal-button:focus,
.spinner .input-reveal-button:focus,
.color-picker .input-reveal-button:focus,
.metro-input .input-clear-button:hover,
.file .input-clear-button:hover,
.input .input-clear-button:hover,
.textarea .input-clear-button:hover,
.select .input-clear-button:hover,
.tag-input .input-clear-button:hover,
.spinner .input-clear-button:hover,
.color-picker .input-clear-button:hover,
.metro-input .input-reveal-button:hover,
.file .input-reveal-button:hover,
.input .input-reveal-button:hover,
.textarea .input-reveal-button:hover,
.select .input-reveal-button:hover,
.tag-input .input-reveal-button:hover,
.spinner .input-reveal-button:hover,
.color-picker .input-reveal-button:hover {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.metro-input:focus .input-clear-button,
.file:focus .input-clear-button,
.input:focus .input-clear-button,
.textarea:focus .input-clear-button,
.select:focus .input-clear-button,
.tag-input:focus .input-clear-button,
.spinner:focus .input-clear-button,
.color-picker:focus .input-clear-button,
.metro-input.focused .input-clear-button,
.file.focused .input-clear-button,
.input.focused .input-clear-button,
.textarea.focused .input-clear-button,
.select.focused .input-clear-button,
.tag-input.focused .input-clear-button,
.spinner.focused .input-clear-button,
.color-picker.focused .input-clear-button,
.metro-input:hover .input-clear-button,
.file:hover .input-clear-button,
.input:hover .input-clear-button,
.textarea:hover .input-clear-button,
.select:hover .input-clear-button,
.tag-input:hover .input-clear-button,
.spinner:hover .input-clear-button,
.color-picker:hover .input-clear-button,
.metro-input:focus .input-reveal-button,
.file:focus .input-reveal-button,
.input:focus .input-reveal-button,
.textarea:focus .input-reveal-button,
.select:focus .input-reveal-button,
.tag-input:focus .input-reveal-button,
.spinner:focus .input-reveal-button,
.color-picker:focus .input-reveal-button,
.metro-input.focused .input-reveal-button,
.file.focused .input-reveal-button,
.input.focused .input-reveal-button,
.textarea.focused .input-reveal-button,
.select.focused .input-reveal-button,
.tag-input.focused .input-reveal-button,
.spinner.focused .input-reveal-button,
.color-picker.focused .input-reveal-button,
.metro-input:hover .input-reveal-button,
.file:hover .input-reveal-button,
.input:hover .input-reveal-button,
.textarea:hover .input-reveal-button,
.select:hover .input-reveal-button,
.tag-input:hover .input-reveal-button,
.spinner:hover .input-reveal-button,
.color-picker:hover .input-reveal-button {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible;
}
.metro-input:focus,
.file:focus,
.input:focus,
.textarea:focus,
.select:focus,
.tag-input:focus,
.spinner:focus,
.color-picker:focus,
.metro-input.focused,
.file.focused,
.input.focused,
.textarea.focused,
.select.focused,
.tag-input.focused,
.spinner.focused,
.color-picker.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);
          box-shadow: 0 0 0 3px rgba(228, 228, 228, 0.45);
}
.metro-input:disabled,
.file:disabled,
.input:disabled,
.textarea:disabled,
.select:disabled,
.tag-input:disabled,
.spinner:disabled,
.color-picker:disabled,
.metro-input.disabled,
.file.disabled,
.input.disabled,
.textarea.disabled,
.select.disabled,
.tag-input.disabled,
.spinner.disabled,
.color-picker.disabled {
  pointer-events: none;
  border-color: #ebebeb;
  background-color: #e9e9e9;
}
.metro-input.hide-cursor input,
.file.hide-cursor input,
.input.hide-cursor input,
.textarea.hide-cursor input,
.select.hide-cursor input,
.tag-input.hide-cursor input,
.spinner.hide-cursor input,
.color-picker.hide-cursor input {
  color: transparent;
  text-shadow: 0 0 0 #1d1d1d;
}
.metro-input.required,
.file.required,
.input.required,
.textarea.required,
.select.required,
.tag-input.required,
.spinner.required,
.color-picker.required {
  border: 1px #1ba1e2 dashed !important;
}
.metro-input.required:focus,
.file.required:focus,
.input.required:focus,
.textarea.required:focus,
.select.required:focus,
.tag-input.required:focus,
.spinner.required:focus,
.color-picker.required:focus,
.metro-input.required.focused,
.file.required.focused,
.input.required.focused,
.textarea.required.focused,
.select.required.focused,
.tag-input.required.focused,
.spinner.required.focused,
.color-picker.required.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(27, 161, 226, 0.45) !important;
          box-shadow: 0 0 0 3px rgba(27, 161, 226, 0.45) !important;
}
.metro-input.invalid,
.file.invalid,
.input.invalid,
.textarea.invalid,
.select.invalid,
.tag-input.invalid,
.spinner.invalid,
.color-picker.invalid {
  border: 1px #CE352C solid !important;
}
.metro-input.invalid:focus,
.file.invalid:focus,
.input.invalid:focus,
.textarea.invalid:focus,
.select.invalid:focus,
.tag-input.invalid:focus,
.spinner.invalid:focus,
.color-picker.invalid:focus,
.metro-input.invalid.focused,
.file.invalid.focused,
.input.invalid.focused,
.textarea.invalid.focused,
.select.invalid.focused,
.tag-input.invalid.focused,
.spinner.invalid.focused,
.color-picker.invalid.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45) !important;
          box-shadow: 0 0 0 3px rgba(206, 53, 44, 0.45) !important;
}
.metro-input.invalid::after,
.file.invalid::after,
.input.invalid::after,
.textarea.invalid::after,
.select.invalid::after,
.tag-input.invalid::after,
.spinner.invalid::after,
.color-picker.invalid::after {
  position: absolute;
  content: attr(data-exclaim);
  color: #CE352C;
  left: -16px;
  top: 0;
  font-size: 1.625rem;
  font-weight: bold;
}
.metro-input.valid,
.file.valid,
.input.valid,
.textarea.valid,
.select.valid,
.tag-input.valid,
.spinner.valid,
.color-picker.valid {
  border: 1px #60a917 solid !important;
}
.metro-input.valid:focus,
.file.valid:focus,
.input.valid:focus,
.textarea.valid:focus,
.select.valid:focus,
.tag-input.valid:focus,
.spinner.valid:focus,
.color-picker.valid:focus,
.metro-input.valid.focused,
.file.valid.focused,
.input.valid.focused,
.textarea.valid.focused,
.select.valid.focused,
.tag-input.valid.focused,
.spinner.valid.focused,
.color-picker.valid.focused {
  -webkit-box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45) !important;
          box-shadow: 0 0 0 3px rgba(96, 169, 23, 0.45) !important;
}
textarea.metro-input {
  height: auto;
  padding: 0 0.75rem;
}
input[type=button],
input[type=submit],
input[type=reset] {
  width: auto;
}
.file .prepend,
.input .prepend,
.select .prepend,
.textarea .prepend,
.tag-input .prepend,
.spinner .prepend,
.color-picker .prepend,
.file .append,
.input .append,
.select .append,
.textarea .append,
.tag-input .append,
.spinner .append,
.color-picker .append {
  padding: 0.5rem 0.75rem;
  background-color: #f8f8f8;
  color: #1d1d1d;
  line-height: 1.25rem;
  white-space: nowrap;
}
.hidden-input {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.file:disabled input,
.input:disabled input,
.textarea:disabled input,
.select:disabled input,
.tag-input:disabled input,
.spinner:disabled input,
.tag-input:disabled input,
.rating:disabled input,
.color-picker:disabled input,
.file.disabled input,
.input.disabled input,
.textarea.disabled input,
.select.disabled input,
.tag-input.disabled input,
.spinner.disabled input,
.tag-input.disabled input,
.rating.disabled input,
.color-picker.disabled input,
.file:disabled textarea,
.input:disabled textarea,
.textarea:disabled textarea,
.select:disabled textarea,
.tag-input:disabled textarea,
.spinner:disabled textarea,
.tag-input:disabled textarea,
.rating:disabled textarea,
.color-picker:disabled textarea,
.file.disabled textarea,
.input.disabled textarea,
.textarea.disabled textarea,
.select.disabled textarea,
.tag-input.disabled textarea,
.spinner.disabled textarea,
.tag-input.disabled textarea,
.rating.disabled textarea,
.color-picker.disabled textarea,
.file:disabled select,
.input:disabled select,
.textarea:disabled select,
.select:disabled select,
.tag-input:disabled select,
.spinner:disabled select,
.tag-input:disabled select,
.rating:disabled select,
.color-picker:disabled select,
.file.disabled select,
.input.disabled select,
.textarea.disabled select,
.select.disabled select,
.tag-input.disabled select,
.spinner.disabled select,
.tag-input.disabled select,
.rating.disabled select,
.color-picker.disabled select,
.file:disabled .select-input,
.input:disabled .select-input,
.textarea:disabled .select-input,
.select:disabled .select-input,
.tag-input:disabled .select-input,
.spinner:disabled .select-input,
.tag-input:disabled .select-input,
.rating:disabled .select-input,
.color-picker:disabled .select-input,
.file.disabled .select-input,
.input.disabled .select-input,
.textarea.disabled .select-input,
.select.disabled .select-input,
.tag-input.disabled .select-input,
.spinner.disabled .select-input,
.tag-input.disabled .select-input,
.rating.disabled .select-input,
.color-picker.disabled .select-input,
.file:disabled .caption,
.input:disabled .caption,
.textarea:disabled .caption,
.select:disabled .caption,
.tag-input:disabled .caption,
.spinner:disabled .caption,
.tag-input:disabled .caption,
.rating:disabled .caption,
.color-picker:disabled .caption,
.file.disabled .caption,
.input.disabled .caption,
.textarea.disabled .caption,
.select.disabled .caption,
.tag-input.disabled .caption,
.spinner.disabled .caption,
.tag-input.disabled .caption,
.rating.disabled .caption,
.color-picker.disabled .caption,
.file:disabled .stars li,
.input:disabled .stars li,
.textarea:disabled .stars li,
.select:disabled .stars li,
.tag-input:disabled .stars li,
.spinner:disabled .stars li,
.tag-input:disabled .stars li,
.rating:disabled .stars li,
.color-picker:disabled .stars li,
.file.disabled .stars li,
.input.disabled .stars li,
.textarea.disabled .stars li,
.select.disabled .stars li,
.tag-input.disabled .stars li,
.spinner.disabled .stars li,
.tag-input.disabled .stars li,
.rating.disabled .stars li,
.color-picker.disabled .stars li {
  background: transparent;
  color: #989898;
}
.file:disabled .button-group,
.input:disabled .button-group,
.textarea:disabled .button-group,
.select:disabled .button-group,
.tag-input:disabled .button-group,
.spinner:disabled .button-group,
.tag-input:disabled .button-group,
.rating:disabled .button-group,
.color-picker:disabled .button-group,
.file.disabled .button-group,
.input.disabled .button-group,
.textarea.disabled .button-group,
.select.disabled .button-group,
.tag-input.disabled .button-group,
.spinner.disabled .button-group,
.tag-input.disabled .button-group,
.rating.disabled .button-group,
.color-picker.disabled .button-group {
  display: none;
}
.invalid_feedback {
  font-size: 0.9em;
  color: #CE352C;
}
.custom-validation input[required]:valid,
.custom-validation select[required]:valid,
.custom-validation textarea[required]:valid {
  border-color: #60a917;
}
.custom-validation input[required]:valid + .invalid_feedback,
.custom-validation select[required]:valid + .invalid_feedback,
.custom-validation textarea[required]:valid + .invalid_feedback {
  display: none;
}
.custom-validation input[required]:invalid,
.custom-validation select[required]:invalid,
.custom-validation textarea[required]:invalid {
  border-color: #CE352C;
}
.custom-validation input[required]:invalid + .invalid_feedback,
.custom-validation select[required]:invalid + .invalid_feedback,
.custom-validation textarea[required]:invalid + .invalid_feedback {
  display: block;
}
.invalid_feedback {
  display: none;
}
.invalid + .invalid_feedback,
.invalid > .invalid_feedback {
  display: block !important;
}
::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
::-webkit-search-results-button {
  -webkit-appearance: none;
}
input[type=search] {
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  background-color: #ffffff !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
::-webkit-input-placeholder {
  font-size: 14px;
}
::-moz-placeholder {
  font-size: 14px;
}
:-moz-placeholder {
  font-size: 14px;
}
:-ms-input-placeholder {
  font-size: 14px;
}
input.rtl,
input[dir=rtl] {
  direction: rtl;
}
.label-for-input {
  display: block;
  position: relative;
}
.label-for-input.rtl {
  text-align: right;
}
input[placeholder] {
  text-overflow: ellipsis;
}
input::-moz-placeholder {
  text-overflow: ellipsis;
}
input:-moz-placeholder {
  text-overflow: ellipsis;
}
input:-ms-input-placeholder {
  text-overflow: ellipsis;
}
.input-material {
  position: relative;
  min-width: 196px;
  height: 48px;
  display: inline-block;
  margin: 0;
  width: 100%;
  border: none;
}
.input-material input {
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  bottom: 8px;
  border: 0;
  border-bottom: 2px #dfdfdf solid;
  background-color: transparent;
  outline: none;
  font-size: 16px;
  padding-bottom: 8px;
  padding-left: 0;
  width: 100%;
  z-index: 2;
  height: 28px;
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
}
input.input-large {
  height: 48px;
  font-size: 1.3rem;
  padding: 0 10px;
}
input.input-large[placeholder] {
  font-size: 1.1rem;
}
input.input-large::-moz-placeholder {
  font-size: 1.1rem;
}
input.input-large:-moz-placeholder {
  font-size: 1.1rem;
}
input.input-large:-ms-input-placeholder {
  font-size: 1.1rem;
}
.input.input-small {
  height: 28px;
}
.input.input-small input {
  height: 26px;
  font-size: 0.9rem;
  padding: 0 4px;
  line-height: 26px;
}
.input.input-small .button {
  height: 26px;
  min-width: 26px;
  font-size: 0.9rem;
  padding: 0;
}
.input.input-small .button [class*=mif-] {
  font-size: 0.9rem;
}
.input.input-small .button .default-icon-cross,
.input.input-small .button .default-icon-eye {
  width: 14px;
  height: 14px;
}
.input.input-small .input-clear-button,
.input.input-small .input-reveal-button {
  width: 26px;
  padding: 0;
}
.input.input-small input[placeholder] {
  font-size: 0.8rem;
}
.input.input-small input::-moz-placeholder {
  font-size: 0.8rem;
}
.input.input-small input:-moz-placeholder {
  font-size: 0.8rem;
}
.input.input-small input:-ms-input-placeholder {
  font-size: 0.8rem;
}
.input.input-small .append,
.input.input-small .prepend {
  height: 26px;
  line-height: 26px;
  padding: 0 0.5rem;
  font-size: 0.9rem;
}
input.input-small {
  height: 26px;
  font-size: 0.9rem;
  padding: 0 4px;
}
input.input-small[placeholder] {
  font-size: 0.8rem;
}
input.input-small::-moz-placeholder {
  font-size: 0.8rem;
}
input.input-small:-moz-placeholder {
  font-size: 0.8rem;
}
input.input-small:-ms-input-placeholder {
  font-size: 0.8rem;
}
.input[dir=rtl],
.input.rtl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-flow: row-reverse nowrap;
}
.input[dir=rtl] input,
.input.rtl input {
  -webkit-box-ordinal-group: 4;
          order: 3;
  direction: rtl;
}
.input[dir=rtl] .button-group,
.input.rtl .button-group {
  -webkit-box-ordinal-group: 3;
          order: 2;
}
.input[dir=rtl] .prepend,
.input.rtl .prepend {
  -webkit-box-ordinal-group: 5;
          order: 4;
}
.input[dir=rtl] .append,
.input.rtl .append {
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.slider input {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.tag-input {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  padding: 0 2px;
  cursor: text;
  position: relative;
  height: auto;
  min-height: 36px;
}
.tag-input .original-input {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.tag-input .input-wrapper {
  width: auto;
  border: none!important;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  padding: 0 4px;
}
.tag-input .input-wrapper:focus {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;
}

.button,
.flat-button {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0 0.75rem;
  height: 36px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background-color: #ebebeb;
  color: #1d1d1d;
  cursor: pointer;
  outline: none;
  position: relative;
  overflow: visible;
}
.date-picker.disabled {
  pointer-events: none!important;
  color: #e4e4e4 !important;
}
[class*=default-icon] {
  display: block;
  height: 16px;
  width: 16px;
  border: none!important;
  background-size: cover;
  background-color: transparent;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: auto;
}
[class*=default-icon]:hover {
  opacity: 1;
}
.default-icon-cross {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%3Cpath%20fill%3D%22%23000%22%20d%3D%22M31.708%2025.708c-0-0-0-0-0-0l-9.708-9.708%209.708-9.708c0-0%200-0%200-0%200.105-0.105%200.18-0.227%200.229-0.357%200.133-0.356%200.057-0.771-0.229-1.057l-4.586-4.586c-0.286-0.286-0.702-0.361-1.057-0.229-0.13%200.048-0.252%200.124-0.357%200.228%200%200-0%200-0%200l-9.708%209.708-9.708-9.708c-0-0-0-0-0-0-0.105-0.104-0.227-0.18-0.357-0.228-0.356-0.133-0.771-0.057-1.057%200.229l-4.586%204.586c-0.286%200.286-0.361%200.702-0.229%201.057%200.049%200.13%200.124%200.252%200.229%200.357%200%200%200%200%200%200l9.708%209.708-9.708%209.708c-0%200-0%200-0%200-0.104%200.105-0.18%200.227-0.229%200.357-0.133%200.355-0.057%200.771%200.229%201.057l4.586%204.586c0.286%200.286%200.702%200.361%201.057%200.229%200.13-0.049%200.252-0.124%200.357-0.229%200-0%200-0%200-0l9.708-9.708%209.708%209.708c0%200%200%200%200%200%200.105%200.105%200.227%200.18%200.357%200.229%200.356%200.133%200.771%200.057%201.057-0.229l4.586-4.586c0.286-0.286%200.362-0.702%200.229-1.057-0.049-0.13-0.124-0.252-0.229-0.357z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
}
.tag-input .input-clear-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: transparent;
  height: 34px;
  min-width: 34px;
}
.tag-input .input-clear-button:hover {
  background-color: #f8f8f8;
  text-shadow: rgba(0, 0, 0, 0.25) 0.1em 0.1em 0.2em;
}
.tag-input.padding-for-clear {
  padding-right: 48px;
}
.tag-input.input-large {
  min-height: 50px;
}
.tag-input.input-large input {
  height: 48px;
  font-size: 1.3rem;
  padding: 0 10px;
  line-height: 48px;
  min-width: 5em;
}
.tag-input.input-large .button {
  height: 48px;
  min-width: 48px;
  font-size: 1.3rem;
}
.tag-input.input-large .button [class*=mif-] {
  font-size: 1.3rem;
}
.tag-input.input-large .button [class*=default-icon-] {
  width: 21px;
  height: 21px;
}
.tag-input.input-large .button .input-clear-button {
  width: 48px;
  padding: 0;
}
.tag-input.input-small {
  min-height: 28px;
}
.tag-input.input-small input {
  height: 26px;
  font-size: 0.9rem;
  padding: 0 4px;
  line-height: 26px;
  min-width: 5em;
}
.tag-input.input-small .button {
  height: 26px;
  min-width: 26px;
  font-size: 0.9rem;
}
.tag-input.input-small .button [class*=mif-] {
  font-size: 0.9rem;
}
.tag-input.input-small .button [class*=default-icon-] {
  width: 14px;
  height: 14px;
}
.tag-input.input-small .input-clear-button {
  width: 26px;
  padding: 0;
}
.tag-input.static-mode {
  border: none!important;
  cursor: default;
}
.tag-input.static-mode .button,
.tag-input.static-mode input {
  display: none!important;
}
.tag-input .autocomplete-list {
  margin: 0;
  padding: 0;
  list-style: none inside;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
  overflow-y: auto;
  background-color: #ffffff;
  height: auto;
  border: 1px solid #dfdfdf;
  z-index: 3;
  display: block;
}
.tag-input .autocomplete-list .item {
  display: block;
  position: relative;
  padding: 4px 8px;
  cursor: pointer;
}
.tag-input .autocomplete-list .item:hover {
  background-color: rgba(29, 29, 29, 0.1);
}
.tag-input .autocomplete-list .item + .item {
  border-top: 1px solid #dfdfdf;
}
.tag {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
          align-items: flex-start;
  position: relative;
  margin: 2px;
  padding: 0;
  height: 26px;
  line-height: 26px;
  background-color: #f8f8f8;
  cursor: default;
}
.tag .title {
  display: block;
  position: relative;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 8px;
}
.tag .remover {
  display: block;
  position: relative;
  width: 26px;
  height: 100%;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  background-color: #e4e4e4;
  font-size: 1.2rem;
}
.tag.short-tag .title {
  max-width: 120px;
}
.tag.small {
  margin: 2px 2px;
  height: 18px;
  line-height: 18px;
}
.tag.small .title {
  font-size: 0.7rem;
  line-height: 18px;
}
.tag.small .remover {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 0.8rem;
}
.tag.large {
  margin: 2px 2px;
  height: 36px;
  line-height: 36px;
}
.tag.large .title {
  font-size: 1.3rem;
  line-height: 36px;
}
.tag.large .remover {
  width: 35px;
  height: 35px;
  line-height: 33px;
  font-size: 1.6rem;
}
.tag.static {
  background: #d4f0ff;
  color: #1d1d1d;
}
.tag.static .remover {
  display: none!important;
}