/*
 * Metro 4 Components Library v4.5.1  (https://metroui.org.ua)
 * Copyright 2012-2022 Sergey Pimenov
 * Built at 23/06/2022 09:21:11
 * Licensed under MIT
 */
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
    scroll-behavior: smooth;
}
body {
    line-height: 1.5;
    overflow-x: hidden;
    background-color: #ffffff;
    min-height: 100vh;
    text-rendering: optimizeSpeed;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
base,
basefont,
datalist,
head,
meta,
script,
style,
title,
noembed,
param,
template {
    display: none;
}
[tabindex="-1"]:focus {
    outline: none !important;
}
[hidden] {
    display: none !important;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation;
}
svg:not(:root) {
    overflow: hidden;
}
img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}
div {
    position: relative;
}
article > * + * {
    margin-top: 1em;
}
input,
button,
textarea,
select {
    font: inherit;
}
@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;
}
.button.primary,
.command-button.primary,
.image-button.primary,
.shortcut.primary,
.tool-button.primary,
.split-button .split.primary,
tbody tr.primary,
tbody td.primary,
.tally.primary,
code.primary,
.notify.primary,
.info-button.primary,
.input .button.primary,
.select .button.primary,
.tag-input .button.primary,
.spinner .button.primary,
.toast.primary {
    outline-color: #75b5fd;
    background-color: #0366d6;
    color: #ffffff;
}
.button.primary.outline,
.command-button.primary.outline,
.image-button.primary.outline,
.shortcut.primary.outline,
.tool-button.primary.outline,
.split-button .split.primary.outline,
tbody tr.primary.outline,
tbody td.primary.outline,
.tally.primary.outline,
code.primary.outline,
.notify.primary.outline,
.info-button.primary.outline,
.input .button.primary.outline,
.select .button.primary.outline,
.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;
}
.button.primary.outline:hover,
.command-button.primary.outline:hover,
.image-button.primary.outline:hover,
.shortcut.primary.outline:hover,
.tool-button.primary.outline:hover,
.split-button .split.primary.outline:hover,
tbody tr.primary.outline:hover,
tbody td.primary.outline:hover,
.tally.primary.outline:hover,
code.primary.outline:hover,
.notify.primary.outline:hover,
.info-button.primary.outline:hover,
.input .button.primary.outline:hover,
.select .button.primary.outline:hover,
.tag-input .button.primary.outline:hover,
.spinner .button.primary.outline:hover,
.toast.primary.outline:hover {
    color: #ffffff;
}
.button.primary.dropdown-toggle::before,
.command-button.primary.dropdown-toggle::before,
.image-button.primary.dropdown-toggle::before,
.shortcut.primary.dropdown-toggle::before,
.tool-button.primary.dropdown-toggle::before,
.split-button .split.primary.dropdown-toggle::before,
tbody tr.primary.dropdown-toggle::before,
tbody td.primary.dropdown-toggle::before,
.tally.primary.dropdown-toggle::before,
code.primary.dropdown-toggle::before,
.notify.primary.dropdown-toggle::before,
.info-button.primary.dropdown-toggle::before,
.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;
}
.button.primary:hover,
.command-button.primary:hover,
.image-button.primary:hover,
.shortcut.primary:hover,
.tool-button.primary:hover,
.split-button .split.primary:hover,
tbody tr.primary:hover,
tbody td.primary:hover,
.tally.primary:hover,
code.primary:hover,
.notify.primary:hover,
.info-button.primary:hover,
.input .button.primary:hover,
.select .button.primary:hover,
.tag-input .button.primary:hover,
.spinner .button.primary:hover,
.toast.primary:hover {
    color: #ffffff;
    background-color: #024ea4;
    border-color: #023671;
}
.button.primary:hover.dropdown-toggle::before,
.command-button.primary:hover.dropdown-toggle::before,
.image-button.primary:hover.dropdown-toggle::before,
.shortcut.primary:hover.dropdown-toggle::before,
.tool-button.primary:hover.dropdown-toggle::before,
.split-button .split.primary:hover.dropdown-toggle::before,
tbody tr.primary:hover.dropdown-toggle::before,
tbody td.primary:hover.dropdown-toggle::before,
.tally.primary:hover.dropdown-toggle::before,
code.primary:hover.dropdown-toggle::before,
.notify.primary:hover.dropdown-toggle::before,
.info-button.primary:hover.dropdown-toggle::before,
.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;
}
.button.primary.same-color:hover,
.command-button.primary.same-color:hover,
.image-button.primary.same-color:hover,
.shortcut.primary.same-color:hover,
.tool-button.primary.same-color:hover,
.split-button .split.primary.same-color:hover,
tbody tr.primary.same-color:hover,
tbody td.primary.same-color:hover,
.tally.primary.same-color:hover,
code.primary.same-color:hover,
.notify.primary.same-color:hover,
.info-button.primary.same-color:hover,
.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;
}
.button.primary:active,
.command-button.primary:active,
.image-button.primary:active,
.shortcut.primary:active,
.tool-button.primary:active,
.split-button .split.primary:active,
tbody tr.primary:active,
tbody td.primary:active,
.tally.primary:active,
code.primary:active,
.notify.primary:active,
.info-button.primary:active,
.input .button.primary:active,
.select .button.primary:active,
.tag-input .button.primary:active,
.spinner .button.primary:active,
.toast.primary:active,
.button.primary.focus,
.command-button.primary.focus,
.image-button.primary.focus,
.shortcut.primary.focus,
.tool-button.primary.focus,
.split-button .split.primary.focus,
tbody tr.primary.focus,
tbody td.primary.focus,
.tally.primary.focus,
code.primary.focus,
.notify.primary.focus,
.info-button.primary.focus,
.input .button.primary.focus,
.select .button.primary.focus,
.tag-input .button.primary.focus,
.spinner .button.primary.focus,
.toast.primary.focus,
.button.primary:focus,
.command-button.primary:focus,
.image-button.primary:focus,
.shortcut.primary:focus,
.tool-button.primary:focus,
.split-button .split.primary:focus,
tbody tr.primary:focus,
tbody td.primary:focus,
.tally.primary:focus,
code.primary:focus,
.notify.primary:focus,
.info-button.primary:focus,
.input .button.primary:focus,
.select .button.primary:focus,
.tag-input .button.primary:focus,
.spinner .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);
}
.button.secondary,
.command-button.secondary,
.image-button.secondary,
.shortcut.secondary,
.tool-button.secondary,
.split-button .split.secondary,
tbody tr.secondary,
tbody td.secondary,
.tally.secondary,
code.secondary,
.notify.secondary,
.info-button.secondary,
.input .button.secondary,
.select .button.secondary,
.tag-input .button.secondary,
.spinner .button.secondary,
.toast.secondary {
    outline-color: #b7c6cd;
    background-color: #607d8b;
    color: #ffffff;
}
.button.secondary.outline,
.command-button.secondary.outline,
.image-button.secondary.outline,
.shortcut.secondary.outline,
.tool-button.secondary.outline,
.split-button .split.secondary.outline,
tbody tr.secondary.outline,
tbody td.secondary.outline,
.tally.secondary.outline,
code.secondary.outline,
.notify.secondary.outline,
.info-button.secondary.outline,
.input .button.secondary.outline,
.select .button.secondary.outline,
.tag-input .button.secondary.outline,
.spinner .button.secondary.outline,
.toast.secondary.outline {
    color: #607d8b;
    border-color: #607d8b;
}
.button.secondary.outline.dropdown-toggle::before,
.command-button.secondary.outline.dropdown-toggle::before,
.image-button.secondary.outline.dropdown-toggle::before,
.shortcut.secondary.outline.dropdown-toggle::before,
.tool-button.secondary.outline.dropdown-toggle::before,
.split-button .split.secondary.outline.dropdown-toggle::before,
tbody tr.secondary.outline.dropdown-toggle::before,
tbody td.secondary.outline.dropdown-toggle::before,
.tally.secondary.outline.dropdown-toggle::before,
code.secondary.outline.dropdown-toggle::before,
.notify.secondary.outline.dropdown-toggle::before,
.info-button.secondary.outline.dropdown-toggle::before,
.input .button.secondary.outline.dropdown-toggle::before,
.select .button.secondary.outline.dropdown-toggle::before,
.tag-input .button.secondary.outline.dropdown-toggle::before,
.spinner .button.secondary.outline.dropdown-toggle::before,
.toast.secondary.outline.dropdown-toggle::before {
    border-color: #607d8b;
}
.button.secondary.outline:hover,
.command-button.secondary.outline:hover,
.image-button.secondary.outline:hover,
.shortcut.secondary.outline:hover,
.tool-button.secondary.outline:hover,
.split-button .split.secondary.outline:hover,
tbody tr.secondary.outline:hover,
tbody td.secondary.outline:hover,
.tally.secondary.outline:hover,
code.secondary.outline:hover,
.notify.secondary.outline:hover,
.info-button.secondary.outline:hover,
.input .button.secondary.outline:hover,
.select .button.secondary.outline:hover,
.tag-input .button.secondary.outline:hover,
.spinner .button.secondary.outline:hover,
.toast.secondary.outline:hover {
    color: #ffffff;
}
.button.secondary.dropdown-toggle::before,
.command-button.secondary.dropdown-toggle::before,
.image-button.secondary.dropdown-toggle::before,
.shortcut.secondary.dropdown-toggle::before,
.tool-button.secondary.dropdown-toggle::before,
.split-button .split.secondary.dropdown-toggle::before,
tbody tr.secondary.dropdown-toggle::before,
tbody td.secondary.dropdown-toggle::before,
.tally.secondary.dropdown-toggle::before,
code.secondary.dropdown-toggle::before,
.notify.secondary.dropdown-toggle::before,
.info-button.secondary.dropdown-toggle::before,
.input .button.secondary.dropdown-toggle::before,
.select .button.secondary.dropdown-toggle::before,
.tag-input .button.secondary.dropdown-toggle::before,
.spinner .button.secondary.dropdown-toggle::before,
.toast.secondary.dropdown-toggle::before {
    border-color: #ffffff;
}
.button.secondary:hover,
.command-button.secondary:hover,
.image-button.secondary:hover,
.shortcut.secondary:hover,
.tool-button.secondary:hover,
.split-button .split.secondary:hover,
tbody tr.secondary:hover,
tbody td.secondary:hover,
.tally.secondary:hover,
code.secondary:hover,
.notify.secondary:hover,
.info-button.secondary:hover,
.input .button.secondary:hover,
.select .button.secondary:hover,
.tag-input .button.secondary:hover,
.spinner .button.secondary:hover,
.toast.secondary:hover {
    color: #ffffff;
    background-color: #4b626d;
    border-color: #36474f;
}
.button.secondary:hover.dropdown-toggle::before,
.command-button.secondary:hover.dropdown-toggle::before,
.image-button.secondary:hover.dropdown-toggle::before,
.shortcut.secondary:hover.dropdown-toggle::before,
.tool-button.secondary:hover.dropdown-toggle::before,
.split-button .split.secondary:hover.dropdown-toggle::before,
tbody tr.secondary:hover.dropdown-toggle::before,
tbody td.secondary:hover.dropdown-toggle::before,
.tally.secondary:hover.dropdown-toggle::before,
code.secondary:hover.dropdown-toggle::before,
.notify.secondary:hover.dropdown-toggle::before,
.info-button.secondary:hover.dropdown-toggle::before,
.input .button.secondary:hover.dropdown-toggle::before,
.select .button.secondary:hover.dropdown-toggle::before,
.tag-input .button.secondary:hover.dropdown-toggle::before,
.spinner .button.secondary:hover.dropdown-toggle::before,
.toast.secondary:hover.dropdown-toggle::before {
    border-color: #ffffff;
}
.button.secondary.same-color:hover,
.command-button.secondary.same-color:hover,
.image-button.secondary.same-color:hover,
.shortcut.secondary.same-color:hover,
.tool-button.secondary.same-color:hover,
.split-button .split.secondary.same-color:hover,
tbody tr.secondary.same-color:hover,
tbody td.secondary.same-color:hover,
.tally.secondary.same-color:hover,
code.secondary.same-color:hover,
.notify.secondary.same-color:hover,
.info-button.secondary.same-color:hover,
.input .button.secondary.same-color:hover,
.select .button.secondary.same-color:hover,
.tag-input .button.secondary.same-color:hover,
.spinner .button.secondary.same-color:hover,
.toast.secondary.same-color:hover {
    background-color: #607d8b;
    border-color: #607d8b;
}
.button.secondary:active,
.command-button.secondary:active,
.image-button.secondary:active,
.shortcut.secondary:active,
.tool-button.secondary:active,
.split-button .split.secondary:active,
tbody tr.secondary:active,
tbody td.secondary:active,
.tally.secondary:active,
code.secondary:active,
.notify.secondary:active,
.info-button.secondary:active,
.input .button.secondary:active,
.select .button.secondary:active,
.tag-input .button.secondary:active,
.spinner .button.secondary:active,
.toast.secondary:active,
.button.secondary.focus,
.command-button.secondary.focus,
.image-button.secondary.focus,
.shortcut.secondary.focus,
.tool-button.secondary.focus,
.split-button .split.secondary.focus,
tbody tr.secondary.focus,
tbody td.secondary.focus,
.tally.secondary.focus,
code.secondary.focus,
.notify.secondary.focus,
.info-button.secondary.focus,
.input .button.secondary.focus,
.select .button.secondary.focus,
.tag-input .button.secondary.focus,
.spinner .button.secondary.focus,
.toast.secondary.focus,
.button.secondary:focus,
.command-button.secondary:focus,
.image-button.secondary:focus,
.shortcut.secondary:focus,
.tool-button.secondary:focus,
.split-button .split.secondary:focus,
tbody tr.secondary:focus,
tbody td.secondary:focus,
.tally.secondary:focus,
code.secondary:focus,
.notify.secondary:focus,
.info-button.secondary:focus,
.input .button.secondary:focus,
.select .button.secondary:focus,
.tag-input .button.secondary:focus,
.spinner .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);
}
.button.success,
.command-button.success,
.image-button.success,
.shortcut.success,
.tool-button.success,
.split-button .split.success,
tbody tr.success,
tbody td.success,
.tally.success,
code.success,
.notify.success,
.info-button.success,
.input .button.success,
.select .button.success,
.tag-input .button.success,
.spinner .button.success,
.toast.success {
    outline-color: #adeb6e;
    background-color: #60a917;
    color: #ffffff;
}
.button.success.outline,
.command-button.success.outline,
.image-button.success.outline,
.shortcut.success.outline,
.tool-button.success.outline,
.split-button .split.success.outline,
tbody tr.success.outline,
tbody td.success.outline,
.tally.success.outline,
code.success.outline,
.notify.success.outline,
.info-button.success.outline,
.input .button.success.outline,
.select .button.success.outline,
.tag-input .button.success.outline,
.spinner .button.success.outline,
.toast.success.outline {
    color: #60a917;
    border-color: #60a917;
}
.button.success.outline.dropdown-toggle::before,
.command-button.success.outline.dropdown-toggle::before,
.image-button.success.outline.dropdown-toggle::before,
.shortcut.success.outline.dropdown-toggle::before,
.tool-button.success.outline.dropdown-toggle::before,
.split-button .split.success.outline.dropdown-toggle::before,
tbody tr.success.outline.dropdown-toggle::before,
tbody td.success.outline.dropdown-toggle::before,
.tally.success.outline.dropdown-toggle::before,
code.success.outline.dropdown-toggle::before,
.notify.success.outline.dropdown-toggle::before,
.info-button.success.outline.dropdown-toggle::before,
.input .button.success.outline.dropdown-toggle::before,
.select .button.success.outline.dropdown-toggle::before,
.tag-input .button.success.outline.dropdown-toggle::before,
.spinner .button.success.outline.dropdown-toggle::before,
.toast.success.outline.dropdown-toggle::before {
    border-color: #60a917;
}
.button.success.outline:hover,
.command-button.success.outline:hover,
.image-button.success.outline:hover,
.shortcut.success.outline:hover,
.tool-button.success.outline:hover,
.split-button .split.success.outline:hover,
tbody tr.success.outline:hover,
tbody td.success.outline:hover,
.tally.success.outline:hover,
code.success.outline:hover,
.notify.success.outline:hover,
.info-button.success.outline:hover,
.input .button.success.outline:hover,
.select .button.success.outline:hover,
.tag-input .button.success.outline:hover,
.spinner .button.success.outline:hover,
.toast.success.outline:hover {
    color: #ffffff;
}
.button.success.dropdown-toggle::before,
.command-button.success.dropdown-toggle::before,
.image-button.success.dropdown-toggle::before,
.shortcut.success.dropdown-toggle::before,
.tool-button.success.dropdown-toggle::before,
.split-button .split.success.dropdown-toggle::before,
tbody tr.success.dropdown-toggle::before,
tbody td.success.dropdown-toggle::before,
.tally.success.dropdown-toggle::before,
code.success.dropdown-toggle::before,
.notify.success.dropdown-toggle::before,
.info-button.success.dropdown-toggle::before,
.input .button.success.dropdown-toggle::before,
.select .button.success.dropdown-toggle::before,
.tag-input .button.success.dropdown-toggle::before,
.spinner .button.success.dropdown-toggle::before,
.toast.success.dropdown-toggle::before {
    border-color: #ffffff;
}
.button.success:hover,
.command-button.success:hover,
.image-button.success:hover,
.shortcut.success:hover,
.tool-button.success:hover,
.split-button .split.success:hover,
tbody tr.success:hover,
tbody td.success:hover,
.tally.success:hover,
code.success:hover,
.notify.success:hover,
.info-button.success:hover,
.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;
}
.button.success:hover.dropdown-toggle::before,
.command-button.success:hover.dropdown-toggle::before,
.image-button.success:hover.dropdown-toggle::before,
.shortcut.success:hover.dropdown-toggle::before,
.tool-button.success:hover.dropdown-toggle::before,
.split-button .split.success:hover.dropdown-toggle::before,
tbody tr.success:hover.dropdown-toggle::before,
tbody td.success:hover.dropdown-toggle::before,
.tally.success:hover.dropdown-toggle::before,
code.success:hover.dropdown-toggle::before,
.notify.success:hover.dropdown-toggle::before,
.info-button.success:hover.dropdown-toggle::before,
.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;
}
.button.success.same-color:hover,
.command-button.success.same-color:hover,
.image-button.success.same-color:hover,
.shortcut.success.same-color:hover,
.tool-button.success.same-color:hover,
.split-button .split.success.same-color:hover,
tbody tr.success.same-color:hover,
tbody td.success.same-color:hover,
.tally.success.same-color:hover,
code.success.same-color:hover,
.notify.success.same-color:hover,
.info-button.success.same-color:hover,
.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;
}
.button.success:active,
.command-button.success:active,
.image-button.success:active,
.shortcut.success:active,
.tool-button.success:active,
.split-button .split.success:active,
tbody tr.success:active,
tbody td.success:active,
.tally.success:active,
code.success:active,
.notify.success:active,
.info-button.success:active,
.input .button.success:active,
.select .button.success:active,
.tag-input .button.success:active,
.spinner .button.success:active,
.toast.success:active,
.button.success.focus,
.command-button.success.focus,
.image-button.success.focus,
.shortcut.success.focus,
.tool-button.success.focus,
.split-button .split.success.focus,
tbody tr.success.focus,
tbody td.success.focus,
.tally.success.focus,
code.success.focus,
.notify.success.focus,
.info-button.success.focus,
.input .button.success.focus,
.select .button.success.focus,
.tag-input .button.success.focus,
.spinner .button.success.focus,
.toast.success.focus,
.button.success:focus,
.command-button.success:focus,
.image-button.success:focus,
.shortcut.success:focus,
.tool-button.success:focus,
.split-button .split.success:focus,
tbody tr.success:focus,
tbody td.success:focus,
.tally.success:focus,
code.success:focus,
.notify.success:focus,
.info-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);
}
.button.alert,
.command-button.alert,
.image-button.alert,
.shortcut.alert,
.tool-button.alert,
.split-button .split.alert,
tbody tr.alert,
tbody td.alert,
.tally.alert,
code.alert,
.notify.alert,
.info-button.alert,
.input .button.alert,
.select .button.alert,
.tag-input .button.alert,
.spinner .button.alert,
.toast.alert {
    outline-color: #ecaba7;
    background-color: #CE352C;
    color: #ffffff;
}
.button.alert.outline,
.command-button.alert.outline,
.image-button.alert.outline,
.shortcut.alert.outline,
.tool-button.alert.outline,
.split-button .split.alert.outline,
tbody tr.alert.outline,
tbody td.alert.outline,
.tally.alert.outline,
code.alert.outline,
.notify.alert.outline,
.info-button.alert.outline,
.input .button.alert.outline,
.select .button.alert.outline,
.tag-input .button.alert.outline,
.spinner .button.alert.outline,
.toast.alert.outline {
    color: #CE352C;
    border-color: #CE352C;
}
.button.alert.outline.dropdown-toggle::before,
.command-button.alert.outline.dropdown-toggle::before,
.image-button.alert.outline.dropdown-toggle::before,
.shortcut.alert.outline.dropdown-toggle::before,
.tool-button.alert.outline.dropdown-toggle::before,
.split-button .split.alert.outline.dropdown-toggle::before,
tbody tr.alert.outline.dropdown-toggle::before,
tbody td.alert.outline.dropdown-toggle::before,
.tally.alert.outline.dropdown-toggle::before,
code.alert.outline.dropdown-toggle::before,
.notify.alert.outline.dropdown-toggle::before,
.info-button.alert.outline.dropdown-toggle::before,
.input .button.alert.outline.dropdown-toggle::before,
.select .button.alert.outline.dropdown-toggle::before,
.tag-input .button.alert.outline.dropdown-toggle::before,
.spinner .button.alert.outline.dropdown-toggle::before,
.toast.alert.outline.dropdown-toggle::before {
    border-color: #CE352C;
}
.button.alert.outline:hover,
.command-button.alert.outline:hover,
.image-button.alert.outline:hover,
.shortcut.alert.outline:hover,
.tool-button.alert.outline:hover,
.split-button .split.alert.outline:hover,
tbody tr.alert.outline:hover,
tbody td.alert.outline:hover,
.tally.alert.outline:hover,
code.alert.outline:hover,
.notify.alert.outline:hover,
.info-button.alert.outline:hover,
.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;
}
.button.alert.dropdown-toggle::before,
.command-button.alert.dropdown-toggle::before,
.image-button.alert.dropdown-toggle::before,
.shortcut.alert.dropdown-toggle::before,
.tool-button.alert.dropdown-toggle::before,
.split-button .split.alert.dropdown-toggle::before,
tbody tr.alert.dropdown-toggle::before,
tbody td.alert.dropdown-toggle::before,
.tally.alert.dropdown-toggle::before,
code.alert.dropdown-toggle::before,
.notify.alert.dropdown-toggle::before,
.info-button.alert.dropdown-toggle::before,
.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;
}
.button.alert:hover,
.command-button.alert:hover,
.image-button.alert:hover,
.shortcut.alert:hover,
.tool-button.alert:hover,
.split-button .split.alert:hover,
tbody tr.alert:hover,
tbody td.alert:hover,
.tally.alert:hover,
code.alert:hover,
.notify.alert:hover,
.info-button.alert:hover,
.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;
}
.button.alert:hover.dropdown-toggle::before,
.command-button.alert:hover.dropdown-toggle::before,
.image-button.alert:hover.dropdown-toggle::before,
.shortcut.alert:hover.dropdown-toggle::before,
.tool-button.alert:hover.dropdown-toggle::before,
.split-button .split.alert:hover.dropdown-toggle::before,
tbody tr.alert:hover.dropdown-toggle::before,
tbody td.alert:hover.dropdown-toggle::before,
.tally.alert:hover.dropdown-toggle::before,
code.alert:hover.dropdown-toggle::before,
.notify.alert:hover.dropdown-toggle::before,
.info-button.alert:hover.dropdown-toggle::before,
.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;
}
.button.alert.same-color:hover,
.command-button.alert.same-color:hover,
.image-button.alert.same-color:hover,
.shortcut.alert.same-color:hover,
.tool-button.alert.same-color:hover,
.split-button .split.alert.same-color:hover,
tbody tr.alert.same-color:hover,
tbody td.alert.same-color:hover,
.tally.alert.same-color:hover,
code.alert.same-color:hover,
.notify.alert.same-color:hover,
.info-button.alert.same-color:hover,
.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;
}
.button.alert:active,
.command-button.alert:active,
.image-button.alert:active,
.shortcut.alert:active,
.tool-button.alert:active,
.split-button .split.alert:active,
tbody tr.alert:active,
tbody td.alert:active,
.tally.alert:active,
code.alert:active,
.notify.alert:active,
.info-button.alert:active,
.input .button.alert:active,
.select .button.alert:active,
.tag-input .button.alert:active,
.spinner .button.alert:active,
.toast.alert:active,
.button.alert.focus,
.command-button.alert.focus,
.image-button.alert.focus,
.shortcut.alert.focus,
.tool-button.alert.focus,
.split-button .split.alert.focus,
tbody tr.alert.focus,
tbody td.alert.focus,
.tally.alert.focus,
code.alert.focus,
.notify.alert.focus,
.info-button.alert.focus,
.input .button.alert.focus,
.select .button.alert.focus,
.tag-input .button.alert.focus,
.spinner .button.alert.focus,
.toast.alert.focus,
.button.alert:focus,
.command-button.alert:focus,
.image-button.alert:focus,
.shortcut.alert:focus,
.tool-button.alert:focus,
.split-button .split.alert:focus,
tbody tr.alert:focus,
tbody td.alert:focus,
.tally.alert:focus,
code.alert:focus,
.notify.alert:focus,
.info-button.alert:focus,
.input .button.alert:focus,
.select .button.alert:focus,
.tag-input .button.alert:focus,
.spinner .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);
}
.button.warning,
.command-button.warning,
.image-button.warning,
.shortcut.warning,
.tool-button.warning,
.split-button .split.warning,
tbody tr.warning,
tbody td.warning,
.tally.warning,
code.warning,
.notify.warning,
.info-button.warning,
.input .button.warning,
.select .button.warning,
.tag-input .button.warning,
.spinner .button.warning,
.toast.warning {
    outline-color: #ffede1;
    background-color: #ff9447;
    color: #ffffff;
}
.button.warning.outline,
.command-button.warning.outline,
.image-button.warning.outline,
.shortcut.warning.outline,
.tool-button.warning.outline,
.split-button .split.warning.outline,
tbody tr.warning.outline,
tbody td.warning.outline,
.tally.warning.outline,
code.warning.outline,
.notify.warning.outline,
.info-button.warning.outline,
.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;
}
.button.warning.outline.dropdown-toggle::before,
.command-button.warning.outline.dropdown-toggle::before,
.image-button.warning.outline.dropdown-toggle::before,
.shortcut.warning.outline.dropdown-toggle::before,
.tool-button.warning.outline.dropdown-toggle::before,
.split-button .split.warning.outline.dropdown-toggle::before,
tbody tr.warning.outline.dropdown-toggle::before,
tbody td.warning.outline.dropdown-toggle::before,
.tally.warning.outline.dropdown-toggle::before,
code.warning.outline.dropdown-toggle::before,
.notify.warning.outline.dropdown-toggle::before,
.info-button.warning.outline.dropdown-toggle::before,
.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;
}
.button.warning.outline:hover,
.command-button.warning.outline:hover,
.image-button.warning.outline:hover,
.shortcut.warning.outline:hover,
.tool-button.warning.outline:hover,
.split-button .split.warning.outline:hover,
tbody tr.warning.outline:hover,
tbody td.warning.outline:hover,
.tally.warning.outline:hover,
code.warning.outline:hover,
.notify.warning.outline:hover,
.info-button.warning.outline:hover,
.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;
}
.button.warning.dropdown-toggle::before,
.command-button.warning.dropdown-toggle::before,
.image-button.warning.dropdown-toggle::before,
.shortcut.warning.dropdown-toggle::before,
.tool-button.warning.dropdown-toggle::before,
.split-button .split.warning.dropdown-toggle::before,
tbody tr.warning.dropdown-toggle::before,
tbody td.warning.dropdown-toggle::before,
.tally.warning.dropdown-toggle::before,
code.warning.dropdown-toggle::before,
.notify.warning.dropdown-toggle::before,
.info-button.warning.dropdown-toggle::before,
.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;
}
.button.warning:hover,
.command-button.warning:hover,
.image-button.warning:hover,
.shortcut.warning:hover,
.tool-button.warning:hover,
.split-button .split.warning:hover,
tbody tr.warning:hover,
tbody td.warning:hover,
.tally.warning:hover,
code.warning:hover,
.notify.warning:hover,
.info-button.warning:hover,
.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;
}
.button.warning:hover.dropdown-toggle::before,
.command-button.warning:hover.dropdown-toggle::before,
.image-button.warning:hover.dropdown-toggle::before,
.shortcut.warning:hover.dropdown-toggle::before,
.tool-button.warning:hover.dropdown-toggle::before,
.split-button .split.warning:hover.dropdown-toggle::before,
tbody tr.warning:hover.dropdown-toggle::before,
tbody td.warning:hover.dropdown-toggle::before,
.tally.warning:hover.dropdown-toggle::before,
code.warning:hover.dropdown-toggle::before,
.notify.warning:hover.dropdown-toggle::before,
.info-button.warning:hover.dropdown-toggle::before,
.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);
}
.accent-block.primary {
    background-color: #0366d6;
    color: #ffffff;
}
.accent-block.secondary {
    background-color: #607d8b;
    color: #ffffff;
}
.accent-block.success {
    background-color: #60a917;
    color: #ffffff;
}
.accent-block.alert {
    background-color: #CE352C;
    color: #ffffff;
}
.accent-block.warning {
    background-color: #ff9447;
    color: #ffffff;
}
.accent-block.yellow {
    background-color: #ffe484;
    color: #ffffff;
}
.accent-block.info {
    background-color: #5ebdec;
    color: #ffffff;
}
.accent-block.dark {
    background-color: #505050;
    color: #ffffff;
}
.accent-block.light {
    background-color: #f8f8f8;
    color: #ffffff;
}
.accent-block.light,
.accent-block.yellow {
    color: #1d1d1d;
}
.ani-spin,
.ani-hover-spin:hover {
    -webkit-animation: ani-spin 1.5s linear infinite;
    animation: ani-spin 1.5s linear infinite;
}
.ani-pulse,
.ani-hover-pulse:hover {
    -webkit-animation: ani-pulse 1.7s infinite;
    animation: ani-pulse 1.7s infinite;
}
.ani-spanner,
.ani-hover-spanner:hover {
    -webkit-transform-origin: 90% 35%;
    transform-origin: 90% 35%;
    -webkit-animation: ani-wrench 2.5s ease infinite;
    animation: ani-wrench 2.5s ease infinite;
}
.ani-ring,
.ani-hover-ring:hover {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: ani-ring 2s ease infinite;
    animation: ani-ring 2s ease infinite;
}
.ani-vertical,
.ani-hover-vertical:hover {
    -webkit-animation: ani-vertical 2s ease infinite;
    animation: ani-vertical 2s ease infinite;
}
.ani-horizontal,
.ani-hover-horizontal:hover {
    -webkit-animation: ani-horizontal 2s ease infinite;
    animation: ani-horizontal 2s ease infinite;
}
.ani-flash,
.ani-hover-flash:hover {
    -webkit-animation: ani-flash 2s ease infinite;
    animation: ani-flash 2s ease infinite;
}
.ani-bounce,
.ani-hover-bounce:hover {
    -webkit-animation: ani-bounce 2s ease infinite;
    animation: ani-bounce 2s ease infinite;
}
.ani-float,
.ani-hover-float:hover {
    -webkit-animation: ani-float 2s linear infinite;
    animation: ani-float 2s linear infinite;
}
.ani-heartbeat,
.ani-hover-heartbeat:hover {
    -webkit-animation: ani-heartbeat 2s linear infinite;
    animation: ani-heartbeat 2s linear infinite;
}
.ani-shake,
.ani-hover-shake:hover {
    -webkit-animation: ani-wrench 2.5s ease infinite;
    animation: ani-wrench 2.5s ease infinite;
}
.ani-shuttle,
.ani-hover-shuttle:hover {
    -webkit-animation: ani-shuttle 2s linear infinite;
    animation: ani-shuttle 2s linear infinite;
}
.ani-pass,
.ani-hover-pass:hover {
    -webkit-animation: ani-pass 2s linear infinite;
    animation: ani-pass 2s linear infinite;
}
.ani-ripple,
.ani-hover-ripple:hover {
    -webkit-animation: ani-ripple 2s infinite linear;
    animation: ani-ripple 2s infinite linear;
}
@-webkit-keyframes swinging {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    10% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }
    15% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
    20% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    25% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    35% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    40% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    45% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes swinging {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    10% {
        -webkit-transform: rotate(-9deg);
        transform: rotate(-9deg);
    }
    15% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
    20% {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }
    25% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg);
    }
    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    35% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    40% {
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
    }
    45% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes cubemove {
    25% {
        -webkit-transform: translateX(10px) rotate(-90deg);
        transform: translateX(10px) rotate(-90deg);
    }
    50% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
        transform: translateX(10px) translateY(10px) rotate(-179deg);
    }
    50.1% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
        transform: translateX(10px) translateY(10px) rotate(-180deg);
    }
    75% {
        -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
        transform: translateX(0px) translateY(10px) rotate(-270deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes cubemove {
    25% {
        -webkit-transform: translateX(10px) rotate(-90deg);
        transform: translateX(10px) rotate(-90deg);
    }
    50% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-179deg);
        transform: translateX(10px) translateY(10px) rotate(-179deg);
    }
    50.1% {
        -webkit-transform: translateX(10px) translateY(10px) rotate(-180deg);
        transform: translateX(10px) translateY(10px) rotate(-180deg);
    }
    75% {
        -webkit-transform: translateX(0px) translateY(10px) rotate(-270deg);
        transform: translateX(0px) translateY(10px) rotate(-270deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    7% {
        -webkit-transform: rotate(345deg);
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    35% {
        -webkit-transform: rotate(495deg);
        transform: rotate(495deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    42% {
        -webkit-transform: rotate(690deg);
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    70% {
        opacity: 1;
        -webkit-transform: rotate(835deg);
        transform: rotate(835deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    76% {
        opacity: 1;
    }
    77% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    78% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }
}
@keyframes orbit {
    0% {
        opacity: 1;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    7% {
        -webkit-transform: rotate(345deg);
        transform: rotate(345deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    35% {
        -webkit-transform: rotate(495deg);
        transform: rotate(495deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    42% {
        -webkit-transform: rotate(690deg);
        transform: rotate(690deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    70% {
        opacity: 1;
        -webkit-transform: rotate(835deg);
        transform: rotate(835deg);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    76% {
        opacity: 1;
    }
    77% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    78% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: rotate(955deg);
        transform: rotate(955deg);
        opacity: 0;
    }
}
@-webkit-keyframes metro-slide {
    0% {
        left: -50%;
    }
    100% {
        left: 150%;
    }
}
@keyframes metro-slide {
    0% {
        left: -50%;
    }
    100% {
        left: 150%;
    }
}
@-webkit-keyframes metro-opacity {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes metro-opacity {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes ani-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes ani-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes ani-pulse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes ani-pulse {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes ani-wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes ani-wrench {
    0% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    8% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    10% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    18% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    20% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    28% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    30% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    38% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    40% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    48% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    50% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    58% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    60% {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
    68% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes ani-ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }
    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }
    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }
    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }
    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes ani-ring {
    0% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    2% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    4% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    6% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }
    8% {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
    }
    10% {
        -webkit-transform: rotate(22deg);
        transform: rotate(22deg);
    }
    12% {
        -webkit-transform: rotate(-18deg);
        transform: rotate(-18deg);
    }
    14% {
        -webkit-transform: rotate(18deg);
        transform: rotate(18deg);
    }
    16% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg);
    }
    18% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg);
    }
    20% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes ani-vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }
    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }
    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }
    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes ani-vertical {
    0% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }
    4% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    8% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }
    12% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    16% {
        -webkit-transform: translate(0, -3px);
        transform: translate(0, -3px);
    }
    20% {
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
    }
    22% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes ani-horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes ani-horizontal {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    6% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    12% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    18% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    24% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    30% {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0);
    }
    36% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@-webkit-keyframes ani-flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes ani-flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@-webkit-keyframes ani-bounce {
    0%,
    10%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes ani-bounce {
    0%,
    10%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes ani-float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes ani-float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes ani-heartbeat {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes ani-heartbeat {
    0% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@-webkit-keyframes ani-shuttle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }
    80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@keyframes ani-shuttle {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-8deg);
        transform: scale(0.9) rotate(-8deg);
    }
    30%,
    50%,
    70% {
        -webkit-transform: scale(1.3) rotate(8deg);
        transform: scale(1.3) rotate(8deg);
    }
    40%,
    60% {
        -webkit-transform: scale(1.3) rotate(-8deg);
        transform: scale(1.3) rotate(-8deg);
    }
    80% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes ani-pass {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}
@keyframes ani-pass {
    0% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
    }
    50% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}
@-webkit-keyframes ani-ripple {
    0% {
        opacity: 0.6;
    }
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes ani-ripple {
    0% {
        opacity: 0.6;
    }
    50% {
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes ani-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}
@keyframes ani-shrink {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    90% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}
@-webkit-keyframes ani-drop {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    25% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes ani-drop {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    25% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@-webkit-keyframes ani-drop2 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes ani-drop2 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    50% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@-webkit-keyframes ani-drop3 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    75% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@keyframes ani-drop3 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
    75% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
    100% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }
}
@-webkit-keyframes ani-pre-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes ani-pre-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes ani-bg-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
@keyframes ani-bg-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}
.no-border {
    border: 0 !important;
}
.no-border-left {
    border-left: none !important;
}
.no-border-right {
    border-right: none !important;
}
.no-border-top {
    border-top: none !important;
}
.no-border-bottom {
    border-bottom: none !important;
}
.no-border-visible {
    border-color: transparent !important;
}
.border-none {
    border: 0 !important;
}
.border-left-none {
    border-left: none !important;
}
.border-right-none {
    border-right: none !important;
}
.border-top-none {
    border-top: none !important;
}
.border-bottom-none {
    border-bottom: none !important;
}
.border-visible-none {
    border-color: transparent !important;
}
.border {
    border: 1px solid #dfdfdf;
}
.border-left {
    border-left: 1px solid transparent;
}
.border-right {
    border-right: 1px solid transparent;
}
.border-top {
    border-top: 1px solid transparent;
}
.border-bottom {
    border-bottom: 1px solid transparent;
}
.border-top-left,
.border-left-top {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
}
.border-top-right,
.border-right-top {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}
.border-bottom-right,
.border-right-bottom {
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}
.border-bottom-left,
.border-left-bottom {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
}
.border-top-bottom,
.border-bottom-top {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}
.border-right-left,
.border-left-right {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
.border-top-right-bottom {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.border-right-bottom-left {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.border-bottom-left-top {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.border-left-top-right {
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.border-radius {
    border-radius: 0.25rem;
}
.border-radius-half {
    border-radius: 50%;
}
.border-20 {
    border-width: 20px;
}
.border-size-20 {
    border-width: 20px;
}
.border-radius-20 {
    border-radius: 20px;
}
.border-19 {
    border-width: 19px;
}
.border-size-19 {
    border-width: 19px;
}
.border-radius-19 {
    border-radius: 19px;
}
.border-18 {
    border-width: 18px;
}
.border-size-18 {
    border-width: 18px;
}
.border-radius-18 {
    border-radius: 18px;
}
.border-17 {
    border-width: 17px;
}
.border-size-17 {
    border-width: 17px;
}
.border-radius-17 {
    border-radius: 17px;
}
.border-16 {
    border-width: 16px;
}
.border-size-16 {
    border-width: 16px;
}
.border-radius-16 {
    border-radius: 16px;
}
.border-15 {
    border-width: 15px;
}
.border-size-15 {
    border-width: 15px;
}
.border-radius-15 {
    border-radius: 15px;
}
.border-14 {
    border-width: 14px;
}
.border-size-14 {
    border-width: 14px;
}
.border-radius-14 {
    border-radius: 14px;
}
.border-13 {
    border-width: 13px;
}
.border-size-13 {
    border-width: 13px;
}
.border-radius-13 {
    border-radius: 13px;
}
.border-12 {
    border-width: 12px;
}
.border-size-12 {
    border-width: 12px;
}
.border-radius-12 {
    border-radius: 12px;
}
.border-11 {
    border-width: 11px;
}
.border-size-11 {
    border-width: 11px;
}
.border-radius-11 {
    border-radius: 11px;
}
.border-10 {
    border-width: 10px;
}
.border-size-10 {
    border-width: 10px;
}
.border-radius-10 {
    border-radius: 10px;
}
.border-9 {
    border-width: 9px;
}
.border-size-9 {
    border-width: 9px;
}
.border-radius-9 {
    border-radius: 9px;
}
.border-8 {
    border-width: 8px;
}
.border-size-8 {
    border-width: 8px;
}
.border-radius-8 {
    border-radius: 8px;
}
.border-7 {
    border-width: 7px;
}
.border-size-7 {
    border-width: 7px;
}
.border-radius-7 {
    border-radius: 7px;
}
.border-6 {
    border-width: 6px;
}
.border-size-6 {
    border-width: 6px;
}
.border-radius-6 {
    border-radius: 6px;
}
.border-5 {
    border-width: 5px;
}
.border-size-5 {
    border-width: 5px;
}
.border-radius-5 {
    border-radius: 5px;
}
.border-4 {
    border-width: 4px;
}
.border-size-4 {
    border-width: 4px;
}
.border-radius-4 {
    border-radius: 4px;
}
.border-3 {
    border-width: 3px;
}
.border-size-3 {
    border-width: 3px;
}
.border-radius-3 {
    border-radius: 3px;
}
.border-2 {
    border-width: 2px;
}
.border-size-2 {
    border-width: 2px;
}
.border-radius-2 {
    border-radius: 2px;
}
.border-1 {
    border-width: 1px;
}
.border-size-1 {
    border-width: 1px;
}
.border-radius-1 {
    border-radius: 1px;
}
.rounded {
    border-radius: 0.25rem !important;
}
.border-50 {
    border-radius: 50% !important;
}
.border-solid {
    border-style: solid!important;
}
.border-dashed {
    border-style: dashed!important;
}
.border-dotted {
    border-style: dotted!important;
}
.border-double {
    border-style: double!important;
}
.border-groove {
    border-style: groove!important;
}
.border-inset {
    border-style: inset!important;
}
.border-outset {
    border-style: outset!important;
}
.border-ridge {
    border-style: ridge!important;
}
.c-auto {
    cursor: auto;
}
.c-default {
    cursor: default;
}
.c-none {
    cursor: none;
}
.c-context-menu {
    cursor: context-menu;
}
.c-help {
    cursor: help;
}
.c-pointer {
    cursor: pointer;
}
.c-progress {
    cursor: progress;
}
.c-wait {
    cursor: wait;
}
.c-cell {
    cursor: cell;
}
.c-crosshair {
    cursor: crosshair;
}
.c-text {
    cursor: text;
}
.c-text-vertical {
    cursor: vertical-text;
}
.c-alias {
    cursor: alias;
}
.c-copy {
    cursor: copy;
}
.c-move {
    cursor: move;
}
.c-no-drop {
    cursor: no-drop;
}
.c-not-allowed {
    cursor: not-allowed;
}
.c-all-scroll {
    cursor: all-scroll;
}
.c-col-resize {
    cursor: col-resize;
}
.c-row-resize {
    cursor: row-resize;
}
.c-n-resize {
    cursor: n-resize;
}
.c-e-resize {
    cursor: e-resize;
}
.c-s-resize {
    cursor: s-resize;
}
.c-w-resize {
    cursor: w-resize;
}
.c-ne-resize {
    cursor: ne-resize;
}
.c-nw-resize {
    cursor: nw-resize;
}
.c-se-resize {
    cursor: se-resize;
}
.c-sw-resize {
    cursor: sw-resize;
}
.c-ew-resize {
    cursor: ew-resize;
}
.c-ns-resize {
    cursor: ns-resize;
}
.c-nesw-resize {
    cursor: nesw-resize;
}
.c-nwse-resize {
    cursor: nwse-resize;
}
.c-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.c-zoom-out {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.c-grab {
    cursor: -webkit-grab;
    cursor: grab;
}
.c-grabbing {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.c-none {
    cursor: none;
}
.debug {
    outline: 1px dotted red!important;
    min-width: 1px;
    min-height: 1px;
}
.visible {
    visibility: visible !important;
}
.no-visible {
    visibility: hidden !important;
}
.d-none {
    display: none!important;
}
.d-block {
    display: block!important;
}
.d-inline {
    display: inline!important;
}
.d-inline-block {
    display: inline-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: flex!important;
}
.d-inline-flex {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
html.metro-touch-device .d-none-touch {
    display: none!important;
}
html.metro-touch-device .d-block-touch {
    display: block!important;
}
html.metro-touch-device .d-inline-touch {
    display: inline!important;
}
html.metro-touch-device .d-inline-block-touch {
    display: inline-block !important;
}
html.metro-touch-device .d-table-touch {
    display: table!important;
}
html.metro-touch-device .d-table-row-touch {
    display: table-row !important;
}
html.metro-touch-device .d-table-cell-touch {
    display: table-cell !important;
}
html.metro-touch-device .d-flex-touch {
    display: -webkit-box!important;
    display: flex!important;
}
html.metro-touch-device .d-inline-flex-touch {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
html.metro-no-touch-device .d-none-no-touch {
    display: none!important;
}
html.metro-no-touch-device .d-block-no-touch {
    display: block!important;
}
html.metro-no-touch-device .d-inline-no-touch {
    display: inline!important;
}
html.metro-no-touch-device .d-inline-block-no-touch {
    display: inline-block !important;
}
html.metro-no-touch-device .d-table-no-touch {
    display: table!important;
}
html.metro-no-touch-device .d-table-row-no-touch {
    display: table-row !important;
}
html.metro-no-touch-device .d-table-cell-no-touch {
    display: table-cell !important;
}
html.metro-no-touch-device .d-flex-no-touch {
    display: -webkit-box!important;
    display: flex!important;
}
html.metro-no-touch-device .d-inline-flex-no-touch {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}
@media screen and (min-width: 0) {
    .visible-fs {
        visibility: visible !important;
    }
    .no-visible-fs {
        visibility: hidden !important;
    }
    .d-none-fs {
        display: none!important;
    }
    .d-block-fs {
        display: block!important;
    }
    .d-inline-fs {
        display: inline!important;
    }
    .d-inline-block-fs {
        display: inline-block !important;
    }
    .d-table-fs {
        display: table!important;
    }
    .d-table-row-fs {
        display: table-row !important;
    }
    .d-table-cell-fs {
        display: table-cell !important;
    }
    .d-flex-fs {
        display: -webkit-box!important;
        display: flex!important;
    }
    .d-inline-flex-fs {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    html.metro-touch-device .d-none-touch-fs {
        display: none!important;
    }
    html.metro-touch-device .d-block-touch-fs {
        display: block!important;
    }
    html.metro-touch-device .d-inline-touch-fs {
        display: inline!important;
    }
    html.metro-touch-device .d-inline-block-touch-fs {
        display: inline-block !important;
    }
    html.metro-touch-device .d-table-touch-fs {
        display: table!important;
    }
    html.metro-touch-device .d-table-row-touch-fs {
        display: table-row !important;
    }
    html.metro-touch-device .d-table-cell-touch-fs {
        display: table-cell !important;
    }
    html.metro-touch-device .d-flex-touch-fs {
        display: -webkit-box!important;
        display: flex!important;
    }
    html.metro-touch-device .d-inline-flex-touch-fs {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    html.metro-no-touch-device .d-none-no-touch-fs {
        display: none!important;
    }
    html.metro-no-touch-device .d-block-no-touch-fs {
        display: block!important;
    }
    html.metro-no-touch-device .d-inline-no-touch-fs {
        display: inline!important;
    }
    html.metro-no-touch-device .d-inline-block-no-touch-fs {
        display: inline-block !important;
    }
    html.metro-no-touch-device .d-table-no-touch-fs {
        display: table!important;
    }
    html.metro-no-touch-device .d-table-row-no-touch-fs {
        display: table-row !important;
    }
    html.metro-no-touch-device .d-table-cell-no-touch-fs {
        display: table-cell !important;
    }
    html.metro-no-touch-device .d-flex-no-touch-fs {
        display: -webkit-box!important;
        display: flex!important;
    }
    html.metro-no-touch-device .d-inline-flex-no-touch-fs {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media screen and (min-width: 576px) {
    .visible-sm {
        visibility: visible !important;
    }
    .no-visible-sm {
        visibility: hidden !important;
    }
    .d-none-sm {
        display: none!important;
    }
    .d-block-sm {
        display: block!important;
    }
    .d-inline-sm {
        display: inline!important;
    }
    .d-inline-block-sm {
        display: inline-block !important;
    }
    .d-table-sm {
        display: table!important;
    }
    .d-table-row-sm {
        display: table-row !important;
    }
    .d-table-cell-sm {
        display: table-cell !important;
    }
    .d-flex-sm {
        display: -webkit-box!important;
        display: flex!important;
    }
    .d-inline-flex-sm {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    html.metro-touch-device .d-none-touch-sm {
        display: none!important;
    }
    html.metro-touch-device .d-block-touch-sm {
        display: block!important;
    }
    html.metro-touch-device .d-inline-touch-sm {
        display: inline!important;
    }
    html.metro-touch-device .d-inline-block-touch-sm {
        display: inline-block !important;
    }
    html.metro-touch-device .d-table-touch-sm {
        display: table!important;
    }
    html.metro-touch-device .d-table-row-touch-sm {
        display: table-row !important;
    }
    html.metro-touch-device .d-table-cell-touch-sm {
        display: table-cell !important;
    }
    html.metro-touch-device .d-flex-touch-sm {
        display: -webkit-box!important;
        display: flex!important;
    }
    html.metro-touch-device .d-inline-flex-touch-sm {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    html.metro-no-touch-device .d-none-no-touch-sm {
        display: none!important;
    }
    html.metro-no-touch-device .d-block-no-touch-sm {
        display: block!important;
    }
    html.metro-no-touch-device .d-inline-no-touch-sm {
        display: inline!important;
    }
    html.metro-no-touch-device .d-inline-block-no-touch-sm {
        display: inline-block !important;
    }
    html.metro-no-touch-device .d-table-no-touch-sm {
        display: table!important;
    }
    html.metro-no-touch-device .d-table-row-no-touch-sm {
        display: table-row !important;
    }
    html.metro-no-touch-device .d-table-cell-no-touch-sm {
        display: table-cell !important;
    }
    html.metro-no-touch-device .d-flex-no-touch-sm {
        display: -webkit-box!important;
        display: flex!important;
    }
    html.metro-no-touch-device .d-inline-flex-no-touch-sm {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media screen and (min-width: 640px) {
    .visible-ld {
        visibility: visible !important;
    }
    .no-visible-ld {
        visibility: hidden !important;
    }
    .d-none-ld {
        display: none!important;
    }
    .d-block-ld {
        display: block!important;
    }
    .d-inline-ld {
        display: inline!important;
    }
    .d-inline-block-ld {
        display: inline-block !important;
    }
    .d-table-ld {
        display: table!important;
    }
    .d-table-row-ld {
        display: table-row !important;
    }
    .d-table-cell-ld {
        display: table-cell !important;
    }
    .d-flex-ld {
        display: -webkit-box!important;
        display: flex!important;
    }
    .d-inline-flex-ld {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    html.metro-touch-device .d-none-touch-ld {
        display: none!important;
    }
    html.metro-touch-device .d-block-touch-ld {
        display: block!important;
    }
    html.metro-touch-device .d-inline-touch-ld {
        display: inline!important;
    }
    html.metro-touch-device .d-inline-block-touch-ld {
        display: inline-block !important;
    }
    html.metro-touch-device .d-table-touch-ld {
        display: table!important;
    }
    html.metro-touch-device .d-table-row-touch-ld {
        display: table-row !important;
    }
    html.metro-touch-device .d-table-cell-touch-ld {
        display: table-cell !important;
    }
    html.metro-touch-device .d-flex-touch-ld {
        display: -webkit-box!important;
        display: flex!important;
    }
    html.metro-touch-device .d-inline-flex-touch-ld {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    html.metro-no-touch-device .d-none-no-touch-ld {
        display: none!important;
    }
    html.metro-no-touch-device .d-block-no-touch-ld {
        display: block!important;
    }
    html.metro-no-touch-device .d-inline-no-touch-ld {
        display: inline!important;
    }
    html.metro-no-touch-device .d-inline-block-no-touch-ld {
        display: inline-block !important;
    }
    html.metro-no-touch-device .d-table-no-touch-ld {
        display: table!important;
    }
    html.metro-no-touch-device .d-table-row-no-touch-ld {
        display: table-row !important;
    }
    html.metro-no-touch-device .d-table-cell-no-touch-ld {
        display: table-cell !important;
    }
    html.metro-no-touch-device .d-flex-no-touch-ld {
        display: -webkit-box!important;
        display: flex!important;
    }
    html.metro-no-touch-device .d-inline-flex-no-touch-ld {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media screen and (min-width: 768px) {
    .visible-md {
        visibility: visible !important;
    }
    .no-visible-md {
        visibility: hidden !important;
    }
    .d-none-md {
        display: none!important;
    }
    .d-block-md {
        display: block!important;
    }
    .d-inline-md {
        display: inline!important;
    }
    .d-inline-block-md {
        display: inline-block !important;
    }
    .d-table-md {
        display: table!important;
    }
    .d-table-row-md {
        display: table-row !important;
    }
    .d-table-cell-md {
        display: table-cell !important;
    }
    .d-flex-md {
        display: -webkit-box!important;
        display: flex!important;
    }
    .d-inline-flex-md {
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
    html.metro-touch-device .d-none-touch-md {
        display: none!important;
    }
    html.metro-touch-device .d-block-touch-md {
        display: block!important;
    }
    html.metro-touch-device .d-inline-touch-md {
        display: inline!important;
    }
    html.metro-touch-device .d-inline-block-touch-md {
        display: inline-block !important;
    }
    html.metro-touch-device .d-table-touch-md {