/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,300');
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    background: linear-gradient(60deg, #04a2ff 10%, #dcf3ff 100%); /*I wanted to have the gradient behind the png, but maybe there's a better way?*/
}
article,
aside,
footer,
header,
nav,
section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figcaption,
figure {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
main {
    display: block;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button,
.btn,
.btn--primary,
.btn-primary,
.btn--success,
.btn-success,
.btn--warning,
.btn-warning,
.btn--danger,
.btn-danger,
.btn--default,
.btn-default,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
.btn,
.btn--primary,
.btn-primary,
.btn--success,
.btn-success,
.btn--warning,
.btn-warning,
.btn--danger,
.btn-danger,
.btn--default,
.btn-default {
    overflow: visible;
}
button,
.btn,
.btn--primary,
.btn-primary,
.btn--success,
.btn-success,
.btn--warning,
.btn-warning,
.btn--danger,
.btn-danger,
.btn--default,
.btn-default,
select {
    text-transform: none;
}
button,
.btn,
.btn--primary,
.btn-primary,
.btn--success,
.btn-success,
.btn--warning,
.btn-warning,
.btn--danger,
.btn-danger,
.btn--default,
.btn-default,
html [type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
.btn::-moz-focus-inner,
.btn--primary::-moz-focus-inner,
.btn-primary::-moz-focus-inner,
.btn--success::-moz-focus-inner,
.btn-success::-moz-focus-inner,
.btn--warning::-moz-focus-inner,
.btn-warning::-moz-focus-inner,
.btn--danger::-moz-focus-inner,
.btn-danger::-moz-focus-inner,
.btn--default::-moz-focus-inner,
.btn-default::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
.btn:-moz-focusring,
.btn--primary:-moz-focusring,
.btn-primary:-moz-focusring,
.btn--success:-moz-focusring,
.btn-success:-moz-focusring,
.btn--warning:-moz-focusring,
.btn-warning:-moz-focusring,
.btn--danger:-moz-focusring,
.btn-danger:-moz-focusring,
.btn--default:-moz-focusring,
.btn-default:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}
input {
    overflow: visible;
}
[type='checkbox'],
[type='radio'] {
    box-sizing: border-box;
    padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}
[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
details {
    display: block;
}
summary {
    display: list-item;
}
menu {
    display: block;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html {
    box-sizing: border-box;
    font-size: 87.5%;
    overflow: hidden;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
[hidden] {
    display: none !important;
}
body {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-y: scroll;
    background-color: var(--bg-body--normal);
    color: var(--text--normal);
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    font-size: 14px;
    font-size: 1rem;
}
body {
    height: 100vh;
    overflow-y: auto;
    position: relative;
}
input[type='search'] {
    box-sizing: border-box;
}
fieldset {
    margin: 0;
    border: 0;
    padding: 0;
}
legend {
    white-space: normal;
}
input,
optgroup,
select,
textarea,
button,
.btn,
.btn--primary,
.btn-primary,
.btn--success,
.btn-success,
.btn--warning,
.btn-warning,
.btn--danger,
.btn-danger,
.btn--default,
.btn-default {
    font-family: 'Roboto', sans-serif;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: var(--scrollbar__thumb);
}
::-webkit-scrollbar-track {
    background: var(--scrollbar__track);
}
:root {
    --blue: 198;
    --green: 120;
    --yellow: 42;
    --red: 5;
    --gray: 0;
    --brand--primary: #2D5DE5;
    --brand--success: #00AE58;
    --brand--warning: #f6c964;
    --brand--danger: #e83928;
    --brand-success-fade: rgba(1, 163, 41, 0.2);
    --brand-hsl--primary: var(--blue), 97%, 23%;
    --brand-hsl--success: var(--green), 60%, 40%;
    --brand-hsl--warning: var(--yellow), 89%, 68%;
    --brand-hsl--danger: var(--red), 81%, 53%;
}
html.color-theme-in-transition,
html.color-theme-in-transition *,
html.color-theme-in-transition *:before,
html.color-theme-in-transition *:after {
    transition: all 750ms !important;
    transition-delay: 0 !important;
}
html,
html[data-theme='light'] {
    --gray--31: hsl(var(--gray), 0%, 31%);
    --gray--40: hsl(var(--gray), 0%, 40%);
    --gray--47: hsl(var(--gray), 0%, 47%);
    --gray--63: hsl(var(--gray), 0%, 63%);
    --gray--72: hsl(var(--gray), 0%, 72%);
    --gray--82: hsl(var(--gray), 0%, 82%);
    --gray--89: hsl(var(--gray), 0%, 89%);
    --gray--91: hsl(var(--gray), 0%, 91%);
    --gray--92: hsl(var(--gray), 0%, 92%);
    --gray--100: hsl(var(--gray), 100%, 100%);
    --text--normal: var(--gray--31);
    --text--secondary: var(--gray-40);
    --text--muted: var(--gray--47);
    --text--faded: var(--gray--63);
    --text--inverted: var(--gray--100);
    --text--standout: var(--brand--primary);
    --link--normal: var(--brand--primary);
    --bg-body--normal: hsl(var(--blue), 13%, 92%);
    --bg-content--normal: var(--gray--100);
    --bg-content--muted: var(--gray--92);
    --bg-content--offset: var(--gray--72);
    --bg-content--inset: hsl(var(--blue), 14%, 97%);
    --bg-content--inverted: var(--gray--31);
    --skeleton-item: var(--gray--82);
    --skeleton-bg: var(--gray--100);
    --border--normal: var(--gray--89);
    --border--inverted: var(--gray--100);
    --btn-bg--inverted: var(--gray--100);
    --btn-bg--toolbar-active: var(--gray--91);
    --navigation__link: var(--gray--47);
    --navigation__link--interaction: var(--gray-40);
    --navigation__link--active: var(--brand--primary);
    --control-bg: var(--gray--72);
    --control-bg--active: var(--gray--47);
    --scrollbar__thumb: var(--gray--63);
    --scrollbar__track: var(--gray--82);
    --form-control__border: var(--gray--82);
    --form-control__border-disabled: var(--gray--82);
    --form-control__border-hover: var(--gray--72);
    --form-control__bg: var(--gray--100);
    --form-control__bg--disabled: var(--gray--89);
    --form-control__checkbox-shadow: hsl(var(--blue), 39%, 42%);
    --form-control__checkbox-active: var(--gray--100);
    --form-control__checkbox-active-border: var(--brand--primary);
    --form-control__checkbox-active-bg: var(--brand--primary);
    --site__header-bg: var(--brand--primary);
    --site__header-link: var(--gray--100);
    --dropdown__bg: var(--gray--100);
    --dropdown__link: var(--gray--47);
    --dropdown__link--interaction: var(--gray-40);
    --dropdown__link--active: var(--brand--primary);
    --bg-grad-start: hsla(var(--gray), 0%, 99%, 0);
    --bg-grad-end: hsla(var(--gray), 0%, 99%, 1);
    --bg-grad-disabled-start: hsla(var(--gray), 0%, 82%, 0);
    --bg-grad-disabled-end: hsla(var(--gray), 0%, 82%, 1);
    --variable-list-background: var(--gray--100);
    --variable-list-item-background: var(--gray--91);
    --wysiwyg-background-color: var(--gray--100);
    --wysiwyg-foreground-color: var(--text--normal);
    --preview-template-background: hsla(var(--gray), 0%, 91%, 1);
    --preview-template-stencil: hsla(var(--gray), 0%, 82%, 1);
    --preview-template-stencil-inner: hsla(200, 30%, 96%, 1);
    --preview-template-content-background: var(--gray--100);
    --preview-template-content-foreground: var(--text--normal);
}
html[data-theme='dark'] {
    --gray--8: hsl(var(--gray), 0%, 8%);
    --gray--16: hsl(var(--gray), 0%, 16%);
    --gray--18: hsl(var(--gray), 0%, 18%);
    --gray--20: hsl(var(--gray), 0%, 20%);
    --gray--31: hsl(var(--gray), 0%, 31%);
    --gray--38: hsl(var(--gray), 0%, 38%);
    --gray--47: hsl(var(--gray), 0%, 47%);
    --gray--72: hsl(var(--gray), 0%, 72%);
    --gray--82: hsl(var(--gray), 0%, 82%);
    --gray--92: hsl(var(--gray), 0%, 92%);
    --gray--100: hsl(var(--gray), 100%, 100%);
    --blue-gray--10: hsla(var(--blue), 5%, 10%, 1);
    --blue-gray--12: hsla(var(--blue), 5%, 12%, 1);
    --blue-bright: hsla(var(--blue), 97%, 43%, 1);
    --text--normal: var(--gray--72);
    --text--secondary: var(--gray-40);
    --text--muted: var(--gray--47);
    --text--faded: var(--gray--82);
    --text--inverted: var(--gray--100);
    --text--standout: var(--blue-bright);
    --link--normal: var(--blue-bright);
    --bg-body--normal: hsla(var(--blue), 5%, 18%, 1);
    --bg-content--normal: var(--gray--16);
    --bg-content--muted: var(--gray--18);
    --bg-content--offset: var(--gray--38);
    --bg-content--inset: var(--gray--8);
    --bg-content--inverted: var(--gray--31);
    --skeleton-bg: var(--gray--20);
    --skeleton-item: var(--gray--31);
    --border--normal: var(--gray--20);
    --border--inverted: var(--gray--100);
    --btn-bg--inverted: var(--gray--100);
    --btn-bg--toolbar-active: var(--gray--91);
    --navigation__link: var(--gray--47);
    --navigation__link--interaction: var(--gray--72);
    --navigation__link--active: var(--blue-bright);
    --control-bg: var(--gray--72);
    --control-bg--active: var(--gray--47);
    --scrollbar__thumb: var(--gray--8);
    --scrollbar__track: var(--gray--20);
    --form-control__border: var(--gray--31);
    --form-control__border-disabled: var(--gray--8);
    --form-control__border-hover: var(--gray--20);
    --form-control__bg: var(--gray--31);
    --form-control__bg--disabled: var(--gray--8);
    --form-control__checkbox-shadow: hsl(var(--blue), 39%, 42%);
    --form-control__checkbox-active: var(--gray--92);
    --form-control__checkbox-active-bborder: var(--link--normal);
    --form-control__checkbox-active-bg: var(--link--normal);
    --site__header-bg: var(--blue-gray--10);
    --site__header-link: var(--gray--92);
    --dropdown__bg: var(--blue-gray--10);
    --dropdown__link: var(--gray--47);
    --dropdown__link--interaction: var(--gray--72);
    --dropdown__link--active: var(--brand--primary);
    --bg-grad-start: hsla(var(--gray), 0%, 31%, 0);
    --bg-grad-end: hsl(var(--gray), 0%, 31%, 1);
    --bg-grad-disabled-start: hsla(var(--gray), 0%, 31%, 0);
    --bg-grad-disabled-end: hsl(var(--gray), 0%, 31%, 1);
    --variable-list-background: var(--bg-content--normal);
    --variable-list-item-background: var(--gray--91);
    --wysiwyg-background-color: var(--bg-content--normal);
    --wysiwyg-foreground-color: var(--text--normal);
    --preview-template-background: hsla(var(--gray), 0%, 91%, 1);
    --preview-template-stencil: hsla(var(--gray), 0%, 82%, 1);
    --preview-template-stencil-inner: hsla(200, 30%, 96%, 1);
    --preview-template-content-background: var(--gray--100);
    --preview-template-content-foreground: var(--text--normal);
}
h1,
.h1 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: currentColor;
    font-size: 26px;
    font-size: 1.85714rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    line-height: 1;
}
h2,
.h2 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: currentColor;
    font-size: 22px;
    font-size: 1.57143rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    line-height: 1;
}
h3,
.h3 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: currentColor;
    font-size: 20px;
    font-size: 1.42857rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    line-height: 1.5;
}
h4,
.h4 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: currentColor;
    font-size: 16px;
    font-size: 1.14286rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    line-height: 1.5;
}
h5,
.h5 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: currentColor;
    font-size: 14px;
    font-size: 1rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    line-height: 1.5;
}
h6,
.h6 {
    margin: 0;
    padding: 0;
    font-weight: 700;
    color: currentColor;
    font-weight: 400;
    font-size: 12px;
    font-size: 0.85714rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    line-height: 1.5;
}
.h-sep {
    margin: 0px 16px;
    margin: 0px 1.14286rem;
    height: 32px;
    height: 2.28571rem;
    display: inline-block;
    width: 0px;
    border-left: solid 1px var(--border--normal);
    content: '';
}
.form-heading,
.highlight {
    color: var(--text--standout);
}
p {
    font-size: 14px;
    font-size: 1rem;
    margin-bottom: 16px;
    margin-bottom: 1.14286rem;
    margin-top: 0;
    padding: 0;
    color: currentColor;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
}
p code {
    border: solid 1px var(--border--normal);
    background-color: var(--bg-content--muted);
}
.lead {
    font-size: 18px;
    font-size: 1.28571rem;
}
a {
    text-decoration: none;
    color: var(--link--normal);
}
a:hover,
a:focus {
    text-decoration: underline;
}
.text-link {
    color: var(--text--secondary);
}
.text-link:hover,
.text-link:focus {
    text-decoration: none;
}
address {
    font-style: normal;
    line-height: 1;
}
strong {
    font-weight: 700;
    font-style: normal;
}
small {
    font-size: 80%;
}
hr {
    margin: 16px 0px;
    margin: 1.14286rem 0px;
    border: 0;
    border-bottom: solid 1px var(--border--normal);
}
.btn,
.btn--primary,
.btn-primary,
.btn--success,
.btn-success,
.btn--warning,
.btn-warning,
.btn--danger,
.btn-danger,
.btn--default,
.btn-default {
    background-color: #e7e7e7;
    color: #282828;
    border: 1px solid transparent;
    padding: 8px 16px;
    padding: 0.57143rem 1.14286rem;
    line-height: 16px;
    line-height: 1.14286rem;
    border-radius: 2px;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    user-select: none;
    white-space: nowrap;
    transition: 300ms all ease-in-out;
    cursor: pointer;
}
.btn:hover,
.btn--primary:hover,
.btn-primary:hover,
.btn--success:hover,
.btn-success:hover,
.btn--warning:hover,
.btn-warning:hover,
.btn--danger:hover,
.btn-danger:hover,
.btn--default:hover,
.btn-default:hover,
.btn.hover,
.hover.btn--primary,
.hover.btn-primary,
.hover.btn--success,
.hover.btn-success,
.hover.btn--warning,
.hover.btn-warning,
.hover.btn--danger,
.hover.btn-danger,
.hover.btn--default,
.hover.btn-default {
    border-color: #cecece;
    text-decoration: none;
}
.btn:active,
.btn--primary:active,
.btn-primary:active,
.btn--success:active,
.btn-success:active,
.btn--warning:active,
.btn-warning:active,
.btn--danger:active,
.btn-danger:active,
.btn--default:active,
.btn-default:active,
.btn:focus,
.btn--primary:focus,
.btn-primary:focus,
.btn--success:focus,
.btn-success:focus,
.btn--warning:focus,
.btn-warning:focus,
.btn--danger:focus,
.btn-danger:focus,
.btn--default:focus,
.btn-default:focus,
.btn.focus,
.focus.btn--primary,
.focus.btn-primary,
.focus.btn--success,
.focus.btn-success,
.focus.btn--warning,
.focus.btn-warning,
.focus.btn--danger,
.focus.btn-danger,
.focus.btn--default,
.focus.btn-default {
    background-color: #cecece;
    outline: none;
}
.btn:disabled,
.btn--primary:disabled,
.btn-primary:disabled,
.btn--success:disabled,
.btn-success:disabled,
.btn--warning:disabled,
.btn-warning:disabled,
.btn--danger:disabled,
.btn-danger:disabled,
.btn--default:disabled,
.btn-default:disabled,
.btn.disabled,
.disabled.btn--primary,
.disabled.btn-primary,
.disabled.btn--success,
.disabled.btn-success,
.disabled.btn--warning,
.disabled.btn-warning,
.disabled.btn--danger,
.disabled.btn-danger,
.disabled.btn--default,
.disabled.btn-default {
    cursor: not-allowed;
    pointer-events: all;
    opacity: 0.7;
}
.btn--primary,
.btn-primary {
    background-color: #2D5DE5;
    color: #fff;
    border: 1px solid transparent;
}
.btn--primary:hover,
.btn--primary.hover,
.btn-primary:hover,
.btn-primary.hover {
    border-color: #012d40;
    text-decoration: none;
}
.btn--primary:active,
.btn--primary:focus,
.btn--primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.focus {
    background-color: #012d40;
    outline: none;
}
.btn--primary-inverted {
    background-color: var(--btn-bg--inverted);
    color: #2D5DE5;
}
.btn--primary-inverted:hover,
.btn--primary-inverted:focus,
.btn--primary-inverted:active {
    color: var(--brand--primary);
}
.btn--success,
.btn-success {
    background-color: #00AE58;
    color: #fff;
    border: 1px solid transparent;
}
.btn--success:hover,
.btn--success.hover,
.btn-success:hover,
.btn-success.hover {
    border-color: #1f7a1f;
    text-decoration: none;
}
.btn--success:active,
.btn--success:focus,
.btn--success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success.focus {
    background-color: #1f7a1f;
    outline: none;
}
.btn--success-inverted {
    background-color: var(--btn-bg--inverted);
    color: #00AE58;
}
.btn--success-inverted:hover,
.btn--success-inverted:focus,
.btn--success-inverted:active {
    color: var(--brand--success);
}
.btn--warning,
.btn-warning {
    background-color: #f6c964;
    color: #282828;
    border: 1px solid transparent;
}
.btn--warning:hover,
.btn--warning.hover,
.btn-warning:hover,
.btn-warning.hover {
    border-color: #f3b834;
    text-decoration: none;
}
.btn--warning:active,
.btn--warning:focus,
.btn--warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning.focus {
    background-color: #f3b834;
    outline: none;
}
.btn--warning-inverted {
    background-color: var(--btn-bg--inverted);
    color: #f6c964;
}
.btn--warning-inverted:hover,
.btn--warning-inverted:focus,
.btn--warning-inverted:active {
    color: var(--brand--warning);
}
.btn--danger,
.btn-danger {
    background-color: #e83928;
    color: #fff;
    border: 1px solid transparent;
}
.btn--danger:hover,
.btn--danger.hover,
.btn-danger:hover,
.btn-danger.hover {
    border-color: #c82515;
    text-decoration: none;
}
.btn--danger:active,
.btn--danger:focus,
.btn--danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger.focus {
    background-color: #c82515;
    outline: none;
}
.btn--danger-inverted {
    background-color: var(--btn-bg--inverted);
    color: #e83928;
}
.btn--danger-inverted:hover,
.btn--danger-inverted:focus,
.btn--danger-inverted:active {
    color: var(--brand--danger);
}
.btn--default,
.btn-default {
    background-color: #e7e7e7;
    color: #282828;
    border: 1px solid transparent;
}
.btn--default:hover,
.btn--default.hover,
.btn-default:hover,
.btn-default.hover {
    border-color: #cecece;
    text-decoration: none;
}
.btn--default:active,
.btn--default:focus,
.btn--default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default.focus {
    background-color: #cecece;
    outline: none;
}
.btn--default-inverted {
    background-color: var(--btn-bg--inverted);
    color: #e7e7e7;
}
.btn--default-inverted:hover,
.btn--default-inverted:focus,
.btn--default-inverted:active {
    color: var(--brand--default);
}
.btn--transparent,
.btn-transparent {
    color: var(--brand--primary);
    background-color: transparent;
    position: relative;
}
.btn--transparent:hover,
.btn--transparent.hover,
.btn-transparent:hover,
.btn-transparent.hover {
    color: var(--brand--primary);
    background-color: transparent;
}
.btn--transparent:focus,
.btn--transparent:active,
.btn--transparent:hover:focus,
.btn--transparent:hover:active,
.btn--transparent.focus,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent:hover:focus,
.btn-transparent:hover:active,
.btn-transparent.focus {
    background-color: #cecece;
    color: var(--brand--primary);
}
.btn--transparent--success,
.btn-transparent--success {
    color: var(--brand--success);
}
.btn--transparent--success:hover,
.btn--transparent--success.hover,
.btn-transparent--success:hover,
.btn-transparent--success.hover {
    color: var(--brand--success);
}
.btn--transparent--success:focus,
.btn--transparent--success:active,
.btn--transparent--success:hover:focus,
.btn--transparent--success:hover:active,
.btn--transparent--success.focus,
.btn-transparent--success:focus,
.btn-transparent--success:active,
.btn-transparent--success:hover:focus,
.btn-transparent--success:hover:active,
.btn-transparent--success.focus {
    color: var(--brand--success);
}
.btn--transparent--danger,
.btn-transparent--danger {
    color: var(--brand--danger);
}
.btn--transparent--danger:hover,
.btn--transparent--danger.hover,
.btn-transparent--danger:hover,
.btn-transparent--danger.hover {
    color: var(--brand--danger);
}
.btn--transparent--danger:focus,
.btn--transparent--danger:active,
.btn--transparent--danger:hover:focus,
.btn--transparent--danger:hover:active,
.btn--transparent--danger.focus,
.btn-transparent--danger:focus,
.btn-transparent--danger:active,
.btn-transparent--danger:hover:focus,
.btn-transparent--danger:hover:active,
.btn-transparent--danger.focus {
    color: var(--brand--danger);
}
.btn--small,
.btn-small {
    font-size: 80%;
    padding: 4px 8px;
    padding: 0.28571rem 0.57143rem;
}
.btn--large,
.btn-large {
    font-size: 16px;
    font-size: 1.14286rem;
    padding: 12px 16px;
    padding: 0.85714rem 1.14286rem;
}
.btn--link,
.btn-link {
    display: inline;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-decoration: underline;
    color: #2D5DE5;
}
.btn--link:hover,
.btn--link:focus,
.btn--link:active,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    background-color: transparent;
    color: var(--brand--primary);
}
.btn--inline {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    border-radius: 2px;
    user-select: none;
    text-decoration: none;
    border: none;
    transition: 300ms all ease-in-out;
    display: inline;
    padding: 0;
    border: 0;
    background-color: transparent;
    color: var(--text-normal);
    font-weight: normal;
}
.btn--inline:hover,
.btn--inline:focus,
.btn--inline:active {
    background-color: transparent;
    color: var(--text-normal);
}
.btn--full,
.btn-full {
    display: block;
    width: 100%;
}
.btn-group,
.button-group {
    display: flex;
    justify-content: flex-start;
}
.btn-group button + button,
.btn-group .btn + button,
.btn-group .btn--primary + button,
.btn-group .btn-primary + button,
.btn-group .btn--success + button,
.btn-group .btn-success + button,
.btn-group .btn--warning + button,
.btn-group .btn-warning + button,
.btn-group .btn--danger + button,
.btn-group .btn-danger + button,
.btn-group .btn--default + button,
.btn-group .btn-default + button,
.btn-group button + .btn,
.btn-group .btn + .btn,
.btn-group .btn--primary + .btn,
.btn-group .btn-primary + .btn,
.btn-group .btn--success + .btn,
.btn-group .btn-success + .btn,
.btn-group .btn--warning + .btn,
.btn-group .btn-warning + .btn,
.btn-group .btn--danger + .btn,
.btn-group .btn-danger + .btn,
.btn-group .btn--default + .btn,
.btn-group .btn-default + .btn,
.btn-group button + .btn--primary,
.btn-group .btn + .btn--primary,
.btn-group .btn--primary + .btn--primary,
.btn-group .btn-primary + .btn--primary,
.btn-group .btn--success + .btn--primary,
.btn-group .btn-success + .btn--primary,
.btn-group .btn--warning + .btn--primary,
.btn-group .btn-warning + .btn--primary,
.btn-group .btn--danger + .btn--primary,
.btn-group .btn-danger + .btn--primary,
.btn-group .btn--default + .btn--primary,
.btn-group .btn-default + .btn--primary,
.btn-group button + .btn-primary,
.btn-group .btn + .btn-primary,
.btn-group .btn--primary + .btn-primary,
.btn-group .btn-primary + .btn-primary,
.btn-group .btn--success + .btn-primary,
.btn-group .btn-success + .btn-primary,
.btn-group .btn--warning + .btn-primary,
.btn-group .btn-warning + .btn-primary,
.btn-group .btn--danger + .btn-primary,
.btn-group .btn-danger + .btn-primary,
.btn-group .btn--default + .btn-primary,
.btn-group .btn-default + .btn-primary,
.btn-group button + .btn--success,
.btn-group .btn + .btn--success,
.btn-group .btn--primary + .btn--success,
.btn-group .btn-primary + .btn--success,
.btn-group .btn--success + .btn--success,
.btn-group .btn-success + .btn--success,
.btn-group .btn--warning + .btn--success,
.btn-group .btn-warning + .btn--success,
.btn-group .btn--danger + .btn--success,
.btn-group .btn-danger + .btn--success,
.btn-group .btn--default + .btn--success,
.btn-group .btn-default + .btn--success,
.btn-group button + .btn-success,
.btn-group .btn + .btn-success,
.btn-group .btn--primary + .btn-success,
.btn-group .btn-primary + .btn-success,
.btn-group .btn--success + .btn-success,
.btn-group .btn-success + .btn-success,
.btn-group .btn--warning + .btn-success,
.btn-group .btn-warning + .btn-success,
.btn-group .btn--danger + .btn-success,
.btn-group .btn-danger + .btn-success,
.btn-group .btn--default + .btn-success,
.btn-group .btn-default + .btn-success,
.btn-group button + .btn--warning,
.btn-group .btn + .btn--warning,
.btn-group .btn--primary + .btn--warning,
.btn-group .btn-primary + .btn--warning,
.btn-group .btn--success + .btn--warning,
.btn-group .btn-success + .btn--warning,
.btn-group .btn--warning + .btn--warning,
.btn-group .btn-warning + .btn--warning,
.btn-group .btn--danger + .btn--warning,
.btn-group .btn-danger + .btn--warning,
.btn-group .btn--default + .btn--warning,
.btn-group .btn-default + .btn--warning,
.btn-group button + .btn-warning,
.btn-group .btn + .btn-warning,
.btn-group .btn--primary + .btn-warning,
.btn-group .btn-primary + .btn-warning,
.btn-group .btn--success + .btn-warning,
.btn-group .btn-success + .btn-warning,
.btn-group .btn--warning + .btn-warning,
.btn-group .btn-warning + .btn-warning,
.btn-group .btn--danger + .btn-warning,
.btn-group .btn-danger + .btn-warning,
.btn-group .btn--default + .btn-warning,
.btn-group .btn-default + .btn-warning,
.btn-group button + .btn--danger,
.btn-group .btn + .btn--danger,
.btn-group .btn--primary + .btn--danger,
.btn-group .btn-primary + .btn--danger,
.btn-group .btn--success + .btn--danger,
.btn-group .btn-success + .btn--danger,
.btn-group .btn--warning + .btn--danger,
.btn-group .btn-warning + .btn--danger,
.btn-group .btn--danger + .btn--danger,
.btn-group .btn-danger + .btn--danger,
.btn-group .btn--default + .btn--danger,
.btn-group .btn-default + .btn--danger,
.btn-group button + .btn-danger,
.btn-group .btn + .btn-danger,
.btn-group .btn--primary + .btn-danger,
.btn-group .btn-primary + .btn-danger,
.btn-group .btn--success + .btn-danger,
.btn-group .btn-success + .btn-danger,
.btn-group .btn--warning + .btn-danger,
.btn-group .btn-warning + .btn-danger,
.btn-group .btn--danger + .btn-danger,
.btn-group .btn-danger + .btn-danger,
.btn-group .btn--default + .btn-danger,
.btn-group .btn-default + .btn-danger,
.btn-group button + .btn--default,
.btn-group .btn + .btn--default,
.btn-group .btn--primary + .btn--default,
.btn-group .btn-primary + .btn--default,
.btn-group .btn--success + .btn--default,
.btn-group .btn-success + .btn--default,
.btn-group .btn--warning + .btn--default,
.btn-group .btn-warning + .btn--default,
.btn-group .btn--danger + .btn--default,
.btn-group .btn-danger + .btn--default,
.btn-group .btn--default + .btn--default,
.btn-group .btn-default + .btn--default,
.btn-group button + .btn-default,
.btn-group .btn + .btn-default,
.btn-group .btn--primary + .btn-default,
.btn-group .btn-primary + .btn-default,
.btn-group .btn--success + .btn-default,
.btn-group .btn-success + .btn-default,
.btn-group .btn--warning + .btn-default,
.btn-group .btn-warning + .btn-default,
.btn-group .btn--danger + .btn-default,
.btn-group .btn-danger + .btn-default,
.btn-group .btn--default + .btn-default,
.btn-group .btn-default + .btn-default,
.button-group button + button,
.button-group .btn + button,
.button-group .btn--primary + button,
.button-group .btn-primary + button,
.button-group .btn--success + button,
.button-group .btn-success + button,
.button-group .btn--warning + button,
.button-group .btn-warning + button,
.button-group .btn--danger + button,
.button-group .btn-danger + button,
.button-group .btn--default + button,
.button-group .btn-default + button,
.button-group button + .btn,
.button-group .btn + .btn,
.button-group .btn--primary + .btn,
.button-group .btn-primary + .btn,
.button-group .btn--success + .btn,
.button-group .btn-success + .btn,
.button-group .btn--warning + .btn,
.button-group .btn-warning + .btn,
.button-group .btn--danger + .btn,
.button-group .btn-danger + .btn,
.button-group .btn--default + .btn,
.button-group .btn-default + .btn,
.button-group button + .btn--primary,
.button-group .btn + .btn--primary,
.button-group .btn--primary + .btn--primary,
.button-group .btn-primary + .btn--primary,
.button-group .btn--success + .btn--primary,
.button-group .btn-success + .btn--primary,
.button-group .btn--warning + .btn--primary,
.button-group .btn-warning + .btn--primary,
.button-group .btn--danger + .btn--primary,
.button-group .btn-danger + .btn--primary,
.button-group .btn--default + .btn--primary,
.button-group .btn-default + .btn--primary,
.button-group button + .btn-primary,
.button-group .btn + .btn-primary,
.button-group .btn--primary + .btn-primary,
.button-group .btn-primary + .btn-primary,
.button-group .btn--success + .btn-primary,
.button-group .btn-success + .btn-primary,
.button-group .btn--warning + .btn-primary,
.button-group .btn-warning + .btn-primary,
.button-group .btn--danger + .btn-primary,
.button-group .btn-danger + .btn-primary,
.button-group .btn--default + .btn-primary,
.button-group .btn-default + .btn-primary,
.button-group button + .btn--success,
.button-group .btn + .btn--success,
.button-group .btn--primary + .btn--success,
.button-group .btn-primary + .btn--success,
.button-group .btn--success + .btn--success,
.button-group .btn-success + .btn--success,
.button-group .btn--warning + .btn--success,
.button-group .btn-warning + .btn--success,
.button-group .btn--danger + .btn--success,
.button-group .btn-danger + .btn--success,
.button-group .btn--default + .btn--success,
.button-group .btn-default + .btn--success,
.button-group button + .btn-success,
.button-group .btn + .btn-success,
.button-group .btn--primary + .btn-success,
.button-group .btn-primary + .btn-success,
.button-group .btn--success + .btn-success,
.button-group .btn-success + .btn-success,
.button-group .btn--warning + .btn-success,
.button-group .btn-warning + .btn-success,
.button-group .btn--danger + .btn-success,
.button-group .btn-danger + .btn-success,
.button-group .btn--default + .btn-success,
.button-group .btn-default + .btn-success,
.button-group button + .btn--warning,
.button-group .btn + .btn--warning,
.button-group .btn--primary + .btn--warning,
.button-group .btn-primary + .btn--warning,
.button-group .btn--success + .btn--warning,
.button-group .btn-success + .btn--warning,
.button-group .btn--warning + .btn--warning,
.button-group .btn-warning + .btn--warning,
.button-group .btn--danger + .btn--warning,
.button-group .btn-danger + .btn--warning,
.button-group .btn--default + .btn--warning,
.button-group .btn-default + .btn--warning,
.button-group button + .btn-warning,
.button-group .btn + .btn-warning,
.button-group .btn--primary + .btn-warning,
.button-group .btn-primary + .btn-warning,
.button-group .btn--success + .btn-warning,
.button-group .btn-success + .btn-warning,
.button-group .btn--warning + .btn-warning,
.button-group .btn-warning + .btn-warning,
.button-group .btn--danger + .btn-warning,
.button-group .btn-danger + .btn-warning,
.button-group .btn--default + .btn-warning,
.button-group .btn-default + .btn-warning,
.button-group button + .btn--danger,
.button-group .btn + .btn--danger,
.button-group .btn--primary + .btn--danger,
.button-group .btn-primary + .btn--danger,
.button-group .btn--success + .btn--danger,
.button-group .btn-success + .btn--danger,
.button-group .btn--warning + .btn--danger,
.button-group .btn-warning + .btn--danger,
.button-group .btn--danger + .btn--danger,
.button-group .btn-danger + .btn--danger,
.button-group .btn--default + .btn--danger,
.button-group .btn-default + .btn--danger,
.button-group button + .btn-danger,
.button-group .btn + .btn-danger,
.button-group .btn--primary + .btn-danger,
.button-group .btn-primary + .btn-danger,
.button-group .btn--success + .btn-danger,
.button-group .btn-success + .btn-danger,
.button-group .btn--warning + .btn-danger,
.button-group .btn-warning + .btn-danger,
.button-group .btn--danger + .btn-danger,
.button-group .btn-danger + .btn-danger,
.button-group .btn--default + .btn-danger,
.button-group .btn-default + .btn-danger,
.button-group button + .btn--default,
.button-group .btn + .btn--default,
.button-group .btn--primary + .btn--default,
.button-group .btn-primary + .btn--default,
.button-group .btn--success + .btn--default,
.button-group .btn-success + .btn--default,
.button-group .btn--warning + .btn--default,
.button-group .btn-warning + .btn--default,
.button-group .btn--danger + .btn--default,
.button-group .btn-danger + .btn--default,
.button-group .btn--default + .btn--default,
.button-group .btn-default + .btn--default,
.button-group button + .btn-default,
.button-group .btn + .btn-default,
.button-group .btn--primary + .btn-default,
.button-group .btn-primary + .btn-default,
.button-group .btn--success + .btn-default,
.button-group .btn-success + .btn-default,
.button-group .btn--warning + .btn-default,
.button-group .btn-warning + .btn-default,
.button-group .btn--danger + .btn-default,
.button-group .btn-danger + .btn-default,
.button-group .btn--default + .btn-default,
.button-group .btn-default + .btn-default {
    margin-left: 8px;
    margin-left: 0.57143rem;
}
.btn-group.right,
.btn-group--right,
.button-group.right,
.button-group--right {
    justify-content: flex-end;
}
.btn-group.center,
.btn-group--center,
.button-group.center,
.button-group--center {
    justify-content: center;
}
.btn--picker {
    height: auto;
    width: 30px;
}
.btn--content {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    border-radius: 2px;
    user-select: none;
    text-decoration: none;
    border: none;
    transition: 300ms all ease-in-out;
    background: transparent;
    padding: 0;
}
.btn--content:focus,
.btn--content:active {
    outline: 0;
}
.checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--form-control__border);
    background: var(--form-control__bg);
    transition: all 300ms ease-in-out;
    border-radius: 4px;
    height: 24px;
    width: 24px;
}
.checkbox:after {
    content: '';
    display: block;
    opacity: 1, 0;
    width: 5px;
    height: 9px;
    border: 2px solid var(--form-control__checkbox-active);
    border-top: 0;
    border-left: 0;
    transform: rotate(43deg);
}
.checkbox:checked {
    background: var(--form-control__checkbox-active-bg);
    border-color: var(--form-control__checkbox-active-border);
    opacity: 1;
}
.checkbox:disabled {
    background: var(--form-control__bg--disabled);
    cursor: not-allowed;
    opacity: 0.9;
}
.checkbox:disabled:after {
    opacity: 0;
}
.checkbox:disabled:checked {
    background: var(--form-control__bg--disabled);
    border-color: var(--form-control__border-disabled);
}
.checkbox:disabled:checked:after {
    opacity: 1;
}
.checkbox:disabled + label {
    cursor: not-allowed;
}
.checkbox:hover:not(:checked):not(:disabled) {
    border-color: var(--form-control__border-hover);
}
.checkbox:focus {
    border-color: var(--form-control__checkbox-shadow);
}
.checkbox--large {
    height: 40px;
    width: 40px;
}
.checkbox--large:after {
    border-width: 4px;
    width: 10px;
    height: 18px;
}
.checkbox--small {
    height: 16px;
    width: 16px;
}
.checkbox--input-errors {
    border-color: var(--brand--danger);
}
.checkbox__description {
    margin-top: 8px;
    margin-top: 0.57143rem;
    font-weight: normal;
    color: var(--text--muted);
}
input,
select {
    color: var(--text--normal);
    background-color: var(--form-control__bg);
    padding: 5px 5px 5px 20px;
    font-weight: 400;
    display: inline-block;
    border: 1px solid;
    border-radius: 4px;
    width: 100%;
}
label {
    line-height: 16px;
    line-height: 1.14286rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    font-weight: 700;
    display: inline-block;
}
.form-control.input-errors {
    border: 1px solid var(--brand--danger);
}
.form-control.input-errors:focus {
    outline: 0;
    border: 1px solid var(--brand--danger);
    box-shadow: 0 0 0 0.2rem hsla(var(--red), 81%, 53%, 0.25);
}
::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: var(--text--faded);
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.pointer {
    cursor: pointer;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline > li {
    display: inline-block;
}
.list-inline > li:not(:last-child) {
    margin-right: 8px;
    margin-right: 0.57143rem;
}
.w-0 {
    width: 0%;
}
.w-1 {
    width: 1%;
}
.w-2 {
    width: 2%;
}
.w-3 {
    width: 3%;
}
.w-4 {
    width: 4%;
}
.w-5 {
    width: 5%;
}
.w-6 {
    width: 6%;
}
.w-7 {
    width: 7%;
}
.w-8 {
    width: 8%;
}
.w-9 {
    width: 9%;
}
.w-10 {
    width: 10%;
}
.w-11 {
    width: 11%;
}
.w-12 {
    width: 12%;
}
.w-13 {
    width: 13%;
}
.w-14 {
    width: 14%;
}
.w-15 {
    width: 15%;
}
.w-16 {
    width: 16%;
}
.w-17 {
    width: 17%;
}
.w-18 {
    width: 18%;
}
.w-19 {
    width: 19%;
}
.w-20 {
    width: 20%;
}
.w-21 {
    width: 21%;
}
.w-22 {
    width: 22%;
}
.w-23 {
    width: 23%;
}
.w-24 {
    width: 24%;
}
.w-25 {
    width: 25%;
}
.w-26 {
    width: 26%;
}
.w-27 {
    width: 27%;
}
.w-28 {
    width: 28%;
}
.w-29 {
    width: 29%;
}
.w-30 {
    width: 30%;
}
.w-31 {
    width: 31%;
}
.w-32 {
    width: 32%;
}
.w-33 {
    width: 33%;
}
.w-34 {
    width: 34%;
}
.w-35 {
    width: 35%;
}
.w-36 {
    width: 36%;
}
.w-37 {
    width: 37%;
}
.w-38 {
    width: 38%;
}
.w-39 {
    width: 39%;
}
.w-40 {
    width: 40%;
}
.w-41 {
    width: 41%;
}
.w-42 {
    width: 42%;
}
.w-43 {
    width: 43%;
}
.w-44 {
    width: 44%;
}
.w-45 {
    width: 45%;
}
.w-46 {
    width: 46%;
}
.w-47 {
    width: 47%;
}
.w-48 {
    width: 48%;
}
.w-49 {
    width: 49%;
}
.w-50 {
    width: 50%;
}
.w-51 {
    width: 51%;
}
.w-52 {
    width: 52%;
}
.w-53 {
    width: 53%;
}
.w-54 {
    width: 54%;
}
.w-55 {
    width: 55%;
}
.w-56 {
    width: 56%;
}
.w-57 {
    width: 57%;
}
.w-58 {
    width: 58%;
}
.w-59 {
    width: 59%;
}
.w-60 {
    width: 60%;
}
.w-61 {
    width: 61%;
}
.w-62 {
    width: 62%;
}
.w-63 {
    width: 63%;
}
.w-64 {
    width: 64%;
}
.w-65 {
    width: 65%;
}
.w-66 {
    width: 66%;
}
.w-67 {
    width: 67%;
}
.w-68 {
    width: 68%;
}
.w-69 {
    width: 69%;
}
.w-70 {
    width: 70%;
}
.w-71 {
    width: 71%;
}
.w-72 {
    width: 72%;
}
.w-73 {
    width: 73%;
}
.w-74 {
    width: 74%;
}
.w-75 {
    width: 75%;
}
.w-76 {
    width: 76%;
}
.w-77 {
    width: 77%;
}
.w-78 {
    width: 78%;
}
.w-79 {
    width: 79%;
}
.w-80 {
    width: 80%;
}
.w-81 {
    width: 81%;
}
.w-82 {
    width: 82%;
}
.w-83 {
    width: 83%;
}
.w-84 {
    width: 84%;
}
.w-85 {
    width: 85%;
}
.w-86 {
    width: 86%;
}
.w-87 {
    width: 87%;
}
.w-88 {
    width: 88%;
}
.w-89 {
    width: 89%;
}
.w-90 {
    width: 90%;
}
.w-91 {
    width: 91%;
}
.w-92 {
    width: 92%;
}
.w-93 {
    width: 93%;
}
.w-94 {
    width: 94%;
}
.w-95 {
    width: 95%;
}
.w-96 {
    width: 96%;
}
.w-97 {
    width: 97%;
}
.w-98 {
    width: 98%;
}
.w-99 {
    width: 99%;
}
.w-100 {
    width: 100%;
}
.w-auto {
    width: auto;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left !important;
}
.simple-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
}
.pre-wrap {
    white-space: pre-wrap;
}
.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.overflow-scroll {
    overflow-y: scroll;
}
.context {
    box-shadow: -1px 0 0 var(--border--normal),
        inset 3px 0 0 var(--border--normal);
}
.context--success {
    box-shadow: -1px 0 0 var(--brand--success),
        inset 3px 0 0 var(--brand--success);
}
.context--danger {
    box-shadow: -1px 0 0 var(--brand--danger),
        inset 3px 0 0 var(--brand--danger);
}
.context--warning {
    box-shadow: -1px 0 0 var(--brand--warning),
        inset 3px 0 0 var(--brand--warning);
}
.bg--primary {
    background-color: #2D5DE5 !important;
}
.bg--success {
    background-color: #00AE58 !important;
}
.bg--warning {
    background-color: #f6c964 !important;
}
.bg--danger {
    background-color: #e83928 !important;
}
.bg--default {
    background-color: #e7e7e7 !important;
}
.bg-gradient--fc-green {
    background: linear-gradient(135deg, #6aae6e 0%, #c6d874 100%);
}
.bg-gradient--fc-blue {
    background: linear-gradient(135deg, #6388c1 0%, #6bc4d9 100%);
}
.bg-gradient--fc-yellow {
    background: linear-gradient(135deg, #f1c361 0%, #fedc6f 100%);
}
.text-light,
.text--light {
    font-weight: 300;
    font-style: normal;
}
.text-regular,
.text--regular {
    font-weight: 400;
    font-style: normal;
}
.text-bold,
.text--bold {
    font-weight: 700;
    font-style: normal;
}
.text-left,
.text--left {
    text-align: left;
}
.text-center,
.text--center {
    text-align: center;
}
.text-right,
.text--right {
    text-align: right;
}
.text-small,
.text--small {
    font-size: 80%;
}
.text-lowercase,
.text--lowercase {
    text-transform: lowercase;
}
.text-uppercase,
.text--uppercase {
    text-transform: uppercase;
}
.text-capitalize,
.text--capitalize {
    text-transform: capitalize;
}
.text--primary {
    color: #2D5DE5;
}
.text--success {
    color: #00AE58;
}
.text--warning {
    color: #f6c964;
}
.text--danger {
    color: #e83928;
}
.text--default {
    color: #e7e7e7;
}
.text--inverted {
    color: var(--text--inverted);
}
.text--muted {
    color: var(--text--muted);
}
.text--faded {
    color: var(--text--faded);
}
.text--highlight {
    color: var(--link--normal);
}
.text--strikethrough {
    text-decoration: line-through;
}
.bg--muted {
    background-color: var(--bg-content--muted);
}
.grid-list {
    grid-gap: 32px;
    grid-gap: 2.28571rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
}
.grid-list--third {
    grid-template-columns: repeat(3, 1fr);
}
.grid-list--compact {
    grid-gap: 8px;
    grid-gap: 0.57143rem;
}
.bt {
    border-top: solid 1px var(--border--normal);
}
.bb {
    border-bottom: solid 1px var(--border--normal);
}
.content--fade {
    opacity: 0;
}
.content--show {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}
.login-page {
    display: flex;
    width: 100vw;
    height: 100vh;
    background-image: url(./login-background.png);
    background-repeat: no-repeat;
    background-position: 250% bottom;
    background-size: 90%;
    position: relative;
}
.login-page__brand {
    position: absolute;
    top: 16px;
    left: 32px;
    display: flex;
    align-items: center;
}
.login-form {
    width: 336px;
    width: 24rem;
    margin: auto;
    background-color: #fff;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0px 0px 3px rgba(78,84,101,0.5);
}
.login-form__logo {
    margin-bottom: 32px;
    margin-bottom: 2.28571rem;
    height: 8rem;
}
.login-form__logo-img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
}
.form-control {
    height: 40px;
    height: 2.85714rem;
    border-radius: 2px;
    border: 1px solid var(--form-control__border);
    color: var(--text--normal);
    background-color: var(--form-control__bg);
}
.form-control--small {
    width: 50px;
    width: 3.57143rem;
    padding-left: 20px;
    padding-left: 1.42857rem;
}
.form-control[type='file'] {
    padding: 0;
}
.form-control:focus {
    background-color: var(--form-control__bg);
    color: var(--text--normal);
}
.form-control::-webkit-file-upload-button {
    height: 40px;
    height: 2.85714rem;
    padding: 8px 16px;
    padding: 0.57143rem 1.14286rem;
    background-color: #e7e7e7;
    color: #282828;
    border: 1px solid transparent;
    border: 0;
    transition: background-color 300ms ease;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    user-select: none;
    white-space: nowrap;
}
.form-control::-webkit-file-upload-button:hover,
.form-control::-webkit-file-upload-button.hover {
    border-color: #cecece;
    text-decoration: none;
}
.form-control::-webkit-file-upload-button:active,
.form-control::-webkit-file-upload-button:focus,
.form-control::-webkit-file-upload-button.focus {
    background-color: #cecece;
    outline: none;
}
.form-control::-webkit-file-upload-button:hover {
    cursor: pointer;
}
.form-control::-webkit-file-upload-button:disabled,
.form-control::-webkit-file-upload-button.disabled {
    border: var(--form-control__border-disabled);
    background-color: var(--form-control__bg--disabled);
    cursor: default;
    pointer-events: none;
    opacity: 0.7;
}
.form-control::-webkit-file-upload-button:active {
    transition-duration: 0ms;
}
.form-control::-webkit-file-upload-button:focus {
    box-shadow: none;
}
textarea.form-control {
    resize: none;
    height: 160px;
}
.text-area--variable-picker {
    height: 355px;
}
.pt-0 {
    padding-top: 0px;
}
.pr-0 {
    padding-right: 0px;
}
.pl-0 {
    padding-left: 0px;
}
.pb-0 {
    padding-bottom: 0px;
}
.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.p-0 {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.mt-0 {
    margin-top: 0px;
}
.mr-0 {
    margin-right: 0px;
}
.ml-0 {
    margin-left: 0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.m-0 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.pt-1 {
    padding-top: 8px;
    padding-top: 0.57143rem;
}
.pr-1 {
    padding-right: 8px;
    padding-right: 0.57143rem;
}
.pl-1 {
    padding-left: 8px;
    padding-left: 0.57143rem;
}
.pb-1 {
    padding-bottom: 8px;
    padding-bottom: 0.57143rem;
}
.px-1 {
    padding-left: 8px;
    padding-left: 0.57143rem;
    padding-right: 8px;
    padding-right: 0.57143rem;
}
.py-1 {
    padding-top: 8px;
    padding-top: 0.57143rem;
    padding-bottom: 8px;
    padding-bottom: 0.57143rem;
}
.p-1 {
    padding-top: 8px;
    padding-top: 0.57143rem;
    padding-bottom: 8px;
    padding-bottom: 0.57143rem;
    padding-left: 8px;
    padding-left: 0.57143rem;
    padding-right: 8px;
    padding-right: 0.57143rem;
}
.mt-1 {
    margin-top: 8px;
    margin-top: 0.57143rem;
}
.mr-1 {
    margin-right: 8px;
    margin-right: 0.57143rem;
}
.ml-1 {
    margin-left: 8px;
    margin-left: 0.57143rem;
}
.mb-1 {
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
}
.mx-1 {
    margin-left: 8px;
    margin-left: 0.57143rem;
    margin-right: 8px;
    margin-right: 0.57143rem;
}
.my-1 {
    margin-top: 8px;
    margin-top: 0.57143rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
}
.m-1 {
    margin-top: 8px;
    margin-top: 0.57143rem;
    margin-bottom: 8px;
    margin-bottom: 0.57143rem;
    margin-left: 8px;
    margin-left: 0.57143rem;
    margin-right: 8px;
    margin-right: 0.57143rem;
}
.pt-2 {
    padding-top: 16px;
    padding-top: 1.14286rem;
}
.pr-2 {
    padding-right: 16px;
    padding-right: 1.14286rem;
}
.pl-2 {
    padding-left: 16px;
    padding-left: 1.14286rem;
}
.pb-2 {
    padding-bottom: 16px;
    padding-bottom: 1.14286rem;
}
.px-2 {
    padding-left: 16px;
    padding-left: 1.14286rem;
    padding-right: 16px;
    padding-right: 1.14286rem;
}
.py-2 {
    padding-top: 16px;
    padding-top: 1.14286rem;
    padding-bottom: 16px;
    padding-bottom: 1.14286rem;
}
.p-2 {
    padding-top: 16px;
    padding-top: 1.14286rem;
    padding-bottom: 16px;
    padding-bottom: 1.14286rem;
    padding-left: 16px;
    padding-left: 1.14286rem;
    padding-right: 16px;
    padding-right: 1.14286rem;
}
.mt-2 {
    margin-top: 16px;
    margin-top: 1.14286rem;
}
.mr-2 {
    margin-right: 16px;
    margin-right: 1.14286rem;
}
.ml-2 {
    margin-left: 16px;
    margin-left: 1.14286rem;
}
.mb-2 {
    margin-bottom: 16px;
    margin-bottom: 1.14286rem;
}
.mx-2 {
    margin-left: 16px;
    margin-left: 1.14286rem;
    margin-right: 16px;
    margin-right: 1.14286rem;
}
.my-2 {
    margin-top: 16px;
    margin-top: 1.14286rem;
    margin-bottom: 16px;
    margin-bottom: 1.14286rem;
}
.m-2 {
    margin-top: 16px;
    margin-top: 1.14286rem;
    margin-bottom: 16px;
    margin-bottom: 1.14286rem;
    margin-left: 16px;
    margin-left: 1.14286rem;
    margin-right: 16px;
    margin-right: 1.14286rem;
}
.pt-3 {
    padding-top: 24px;
    padding-top: 1.71429rem;
}
.pr-3 {
    padding-right: 24px;
    padding-right: 1.71429rem;
}
.pl-3 {
    padding-left: 24px;
    padding-left: 1.71429rem;
}
.pb-3 {
    padding-bottom: 24px;
    padding-bottom: 1.71429rem;
}
.px-3 {
    padding-left: 24px;
    padding-left: 1.71429rem;
    padding-right: 24px;
    padding-right: 1.71429rem;
}
.py-3 {
    padding-top: 24px;
    padding-top: 1.71429rem;
    padding-bottom: 24px;
    padding-bottom: 1.71429rem;
}
.p-3 {
    padding-top: 24px;
    padding-top: 1.71429rem;
    padding-bottom: 24px;
    padding-bottom: 1.71429rem;
    padding-left: 24px;
    padding-left: 1.71429rem;
    padding-right: 24px;
    padding-right: 1.71429rem;
}
.mt-3 {
    margin-top: 24px;
    margin-top: 1.71429rem;
}
.mr-3 {
    margin-right: 24px;
    margin-right: 1.71429rem;
}
.ml-3 {
    margin-left: 24px;
    margin-left: 1.71429rem;
}
.mb-3 {
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
}
.mx-3 {
    margin-left: 24px;
    margin-left: 1.71429rem;
    margin-right: 24px;
    margin-right: 1.71429rem;
}
.my-3 {
    margin-top: 24px;
    margin-top: 1.71429rem;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
}
.m-3 {
    margin-top: 24px;
    margin-top: 1.71429rem;
    margin-bottom: 24px;
    margin-bottom: 1.71429rem;
    margin-left: 24px;
    margin-left: 1.71429rem;
    margin-right: 24px;
    margin-right: 1.71429rem;
}
.pt-4 {
    padding-top: 32px;
    padding-top: 2.28571rem;
}
.pr-4 {
    padding-right: 32px;
    padding-right: 2.28571rem;
}
.pl-4 {
    padding-left: 32px;
    padding-left: 2.28571rem;
}
.pb-4 {
    padding-bottom: 32px;
    padding-bottom: 2.28571rem;
}
.px-4 {
    padding-left: 32px;
    padding-left: 2.28571rem;
    padding-right: 32px;
    padding-right: 2.28571rem;
}
.py-4 {
    padding-top: 32px;
    padding-top: 2.28571rem;
    padding-bottom: 32px;
    padding-bottom: 2.28571rem;
}
.p-4 {
    padding-top: 32px;
    padding-top: 2.28571rem;
    padding-bottom: 32px;
    padding-bottom: 2.28571rem;
    padding-left: 32px;
    padding-left: 2.28571rem;
    padding-right: 32px;
    padding-right: 2.28571rem;
}
.mt-4 {
    margin-top: 32px;
    margin-top: 2.28571rem;
}
.mr-4 {
    margin-right: 32px;
    margin-right: 2.28571rem;
}
.ml-4 {
    margin-left: 32px;
    margin-left: 2.28571rem;
}
.mb-4 {
    margin-bottom: 32px;
    margin-bottom: 2.28571rem;
}
.mx-4 {
    margin-left: 32px;
    margin-left: 2.28571rem;
    margin-right: 32px;
    margin-right: 2.28571rem;
}
.my-4 {
    margin-top: 32px;
    margin-top: 2.28571rem;
    margin-bottom: 32px;
    margin-bottom: 2.28571rem;
}
.m-4 {
    margin-top: 32px;
    margin-top: 2.28571rem;
    margin-bottom: 32px;
    margin-bottom: 2.28571rem;
    margin-left: 32px;
    margin-left: 2.28571rem;
    margin-right: 32px;
    margin-right: 2.28571rem;
}
.pt-5 {
    padding-top: 40px;
    padding-top: 2.85714rem;
}
.pr-5 {
    padding-right: 40px;
    padding-right: 2.85714rem;
}
.pl-5 {
    padding-left: 40px;
    padding-left: 2.85714rem;
}
.pb-5 {
    padding-bottom: 40px;
    padding-bottom: 2.85714rem;
}
.px-5 {
    padding-left: 40px;
    padding-left: 2.85714rem;
    padding-right: 40px;
    padding-right: 2.85714rem;
}
.py-5 {
    padding-top: 40px;
    padding-top: 2.85714rem;
    padding-bottom: 40px;
    padding-bottom: 2.85714rem;
}
.p-5 {
    padding-top: 40px;
    padding-top: 2.85714rem;
    padding-bottom: 40px;
    padding-bottom: 2.85714rem;
    padding-left: 40px;
    padding-left: 2.85714rem;
    padding-right: 40px;
    padding-right: 2.85714rem;
}
.mt-5 {
    margin-top: 40px;
    margin-top: 2.85714rem;
}
.mr-5 {
    margin-right: 40px;
    margin-right: 2.85714rem;
}
.ml-5 {
    margin-left: 40px;
    margin-left: 2.85714rem;
}
.mb-5 {
    margin-bottom: 40px;
    margin-bottom: 2.85714rem;
}
.mx-5 {
    margin-left: 40px;
    margin-left: 2.85714rem;
    margin-right: 40px;
    margin-right: 2.85714rem;
}
.my-5 {
    margin-top: 40px;
    margin-top: 2.85714rem;
    margin-bottom: 40px;
    margin-bottom: 2.85714rem;
}
.m-5 {
    margin-top: 40px;
    margin-top: 2.85714rem;
    margin-bottom: 40px;
    margin-bottom: 2.85714rem;
    margin-left: 40px;
    margin-left: 2.85714rem;
    margin-right: 40px;
    margin-right: 2.85714rem;
}
.pt-6 {
    padding-top: 48px;
    padding-top: 3.42857rem;
}
.pr-6 {
    padding-right: 48px;
    padding-right: 3.42857rem;
}
.pl-6 {
    padding-left: 48px;
    padding-left: 3.42857rem;
}
.pb-6 {
    padding-bottom: 48px;
    padding-bottom: 3.42857rem;
}
.px-6 {
    padding-left: 48px;
    padding-left: 3.42857rem;
    padding-right: 48px;
    padding-right: 3.42857rem;
}
.py-6 {
    padding-top: 48px;
    padding-top: 3.42857rem;
    padding-bottom: 48px;
    padding-bottom: 3.42857rem;
}
.p-6 {
    padding-top: 48px;
    padding-top: 3.42857rem;
    padding-bottom: 48px;
    padding-bottom: 3.42857rem;
    padding-left: 48px;
    padding-left: 3.42857rem;
    padding-right: 48px;
    padding-right: 3.42857rem;
}
.mt-6 {
    margin-top: 48px;
    margin-top: 3.42857rem;
}
.mr-6 {
    margin-right: 48px;
    margin-right: 3.42857rem;
}
.ml-6 {
    margin-left: 48px;
    margin-left: 3.42857rem;
}
.mb-6 {
    margin-bottom: 48px;
    margin-bottom: 3.42857rem;
}
.mx-6 {
    margin-left: 48px;
    margin-left: 3.42857rem;
    margin-right: 48px;
    margin-right: 3.42857rem;
}
.my-6 {
    margin-top: 48px;
    margin-top: 3.42857rem;
    margin-bottom: 48px;
    margin-bottom: 3.42857rem;
}
.m-6 {
    margin-top: 48px;
    margin-top: 3.42857rem;
    margin-bottom: 48px;
    margin-bottom: 3.42857rem;
    margin-left: 48px;
    margin-left: 3.42857rem;
    margin-right: 48px;
    margin-right: 3.42857rem;
}
.pt-7 {
    padding-top: 56px;
    padding-top: 4rem;
}
.pr-7 {
    padding-right: 56px;
    padding-right: 4rem;
}
.pl-7 {
    padding-left: 56px;
    padding-left: 4rem;
}
.pb-7 {
    padding-bottom: 56px;
    padding-bottom: 4rem;
}
.px-7 {
    padding-left: 56px;
    padding-left: 4rem;
    padding-right: 56px;
    padding-right: 4rem;
}
.py-7 {
    padding-top: 56px;
    padding-top: 4rem;
    padding-bottom: 56px;
    padding-bottom: 4rem;
}
.p-7 {
    padding-top: 56px;
    padding-top: 4rem;
    padding-bottom: 56px;
    padding-bottom: 4rem;
    padding-left: 56px;
    padding-left: 4rem;
    padding-right: 56px;
    padding-right: 4rem;
}
.mt-7 {
    margin-top: 56px;
    margin-top: 4rem;
}
.mr-7 {
    margin-right: 56px;
    margin-right: 4rem;
}
.ml-7 {
    margin-left: 56px;
    margin-left: 4rem;
}
.mb-7 {
    margin-bottom: 56px;
    margin-bottom: 4rem;
}
.mx-7 {
    margin-left: 56px;
    margin-left: 4rem;
    margin-right: 56px;
    margin-right: 4rem;
}
.my-7 {
    margin-top: 56px;
    margin-top: 4rem;
    margin-bottom: 56px;
    margin-bottom: 4rem;
}
.m-7 {
    margin-top: 56px;
    margin-top: 4rem;
    margin-bottom: 56px;
    margin-bottom: 4rem;
    margin-left: 56px;
    margin-left: 4rem;
    margin-right: 56px;
    margin-right: 4rem;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.flex-row {
    flex-direction: row;
}
.flex-column {
    flex-direction: column;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-column-reverse {
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-nowrap {
    flex-wrap: nowrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-fill {
    flex: 1 1 auto;
}
.flex-grow-0 {
    flex-grow: 0;
}
.flex-grow-1 {
    flex-grow: 1;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.flex-shrink-1 {
    flex-shrink: 1;
}
.justify-content-start {
    justify-content: flex-start;
}
.justify-content-end {
    justify-content: flex-end;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-between {
    justify-content: space-between;
}
.justify-content-around {
    justify-content: space-around;
}
.align-items-start {
    align-items: flex-start;
}
.align-items-end {
    align-items: flex-end;
}
.align-items-center {
    align-items: center;
}
.align-items-baseline {
    align-items: baseline;
}
.align-items-stretch {
    align-items: stretch;
}
.align-content-start {
    align-content: flex-start;
}
.align-content-end {
    align-content: flex-end;
}
.align-content-center {
    align-content: center;
}
.align-content-between {
    align-content: space-between;
}
.align-content-around {
    align-content: space-around;
}
.align-content-stretch {
    align-content: stretch;
}
.align-self-auto {
    align-self: auto;
}
.align-self-start {
    align-self: flex-start;
}
.align-self-end {
    align-self: flex-end;
}
.align-self-center {
    align-self: center;
}
.align-self-baseline {
    align-self: baseline;
}
.align-self-stretch {
    align-self: stretch;
}
.d-none {
    display: none;
}
.d-inline {
    display: inline;
}
.d-inline-block {
    display: inline-block;
}
.d-block {
    display: block;
}
.d-flex {
    display: flex;
}
.d-inline-flex {
    display: inline-flex;
}
.bg--offset {
    background: var(--bg-content--muted);
}
.bg--inset {
    background: var(--bg-content--inset);
}
.bg--white {
    background: var(--gray--100);
}
.site-header--fluid {
    padding: 8px 32px;
    padding: 0.57143rem 2.28571rem;
    background: var(--bg-content--normal);
    border-bottom: solid 1px var(--border--normal);
    display: flex;
    align-items: center;
}
.site-header--fluid .dropdown {
    cursor: pointer;
}
.site-header--fluid .dropdown-toggle::after {
    display: none;
}
.site-header--fluid .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin: 0;
    padding: 0;
}
.site-header--fluid .dropdown-menu.dropdown-menu-right.show {
    top: 52px !important;
    right: 0px !important;
    left: auto !important;
    transform: none !important;
    width: 235px;
}
.site-header__brand {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
.site-header__brand-img {
    height: 28px;
    height: 9rem;
    width: auto;
}
.site-header__tools {
    padding-left: 64px;
    padding-left: 4.57143rem;
    margin-right: auto;
    flex: 0 1 auto;
    width: 30%;
}
.site-header__menu {
    flex: 0 0 auto;
}
.site-header__user {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    border-radius: 2px;
    user-select: none;
    text-decoration: none;
    border: none;
    transition: 300ms all ease-in-out;
    background: transparent;
    padding: 0;
    position: relative;
}
.site-header__user:focus,
.site-header__user:active {
    outline: 0;
}
.site-header__user-notification {
    height: 8px;
    height: 0.57143rem;
    width: 8px;
    width: 0.57143rem;
    display: block;
    background: var(--brand--danger);
    border-radius: 50%;
    border: solid 2px var(--bg-content--normal);
    position: absolute;
    top: 2px;
    right: 0px;
}
.header-search {
    position: relative;
}
.header-search__icon {
    color: var(--text--faded);
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 1;
}
.header-search__input {
    padding: 12px;
    padding: 0.85714rem;
    padding-left: 40px;
    padding-left: 2.85714rem;
    line-height: 16px;
    line-height: 1.14286rem;
    position: relative;
    border: solid 1px transparent;
    border-radius: 2px;
    background: transparent;
    z-index: 2;
}
.header-search__input:focus {
    outline: 0;
    border: solid 1px var(--border--normal);
}
.header-search__button {
    top: 8px;
    top: 0.57143rem;
    right: 8px;
    right: 0.57143rem;
    position: absolute;
    z-index: 3;
}
.form-group {
    margin-bottom: 1rem;
}

input.form-control{
    border-radius: 6px;
}


.btn{
    border-radius: 6px;
}
.alert{
    border-radius: 6px;
    color: white;
}

/* Strength Indicator */
#password-input__strength {
    position: relative;
    height: 3px;

    &:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transition: 0.2s ease width, 0.2s ease background-color;
    }

    &[data-strength='0'] {
        &:after {
            background-color: transparent;
            width: 0%;
        }
    }

    &[data-strength='1'] {
        &:after {
            background-color: #e6002e;
            width: 33.33%;
        }
    }

    &[data-strength='2'] {
        &:after {
            background-color: #ffc257;
            width: 66.66%;
        }
    }

    &[data-strength='3'] {
        &:after {
            background-color: #00ae58;
            width: 100%;
        }
    }
}