@import url(/LibsJsCss/LoginCSS/open-sans.css);
@import url(/LibsJsCss/LoginCSS/ibm-plex-mono.css);
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Open Sans", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

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

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

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

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

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    :after,
    :before {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img,
    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .navbar {
        display: none;
    }

    .btn > .caret,
    .dropup > .btn > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

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

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    line-height: 1.428571429;
    color: var(--support-black);
}

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

a {
    color: var(--primary-brand-accent);
    text-decoration: none;
}

    a:focus,
    a:hover {
        color: var(--primary-brand-accent-dark);
        text-decoration: underline;
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

figure {
    margin: 0;
}

img {
    vertical-align: middle;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 4px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-weight: 400;
        line-height: 1;
    }

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small {
        font-size: 65%;
    }

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-size: 75%;
    }

.h1,
h1 {
    font-size: 36px;
}

.h2,
h2 {
    font-size: 30px;
}

.h3,
h3 {
    font-size: 24px;
}

.h4,
h4 {
    font-size: 18px;
}

.h5,
h5 {
    font-size: 14px;
}

.h6,
h6 {
    font-size: 12px;
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

.small,
small {
    font-size: 85%;
}

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.initialism,
.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: var(--primary-brand-accent);
}

a.text-primary:focus,
a.text-primary:hover {
    color: color-mix(in srgb, var(--primary-brand-accent), #000 10%);
}

.text-success {
    color: #3c763d;
}

a.text-success:focus,
a.text-success:hover {
    color: color-mix(in srgb, #3c763d, #000 10%);
}

.text-info {
    color: #31708f;
}

a.text-info:focus,
a.text-info:hover {
    color: color-mix(in srgb, #31708f, #000 10%);
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:focus,
a.text-warning:hover {
    color: color-mix(in srgb, #8a6d3b, #000 10%);
}

.text-danger {
    color: #a94442;
}

a.text-danger:focus,
a.text-danger:hover {
    color: color-mix(in srgb, #a94442, #000 10%);
}

.bg-primary {
    color: #fff;
    background-color: var(--primary-brand-accent);
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: color-mix(in srgb, var(--primary-brand-accent), #000 10%);
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: color-mix(in srgb, #dff0d8, #000 10%);
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: color-mix(in srgb, #d9edf7, #000 10%);
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: color-mix(in srgb, #fcf8e3, #000 10%);
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: color-mix(in srgb, #f2dede, #000 10%);
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px;
}

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

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

.list-inline {
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 20px;
}

dd,
dt {
    line-height: 1.428571429;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:after,
.dl-horizontal dd:before {
    content: " ";
    display: table;
}

.dl-horizontal dd:after {
    clear: both;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
}

    blockquote ol:last-child,
    blockquote p:last-child,
    blockquote ul:last-child {
        margin-bottom: 0;
    }

    blockquote .small,
    blockquote footer,
    blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.428571429;
        color: #777;
    }

        blockquote .small:before,
        blockquote footer:before,
        blockquote small:before {
            content: "— ";
        }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse .small:before,
        .blockquote-reverse footer:before,
        .blockquote-reverse small:before,
        blockquote.pull-right .small:before,
        blockquote.pull-right footer:before,
        blockquote.pull-right small:before {
            content: "";
        }

        .blockquote-reverse .small:after,
        .blockquote-reverse footer:after,
        .blockquote-reverse small:after,
        blockquote.pull-right .small:after,
        blockquote.pull-right footer:after,
        blockquote.pull-right small:after {
            content: " —";
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, Courier New, monospace;
}

code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}

code,
kbd {
    padding: 2px 4px;
    font-size: 90%;
}

kbd {
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

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

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0;
    }

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

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

    .container:after,
    .container:before {
        content: " ";
        display: table;
    }

    .container:after {
        clear: both;
    }

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

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

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

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container-fluid:after,
    .container-fluid:before {
        content: " ";
        display: table;
    }

    .container-fluid:after {
        clear: both;
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
}

    .row:after,
    .row:before {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-1 {
    width: 8.3333333333%;
}

.col-xs-2 {
    width: 16.6666666667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.3333333333%;
}

.col-xs-5 {
    width: 41.6666666667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.3333333333%;
}

.col-xs-8 {
    width: 66.6666666667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.3333333333%;
}

.col-xs-11 {
    width: 91.6666666667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.3333333333%;
}

.col-xs-pull-2 {
    right: 16.6666666667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.3333333333%;
}

.col-xs-pull-5 {
    right: 41.6666666667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.3333333333%;
}

.col-xs-pull-8 {
    right: 66.6666666667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.3333333333%;
}

.col-xs-pull-11 {
    right: 91.6666666667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.3333333333%;
}

.col-xs-push-2 {
    left: 16.6666666667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.3333333333%;
}

.col-xs-push-5 {
    left: 41.6666666667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.3333333333%;
}

.col-xs-push-8 {
    left: 66.6666666667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.3333333333%;
}

.col-xs-push-11 {
    left: 91.6666666667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

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

.col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

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

.col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

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

.col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-1 {
        width: 8.3333333333%;
    }

    .col-sm-2 {
        width: 16.6666666667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.3333333333%;
    }

    .col-sm-5 {
        width: 41.6666666667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.3333333333%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.3333333333%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.3333333333%;
    }

    .col-sm-pull-2 {
        right: 16.6666666667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.3333333333%;
    }

    .col-sm-pull-5 {
        right: 41.6666666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.3333333333%;
    }

    .col-sm-pull-8 {
        right: 66.6666666667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.3333333333%;
    }

    .col-sm-pull-11 {
        right: 91.6666666667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.3333333333%;
    }

    .col-sm-push-2 {
        left: 16.6666666667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.3333333333%;
    }

    .col-sm-push-5 {
        left: 41.6666666667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.3333333333%;
    }

    .col-sm-push-8 {
        left: 66.6666666667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.3333333333%;
    }

    .col-sm-push-11 {
        left: 91.6666666667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }

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

    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }

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

    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }

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

    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.3333333333%;
    }

    .col-md-2 {
        width: 16.6666666667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.3333333333%;
    }

    .col-md-5 {
        width: 41.6666666667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.3333333333%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.3333333333%;
    }

    .col-md-11 {
        width: 91.6666666667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.3333333333%;
    }

    .col-md-pull-2 {
        right: 16.6666666667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.3333333333%;
    }

    .col-md-pull-5 {
        right: 41.6666666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.3333333333%;
    }

    .col-md-pull-8 {
        right: 66.6666666667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.3333333333%;
    }

    .col-md-pull-11 {
        right: 91.6666666667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.3333333333%;
    }

    .col-md-push-2 {
        left: 16.6666666667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.3333333333%;
    }

    .col-md-push-5 {
        left: 41.6666666667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.3333333333%;
    }

    .col-md-push-8 {
        left: 66.6666666667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.3333333333%;
    }

    .col-md-push-11 {
        left: 91.6666666667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }

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

    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }

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

    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }

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

    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-1 {
        width: 8.3333333333%;
    }

    .col-lg-2 {
        width: 16.6666666667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.3333333333%;
    }

    .col-lg-5 {
        width: 41.6666666667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.3333333333%;
    }

    .col-lg-8 {
        width: 66.6666666667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.3333333333%;
    }

    .col-lg-11 {
        width: 91.6666666667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.3333333333%;
    }

    .col-lg-pull-2 {
        right: 16.6666666667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.3333333333%;
    }

    .col-lg-pull-5 {
        right: 41.6666666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.3333333333%;
    }

    .col-lg-pull-8 {
        right: 66.6666666667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.3333333333%;
    }

    .col-lg-pull-11 {
        right: 91.6666666667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.3333333333%;
    }

    .col-lg-push-2 {
        left: 16.6666666667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.3333333333%;
    }

    .col-lg-push-5 {
        left: 41.6666666667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.3333333333%;
    }

    .col-lg-push-8 {
        left: 66.6666666667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.3333333333%;
    }

    .col-lg-push-11 {
        left: 91.6666666667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }

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

    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }

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

    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }

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

    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

table {
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
}

caption,
th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #ddd;
    }

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

    .table > caption + thead > tr:first-child > td,
    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > td,
    .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

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

    .table .table {
        background-color: var(--white);
    }

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
    padding: 5px;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

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

.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-of-type(odd) td.dtfc-fixed-left {
    background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(2n) td.dtfc-fixed-left {
    background-color: var(--white);
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
    background-color: #dff0d8;
}

.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
    background-color: #d0e9c6;
}

.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
    background-color: #d9edf7;
}

.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: #c4e3f3;
}

.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
    background-color: #fcf8e3;
}

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

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: #f2dede;
}

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

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > td,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

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

            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0;
            }
}

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

fieldset,
legend {
    padding: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

output {
    padding-top: 9px;
    font-size: 14px;
}

.form-control,
output {
    display: block;
    line-height: 1.428571429;
    color: #555;
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 8px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

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

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

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

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

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control,
    input[type="time"].form-control {
        line-height: 34px;
    }

    .input-group-sm > .input-group-btn > input[type="date"].btn,
    .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
    .input-group-sm > .input-group-btn > input[type="month"].btn,
    .input-group-sm > .input-group-btn > input[type="time"].btn,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"],
    .input-group-sm input[type="time"],
    input[type="date"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    input[type="time"].input-sm {
        line-height: 30px;
    }

    .input-group-lg > .input-group-btn > input[type="date"].btn,
    .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
    .input-group-lg > .input-group-btn > input[type="month"].btn,
    .input-group-lg > .input-group-btn > input[type="time"].btn,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"],
    .input-group-lg input[type="time"],
    input[type="date"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    input[type="time"].input-lg {
        line-height: 46px;
    }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .checkbox label,
    .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox-inline input[type="checkbox"],
    .checkbox input[type="checkbox"],
    .radio-inline input[type="radio"],
    .radio input[type="radio"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px\9;
    }

    .checkbox + .checkbox,
    .radio + .radio {
        margin-top: -5px;
    }

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

    .checkbox-inline + .checkbox-inline,
    .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

    .checkbox-inline.disabled,
    .checkbox.disabled label,
    .radio-inline.disabled,
    .radio.disabled label,
    fieldset[disabled] .checkbox-inline,
    fieldset[disabled] .checkbox label,
    fieldset[disabled] .radio-inline,
    fieldset[disabled] .radio label,
    fieldset[disabled] input[type="checkbox"],
    fieldset[disabled] input[type="radio"],
    input[type="checkbox"].disabled,
    input[type="checkbox"][disabled],
    input[type="radio"].disabled,
    input[type="radio"][disabled] {
        cursor: not-allowed;
    }

.form-control-static {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 0;
    min-height: 34px;
}

    .form-control-static.input-lg,
    .form-control-static.input-sm,
    .input-group-lg > .form-control-static.form-control,
    .input-group-lg > .form-control-static.input-group-addon,
    .input-group-lg > .input-group-btn > .form-control-static.btn,
    .input-group-sm > .form-control-static.form-control,
    .input-group-sm > .form-control-static.input-group-addon,
    .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-left: 0;
        padding-right: 0;
    }

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-sm > .input-group-btn > select.btn,
.input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
select.input-sm {
    height: 30px;
    line-height: 30px;
}

.input-group-sm > .input-group-btn > select[multiple].btn,
.input-group-sm > .input-group-btn > textarea.btn,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
select[multiple].input-sm,
textarea.input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
}

.input-group-lg > .input-group-btn > select.btn,
.input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
select.input-lg {
    height: 46px;
    line-height: 46px;
}

.input-group-lg > .input-group-btn > select[multiple].btn,
.input-group-lg > .input-group-btn > textarea.btn,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
select[multiple].input-lg,
textarea.input-lg {
    height: auto;
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px;
}

.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto;
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 42.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.form-group-lg .form-control + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.form-group-sm .form-control + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
    color: #3c763d;
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
    top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: color-mix(in srgb, var(--support-black), #fff 25%);
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .form-control,
        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .checkbox label,
        .form-inline .radio label {
            padding-left: 0;
        }

        .form-inline .checkbox input[type="checkbox"],
        .form-inline .radio input[type="radio"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 9px;
}

.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 29px;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}

    .form-horizontal .form-group:after,
    .form-horizontal .form-group:before {
        content: " ";
        display: table;
    }

    .form-horizontal .form-group:after {
        clear: both;
    }

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 0;
        padding-top: 9px;
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }
}

.btn {
    outline: none !important;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 4px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn.active.focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn:active:focus,
    .btn:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.focus,
    .btn:focus,
    .btn:hover {
        color: #555;
        text-decoration: none;
    }

    .btn.active,
    .btn:active {
        background-image: none;
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
    }

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

.btn-default {
    color: #555;
    background-color: #f4f7f9;
    border-color: transparent;
}

    .btn-default.focus,
    .btn-default:focus {
        color: #555;
        background-color: color-mix(in srgb, #f4f7f9, #000 10%);
        border-color: color-mix(in srgb, transparent, #000 25%);
    }

    .btn-default:hover {
        color: #555;
        background-color: color-mix(in srgb, #f4f7f9, #000 7.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

    .btn-default.active,
    .btn-default:active,
    .open > .btn-default.dropdown-toggle {
        color: #555;
        background-color: color-mix(in srgb, #f4f7f9, #000 12.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

        .btn-default.active.focus,
        .btn-default.active:focus,
        .btn-default.active:hover,
        .btn-default:active.focus,
        .btn-default:active:focus,
        .btn-default:active:hover,
        .open > .btn-default.dropdown-toggle.focus,
        .open > .btn-default.dropdown-toggle:focus,
        .open > .btn-default.dropdown-toggle:hover {
            color: #555;
            background-color: color-mix(in srgb, #f4f7f9, #000 17%);
            border-color: color-mix(in srgb, transparent, #000 25%);
        }

    .btn-default.active,
    .btn-default:active,
    .open > .btn-default.dropdown-toggle {
        background-image: none;
    }

    .btn-default.disabled.focus,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled].focus,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: #f4f7f9;
        border-color: transparent;
    }

    .btn-default .badge {
        color: #f4f7f9;
        background-color: #555;
    }

.btn-primary {
    color: #fff;
    background-color: var(--primary-brand-accent);
    border-color: transparent;
}

    .btn-primary.focus,
    .btn-primary:focus {
        color: #fff;
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 10%);
        border-color: color-mix(in srgb, transparent, #000 25%);
    }

    .btn-primary:hover {
        color: #fff;
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 7.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

    .btn-primary.active,
    .btn-primary:active,
    .open > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 12.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

        .btn-primary.active.focus,
        .btn-primary.active:focus,
        .btn-primary.active:hover,
        .btn-primary:active.focus,
        .btn-primary:active:focus,
        .btn-primary:active:hover,
        .open > .btn-primary.dropdown-toggle.focus,
        .open > .btn-primary.dropdown-toggle:focus,
        .open > .btn-primary.dropdown-toggle:hover {
            color: #fff;
            background-color: color-mix(in srgb, var(--primary-brand-accent), #000 17%);
            border-color: color-mix(in srgb, transparent, #000 25%);
        }

    .btn-primary.active,
    .btn-primary:active,
    .open > .btn-primary.dropdown-toggle {
        background-image: none;
    }

    .btn-primary.disabled.focus,
    .btn-primary.disabled:focus,
    .btn-primary.disabled:hover,
    .btn-primary[disabled].focus,
    .btn-primary[disabled]:focus,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary.focus,
    fieldset[disabled] .btn-primary:focus,
    fieldset[disabled] .btn-primary:hover {
        background-color: var(--primary-brand-accent);
        border-color: transparent;
    }

    .btn-primary .badge {
        color: var(--primary-brand-accent);
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: var(--ui-success);
    border-color: transparent;
}

    .btn-success.focus,
    .btn-success:focus {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-success), #000 10%);
        border-color: color-mix(in srgb, transparent, #000 25%);
    }

    .btn-success:hover {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-success), #000 7.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

    .btn-success.active,
    .btn-success:active,
    .open > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-success), #000 12.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

        .btn-success.active.focus,
        .btn-success.active:focus,
        .btn-success.active:hover,
        .btn-success:active.focus,
        .btn-success:active:focus,
        .btn-success:active:hover,
        .open > .btn-success.dropdown-toggle.focus,
        .open > .btn-success.dropdown-toggle:focus,
        .open > .btn-success.dropdown-toggle:hover {
            color: #fff;
            background-color: color-mix(in srgb, var(--ui-success), #000 17%);
            border-color: color-mix(in srgb, transparent, #000 25%);
        }

    .btn-success.active,
    .btn-success:active,
    .open > .btn-success.dropdown-toggle {
        background-image: none;
    }

    .btn-success.disabled.focus,
    .btn-success.disabled:focus,
    .btn-success.disabled:hover,
    .btn-success[disabled].focus,
    .btn-success[disabled]:focus,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success.focus,
    fieldset[disabled] .btn-success:focus,
    fieldset[disabled] .btn-success:hover {
        background-color: var(--ui-success);
        border-color: transparent;
    }

    .btn-success .badge {
        color: var(--ui-success);
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: var(--primary-brand-accent);
    border-color: transparent;
}

    .btn-info.focus,
    .btn-info:focus {
        color: #fff;
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 10%);
        border-color: color-mix(in srgb, transparent, #000 25%);
    }

    .btn-info:hover {
        color: #fff;
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 7.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

    .btn-info.active,
    .btn-info:active,
    .open > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 12.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

        .btn-info.active.focus,
        .btn-info.active:focus,
        .btn-info.active:hover,
        .btn-info:active.focus,
        .btn-info:active:focus,
        .btn-info:active:hover,
        .open > .btn-info.dropdown-toggle.focus,
        .open > .btn-info.dropdown-toggle:focus,
        .open > .btn-info.dropdown-toggle:hover {
            color: #fff;
            background-color: color-mix(in srgb, var(--primary-brand-accent), #000 17%);
            border-color: color-mix(in srgb, transparent, #000 25%);
        }

    .btn-info.active,
    .btn-info:active,
    .open > .btn-info.dropdown-toggle {
        background-image: none;
    }

    .btn-info.disabled.focus,
    .btn-info.disabled:focus,
    .btn-info.disabled:hover,
    .btn-info[disabled].focus,
    .btn-info[disabled]:focus,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info.focus,
    fieldset[disabled] .btn-info:focus,
    fieldset[disabled] .btn-info:hover {
        background-color: var(--primary-brand-accent);
        border-color: transparent;
    }

    .btn-info .badge {
        color: var(--primary-brand-accent);
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: var(--ui-warning);
    border-color: transparent;
}

    .btn-warning.focus,
    .btn-warning:focus {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-warning), #000 10%);
        border-color: color-mix(in srgb, transparent, #000 25%);
    }

    .btn-warning:hover {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-warning), #000 7.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

    .btn-warning.active,
    .btn-warning:active,
    .open > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-warning), #000 12.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

        .btn-warning.active.focus,
        .btn-warning.active:focus,
        .btn-warning.active:hover,
        .btn-warning:active.focus,
        .btn-warning:active:focus,
        .btn-warning:active:hover,
        .open > .btn-warning.dropdown-toggle.focus,
        .open > .btn-warning.dropdown-toggle:focus,
        .open > .btn-warning.dropdown-toggle:hover {
            color: #fff;
            background-color: color-mix(in srgb, var(--ui-warning), #000 17%);
            border-color: color-mix(in srgb, transparent, #000 25%);
        }

    .btn-warning.active,
    .btn-warning:active,
    .open > .btn-warning.dropdown-toggle {
        background-image: none;
    }

    .btn-warning.disabled.focus,
    .btn-warning.disabled:focus,
    .btn-warning.disabled:hover,
    .btn-warning[disabled].focus,
    .btn-warning[disabled]:focus,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning.focus,
    fieldset[disabled] .btn-warning:focus,
    fieldset[disabled] .btn-warning:hover {
        background-color: var(--ui-warning);
        border-color: transparent;
    }

    .btn-warning .badge {
        color: var(--ui-warning);
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: var(--ui-warning);
    border-color: transparent;
}

    .btn-danger.focus,
    .btn-danger:focus {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-warning), #000 10%);
        border-color: color-mix(in srgb, transparent, #000 25%);
    }

    .btn-danger:hover {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-warning), #000 7.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

    .btn-danger.active,
    .btn-danger:active,
    .open > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: color-mix(in srgb, var(--ui-warning), #000 12.5%);
        border-color: color-mix(in srgb, transparent, #000 12%);
    }

        .btn-danger.active.focus,
        .btn-danger.active:focus,
        .btn-danger.active:hover,
        .btn-danger:active.focus,
        .btn-danger:active:focus,
        .btn-danger:active:hover,
        .open > .btn-danger.dropdown-toggle.focus,
        .open > .btn-danger.dropdown-toggle:focus,
        .open > .btn-danger.dropdown-toggle:hover {
            color: #fff;
            background-color: color-mix(in srgb, var(--ui-warning), #000 17%);
            border-color: color-mix(in srgb, transparent, #000 25%);
        }

    .btn-danger.active,
    .btn-danger:active,
    .open > .btn-danger.dropdown-toggle {
        background-image: none;
    }

    .btn-danger.disabled.focus,
    .btn-danger.disabled:focus,
    .btn-danger.disabled:hover,
    .btn-danger[disabled].focus,
    .btn-danger[disabled]:focus,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger.focus,
    fieldset[disabled] .btn-danger:focus,
    fieldset[disabled] .btn-danger:hover {
        background-color: var(--ui-warning);
        border-color: transparent;
    }

    .btn-danger .badge {
        color: var(--ui-warning);
        background-color: #fff;
    }

.btn-link {
    color: var(--primary-brand-accent);
    font-weight: 400;
    border-radius: 0;
}

    .btn-link,
    .btn-link.active,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
    }

        .btn-link,
        .btn-link:active,
        .btn-link:focus,
        .btn-link:hover {
            border-color: transparent;
        }

            .btn-link:focus,
            .btn-link:hover {
                color: var(--primary-brand-accent-dark);
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:focus,
            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:focus,
            fieldset[disabled] .btn-link:hover {
                color: #777;
                text-decoration: none;
            }

.btn-group-lg > .btn,
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 4px;
}

.btn-group-sm > .btn,
.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="button"].btn-block,
input[type="reset"].btn-block,
input[type="submit"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown,
.dropup {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:focus,
        .dropdown-menu > li > a:hover {
            text-decoration: none;
            color: #fff;
            background-color: var(--primary-brand-accent);
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:focus,
    .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: var(--primary-brand-accent);
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:focus,
    .dropdown-menu > .disabled > a:hover {
        color: #777;
    }

        .dropdown-menu > .disabled > a:focus,
        .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group-vertical > .btn,
    .btn-group > .btn {
        position: relative;
        float: left;
    }

        .btn-group-vertical > .btn.active,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn.active,
        .btn-group > .btn:active,
        .btn-group > .btn:focus,
        .btn-group > .btn:hover {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar:after,
    .btn-toolbar:before {
        content: " ";
        display: table;
    }

    .btn-toolbar:after {
        clear: both;
    }

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group-lg.btn-group > .btn + .dropdown-toggle,
.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-group-lg > .btn .caret,
.btn-lg .caret {
    border-width: 5px 5px 0;
}

.dropup .btn-group-lg > .btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group:after,
    .btn-group-vertical > .btn-group:before {
        content: " ";
        display: table;
    }

    .btn-group-vertical > .btn-group:after {
        clear: both;
    }

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*="col-"] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell;
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 4px;
    }

    .input-group-addon input[type="checkbox"],
    .input-group-addon input[type="radio"] {
        margin-top: 0;
    }

    .input-group-addon:first-child,
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group > .btn,
    .input-group-btn:first-child > .dropdown-toggle,
    .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
    .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group .form-control:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group-addon:last-child,
    .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
    .input-group-btn:first-child > .btn:not(:first-child),
    .input-group-btn:last-child > .btn,
    .input-group-btn:last-child > .btn-group > .btn,
    .input-group-btn:last-child > .dropdown-toggle,
    .input-group .form-control:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn,
    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:active,
        .input-group-btn > .btn:focus,
        .input-group-btn > .btn:hover {
            z-index: 2;
        }

        .input-group-btn:first-child > .btn,
        .input-group-btn:first-child > .btn-group {
            margin-right: -1px;
        }

        .input-group-btn:last-child > .btn,
        .input-group-btn:last-child > .btn-group {
            z-index: 2;
            margin-left: -1px;
        }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav:after,
    .nav:before {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav > li,
    .nav > li > a {
        position: relative;
        display: block;
    }

        .nav > li > a {
            padding: 10px 15px;
        }

            .nav > li > a:focus,
            .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

        .nav > li.disabled > a {
            color: #777;
        }

            .nav > li.disabled > a:focus,
            .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a,
    .nav .open > a:focus,
    .nav .open > a:hover {
        background-color: #eee;
        border-color: var(--primary-brand-accent);
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:focus,
        .nav-tabs > li.active > a:hover {
            color: #555;
            background-color: var(--white);
            border: 1px solid;
            border-color: #ddd #ddd transparent;
            cursor: default;
        }

.nav-pills > li {
    float: left;
}

    .nav-pills > li > a {
        border-radius: 4px;
    }

    .nav-pills > li + li {
        margin-left: 2px;
    }

    .nav-pills > li.active > a,
    .nav-pills > li.active > a:focus,
    .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: var(--primary-brand-accent);
    }

.nav-stacked > li {
    float: none;
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%;
}

    .nav-justified > li,
    .nav-tabs.nav-justified > li {
        float: none;
    }

        .nav-justified > li > a,
        .nav-tabs.nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .nav-justified > li,
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-justified > li > a,
        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0;
}

    .nav-tabs-justified > li > a,
    .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a {
        border: 1px solid #ddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a,
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a {
        border-bottom-color: var(--white);
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

    .navbar:after,
    .navbar:before {
        content: " ";
        display: table;
    }

    .navbar:after {
        clear: both;
    }

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

.navbar-header:after,
.navbar-header:before {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse:after,
    .navbar-collapse:before {
        content: " ";
        display: table;
    }

    .navbar-collapse:after {
        clear: both;
    }

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

@media (min-width: 768px) {
    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

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

@media (min-width: 768px) {
    .navbar-fixed-bottom,
    .navbar-fixed-top {
        border-radius: 0;
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

    .navbar-brand:focus,
    .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

@media (min-width: 768px) {
    .navbar > .container-fluid .navbar-brand,
    .navbar > .container .navbar-brand {
        margin-left: -15px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 4px;
        }

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:focus,
            .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none;
            }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 1px 0 hsla(0, 0%, 100%, 0.1);
    margin: 8px -15px;
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .form-control,
        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .checkbox,
    .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .checkbox label,
        .navbar-form .radio label {
            padding-left: 0;
        }

        .navbar-form .checkbox input[type="checkbox"],
        .navbar-form .radio input[type="radio"] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .btn-group-sm > .navbar-btn.btn,
    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .btn-group-xs > .navbar-btn.btn,
    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:focus,
        .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-text {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:focus,
    .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .open > a:hover {
        background-color: #e7e7e7;
        color: #555;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777;
}

    .navbar-default .navbar-link:hover {
        color: #333;
    }

.navbar-default .btn-link {
    color: #777;
}

    .navbar-default .btn-link:focus,
    .navbar-default .btn-link:hover {
        color: #333;
    }

    .navbar-default .btn-link[disabled]:focus,
    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:focus,
    fieldset[disabled] .navbar-default .btn-link:hover {
        color: #ccc;
    }

.navbar-inverse {
    background-color: #222;
    border-color: #090909;
}

    .navbar-inverse .navbar-brand {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-brand:focus,
        .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > li > a,
    .navbar-inverse .navbar-text {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav > li > a:focus,
        .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #090909;
    }

    .navbar-inverse .navbar-nav > .disabled > a,
    .navbar-inverse .navbar-nav > .disabled > a:focus,
    .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333;
    }

        .navbar-inverse .navbar-toggle:focus,
        .navbar-inverse .navbar-toggle:hover {
            background-color: #333;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff;
        }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #090909;
        color: #fff;
    }

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #fff;
        background-color: #090909;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

    .navbar-inverse .navbar-link:hover {
        color: #fff;
    }

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

    .navbar-inverse .btn-link:focus,
    .navbar-inverse .btn-link:hover {
        color: #fff;
    }

    .navbar-inverse .btn-link[disabled]:focus,
    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:focus,
    fieldset[disabled] .navbar-inverse .btn-link:hover {
        color: #444;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination > li {
        display: inline;
    }

        .pagination > li > a,
        .pagination > li > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.428571429;
            text-decoration: none;
            color: var(--primary-brand-accent);
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

        .pagination > li:first-child > a,
        .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination > li:last-child > a,
        .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination > li > a:focus,
        .pagination > li > a:hover,
        .pagination > li > span:focus,
        .pagination > li > span:hover {
            z-index: 2;
            color: var(--primary-brand-accent-dark);
            background-color: #eee;
            border-color: #ddd;
        }

    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover {
        z-index: 3;
        color: #fff;
        background-color: var(--primary-brand-accent);
        border-color: var(--primary-brand-accent);
        cursor: default;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        color: #777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed;
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

    .label:empty {
        display: none;
    }

.btn .label {
    position: relative;
    top: -1px;
}

a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label-default {
    background-color: #777;
}

    .label-default[href]:focus,
    .label-default[href]:hover {
        background-color: color-mix(in srgb, #777, #000 10%);
    }

.label-primary {
    background-color: var(--primary-brand-accent);
}

    .label-primary[href]:focus,
    .label-primary[href]:hover {
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 10%);
    }

.label-success {
    background-color: var(--ui-success);
}

    .label-success[href]:focus,
    .label-success[href]:hover {
        background-color: color-mix(in srgb, var(--ui-success), #000 10%);
    }

.label-info {
    background-color: var(--primary-brand-accent);
}

    .label-info[href]:focus,
    .label-info[href]:hover {
        background-color: color-mix(in srgb, var(--primary-brand-accent), #000 10%);
    }

.label-warning {
    background-color: var(--ui-warning);
}

    .label-warning[href]:focus,
    .label-warning[href]:hover {
        background-color: color-mix(in srgb, var(--ui-warning), #000 10%);
    }

.label-danger {
    background-color: var(--ui-warning);
}

    .label-danger[href]:focus,
    .label-danger[href]:hover {
        background-color: color-mix(in srgb, var(--ui-warning), #000 10%);
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-group-xs > .btn .badge,
.btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: var(--primary-brand-accent);
    background-color: #fff;
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: var(--white);
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border 0.2s ease-in-out;
}

    .thumbnail > img,
    .thumbnail a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .thumbnail .caption {
        padding: 9px;
        color: var(--support-black);
    }

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: var(--primary-brand-accent);
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: var(--primary-brand-accent);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: linear-gradient( 45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent );
    background-size: 40px 40px;
}

.progress-bar.active,
.progress.active .progress-bar {
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
    background-color: var(--ui-success);
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient( 45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent );
}

.progress-bar-info {
    background-color: var(--primary-brand-accent);
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient( 45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent );
}

.progress-bar-warning {
    background-color: var(--ui-warning);
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient( 45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent );
}

.progress-bar-danger {
    background-color: var(--ui-warning);
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient( 45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent );
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

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

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item,
button.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:focus,
    a.list-group-item:hover,
    button.list-group-item:focus,
    button.list-group-item:hover {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed;
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text {
        color: #777;
    }

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: var(--primary-brand-accent);
    border-color: var(--primary-brand-accent);
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text {
        color: var(--support-pastel-blue);
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:focus,
    a.list-group-item-success:hover,
    button.list-group-item-success:focus,
    button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active,
    a.list-group-item-success.active:focus,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active,
    button.list-group-item-success.active:focus,
    button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:focus,
    a.list-group-item-info:hover,
    button.list-group-item-info:focus,
    button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    a.list-group-item-info.active:focus,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active,
    button.list-group-item-info.active:focus,
    button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:focus,
    a.list-group-item-warning:hover,
    button.list-group-item-warning:focus,
    button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active,
    a.list-group-item-warning.active:focus,
    a.list-group-item-warning.active:hover,
    button.list-group-item-warning.active,
    button.list-group-item-warning.active:focus,
    button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:focus,
    a.list-group-item-danger:hover,
    button.list-group-item-danger:focus,
    button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active,
    a.list-group-item-danger.active:focus,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active,
    button.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

    .panel-body:after,
    .panel-body:before {
        content: " ";
        display: table;
    }

    .panel-body:after {
        clear: both;
    }

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle,
    .panel-title {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

    .panel-title > .small,
    .panel-title > .small > a,
    .panel-title > a,
    .panel-title > small,
    .panel-title > small > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item,
    .panel > .panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child,
    .panel > .panel-collapse > .list-group:first-child
    .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child,
    .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel > .panel-heading + .panel-collapse > .list-group
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.list-group + .panel-footer,
.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0;
}

    .panel > .panel-collapse > .table caption,
    .panel > .table-responsive > .table caption,
    .panel > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .panel > .table-responsive:first-child > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child,
    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
    .panel > .table:first-child,
    .panel > .table:first-child > tbody:first-child > tr:first-child,
    .panel > .table:first-child > thead:first-child > tr:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child
        td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child
        th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child
        td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child
        th:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child
        th:first-child {
            border-top-left-radius: 3px;
        }

        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child
        td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child
        th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child
        td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child
        th:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
            border-top-right-radius: 3px;
        }

    .panel > .table-responsive:last-child > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
    .panel > .table:last-child,
    .panel > .table:last-child > tbody:last-child > tr:last-child,
    .panel > .table:last-child > tfoot:last-child > tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child
        td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child
        th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child
        td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child
        th:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: 3px;
        }

        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child
        td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child
        th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child
        td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child
        th:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: 3px;
        }

    .panel > .panel-body + .table,
    .panel > .panel-body + .table-responsive,
    .panel > .table + .panel-body,
    .panel > .table-responsive + .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel > .table > tbody:first-child > tr:first-child td,
    .panel > .table > tbody:first-child > tr:first-child th {
        border-top: 0;
    }

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

    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

    .panel-group .panel + .panel {
        margin-top: 5px;
    }

.panel-group .panel-heading {
    border-bottom: 0;
}

    .panel-group .panel-heading + .panel-collapse > .list-group,
    .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 1px solid #ddd;
    }

.panel-group .panel-footer {
    border-top: 0;
}

    .panel-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #ddd;
    }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary,
.panel-primary > .panel-heading {
    border-color: var(--primary-brand-accent);
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: var(--primary-brand-accent);
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: var(--primary-brand-accent);
        }

        .panel-primary > .panel-heading .badge {
            color: var(--primary-brand-accent);
            background-color: #fff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: var(--primary-brand-accent);
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 4px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.modal,
.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        transform: translateY(-25%);
        transition: transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        transform: translate(0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header:after,
    .modal-header:before {
        content: " ";
        display: table;
    }

    .modal-header:after {
        clear: both;
    }

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.8;
}

.modal-body {
    position: relative;
    padding: 16px;
}

.modal-footer {
    padding: 16px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer:after,
    .modal-footer:before {
        content: " ";
        display: table;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: var(--font-family-default);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    left: 5px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: var(--font-family-default);
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.428571429;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 3px 3px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px;
    }

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}
/*!
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

.fa-xs {
    font-size: 0.75em;
}

.fa-sm {
    font-size: 0.875em;
}

.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.fa-border {
    border: 0.08em solid #eee;
    border-radius: 0.1em;
    padding: 0.2em 0.25em 0.15em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: 0.3em;
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: 0.3em;
}

.fa-spin {
    animation: fa-spin 2s linear infinite;
}

.fa-pulse {
    animation: fa-spin 1s steps(8) infinite;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}

.fa-flip-vertical {
    transform: scaleY(-1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1);
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
    filter: none;
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-500px:before {
    content: "";
}

.fa-abacus:before {
    content: "";
}

.fa-accessible-icon:before {
    content: "";
}

.fa-accusoft:before {
    content: "";
}

.fa-acorn:before {
    content: "";
}

.fa-acquisitions-incorporated:before {
    content: "";
}

.fa-ad:before {
    content: "";
}

.fa-address-book:before {
    content: "";
}

.fa-address-card:before {
    content: "";
}

.fa-adjust:before {
    content: "";
}

.fa-adn:before {
    content: "";
}

.fa-adobe:before {
    content: "";
}

.fa-adversal:before {
    content: "";
}

.fa-affiliatetheme:before {
    content: "";
}

.fa-air-freshener:before {
    content: "";
}

.fa-airbnb:before {
    content: "";
}

.fa-alarm-clock:before {
    content: "";
}

.fa-alarm-exclamation:before {
    content: "";
}

.fa-alarm-plus:before {
    content: "";
}

.fa-alarm-snooze:before {
    content: "";
}

.fa-album:before {
    content: "";
}

.fa-album-collection:before {
    content: "";
}

.fa-algolia:before {
    content: "";
}

.fa-alicorn:before {
    content: "";
}

.fa-align-center:before {
    content: "";
}

.fa-align-justify:before {
    content: "";
}

.fa-align-left:before {
    content: "";
}

.fa-align-right:before {
    content: "";
}

.fa-align-slash:before {
    content: "";
}

.fa-alipay:before {
    content: "";
}

.fa-allergies:before {
    content: "";
}

.fa-amazon:before {
    content: "";
}

.fa-amazon-pay:before {
    content: "";
}

.fa-ambulance:before {
    content: "";
}

.fa-american-sign-language-interpreting:before {
    content: "";
}

.fa-amilia:before {
    content: "";
}

.fa-amp-guitar:before {
    content: "";
}

.fa-analytics:before {
    content: "";
}

.fa-anchor:before {
    content: "";
}

.fa-android:before {
    content: "";
}

.fa-angel:before {
    content: "";
}

.fa-angellist:before {
    content: "";
}

.fa-angle-double-down:before {
    content: "";
}

.fa-angle-double-left:before {
    content: "";
}

.fa-angle-double-right:before {
    content: "";
}

.fa-angle-double-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-angle-left:before {
    content: "";
}

.fa-angle-right:before {
    content: "";
}

.fa-angle-up:before {
    content: "";
}

.fa-angry:before {
    content: "";
}

.fa-angrycreative:before {
    content: "";
}

.fa-angular:before {
    content: "";
}

.fa-ankh:before {
    content: "";
}

.fa-app-store:before {
    content: "";
}

.fa-app-store-ios:before {
    content: "";
}

.fa-apper:before {
    content: "";
}

.fa-apple:before {
    content: "";
}

.fa-apple-alt:before {
    content: "";
}

.fa-apple-crate:before {
    content: "";
}

.fa-apple-pay:before {
    content: "";
}

.fa-archive:before {
    content: "";
}

.fa-archway:before {
    content: "";
}

.fa-arrow-alt-circle-down:before {
    content: "";
}

.fa-arrow-alt-circle-left:before {
    content: "";
}

.fa-arrow-alt-circle-right:before {
    content: "";
}

.fa-arrow-alt-circle-up:before {
    content: "";
}

.fa-arrow-alt-down:before {
    content: "";
}

.fa-arrow-alt-from-bottom:before {
    content: "";
}

.fa-arrow-alt-from-left:before {
    content: "";
}

.fa-arrow-alt-from-right:before {
    content: "";
}

.fa-arrow-alt-from-top:before {
    content: "";
}

.fa-arrow-alt-left:before {
    content: "";
}

.fa-arrow-alt-right:before {
    content: "";
}

.fa-arrow-alt-square-down:before {
    content: "";
}

.fa-arrow-alt-square-left:before {
    content: "";
}

.fa-arrow-alt-square-right:before {
    content: "";
}

.fa-arrow-alt-square-up:before {
    content: "";
}

.fa-arrow-alt-to-bottom:before {
    content: "";
}

.fa-arrow-alt-to-left:before {
    content: "";
}

.fa-arrow-alt-to-right:before {
    content: "";
}

.fa-arrow-alt-to-top:before {
    content: "";
}

.fa-arrow-alt-up:before {
    content: "";
}

.fa-arrow-circle-down:before {
    content: "";
}

.fa-arrow-circle-left:before {
    content: "";
}

.fa-arrow-circle-right:before {
    content: "";
}

.fa-arrow-circle-up:before {
    content: "";
}

.fa-arrow-down:before {
    content: "";
}

.fa-arrow-from-bottom:before {
    content: "";
}

.fa-arrow-from-left:before {
    content: "";
}

.fa-arrow-from-right:before {
    content: "";
}

.fa-arrow-from-top:before {
    content: "";
}

.fa-arrow-left:before {
    content: "";
}

.fa-arrow-right:before {
    content: "";
}

.fa-arrow-square-down:before {
    content: "";
}

.fa-arrow-square-left:before {
    content: "";
}

.fa-arrow-square-right:before {
    content: "";
}

.fa-arrow-square-up:before {
    content: "";
}

.fa-arrow-to-bottom:before {
    content: "";
}

.fa-arrow-to-left:before {
    content: "";
}

.fa-arrow-to-right:before {
    content: "";
}

.fa-arrow-to-top:before {
    content: "";
}

.fa-arrow-up:before {
    content: "";
}

.fa-arrows:before {
    content: "";
}

.fa-arrows-alt:before {
    content: "";
}

.fa-arrows-alt-h:before {
    content: "";
}

.fa-arrows-alt-v:before {
    content: "";
}

.fa-arrows-h:before {
    content: "";
}

.fa-arrows-v:before {
    content: "";
}

.fa-artstation:before {
    content: "";
}

.fa-assistive-listening-systems:before {
    content: "";
}

.fa-asterisk:before {
    content: "";
}

.fa-asymmetrik:before {
    content: "";
}

.fa-at:before {
    content: "";
}

.fa-atlas:before {
    content: "";
}

.fa-atlassian:before {
    content: "";
}

.fa-atom:before {
    content: "";
}

.fa-atom-alt:before {
    content: "";
}

.fa-audible:before {
    content: "";
}

.fa-audio-description:before {
    content: "";
}

.fa-autoprefixer:before {
    content: "";
}

.fa-avianex:before {
    content: "";
}

.fa-aviato:before {
    content: "";
}

.fa-award:before {
    content: "";
}

.fa-aws:before {
    content: "";
}

.fa-axe:before {
    content: "";
}

.fa-axe-battle:before {
    content: "";
}

.fa-baby:before {
    content: "";
}

.fa-baby-carriage:before {
    content: "";
}

.fa-backpack:before {
    content: "";
}

.fa-backspace:before {
    content: "";
}

.fa-backward:before {
    content: "";
}

.fa-bacon:before {
    content: "";
}

.fa-badge:before {
    content: "";
}

.fa-badge-check:before {
    content: "";
}

.fa-badge-dollar:before {
    content: "";
}

.fa-badge-percent:before {
    content: "";
}

.fa-badge-sheriff:before {
    content: "";
}

.fa-badger-honey:before {
    content: "";
}

.fa-bags-shopping:before {
    content: "";
}

.fa-balance-scale:before {
    content: "";
}

.fa-balance-scale-left:before {
    content: "";
}

.fa-balance-scale-right:before {
    content: "";
}

.fa-ball-pile:before {
    content: "";
}

.fa-ballot:before {
    content: "";
}

.fa-ballot-check:before {
    content: "";
}

.fa-ban:before {
    content: "";
}

.fa-band-aid:before {
    content: "";
}

.fa-bandcamp:before {
    content: "";
}

.fa-banjo:before {
    content: "";
}

.fa-barcode:before {
    content: "";
}

.fa-barcode-alt:before {
    content: "";
}

.fa-barcode-read:before {
    content: "";
}

.fa-barcode-scan:before {
    content: "";
}

.fa-bars:before {
    content: "";
}

.fa-baseball:before {
    content: "";
}

.fa-baseball-ball:before {
    content: "";
}

.fa-basketball-ball:before {
    content: "";
}

.fa-basketball-hoop:before {
    content: "";
}

.fa-bat:before {
    content: "";
}

.fa-bath:before {
    content: "";
}

.fa-battery-bolt:before {
    content: "";
}

.fa-battery-empty:before {
    content: "";
}

.fa-battery-full:before {
    content: "";
}

.fa-battery-half:before {
    content: "";
}

.fa-battery-quarter:before {
    content: "";
}

.fa-battery-slash:before {
    content: "";
}

.fa-battery-three-quarters:before {
    content: "";
}

.fa-battle-net:before {
    content: "";
}

.fa-bed:before {
    content: "";
}

.fa-beer:before {
    content: "";
}

.fa-behance:before {
    content: "";
}

.fa-behance-square:before {
    content: "";
}

.fa-bell:before {
    content: "";
}

.fa-bell-exclamation:before {
    content: "";
}

.fa-bell-plus:before {
    content: "";
}

.fa-bell-school:before {
    content: "";
}

.fa-bell-school-slash:before {
    content: "";
}

.fa-bell-slash:before {
    content: "";
}

.fa-bells:before {
    content: "";
}

.fa-betamax:before {
    content: "";
}

.fa-bezier-curve:before {
    content: "";
}

.fa-bible:before {
    content: "";
}

.fa-bicycle:before {
    content: "";
}

.fa-biking:before {
    content: "";
}

.fa-biking-mountain:before {
    content: "";
}

.fa-bimobject:before {
    content: "";
}

.fa-binoculars:before {
    content: "";
}

.fa-biohazard:before {
    content: "";
}

.fa-birthday-cake:before {
    content: "";
}

.fa-bitbucket:before {
    content: "";
}

.fa-bitcoin:before {
    content: "";
}

.fa-bity:before {
    content: "";
}

.fa-black-tie:before {
    content: "";
}

.fa-blackberry:before {
    content: "";
}

.fa-blanket:before {
    content: "";
}

.fa-blender:before {
    content: "";
}

.fa-blender-phone:before {
    content: "";
}

.fa-blind:before {
    content: "";
}

.fa-blog:before {
    content: "";
}

.fa-blogger:before {
    content: "";
}

.fa-blogger-b:before {
    content: "";
}

.fa-bluetooth:before {
    content: "";
}

.fa-bluetooth-b:before {
    content: "";
}

.fa-bold:before {
    content: "";
}

.fa-bolt:before {
    content: "";
}

.fa-bomb:before {
    content: "";
}

.fa-bone:before {
    content: "";
}

.fa-bone-break:before {
    content: "";
}

.fa-bong:before {
    content: "";
}

.fa-book:before {
    content: "";
}

.fa-book-alt:before {
    content: "";
}

.fa-book-dead:before {
    content: "";
}

.fa-book-heart:before {
    content: "";
}

.fa-book-medical:before {
    content: "";
}

.fa-book-open:before {
    content: "";
}

.fa-book-reader:before {
    content: "";
}

.fa-book-spells:before {
    content: "";
}

.fa-book-user:before {
    content: "";
}

.fa-bookmark:before {
    content: "";
}

.fa-books:before {
    content: "";
}

.fa-books-medical:before {
    content: "";
}

.fa-boombox:before {
    content: "";
}

.fa-boot:before {
    content: "";
}

.fa-booth-curtain:before {
    content: "";
}

.fa-bootstrap:before {
    content: "";
}

.fa-border-all:before {
    content: "";
}

.fa-border-bottom:before {
    content: "";
}

.fa-border-center-h:before {
    content: "";
}

.fa-border-center-v:before {
    content: "";
}

.fa-border-inner:before {
    content: "";
}

.fa-border-left:before {
    content: "";
}

.fa-border-none:before {
    content: "";
}

.fa-border-outer:before {
    content: "";
}

.fa-border-right:before {
    content: "";
}

.fa-border-style:before {
    content: "";
}

.fa-border-style-alt:before {
    content: "";
}

.fa-border-top:before {
    content: "";
}

.fa-bow-arrow:before {
    content: "";
}

.fa-bowling-ball:before {
    content: "";
}

.fa-bowling-pins:before {
    content: "";
}

.fa-box:before {
    content: "";
}

.fa-box-alt:before {
    content: "";
}

.fa-box-ballot:before {
    content: "";
}

.fa-box-check:before {
    content: "";
}

.fa-box-fragile:before {
    content: "";
}

.fa-box-full:before {
    content: "";
}

.fa-box-heart:before {
    content: "";
}

.fa-box-open:before {
    content: "";
}

.fa-box-up:before {
    content: "";
}

.fa-box-usd:before {
    content: "";
}

.fa-boxes:before {
    content: "";
}

.fa-boxes-alt:before {
    content: "";
}

.fa-boxing-glove:before {
    content: "";
}

.fa-brackets:before {
    content: "";
}

.fa-brackets-curly:before {
    content: "";
}

.fa-braille:before {
    content: "";
}

.fa-brain:before {
    content: "";
}

.fa-bread-loaf:before {
    content: "";
}

.fa-bread-slice:before {
    content: "";
}

.fa-briefcase:before {
    content: "";
}

.fa-briefcase-medical:before {
    content: "";
}

.fa-bring-forward:before {
    content: "";
}

.fa-bring-front:before {
    content: "";
}

.fa-broadcast-tower:before {
    content: "";
}

.fa-broom:before {
    content: "";
}

.fa-browser:before {
    content: "";
}

.fa-brush:before {
    content: "";
}

.fa-btc:before {
    content: "";
}

.fa-buffer:before {
    content: "";
}

.fa-bug:before {
    content: "";
}

.fa-building:before {
    content: "";
}

.fa-bullhorn:before {
    content: "";
}

.fa-bullseye:before {
    content: "";
}

.fa-bullseye-arrow:before {
    content: "";
}

.fa-bullseye-pointer:before {
    content: "";
}

.fa-burger-soda:before {
    content: "";
}

.fa-burn:before {
    content: "";
}

.fa-buromobelexperte:before {
    content: "";
}

.fa-burrito:before {
    content: "";
}

.fa-bus:before {
    content: "";
}

.fa-bus-alt:before {
    content: "";
}

.fa-bus-school:before {
    content: "";
}

.fa-business-time:before {
    content: "";
}

.fa-buy-n-large:before {
    content: "";
}

.fa-buysellads:before {
    content: "";
}

.fa-cabinet-filing:before {
    content: "";
}

.fa-cactus:before {
    content: "";
}

.fa-calculator:before {
    content: "";
}

.fa-calculator-alt:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.fa-calendar-alt:before {
    content: "";
}

.fa-calendar-check:before {
    content: "";
}

.fa-calendar-day:before {
    content: "";
}

.fa-calendar-edit:before {
    content: "";
}

.fa-calendar-exclamation:before {
    content: "";
}

.fa-calendar-minus:before {
    content: "";
}

.fa-calendar-plus:before {
    content: "";
}

.fa-calendar-star:before {
    content: "";
}

.fa-calendar-times:before {
    content: "";
}

.fa-calendar-week:before {
    content: "";
}

.fa-camcorder:before {
    content: "";
}

.fa-camera:before {
    content: "";
}

.fa-camera-alt:before {
    content: "";
}

.fa-camera-movie:before {
    content: "";
}

.fa-camera-polaroid:before {
    content: "";
}

.fa-camera-retro:before {
    content: "";
}

.fa-campfire:before {
    content: "";
}

.fa-campground:before {
    content: "";
}

.fa-canadian-maple-leaf:before {
    content: "";
}

.fa-candle-holder:before {
    content: "";
}

.fa-candy-cane:before {
    content: "";
}

.fa-candy-corn:before {
    content: "";
}

.fa-cannabis:before {
    content: "";
}

.fa-capsules:before {
    content: "";
}

.fa-car:before {
    content: "";
}

.fa-car-alt:before {
    content: "";
}

.fa-car-battery:before {
    content: "";
}

.fa-car-building:before {
    content: "";
}

.fa-car-bump:before {
    content: "";
}

.fa-car-bus:before {
    content: "";
}

.fa-car-crash:before {
    content: "";
}

.fa-car-garage:before {
    content: "";
}

.fa-car-mechanic:before {
    content: "";
}

.fa-car-side:before {
    content: "";
}

.fa-car-tilt:before {
    content: "";
}

.fa-car-wash:before {
    content: "";
}

.fa-caret-circle-down:before {
    content: "";
}

.fa-caret-circle-left:before {
    content: "";
}

.fa-caret-circle-right:before {
    content: "";
}

.fa-caret-circle-up:before {
    content: "";
}

.fa-caret-down:before {
    content: "";
}

.fa-caret-left:before {
    content: "";
}

.fa-caret-right:before {
    content: "";
}

.fa-caret-square-down:before {
    content: "";
}

.fa-caret-square-left:before {
    content: "";
}

.fa-caret-square-right:before {
    content: "";
}

.fa-caret-square-up:before {
    content: "";
}

.fa-caret-up:before {
    content: "";
}

.fa-carrot:before {
    content: "";
}

.fa-cars:before {
    content: "";
}

.fa-cart-arrow-down:before {
    content: "";
}

.fa-cart-plus:before {
    content: "";
}

.fa-cash-register:before {
    content: "";
}

.fa-cassette-tape:before {
    content: "";
}

.fa-cat:before {
    content: "";
}

.fa-cauldron:before {
    content: "";
}

.fa-cc-amazon-pay:before {
    content: "";
}

.fa-cc-amex:before {
    content: "";
}

.fa-cc-apple-pay:before {
    content: "";
}

.fa-cc-diners-club:before {
    content: "";
}

.fa-cc-discover:before {
    content: "";
}

.fa-cc-jcb:before {
    content: "";
}

.fa-cc-mastercard:before {
    content: "";
}

.fa-cc-paypal:before {
    content: "";
}

.fa-cc-stripe:before {
    content: "";
}

.fa-cc-visa:before {
    content: "";
}

.fa-cctv:before {
    content: "";
}

.fa-centercode:before {
    content: "";
}

.fa-centos:before {
    content: "";
}

.fa-certificate:before {
    content: "";
}

.fa-chair:before {
    content: "";
}

.fa-chair-office:before {
    content: "";
}

.fa-chalkboard:before {
    content: "";
}

.fa-chalkboard-teacher:before {
    content: "";
}

.fa-charging-station:before {
    content: "";
}

.fa-chart-area:before {
    content: "";
}

.fa-chart-bar:before {
    content: "";
}

.fa-chart-line:before {
    content: "";
}

.fa-chart-line-down:before {
    content: "";
}

.fa-chart-network:before {
    content: "";
}

.fa-chart-pie:before {
    content: "";
}

.fa-chart-pie-alt:before {
    content: "";
}

.fa-chart-scatter:before {
    content: "";
}

.fa-check:before {
    content: "";
}

.fa-check-circle:before {
    content: "";
}

.fa-check-double:before {
    content: "";
}

.fa-check-square:before {
    content: "";
}

.fa-cheese:before {
    content: "";
}

.fa-cheese-swiss:before {
    content: "";
}

.fa-cheeseburger:before {
    content: "";
}

.fa-chess:before {
    content: "";
}

.fa-chess-bishop:before {
    content: "";
}

.fa-chess-bishop-alt:before {
    content: "";
}

.fa-chess-board:before {
    content: "";
}

.fa-chess-clock:before {
    content: "";
}

.fa-chess-clock-alt:before {
    content: "";
}

.fa-chess-king:before {
    content: "";
}

.fa-chess-king-alt:before {
    content: "";
}

.fa-chess-knight:before {
    content: "";
}

.fa-chess-knight-alt:before {
    content: "";
}

.fa-chess-pawn:before {
    content: "";
}

.fa-chess-pawn-alt:before {
    content: "";
}

.fa-chess-queen:before {
    content: "";
}

.fa-chess-queen-alt:before {
    content: "";
}

.fa-chess-rook:before {
    content: "";
}

.fa-chess-rook-alt:before {
    content: "";
}

.fa-chevron-circle-down:before {
    content: "";
}

.fa-chevron-circle-left:before {
    content: "";
}

.fa-chevron-circle-right:before {
    content: "";
}

.fa-chevron-circle-up:before {
    content: "";
}

.fa-chevron-double-down:before {
    content: "";
}

.fa-chevron-double-left:before {
    content: "";
}

.fa-chevron-double-right:before {
    content: "";
}

.fa-chevron-double-up:before {
    content: "";
}

.fa-chevron-down:before {
    content: "";
}

.fa-chevron-left:before {
    content: "";
}

.fa-chevron-right:before {
    content: "";
}

.fa-chevron-square-down:before {
    content: "";
}

.fa-chevron-square-left:before {
    content: "";
}

.fa-chevron-square-right:before {
    content: "";
}

.fa-chevron-square-up:before {
    content: "";
}

.fa-chevron-up:before {
    content: "";
}

.fa-child:before {
    content: "";
}

.fa-chimney:before {
    content: "";
}

.fa-chrome:before {
    content: "";
}

.fa-chromecast:before {
    content: "";
}

.fa-church:before {
    content: "";
}

.fa-circle:before {
    content: "";
}

.fa-circle-notch:before {
    content: "";
}

.fa-city:before {
    content: "";
}

.fa-clarinet:before {
    content: "";
}

.fa-claw-marks:before {
    content: "";
}

.fa-clinic-medical:before {
    content: "";
}

.fa-clipboard:before {
    content: "";
}

.fa-clipboard-check:before {
    content: "";
}

.fa-clipboard-list:before {
    content: "";
}

.fa-clipboard-list-check:before {
    content: "";
}

.fa-clipboard-prescription:before {
    content: "";
}

.fa-clipboard-user:before {
    content: "";
}

.fa-clock:before {
    content: "";
}

.fa-clone:before {
    content: "";
}

.fa-closed-captioning:before {
    content: "";
}

.fa-cloud:before {
    content: "";
}

.fa-cloud-download:before {
    content: "";
}

.fa-cloud-download-alt:before {
    content: "";
}

.fa-cloud-drizzle:before {
    content: "";
}

.fa-cloud-hail:before {
    content: "";
}

.fa-cloud-hail-mixed:before {
    content: "";
}

.fa-cloud-meatball:before {
    content: "";
}

.fa-cloud-moon:before {
    content: "";
}

.fa-cloud-moon-rain:before {
    content: "";
}

.fa-cloud-music:before {
    content: "";
}

.fa-cloud-rain:before {
    content: "";
}

.fa-cloud-rainbow:before {
    content: "";
}

.fa-cloud-showers:before {
    content: "";
}

.fa-cloud-showers-heavy:before {
    content: "";
}

.fa-cloud-sleet:before {
    content: "";
}

.fa-cloud-snow:before {
    content: "";
}

.fa-cloud-sun:before {
    content: "";
}

.fa-cloud-sun-rain:before {
    content: "";
}

.fa-cloud-upload:before {
    content: "";
}

.fa-cloud-upload-alt:before {
    content: "";
}

.fa-clouds:before {
    content: "";
}

.fa-clouds-moon:before {
    content: "";
}

.fa-clouds-sun:before {
    content: "";
}

.fa-cloudscale:before {
    content: "";
}

.fa-cloudsmith:before {
    content: "";
}

.fa-cloudversify:before {
    content: "";
}

.fa-club:before {
    content: "";
}

.fa-cocktail:before {
    content: "";
}

.fa-code:before {
    content: "";
}

.fa-code-branch:before {
    content: "";
}

.fa-code-commit:before {
    content: "";
}

.fa-code-merge:before {
    content: "";
}

.fa-codepen:before {
    content: "";
}

.fa-codiepie:before {
    content: "";
}

.fa-coffee:before {
    content: "";
}

.fa-coffee-togo:before {
    content: "";
}

.fa-coffin:before {
    content: "";
}

.fa-cog:before {
    content: "";
}

.fa-cogs:before {
    content: "";
}

.fa-coin:before {
    content: "";
}

.fa-coins:before {
    content: "";
}

.fa-columns:before {
    content: "";
}

.fa-comment:before {
    content: "";
}

.fa-comment-alt:before {
    content: "";
}

.fa-comment-alt-check:before {
    content: "";
}

.fa-comment-alt-dollar:before {
    content: "";
}

.fa-comment-alt-dots:before {
    content: "";
}

.fa-comment-alt-edit:before {
    content: "";
}

.fa-comment-alt-exclamation:before {
    content: "";
}

.fa-comment-alt-lines:before {
    content: "";
}

.fa-comment-alt-medical:before {
    content: "";
}

.fa-comment-alt-minus:before {
    content: "";
}

.fa-comment-alt-music:before {
    content: "";
}

.fa-comment-alt-plus:before {
    content: "";
}

.fa-comment-alt-slash:before {
    content: "";
}

.fa-comment-alt-smile:before {
    content: "";
}

.fa-comment-alt-times:before {
    content: "";
}

.fa-comment-check:before {
    content: "";
}

.fa-comment-dollar:before {
    content: "";
}

.fa-comment-dots:before {
    content: "";
}

.fa-comment-edit:before {
    content: "";
}

.fa-comment-exclamation:before {
    content: "";
}

.fa-comment-lines:before {
    content: "";
}

.fa-comment-medical:before {
    content: "";
}

.fa-comment-minus:before {
    content: "";
}

.fa-comment-music:before {
    content: "";
}

.fa-comment-plus:before {
    content: "";
}

.fa-comment-slash:before {
    content: "";
}

.fa-comment-smile:before {
    content: "";
}

.fa-comment-times:before {
    content: "";
}

.fa-comments:before {
    content: "";
}

.fa-comments-alt:before {
    content: "";
}

.fa-comments-alt-dollar:before {
    content: "";
}

.fa-comments-dollar:before {
    content: "";
}

.fa-compact-disc:before {
    content: "";
}

.fa-compass:before {
    content: "";
}

.fa-compass-slash:before {
    content: "";
}

.fa-compress:before {
    content: "";
}

.fa-compress-alt:before {
    content: "";
}

.fa-compress-arrows-alt:before {
    content: "";
}

.fa-compress-wide:before {
    content: "";
}

.fa-computer-classic:before {
    content: "";
}

.fa-computer-speaker:before {
    content: "";
}

.fa-concierge-bell:before {
    content: "";
}

.fa-confluence:before {
    content: "";
}

.fa-connectdevelop:before {
    content: "";
}

.fa-construction:before {
    content: "";
}

.fa-container-storage:before {
    content: "";
}

.fa-contao:before {
    content: "";
}

.fa-conveyor-belt:before {
    content: "";
}

.fa-conveyor-belt-alt:before {
    content: "";
}

.fa-cookie:before {
    content: "";
}

.fa-cookie-bite:before {
    content: "";
}

.fa-copy:before {
    content: "";
}

.fa-copyright:before {
    content: "";
}

.fa-corn:before {
    content: "";
}

.fa-cotton-bureau:before {
    content: "";
}

.fa-couch:before {
    content: "";
}

.fa-cow:before {
    content: "";
}

.fa-cowbell:before {
    content: "";
}

.fa-cowbell-more:before {
    content: "";
}

.fa-cpanel:before {
    content: "";
}

.fa-creative-commons:before {
    content: "";
}

.fa-creative-commons-by:before {
    content: "";
}

.fa-creative-commons-nc:before {
    content: "";
}

.fa-creative-commons-nc-eu:before {
    content: "";
}

.fa-creative-commons-nc-jp:before {
    content: "";
}

.fa-creative-commons-nd:before {
    content: "";
}

.fa-creative-commons-pd:before {
    content: "";
}

.fa-creative-commons-pd-alt:before {
    content: "";
}

.fa-creative-commons-remix:before {
    content: "";
}

.fa-creative-commons-sa:before {
    content: "";
}

.fa-creative-commons-sampling:before {
    content: "";
}

.fa-creative-commons-sampling-plus:before {
    content: "";
}

.fa-creative-commons-share:before {
    content: "";
}

.fa-creative-commons-zero:before {
    content: "";
}

.fa-credit-card:before {
    content: "";
}

.fa-credit-card-blank:before {
    content: "";
}

.fa-credit-card-front:before {
    content: "";
}

.fa-cricket:before {
    content: "";
}

.fa-critical-role:before {
    content: "";
}

.fa-croissant:before {
    content: "";
}

.fa-crop:before {
    content: "";
}

.fa-crop-alt:before {
    content: "";
}

.fa-cross:before {
    content: "";
}

.fa-crosshairs:before {
    content: "";
}

.fa-crow:before {
    content: "";
}

.fa-crown:before {
    content: "";
}

.fa-crutch:before {
    content: "";
}

.fa-crutches:before {
    content: "";
}

.fa-css3:before {
    content: "";
}

.fa-css3-alt:before {
    content: "";
}

.fa-cube:before {
    content: "";
}

.fa-cubes:before {
    content: "";
}

.fa-curling:before {
    content: "";
}

.fa-cut:before {
    content: "";
}

.fa-cuttlefish:before {
    content: "";
}

.fa-d-and-d:before {
    content: "";
}

.fa-d-and-d-beyond:before {
    content: "";
}

.fa-dagger:before {
    content: "";
}

.fa-dashcube:before {
    content: "";
}

.fa-database:before {
    content: "";
}

.fa-deaf:before {
    content: "";
}

.fa-debug:before {
    content: "";
}

.fa-deer:before {
    content: "";
}

.fa-deer-rudolph:before {
    content: "";
}

.fa-delicious:before {
    content: "";
}

.fa-democrat:before {
    content: "";
}

.fa-deploydog:before {
    content: "";
}

.fa-deskpro:before {
    content: "";
}

.fa-desktop:before {
    content: "";
}

.fa-desktop-alt:before {
    content: "";
}

.fa-dev:before {
    content: "";
}

.fa-deviantart:before {
    content: "";
}

.fa-dewpoint:before {
    content: "";
}

.fa-dharmachakra:before {
    content: "";
}

.fa-dhl:before {
    content: "";
}

.fa-diagnoses:before {
    content: "";
}

.fa-diamond:before {
    content: "";
}

.fa-diaspora:before {
    content: "";
}

.fa-dice:before {
    content: "";
}

.fa-dice-d10:before {
    content: "";
}

.fa-dice-d12:before {
    content: "";
}

.fa-dice-d20:before {
    content: "";
}

.fa-dice-d4:before {
    content: "";
}

.fa-dice-d6:before {
    content: "";
}

.fa-dice-d8:before {
    content: "";
}

.fa-dice-five:before {
    content: "";
}

.fa-dice-four:before {
    content: "";
}

.fa-dice-one:before {
    content: "";
}

.fa-dice-six:before {
    content: "";
}

.fa-dice-three:before {
    content: "";
}

.fa-dice-two:before {
    content: "";
}

.fa-digg:before {
    content: "";
}

.fa-digging:before {
    content: "";
}

.fa-digital-ocean:before {
    content: "";
}

.fa-digital-tachograph:before {
    content: "";
}

.fa-diploma:before {
    content: "";
}

.fa-directions:before {
    content: "";
}

.fa-disc-drive:before {
    content: "";
}

.fa-discord:before {
    content: "";
}

.fa-discourse:before {
    content: "";
}

.fa-disease:before {
    content: "";
}

.fa-divide:before {
    content: "";
}

.fa-dizzy:before {
    content: "";
}

.fa-dna:before {
    content: "";
}

.fa-do-not-enter:before {
    content: "";
}

.fa-dochub:before {
    content: "";
}

.fa-docker:before {
    content: "";
}

.fa-dog:before {
    content: "";
}

.fa-dog-leashed:before {
    content: "";
}

.fa-dollar-sign:before {
    content: "";
}

.fa-dolly:before {
    content: "";
}

.fa-dolly-empty:before {
    content: "";
}

.fa-dolly-flatbed:before {
    content: "";
}

.fa-dolly-flatbed-alt:before {
    content: "";
}

.fa-dolly-flatbed-empty:before {
    content: "";
}

.fa-donate:before {
    content: "";
}

.fa-door-closed:before {
    content: "";
}

.fa-door-open:before {
    content: "";
}

.fa-dot-circle:before {
    content: "";
}

.fa-dove:before {
    content: "";
}

.fa-download:before {
    content: "";
}

.fa-draft2digital:before {
    content: "";
}

.fa-drafting-compass:before {
    content: "";
}

.fa-dragon:before {
    content: "";
}

.fa-draw-circle:before {
    content: "";
}

.fa-draw-polygon:before {
    content: "";
}

.fa-draw-square:before {
    content: "";
}

.fa-dreidel:before {
    content: "";
}

.fa-dribbble:before {
    content: "";
}

.fa-dribbble-square:before {
    content: "";
}

.fa-drone:before {
    content: "";
}

.fa-drone-alt:before {
    content: "";
}

.fa-dropbox:before {
    content: "";
}

.fa-drum:before {
    content: "";
}

.fa-drum-steelpan:before {
    content: "";
}

.fa-drumstick:before {
    content: "";
}

.fa-drumstick-bite:before {
    content: "";
}

.fa-drupal:before {
    content: "";
}

.fa-dryer:before {
    content: "";
}

.fa-dryer-alt:before {
    content: "";
}

.fa-duck:before {
    content: "";
}

.fa-dumbbell:before {
    content: "";
}

.fa-dumpster:before {
    content: "";
}

.fa-dumpster-fire:before {
    content: "";
}

.fa-dungeon:before {
    content: "";
}

.fa-dyalog:before {
    content: "";
}

.fa-ear:before {
    content: "";
}

.fa-ear-muffs:before {
    content: "";
}

.fa-earlybirds:before {
    content: "";
}

.fa-ebay:before {
    content: "";
}

.fa-eclipse:before {
    content: "";
}

.fa-eclipse-alt:before {
    content: "";
}

.fa-edge:before {
    content: "";
}

.fa-edit:before {
    content: "";
}

.fa-egg:before {
    content: "";
}

.fa-egg-fried:before {
    content: "";
}

.fa-eject:before {
    content: "";
}

.fa-elementor:before {
    content: "";
}

.fa-elephant:before {
    content: "";
}

.fa-ellipsis-h:before {
    content: "";
}

.fa-ellipsis-h-alt:before {
    content: "";
}

.fa-ellipsis-v:before {
    content: "";
}

.fa-ellipsis-v-alt:before {
    content: "";
}

.fa-ello:before {
    content: "";
}

.fa-ember:before {
    content: "";
}

.fa-empire:before {
    content: "";
}

.fa-empty-set:before {
    content: "";
}

.fa-engine-warning:before {
    content: "";
}

.fa-envelope:before {
    content: "";
}

.fa-envelope-open:before {
    content: "";
}

.fa-envelope-open-dollar:before {
    content: "";
}

.fa-envelope-open-text:before {
    content: "";
}

.fa-envelope-square:before {
    content: "";
}

.fa-envira:before {
    content: "";
}

.fa-equals:before {
    content: "";
}

.fa-eraser:before {
    content: "";
}

.fa-erlang:before {
    content: "";
}

.fa-ethereum:before {
    content: "";
}

.fa-ethernet:before {
    content: "";
}

.fa-etsy:before {
    content: "";
}

.fa-euro-sign:before {
    content: "";
}

.fa-evernote:before {
    content: "";
}

.fa-exchange:before {
    content: "";
}

.fa-exchange-alt:before {
    content: "";
}

.fa-exclamation:before {
    content: "";
}

.fa-exclamation-circle:before {
    content: "";
}

.fa-exclamation-square:before {
    content: "";
}

.fa-exclamation-triangle:before {
    content: "";
}

.fa-expand:before {
    content: "";
}

.fa-expand-alt:before {
    content: "";
}

.fa-expand-arrows:before {
    content: "";
}

.fa-expand-arrows-alt:before {
    content: "";
}

.fa-expand-wide:before {
    content: "";
}

.fa-expeditedssl:before {
    content: "";
}

.fa-external-link:before {
    content: "";
}

.fa-external-link-alt:before {
    content: "";
}

.fa-external-link-square:before {
    content: "";
}

.fa-external-link-square-alt:before {
    content: "";
}

.fa-eye:before {
    content: "";
}

.fa-eye-dropper:before {
    content: "";
}

.fa-eye-evil:before {
    content: "";
}

.fa-eye-slash:before {
    content: "";
}

.fa-facebook:before {
    content: "";
}

.fa-facebook-f:before {
    content: "";
}

.fa-facebook-messenger:before {
    content: "";
}

.fa-facebook-square:before {
    content: "";
}

.fa-fan:before {
    content: "";
}

.fa-fantasy-flight-games:before {
    content: "";
}

.fa-farm:before {
    content: "";
}

.fa-fast-backward:before {
    content: "";
}

.fa-fast-forward:before {
    content: "";
}

.fa-fax:before {
    content: "";
}

.fa-feather:before {
    content: "";
}

.fa-feather-alt:before {
    content: "";
}

.fa-fedex:before {
    content: "";
}

.fa-fedora:before {
    content: "";
}

.fa-female:before {
    content: "";
}

.fa-field-hockey:before {
    content: "";
}

.fa-fighter-jet:before {
    content: "";
}

.fa-figma:before {
    content: "";
}

.fa-file:before {
    content: "";
}

.fa-file-alt:before {
    content: "";
}

.fa-file-archive:before {
    content: "";
}

.fa-file-audio:before {
    content: "";
}

.fa-file-certificate:before {
    content: "";
}

.fa-file-chart-line:before {
    content: "";
}

.fa-file-chart-pie:before {
    content: "";
}

.fa-file-check:before {
    content: "";
}

.fa-file-code:before {
    content: "";
}

.fa-file-contract:before {
    content: "";
}

.fa-file-csv:before {
    content: "";
}

.fa-file-download:before {
    content: "";
}

.fa-file-edit:before {
    content: "";
}

.fa-file-excel:before {
    content: "";
}

.fa-file-exclamation:before {
    content: "";
}

.fa-file-export:before {
    content: "";
}

.fa-file-image:before {
    content: "";
}

.fa-file-import:before {
    content: "";
}

.fa-file-invoice:before {
    content: "";
}

.fa-file-invoice-dollar:before {
    content: "";
}

.fa-file-medical:before {
    content: "";
}

.fa-file-medical-alt:before {
    content: "";
}

.fa-file-minus:before {
    content: "";
}

.fa-file-music:before {
    content: "";
}

.fa-file-pdf:before {
    content: "";
}

.fa-file-plus:before {
    content: "";
}

.fa-file-powerpoint:before {
    content: "";
}

.fa-file-prescription:before {
    content: "";
}

.fa-file-search:before {
    content: "";
}

.fa-file-signature:before {
    content: "";
}

.fa-file-spreadsheet:before {
    content: "";
}

.fa-file-times:before {
    content: "";
}

.fa-file-upload:before {
    content: "";
}

.fa-file-user:before {
    content: "";
}

.fa-file-video:before {
    content: "";
}

.fa-file-word:before {
    content: "";
}

.fa-files-medical:before {
    content: "";
}

.fa-fill:before {
    content: "";
}

.fa-fill-drip:before {
    content: "";
}

.fa-film:before {
    content: "";
}

.fa-film-alt:before {
    content: "";
}

.fa-film-canister:before {
    content: "";
}

.fa-filter:before {
    content: "";
}

.fa-fingerprint:before {
    content: "";
}

.fa-fire:before {
    content: "";
}

.fa-fire-alt:before {
    content: "";
}

.fa-fire-extinguisher:before {
    content: "";
}

.fa-fire-smoke:before {
    content: "";
}

.fa-firefox:before {
    content: "";
}

.fa-fireplace:before {
    content: "";
}

.fa-first-aid:before {
    content: "";
}

.fa-first-order:before {
    content: "";
}

.fa-first-order-alt:before {
    content: "";
}

.fa-firstdraft:before {
    content: "";
}

.fa-fish:before {
    content: "";
}

.fa-fish-cooked:before {
    content: "";
}

.fa-fist-raised:before {
    content: "";
}

.fa-flag:before {
    content: "";
}

.fa-flag-alt:before {
    content: "";
}

.fa-flag-checkered:before {
    content: "";
}

.fa-flag-usa:before {
    content: "";
}

.fa-flame:before {
    content: "";
}

.fa-flashlight:before {
    content: "";
}

.fa-flask:before {
    content: "";
}

.fa-flask-poison:before {
    content: "";
}

.fa-flask-potion:before {
    content: "";
}

.fa-flickr:before {
    content: "";
}

.fa-flipboard:before {
    content: "";
}

.fa-flower:before {
    content: "";
}

.fa-flower-daffodil:before {
    content: "";
}

.fa-flower-tulip:before {
    content: "";
}

.fa-flushed:before {
    content: "";
}

.fa-flute:before {
    content: "";
}

.fa-flux-capacitor:before {
    content: "";
}

.fa-fly:before {
    content: "";
}

.fa-fog:before {
    content: "";
}

.fa-folder:before {
    content: "";
}

.fa-folder-minus:before {
    content: "";
}

.fa-folder-open:before {
    content: "";
}

.fa-folder-plus:before {
    content: "";
}

.fa-folder-times:before {
    content: "";
}

.fa-folder-tree:before {
    content: "";
}

.fa-folders:before {
    content: "";
}

.fa-font:before {
    content: "";
}

.fa-font-awesome:before {
    content: "";
}

.fa-font-awesome-alt:before {
    content: "";
}

.fa-font-awesome-flag:before {
    content: "";
}

.fa-font-awesome-logo-full:before {
    content: "";
}

.fa-font-case:before {
    content: "";
}

.fa-fonticons:before {
    content: "";
}

.fa-fonticons-fi:before {
    content: "";
}

.fa-football-ball:before {
    content: "";
}

.fa-football-helmet:before {
    content: "";
}

.fa-forklift:before {
    content: "";
}

.fa-fort-awesome:before {
    content: "";
}

.fa-fort-awesome-alt:before {
    content: "";
}

.fa-forumbee:before {
    content: "";
}

.fa-forward:before {
    content: "";
}

.fa-foursquare:before {
    content: "";
}

.fa-fragile:before {
    content: "";
}

.fa-free-code-camp:before {
    content: "";
}

.fa-freebsd:before {
    content: "";
}

.fa-french-fries:before {
    content: "";
}

.fa-frog:before {
    content: "";
}

.fa-frosty-head:before {
    content: "";
}

.fa-frown:before {
    content: "";
}

.fa-frown-open:before {
    content: "";
}

.fa-fulcrum:before {
    content: "";
}

.fa-function:before {
    content: "";
}

.fa-funnel-dollar:before {
    content: "";
}

.fa-futbol:before {
    content: "";
}

.fa-galactic-republic:before {
    content: "";
}

.fa-galactic-senate:before {
    content: "";
}

.fa-game-board:before {
    content: "";
}

.fa-game-board-alt:before {
    content: "";
}

.fa-game-console-handheld:before {
    content: "";
}

.fa-gamepad:before {
    content: "";
}

.fa-gamepad-alt:before {
    content: "";
}

.fa-gas-pump:before {
    content: "";
}

.fa-gas-pump-slash:before {
    content: "";
}

.fa-gavel:before {
    content: "";
}

.fa-gem:before {
    content: "";
}

.fa-genderless:before {
    content: "";
}

.fa-get-pocket:before {
    content: "";
}

.fa-gg:before {
    content: "";
}

.fa-gg-circle:before {
    content: "";
}

.fa-ghost:before {
    content: "";
}

.fa-gift:before {
    content: "";
}

.fa-gift-card:before {
    content: "";
}

.fa-gifts:before {
    content: "";
}

.fa-gingerbread-man:before {
    content: "";
}

.fa-git:before {
    content: "";
}

.fa-git-alt:before {
    content: "";
}

.fa-git-square:before {
    content: "";
}

.fa-github:before {
    content: "";
}

.fa-github-alt:before {
    content: "";
}

.fa-github-square:before {
    content: "";
}

.fa-gitkraken:before {
    content: "";
}

.fa-gitlab:before {
    content: "";
}

.fa-gitter:before {
    content: "";
}

.fa-glass:before {
    content: "";
}

.fa-glass-champagne:before {
    content: "";
}

.fa-glass-cheers:before {
    content: "";
}

.fa-glass-citrus:before {
    content: "";
}

.fa-glass-martini:before {
    content: "";
}

.fa-glass-martini-alt:before {
    content: "";
}

.fa-glass-whiskey:before {
    content: "";
}

.fa-glass-whiskey-rocks:before {
    content: "";
}

.fa-glasses:before {
    content: "";
}

.fa-glasses-alt:before {
    content: "";
}

.fa-glide:before {
    content: "";
}

.fa-glide-g:before {
    content: "";
}

.fa-globe:before {
    content: "";
}

.fa-globe-africa:before {
    content: "";
}

.fa-globe-americas:before {
    content: "";
}

.fa-globe-asia:before {
    content: "";
}

.fa-globe-europe:before {
    content: "";
}

.fa-globe-snow:before {
    content: "";
}

.fa-globe-stand:before {
    content: "";
}

.fa-gofore:before {
    content: "";
}

.fa-golf-ball:before {
    content: "";
}

.fa-golf-club:before {
    content: "";
}

.fa-goodreads:before {
    content: "";
}

.fa-goodreads-g:before {
    content: "";
}

.fa-google:before {
    content: "";
}

.fa-google-drive:before {
    content: "";
}

.fa-google-play:before {
    content: "";
}

.fa-google-plus:before {
    content: "";
}

.fa-google-plus-g:before {
    content: "";
}

.fa-google-plus-square:before {
    content: "";
}

.fa-google-wallet:before {
    content: "";
}

.fa-gopuram:before {
    content: "";
}

.fa-graduation-cap:before {
    content: "";
}

.fa-gramophone:before {
    content: "";
}

.fa-gratipay:before {
    content: "";
}

.fa-grav:before {
    content: "";
}

.fa-greater-than:before {
    content: "";
}

.fa-greater-than-equal:before {
    content: "";
}

.fa-grimace:before {
    content: "";
}

.fa-grin:before {
    content: "";
}

.fa-grin-alt:before {
    content: "";
}

.fa-grin-beam:before {
    content: "";
}

.fa-grin-beam-sweat:before {
    content: "";
}

.fa-grin-hearts:before {
    content: "";
}

.fa-grin-squint:before {
    content: "";
}

.fa-grin-squint-tears:before {
    content: "";
}

.fa-grin-stars:before {
    content: "";
}

.fa-grin-tears:before {
    content: "";
}

.fa-grin-tongue:before {
    content: "";
}

.fa-grin-tongue-squint:before {
    content: "";
}

.fa-grin-tongue-wink:before {
    content: "";
}

.fa-grin-wink:before {
    content: "";
}

.fa-grip-horizontal:before {
    content: "";
}

.fa-grip-lines:before {
    content: "";
}

.fa-grip-lines-vertical:before {
    content: "";
}

.fa-grip-vertical:before {
    content: "";
}

.fa-gripfire:before {
    content: "";
}

.fa-grunt:before {
    content: "";
}

.fa-guitar:before {
    content: "";
}

.fa-guitar-electric:before {
    content: "";
}

.fa-guitars:before {
    content: "";
}

.fa-gulp:before {
    content: "";
}

.fa-h-square:before {
    content: "";
}

.fa-h1:before {
    content: "";
}

.fa-h2:before {
    content: "";
}

.fa-h3:before {
    content: "";
}

.fa-h4:before {
    content: "";
}

.fa-hacker-news:before {
    content: "";
}

.fa-hacker-news-square:before {
    content: "";
}

.fa-hackerrank:before {
    content: "";
}

.fa-hamburger:before {
    content: "";
}

.fa-hammer:before {
    content: "";
}

.fa-hammer-war:before {
    content: "";
}

.fa-hamsa:before {
    content: "";
}

.fa-hand-heart:before {
    content: "";
}

.fa-hand-holding:before {
    content: "";
}

.fa-hand-holding-box:before {
    content: "";
}

.fa-hand-holding-heart:before {
    content: "";
}

.fa-hand-holding-magic:before {
    content: "";
}

.fa-hand-holding-seedling:before {
    content: "";
}

.fa-hand-holding-usd:before {
    content: "";
}

.fa-hand-holding-water:before {
    content: "";
}

.fa-hand-lizard:before {
    content: "";
}

.fa-hand-middle-finger:before {
    content: "";
}

.fa-hand-paper:before {
    content: "";
}

.fa-hand-peace:before {
    content: "";
}

.fa-hand-point-down:before {
    content: "";
}

.fa-hand-point-left:before {
    content: "";
}

.fa-hand-point-right:before {
    content: "";
}

.fa-hand-point-up:before {
    content: "";
}

.fa-hand-pointer:before {
    content: "";
}

.fa-hand-receiving:before {
    content: "";
}

.fa-hand-rock:before {
    content: "";
}

.fa-hand-scissors:before {
    content: "";
}

.fa-hand-spock:before {
    content: "";
}

.fa-hands:before {
    content: "";
}

.fa-hands-heart:before {
    content: "";
}

.fa-hands-helping:before {
    content: "";
}

.fa-hands-usd:before {
    content: "";
}

.fa-handshake:before {
    content: "";
}

.fa-handshake-alt:before {
    content: "";
}

.fa-hanukiah:before {
    content: "";
}

.fa-hard-hat:before {
    content: "";
}

.fa-hashtag:before {
    content: "";
}

.fa-hat-chef:before {
    content: "";
}

.fa-hat-cowboy:before {
    content: "";
}

.fa-hat-cowboy-side:before {
    content: "";
}

.fa-hat-santa:before {
    content: "";
}

.fa-hat-winter:before {
    content: "";
}

.fa-hat-witch:before {
    content: "";
}

.fa-hat-wizard:before {
    content: "";
}

.fa-haykal:before {
    content: "";
}

.fa-hdd:before {
    content: "";
}

.fa-head-side:before {
    content: "";
}

.fa-head-side-brain:before {
    content: "";
}

.fa-head-side-headphones:before {
    content: "";
}

.fa-head-side-medical:before {
    content: "";
}

.fa-head-vr:before {
    content: "";
}

.fa-heading:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-headphones-alt:before {
    content: "";
}

.fa-headset:before {
    content: "";
}

.fa-heart:before {
    content: "";
}

.fa-heart-broken:before {
    content: "";
}

.fa-heart-circle:before {
    content: "";
}

.fa-heart-rate:before {
    content: "";
}

.fa-heart-square:before {
    content: "";
}

.fa-heartbeat:before {
    content: "";
}

.fa-helicopter:before {
    content: "";
}

.fa-helmet-battle:before {
    content: "";
}

.fa-hexagon:before {
    content: "";
}

.fa-highlighter:before {
    content: "";
}

.fa-hiking:before {
    content: "";
}

.fa-hippo:before {
    content: "";
}

.fa-hips:before {
    content: "";
}

.fa-hire-a-helper:before {
    content: "";
}

.fa-history:before {
    content: "";
}

.fa-hockey-mask:before {
    content: "";
}

.fa-hockey-puck:before {
    content: "";
}

.fa-hockey-sticks:before {
    content: "";
}

.fa-holly-berry:before {
    content: "";
}

.fa-home:before {
    content: "";
}

.fa-home-alt:before {
    content: "";
}

.fa-home-heart:before {
    content: "";
}

.fa-home-lg:before {
    content: "";
}

.fa-home-lg-alt:before {
    content: "";
}

.fa-hood-cloak:before {
    content: "";
}

.fa-hooli:before {
    content: "";
}

.fa-horizontal-rule:before {
    content: "";
}

.fa-hornbill:before {
    content: "";
}

.fa-horse:before {
    content: "";
}

.fa-horse-head:before {
    content: "";
}

.fa-horse-saddle:before {
    content: "";
}

.fa-hospital:before {
    content: "";
}

.fa-hospital-alt:before {
    content: "";
}

.fa-hospital-symbol:before {
    content: "";
}

.fa-hospital-user:before {
    content: "";
}

.fa-hospitals:before {
    content: "";
}

.fa-hot-tub:before {
    content: "";
}

.fa-hotdog:before {
    content: "";
}

.fa-hotel:before {
    content: "";
}

.fa-hotjar:before {
    content: "";
}

.fa-hourglass:before {
    content: "";
}

.fa-hourglass-end:before {
    content: "";
}

.fa-hourglass-half:before {
    content: "";
}

.fa-hourglass-start:before {
    content: "";
}

.fa-house-damage:before {
    content: "";
}

.fa-house-flood:before {
    content: "";
}

.fa-houzz:before {
    content: "";
}

.fa-hryvnia:before {
    content: "";
}

.fa-html5:before {
    content: "";
}

.fa-hubspot:before {
    content: "";
}

.fa-humidity:before {
    content: "";
}

.fa-hurricane:before {
    content: "";
}

.fa-i-cursor:before {
    content: "";
}

.fa-ice-cream:before {
    content: "";
}

.fa-ice-skate:before {
    content: "";
}

.fa-icicles:before {
    content: "";
}

.fa-icons:before {
    content: "";
}

.fa-icons-alt:before {
    content: "";
}

.fa-id-badge:before {
    content: "";
}

.fa-id-card:before {
    content: "";
}

.fa-id-card-alt:before {
    content: "";
}

.fa-igloo:before {
    content: "";
}

.fa-image:before {
    content: "";
}

.fa-image-polaroid:before {
    content: "";
}

.fa-images:before {
    content: "";
}

.fa-imdb:before {
    content: "";
}

.fa-inbox:before {
    content: "";
}

.fa-inbox-in:before {
    content: "";
}

.fa-inbox-out:before {
    content: "";
}

.fa-indent:before {
    content: "";
}

.fa-industry:before {
    content: "";
}

.fa-industry-alt:before {
    content: "";
}

.fa-infinity:before {
    content: "";
}

.fa-info:before {
    content: "";
}

.fa-info-circle:before {
    content: "";
}

.fa-info-square:before {
    content: "";
}

.fa-inhaler:before {
    content: "";
}

.fa-instagram:before {
    content: "";
}

.fa-integral:before {
    content: "";
}

.fa-intercom:before {
    content: "";
}

.fa-internet-explorer:before {
    content: "";
}

.fa-intersection:before {
    content: "";
}

.fa-inventory:before {
    content: "";
}

.fa-invision:before {
    content: "";
}

.fa-ioxhost:before {
    content: "";
}

.fa-island-tropical:before {
    content: "";
}

.fa-italic:before {
    content: "";
}

.fa-itch-io:before {
    content: "";
}

.fa-itunes:before {
    content: "";
}

.fa-itunes-note:before {
    content: "";
}

.fa-jack-o-lantern:before {
    content: "";
}

.fa-java:before {
    content: "";
}

.fa-jedi:before {
    content: "";
}

.fa-jedi-order:before {
    content: "";
}

.fa-jenkins:before {
    content: "";
}

.fa-jira:before {
    content: "";
}

.fa-joget:before {
    content: "";
}

.fa-joint:before {
    content: "";
}

.fa-joomla:before {
    content: "";
}

.fa-journal-whills:before {
    content: "";
}

.fa-joystick:before {
    content: "";
}

.fa-js:before {
    content: "";
}

.fa-js-square:before {
    content: "";
}

.fa-jsfiddle:before {
    content: "";
}

.fa-jug:before {
    content: "";
}

.fa-kaaba:before {
    content: "";
}

.fa-kaggle:before {
    content: "";
}

.fa-kazoo:before {
    content: "";
}

.fa-kerning:before {
    content: "";
}

.fa-key:before {
    content: "";
}

.fa-key-skeleton:before {
    content: "";
}

.fa-keybase:before {
    content: "";
}

.fa-keyboard:before {
    content: "";
}

.fa-keycdn:before {
    content: "";
}

.fa-keynote:before {
    content: "";
}

.fa-khanda:before {
    content: "";
}

.fa-kickstarter:before {
    content: "";
}

.fa-kickstarter-k:before {
    content: "";
}

.fa-kidneys:before {
    content: "";
}

.fa-kiss:before {
    content: "";
}

.fa-kiss-beam:before {
    content: "";
}

.fa-kiss-wink-heart:before {
    content: "";
}

.fa-kite:before {
    content: "";
}

.fa-kiwi-bird:before {
    content: "";
}

.fa-knife-kitchen:before {
    content: "";
}

.fa-korvue:before {
    content: "";
}

.fa-lambda:before {
    content: "";
}

.fa-lamp:before {
    content: "";
}

.fa-landmark:before {
    content: "";
}

.fa-landmark-alt:before {
    content: "";
}

.fa-language:before {
    content: "";
}

.fa-laptop:before {
    content: "";
}

.fa-laptop-code:before {
    content: "";
}

.fa-laptop-medical:before {
    content: "";
}

.fa-laravel:before {
    content: "";
}

.fa-lasso:before {
    content: "";
}

.fa-lastfm:before {
    content: "";
}

.fa-lastfm-square:before {
    content: "";
}

.fa-laugh:before {
    content: "";
}

.fa-laugh-beam:before {
    content: "";
}

.fa-laugh-squint:before {
    content: "";
}

.fa-laugh-wink:before {
    content: "";
}

.fa-layer-group:before {
    content: "";
}

.fa-layer-minus:before {
    content: "";
}

.fa-layer-plus:before {
    content: "";
}

.fa-leaf:before {
    content: "";
}

.fa-leaf-heart:before {
    content: "";
}

.fa-leaf-maple:before {
    content: "";
}

.fa-leaf-oak:before {
    content: "";
}

.fa-leanpub:before {
    content: "";
}

.fa-lemon:before {
    content: "";
}

.fa-less:before {
    content: "";
}

.fa-less-than:before {
    content: "";
}

.fa-less-than-equal:before {
    content: "";
}

.fa-level-down:before {
    content: "";
}

.fa-level-down-alt:before {
    content: "";
}

.fa-level-up:before {
    content: "";
}

.fa-level-up-alt:before {
    content: "";
}

.fa-life-ring:before {
    content: "";
}

.fa-lightbulb:before {
    content: "";
}

.fa-lightbulb-dollar:before {
    content: "";
}

.fa-lightbulb-exclamation:before {
    content: "";
}

.fa-lightbulb-on:before {
    content: "";
}

.fa-lightbulb-slash:before {
    content: "";
}

.fa-lights-holiday:before {
    content: "";
}

.fa-line:before {
    content: "";
}

.fa-line-columns:before {
    content: "";
}

.fa-line-height:before {
    content: "";
}

.fa-link:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-linkedin-in:before {
    content: "";
}

.fa-linode:before {
    content: "";
}

.fa-linux:before {
    content: "";
}

.fa-lips:before {
    content: "";
}

.fa-lira-sign:before {
    content: "";
}

.fa-list:before {
    content: "";
}

.fa-list-alt:before {
    content: "";
}

.fa-list-music:before {
    content: "";
}

.fa-list-ol:before {
    content: "";
}

.fa-list-ul:before {
    content: "";
}

.fa-location:before {
    content: "";
}

.fa-location-arrow:before {
    content: "";
}

.fa-location-circle:before {
    content: "";
}

.fa-location-slash:before {
    content: "";
}

.fa-lock:before {
    content: "";
}

.fa-lock-alt:before {
    content: "";
}

.fa-lock-open:before {
    content: "";
}

.fa-lock-open-alt:before {
    content: "";
}

.fa-long-arrow-alt-down:before {
    content: "";
}

.fa-long-arrow-alt-left:before {
    content: "";
}

.fa-long-arrow-alt-right:before {
    content: "";
}

.fa-long-arrow-alt-up:before {
    content: "";
}

.fa-long-arrow-down:before {
    content: "";
}

.fa-long-arrow-left:before {
    content: "";
}

.fa-long-arrow-right:before {
    content: "";
}

.fa-long-arrow-up:before {
    content: "";
}

.fa-loveseat:before {
    content: "";
}

.fa-low-vision:before {
    content: "";
}

.fa-luchador:before {
    content: "";
}

.fa-luggage-cart:before {
    content: "";
}

.fa-lungs:before {
    content: "";
}

.fa-lyft:before {
    content: "";
}

.fa-mace:before {
    content: "";
}

.fa-magento:before {
    content: "";
}

.fa-magic:before {
    content: "";
}

.fa-magnet:before {
    content: "";
}

.fa-mail-bulk:before {
    content: "";
}

.fa-mailbox:before {
    content: "";
}

.fa-mailchimp:before {
    content: "";
}

.fa-male:before {
    content: "";
}

.fa-mandalorian:before {
    content: "";
}

.fa-mandolin:before {
    content: "";
}

.fa-map:before {
    content: "";
}

.fa-map-marked:before {
    content: "";
}

.fa-map-marked-alt:before {
    content: "";
}

.fa-map-marker:before {
    content: "";
}

.fa-map-marker-alt:before {
    content: "";
}

.fa-map-marker-alt-slash:before {
    content: "";
}

.fa-map-marker-check:before {
    content: "";
}

.fa-map-marker-edit:before {
    content: "";
}

.fa-map-marker-exclamation:before {
    content: "";
}

.fa-map-marker-minus:before {
    content: "";
}

.fa-map-marker-plus:before {
    content: "";
}

.fa-map-marker-question:before {
    content: "";
}

.fa-map-marker-slash:before {
    content: "";
}

.fa-map-marker-smile:before {
    content: "";
}

.fa-map-marker-times:before {
    content: "";
}

.fa-map-pin:before {
    content: "";
}

.fa-map-signs:before {
    content: "";
}

.fa-markdown:before {
    content: "";
}

.fa-marker:before {
    content: "";
}

.fa-mars:before {
    content: "";
}

.fa-mars-double:before {
    content: "";
}

.fa-mars-stroke:before {
    content: "";
}

.fa-mars-stroke-h:before {
    content: "";
}

.fa-mars-stroke-v:before {
    content: "";
}

.fa-mask:before {
    content: "";
}

.fa-mastodon:before {
    content: "";
}

.fa-maxcdn:before {
    content: "";
}

.fa-mdb:before {
    content: "";
}

.fa-meat:before {
    content: "";
}

.fa-medal:before {
    content: "";
}

.fa-medapps:before {
    content: "";
}

.fa-medium:before {
    content: "";
}

.fa-medium-m:before {
    content: "";
}

.fa-medkit:before {
    content: "";
}

.fa-medrt:before {
    content: "";
}

.fa-meetup:before {
    content: "";
}

.fa-megaphone:before {
    content: "";
}

.fa-megaport:before {
    content: "";
}

.fa-meh:before {
    content: "";
}

.fa-meh-blank:before {
    content: "";
}

.fa-meh-rolling-eyes:before {
    content: "";
}

.fa-memory:before {
    content: "";
}

.fa-mendeley:before {
    content: "";
}

.fa-menorah:before {
    content: "";
}

.fa-mercury:before {
    content: "";
}

.fa-meteor:before {
    content: "";
}

.fa-microchip:before {
    content: "";
}

.fa-microphone:before {
    content: "";
}

.fa-microphone-alt:before {
    content: "";
}

.fa-microphone-alt-slash:before {
    content: "";
}

.fa-microphone-slash:before {
    content: "";
}

.fa-microphone-stand:before {
    content: "";
}

.fa-microscope:before {
    content: "";
}

.fa-microsoft:before {
    content: "";
}

.fa-mind-share:before {
    content: "";
}

.fa-minus:before {
    content: "";
}

.fa-minus-circle:before {
    content: "";
}

.fa-minus-hexagon:before {
    content: "";
}

.fa-minus-octagon:before {
    content: "";
}

.fa-minus-square:before {
    content: "";
}

.fa-mistletoe:before {
    content: "";
}

.fa-mitten:before {
    content: "";
}

.fa-mix:before {
    content: "";
}

.fa-mixcloud:before {
    content: "";
}

.fa-mizuni:before {
    content: "";
}

.fa-mobile:before {
    content: "";
}

.fa-mobile-alt:before {
    content: "";
}

.fa-mobile-android:before {
    content: "";
}

.fa-mobile-android-alt:before {
    content: "";
}

.fa-modx:before {
    content: "";
}

.fa-monero:before {
    content: "";
}

.fa-money-bill:before {
    content: "";
}

.fa-money-bill-alt:before {
    content: "";
}

.fa-money-bill-wave:before {
    content: "";
}

.fa-money-bill-wave-alt:before {
    content: "";
}

.fa-money-check:before {
    content: "";
}

.fa-money-check-alt:before {
    content: "";
}

.fa-money-check-edit:before {
    content: "";
}

.fa-money-check-edit-alt:before {
    content: "";
}

.fa-monitor-heart-rate:before {
    content: "";
}

.fa-monkey:before {
    content: "";
}

.fa-monument:before {
    content: "";
}

.fa-moon:before {
    content: "";
}

.fa-moon-cloud:before {
    content: "";
}

.fa-moon-stars:before {
    content: "";
}

.fa-mortar-pestle:before {
    content: "";
}

.fa-mosque:before {
    content: "";
}

.fa-motorcycle:before {
    content: "";
}

.fa-mountain:before {
    content: "";
}

.fa-mountains:before {
    content: "";
}

.fa-mouse:before {
    content: "";
}

.fa-mouse-alt:before {
    content: "";
}

.fa-mouse-pointer:before {
    content: "";
}

.fa-mp3-player:before {
    content: "";
}

.fa-mug:before {
    content: "";
}

.fa-mug-hot:before {
    content: "";
}

.fa-mug-marshmallows:before {
    content: "";
}

.fa-mug-tea:before {
    content: "";
}

.fa-music:before {
    content: "";
}

.fa-music-alt:before {
    content: "";
}

.fa-music-alt-slash:before {
    content: "";
}

.fa-music-slash:before {
    content: "";
}

.fa-napster:before {
    content: "";
}

.fa-narwhal:before {
    content: "";
}

.fa-neos:before {
    content: "";
}

.fa-network-wired:before {
    content: "";
}

.fa-neuter:before {
    content: "";
}

.fa-newspaper:before {
    content: "";
}

.fa-nimblr:before {
    content: "";
}

.fa-node:before {
    content: "";
}

.fa-node-js:before {
    content: "";
}

.fa-not-equal:before {
    content: "";
}

.fa-notes-medical:before {
    content: "";
}

.fa-npm:before {
    content: "";
}

.fa-ns8:before {
    content: "";
}

.fa-nutritionix:before {
    content: "";
}

.fa-object-group:before {
    content: "";
}

.fa-object-ungroup:before {
    content: "";
}

.fa-octagon:before {
    content: "";
}

.fa-odnoklassniki:before {
    content: "";
}

.fa-odnoklassniki-square:before {
    content: "";
}

.fa-oil-can:before {
    content: "";
}

.fa-oil-temp:before {
    content: "";
}

.fa-old-republic:before {
    content: "";
}

.fa-om:before {
    content: "";
}

.fa-omega:before {
    content: "";
}

.fa-opencart:before {
    content: "";
}

.fa-openid:before {
    content: "";
}

.fa-opera:before {
    content: "";
}

.fa-optin-monster:before {
    content: "";
}

.fa-orcid:before {
    content: "";
}

.fa-ornament:before {
    content: "";
}

.fa-osi:before {
    content: "";
}

.fa-otter:before {
    content: "";
}

.fa-outdent:before {
    content: "";
}

.fa-overline:before {
    content: "";
}

.fa-page-break:before {
    content: "";
}

.fa-page4:before {
    content: "";
}

.fa-pagelines:before {
    content: "";
}

.fa-pager:before {
    content: "";
}

.fa-paint-brush:before {
    content: "";
}

.fa-paint-brush-alt:before {
    content: "";
}

.fa-paint-roller:before {
    content: "";
}

.fa-palette:before {
    content: "";
}

.fa-palfed:before {
    content: "";
}

.fa-pallet:before {
    content: "";
}

.fa-pallet-alt:before {
    content: "";
}

.fa-paper-plane:before {
    content: "";
}

.fa-paperclip:before {
    content: "";
}

.fa-parachute-box:before {
    content: "";
}

.fa-paragraph:before {
    content: "";
}

.fa-paragraph-rtl:before {
    content: "";
}

.fa-parking:before {
    content: "";
}

.fa-parking-circle:before {
    content: "";
}

.fa-parking-circle-slash:before {
    content: "";
}

.fa-parking-slash:before {
    content: "";
}

.fa-passport:before {
    content: "";
}

.fa-pastafarianism:before {
    content: "";
}

.fa-paste:before {
    content: "";
}

.fa-patreon:before {
    content: "";
}

.fa-pause:before {
    content: "";
}

.fa-pause-circle:before {
    content: "";
}

.fa-paw:before {
    content: "";
}

.fa-paw-alt:before {
    content: "";
}

.fa-paw-claws:before {
    content: "";
}

.fa-paypal:before {
    content: "";
}

.fa-peace:before {
    content: "";
}

.fa-pegasus:before {
    content: "";
}

.fa-pen:before {
    content: "";
}

.fa-pen-alt:before {
    content: "";
}

.fa-pen-fancy:before {
    content: "";
}

.fa-pen-nib:before {
    content: "";
}

.fa-pen-square:before {
    content: "";
}

.fa-pencil:before {
    content: "";
}

.fa-pencil-alt:before {
    content: "";
}

.fa-pencil-paintbrush:before {
    content: "";
}

.fa-pencil-ruler:before {
    content: "";
}

.fa-pennant:before {
    content: "";
}

.fa-penny-arcade:before {
    content: "";
}

.fa-people-carry:before {
    content: "";
}

.fa-pepper-hot:before {
    content: "";
}

.fa-percent:before {
    content: "";
}

.fa-percentage:before {
    content: "";
}

.fa-periscope:before {
    content: "";
}

.fa-person-booth:before {
    content: "";
}

.fa-person-carry:before {
    content: "";
}

.fa-person-dolly:before {
    content: "";
}

.fa-person-dolly-empty:before {
    content: "";
}

.fa-person-sign:before {
    content: "";
}

.fa-phabricator:before {
    content: "";
}

.fa-phoenix-framework:before {
    content: "";
}

.fa-phoenix-squadron:before {
    content: "";
}

.fa-phone:before {
    content: "";
}

.fa-phone-alt:before {
    content: "";
}

.fa-phone-laptop:before {
    content: "";
}

.fa-phone-office:before {
    content: "";
}

.fa-phone-plus:before {
    content: "";
}

.fa-phone-rotary:before {
    content: "";
}

.fa-phone-slash:before {
    content: "";
}

.fa-phone-square:before {
    content: "";
}

.fa-phone-square-alt:before {
    content: "";
}

.fa-phone-volume:before {
    content: "";
}

.fa-photo-video:before {
    content: "";
}

.fa-php:before {
    content: "";
}

.fa-pi:before {
    content: "";
}

.fa-piano:before {
    content: "";
}

.fa-piano-keyboard:before {
    content: "";
}

.fa-pie:before {
    content: "";
}

.fa-pied-piper:before {
    content: "";
}

.fa-pied-piper-alt:before {
    content: "";
}

.fa-pied-piper-hat:before {
    content: "";
}

.fa-pied-piper-pp:before {
    content: "";
}

.fa-pig:before {
    content: "";
}

.fa-piggy-bank:before {
    content: "";
}

.fa-pills:before {
    content: "";
}

.fa-pinterest:before {
    content: "";
}

.fa-pinterest-p:before {
    content: "";
}

.fa-pinterest-square:before {
    content: "";
}

.fa-pizza:before {
    content: "";
}

.fa-pizza-slice:before {
    content: "";
}

.fa-place-of-worship:before {
    content: "";
}

.fa-plane:before {
    content: "";
}

.fa-plane-alt:before {
    content: "";
}

.fa-plane-arrival:before {
    content: "";
}

.fa-plane-departure:before {
    content: "";
}

.fa-play:before {
    content: "";
}

.fa-play-circle:before {
    content: "";
}

.fa-playstation:before {
    content: "";
}

.fa-plug:before {
    content: "";
}

.fa-plus:before {
    content: "";
}

.fa-plus-circle:before {
    content: "";
}

.fa-plus-hexagon:before {
    content: "";
}

.fa-plus-octagon:before {
    content: "";
}

.fa-plus-square:before {
    content: "";
}

.fa-podcast:before {
    content: "";
}

.fa-podium:before {
    content: "";
}

.fa-podium-star:before {
    content: "";
}

.fa-poll:before {
    content: "";
}

.fa-poll-h:before {
    content: "";
}

.fa-poll-people:before {
    content: "";
}

.fa-poo:before {
    content: "";
}

.fa-poo-storm:before {
    content: "";
}

.fa-poop:before {
    content: "";
}

.fa-popcorn:before {
    content: "";
}

.fa-portrait:before {
    content: "";
}

.fa-pound-sign:before {
    content: "";
}

.fa-power-off:before {
    content: "";
}

.fa-pray:before {
    content: "";
}

.fa-praying-hands:before {
    content: "";
}

.fa-prescription:before {
    content: "";
}

.fa-prescription-bottle:before {
    content: "";
}

.fa-prescription-bottle-alt:before {
    content: "";
}

.fa-presentation:before {
    content: "";
}

.fa-print:before {
    content: "";
}

.fa-print-search:before {
    content: "";
}

.fa-print-slash:before {
    content: "";
}

.fa-procedures:before {
    content: "";
}

.fa-product-hunt:before {
    content: "";
}

.fa-project-diagram:before {
    content: "";
}

.fa-projector:before {
    content: "";
}

.fa-pumpkin:before {
    content: "";
}

.fa-pushed:before {
    content: "";
}

.fa-puzzle-piece:before {
    content: "";
}

.fa-python:before {
    content: "";
}

.fa-qq:before {
    content: "";
}

.fa-qrcode:before {
    content: "";
}

.fa-question:before {
    content: "";
}

.fa-question-circle:before {
    content: "";
}

.fa-question-square:before {
    content: "";
}

.fa-quidditch:before {
    content: "";
}

.fa-quinscape:before {
    content: "";
}

.fa-quora:before {
    content: "";
}

.fa-quote-left:before {
    content: "";
}

.fa-quote-right:before {
    content: "";
}

.fa-quran:before {
    content: "";
}

.fa-r-project:before {
    content: "";
}

.fa-rabbit:before {
    content: "";
}

.fa-rabbit-fast:before {
    content: "";
}

.fa-racquet:before {
    content: "";
}

.fa-radiation:before {
    content: "";
}

.fa-radiation-alt:before {
    content: "";
}

.fa-radio:before {
    content: "";
}

.fa-radio-alt:before {
    content: "";
}

.fa-rainbow:before {
    content: "";
}

.fa-raindrops:before {
    content: "";
}

.fa-ram:before {
    content: "";
}

.fa-ramp-loading:before {
    content: "";
}

.fa-random:before {
    content: "";
}

.fa-raspberry-pi:before {
    content: "";
}

.fa-ravelry:before {
    content: "";
}

.fa-react:before {
    content: "";
}

.fa-reacteurope:before {
    content: "";
}

.fa-readme:before {
    content: "";
}

.fa-rebel:before {
    content: "";
}

.fa-receipt:before {
    content: "";
}

.fa-record-vinyl:before {
    content: "";
}

.fa-rectangle-landscape:before {
    content: "";
}

.fa-rectangle-portrait:before {
    content: "";
}

.fa-rectangle-wide:before {
    content: "";
}

.fa-recycle:before {
    content: "";
}

.fa-red-river:before {
    content: "";
}

.fa-reddit:before {
    content: "";
}

.fa-reddit-alien:before {
    content: "";
}

.fa-reddit-square:before {
    content: "";
}

.fa-redhat:before {
    content: "";
}

.fa-redo:before {
    content: "";
}

.fa-redo-alt:before {
    content: "";
}

.fa-registered:before {
    content: "";
}

.fa-remove-format:before {
    content: "";
}

.fa-renren:before {
    content: "";
}

.fa-repeat:before {
    content: "";
}

.fa-repeat-1:before {
    content: "";
}

.fa-repeat-1-alt:before {
    content: "";
}

.fa-repeat-alt:before {
    content: "";
}

.fa-reply:before {
    content: "";
}

.fa-reply-all:before {
    content: "";
}

.fa-replyd:before {
    content: "";
}

.fa-republican:before {
    content: "";
}

.fa-researchgate:before {
    content: "";
}

.fa-resolving:before {
    content: "";
}

.fa-restroom:before {
    content: "";
}

.fa-retweet:before {
    content: "";
}

.fa-retweet-alt:before {
    content: "";
}

.fa-rev:before {
    content: "";
}

.fa-ribbon:before {
    content: "";
}

.fa-ring:before {
    content: "";
}

.fa-rings-wedding:before {
    content: "";
}

.fa-road:before {
    content: "";
}

.fa-robot:before {
    content: "";
}

.fa-rocket:before {
    content: "";
}

.fa-rocketchat:before {
    content: "";
}

.fa-rockrms:before {
    content: "";
}

.fa-route:before {
    content: "";
}

.fa-route-highway:before {
    content: "";
}

.fa-route-interstate:before {
    content: "";
}

.fa-router:before {
    content: "";
}

.fa-rss:before {
    content: "";
}

.fa-rss-square:before {
    content: "";
}

.fa-ruble-sign:before {
    content: "";
}

.fa-ruler:before {
    content: "";
}

.fa-ruler-combined:before {
    content: "";
}

.fa-ruler-horizontal:before {
    content: "";
}

.fa-ruler-triangle:before {
    content: "";
}

.fa-ruler-vertical:before {
    content: "";
}

.fa-running:before {
    content: "";
}

.fa-rupee-sign:before {
    content: "";
}

.fa-rv:before {
    content: "";
}

.fa-sack:before {
    content: "";
}

.fa-sack-dollar:before {
    content: "";
}

.fa-sad-cry:before {
    content: "";
}

.fa-sad-tear:before {
    content: "";
}

.fa-safari:before {
    content: "";
}

.fa-salad:before {
    content: "";
}

.fa-salesforce:before {
    content: "";
}

.fa-sandwich:before {
    content: "";
}

.fa-sass:before {
    content: "";
}

.fa-satellite:before {
    content: "";
}

.fa-satellite-dish:before {
    content: "";
}

.fa-sausage:before {
    content: "";
}

.fa-save:before {
    content: "";
}

.fa-sax-hot:before {
    content: "";
}

.fa-saxophone:before {
    content: "";
}

.fa-scalpel:before {
    content: "";
}

.fa-scalpel-path:before {
    content: "";
}

.fa-scanner:before {
    content: "";
}

.fa-scanner-image:before {
    content: "";
}

.fa-scanner-keyboard:before {
    content: "";
}

.fa-scanner-touchscreen:before {
    content: "";
}

.fa-scarecrow:before {
    content: "";
}

.fa-scarf:before {
    content: "";
}

.fa-schlix:before {
    content: "";
}

.fa-school:before {
    content: "";
}

.fa-screwdriver:before {
    content: "";
}

.fa-scribd:before {
    content: "";
}

.fa-scroll:before {
    content: "";
}

.fa-scroll-old:before {
    content: "";
}

.fa-scrubber:before {
    content: "";
}

.fa-scythe:before {
    content: "";
}

.fa-sd-card:before {
    content: "";
}

.fa-search:before {
    content: "";
}

.fa-search-dollar:before {
    content: "";
}

.fa-search-location:before {
    content: "";
}

.fa-search-minus:before {
    content: "";
}

.fa-search-plus:before {
    content: "";
}

.fa-searchengin:before {
    content: "";
}

.fa-seedling:before {
    content: "";
}

.fa-sellcast:before {
    content: "";
}

.fa-sellsy:before {
    content: "";
}

.fa-send-back:before {
    content: "";
}

.fa-send-backward:before {
    content: "";
}

.fa-server:before {
    content: "";
}

.fa-servicestack:before {
    content: "";
}

.fa-shapes:before {
    content: "";
}

.fa-share:before {
    content: "";
}

.fa-share-all:before {
    content: "";
}

.fa-share-alt:before {
    content: "";
}

.fa-share-alt-square:before {
    content: "";
}

.fa-share-square:before {
    content: "";
}

.fa-sheep:before {
    content: "";
}

.fa-shekel-sign:before {
    content: "";
}

.fa-shield:before {
    content: "";
}

.fa-shield-alt:before {
    content: "";
}

.fa-shield-check:before {
    content: "";
}

.fa-shield-cross:before {
    content: "";
}

.fa-ship:before {
    content: "";
}

.fa-shipping-fast:before {
    content: "";
}

.fa-shipping-timed:before {
    content: "";
}

.fa-shirtsinbulk:before {
    content: "";
}

.fa-shish-kebab:before {
    content: "";
}

.fa-shoe-prints:before {
    content: "";
}

.fa-shopping-bag:before {
    content: "";
}

.fa-shopping-basket:before {
    content: "";
}

.fa-shopping-cart:before {
    content: "";
}

.fa-shopware:before {
    content: "";
}

.fa-shovel:before {
    content: "";
}

.fa-shovel-snow:before {
    content: "";
}

.fa-shower:before {
    content: "";
}

.fa-shredder:before {
    content: "";
}

.fa-shuttle-van:before {
    content: "";
}

.fa-shuttlecock:before {
    content: "";
}

.fa-sickle:before {
    content: "";
}

.fa-sigma:before {
    content: "";
}

.fa-sign:before {
    content: "";
}

.fa-sign-in:before {
    content: "";
}

.fa-sign-in-alt:before {
    content: "";
}

.fa-sign-language:before {
    content: "";
}

.fa-sign-out:before {
    content: "";
}

.fa-sign-out-alt:before {
    content: "";
}

.fa-signal:before {
    content: "";
}

.fa-signal-1:before {
    content: "";
}

.fa-signal-2:before {
    content: "";
}

.fa-signal-3:before {
    content: "";
}

.fa-signal-4:before {
    content: "";
}

.fa-signal-alt:before {
    content: "";
}

.fa-signal-alt-1:before {
    content: "";
}

.fa-signal-alt-2:before {
    content: "";
}

.fa-signal-alt-3:before {
    content: "";
}

.fa-signal-alt-slash:before {
    content: "";
}

.fa-signal-slash:before {
    content: "";
}

.fa-signal-stream:before {
    content: "";
}

.fa-signature:before {
    content: "";
}

.fa-sim-card:before {
    content: "";
}

.fa-simplybuilt:before {
    content: "";
}

.fa-sistrix:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-sith:before {
    content: "";
}

.fa-skating:before {
    content: "";
}

.fa-skeleton:before {
    content: "";
}

.fa-sketch:before {
    content: "";
}

.fa-ski-jump:before {
    content: "";
}

.fa-ski-lift:before {
    content: "";
}

.fa-skiing:before {
    content: "";
}

.fa-skiing-nordic:before {
    content: "";
}

.fa-skull:before {
    content: "";
}

.fa-skull-cow:before {
    content: "";
}

.fa-skull-crossbones:before {
    content: "";
}

.fa-skyatlas:before {
    content: "";
}

.fa-skype:before {
    content: "";
}

.fa-slack:before {
    content: "";
}

.fa-slack-hash:before {
    content: "";
}

.fa-slash:before {
    content: "";
}

.fa-sledding:before {
    content: "";
}

.fa-sleigh:before {
    content: "";
}

.fa-sliders-h:before {
    content: "";
}

.fa-sliders-h-square:before {
    content: "";
}

.fa-sliders-v:before {
    content: "";
}

.fa-sliders-v-square:before {
    content: "";
}

.fa-slideshare:before {
    content: "";
}

.fa-smile:before {
    content: "";
}

.fa-smile-beam:before {
    content: "";
}

.fa-smile-plus:before {
    content: "";
}

.fa-smile-wink:before {
    content: "";
}

.fa-smog:before {
    content: "";
}

.fa-smoke:before {
    content: "";
}

.fa-smoking:before {
    content: "";
}

.fa-smoking-ban:before {
    content: "";
}

.fa-sms:before {
    content: "";
}

.fa-snake:before {
    content: "";
}

.fa-snapchat:before {
    content: "";
}

.fa-snapchat-ghost:before {
    content: "";
}

.fa-snapchat-square:before {
    content: "";
}

.fa-snooze:before {
    content: "";
}

.fa-snow-blowing:before {
    content: "";
}

.fa-snowboarding:before {
    content: "";
}

.fa-snowflake:before {
    content: "";
}

.fa-snowflakes:before {
    content: "";
}

.fa-snowman:before {
    content: "";
}

.fa-snowmobile:before {
    content: "";
}

.fa-snowplow:before {
    content: "";
}

.fa-socks:before {
    content: "";
}

.fa-solar-panel:before {
    content: "";
}

.fa-sort:before {
    content: "";
}

.fa-sort-alpha-down:before {
    content: "";
}

.fa-sort-alpha-down-alt:before {
    content: "";
}

.fa-sort-alpha-up:before {
    content: "";
}

.fa-sort-alpha-up-alt:before {
    content: "";
}

.fa-sort-alt:before {
    content: "";
}

.fa-sort-amount-down:before {
    content: "";
}

.fa-sort-amount-down-alt:before {
    content: "";
}

.fa-sort-amount-up:before {
    content: "";
}

.fa-sort-amount-up-alt:before {
    content: "";
}

.fa-sort-down:before {
    content: "";
}

.fa-sort-numeric-down:before {
    content: "";
}

.fa-sort-numeric-down-alt:before {
    content: "";
}

.fa-sort-numeric-up:before {
    content: "";
}

.fa-sort-numeric-up-alt:before {
    content: "";
}

.fa-sort-shapes-down:before {
    content: "";
}

.fa-sort-shapes-down-alt:before {
    content: "";
}

.fa-sort-shapes-up:before {
    content: "";
}

.fa-sort-shapes-up-alt:before {
    content: "";
}

.fa-sort-size-down:before {
    content: "";
}

.fa-sort-size-down-alt:before {
    content: "";
}

.fa-sort-size-up:before {
    content: "";
}

.fa-sort-size-up-alt:before {
    content: "";
}

.fa-sort-up:before {
    content: "";
}

.fa-soundcloud:before {
    content: "";
}

.fa-soup:before {
    content: "";
}

.fa-sourcetree:before {
    content: "";
}

.fa-spa:before {
    content: "";
}

.fa-space-shuttle:before {
    content: "";
}

.fa-spade:before {
    content: "";
}

.fa-sparkles:before {
    content: "";
}

.fa-speakap:before {
    content: "";
}

.fa-speaker:before {
    content: "";
}

.fa-speaker-deck:before {
    content: "";
}

.fa-speakers:before {
    content: "";
}

.fa-spell-check:before {
    content: "";
}

.fa-spider:before {
    content: "";
}

.fa-spider-black-widow:before {
    content: "";
}

.fa-spider-web:before {
    content: "";
}

.fa-spinner:before {
    content: "";
}

.fa-spinner-third:before {
    content: "";
}

.fa-splotch:before {
    content: "";
}

.fa-spotify:before {
    content: "";
}

.fa-spray-can:before {
    content: "";
}

.fa-square:before {
    content: "";
}

.fa-square-full:before {
    content: "";
}

.fa-square-root:before {
    content: "";
}

.fa-square-root-alt:before {
    content: "";
}

.fa-squarespace:before {
    content: "";
}

.fa-squirrel:before {
    content: "";
}

.fa-stack-exchange:before {
    content: "";
}

.fa-stack-overflow:before {
    content: "";
}

.fa-stackpath:before {
    content: "";
}

.fa-staff:before {
    content: "";
}

.fa-stamp:before {
    content: "";
}

.fa-star:before {
    content: "";
}

.fa-star-and-crescent:before {
    content: "";
}

.fa-star-christmas:before {
    content: "";
}

.fa-star-exclamation:before {
    content: "";
}

.fa-star-half:before {
    content: "";
}

.fa-star-half-alt:before {
    content: "";
}

.fa-star-of-david:before {
    content: "";
}

.fa-star-of-life:before {
    content: "";
}

.fa-stars:before {
    content: "";
}

.fa-staylinked:before {
    content: "";
}

.fa-steak:before {
    content: "";
}

.fa-steam:before {
    content: "";
}

.fa-steam-square:before {
    content: "";
}

.fa-steam-symbol:before {
    content: "";
}

.fa-steering-wheel:before {
    content: "";
}

.fa-step-backward:before {
    content: "";
}

.fa-step-forward:before {
    content: "";
}

.fa-stethoscope:before {
    content: "";
}

.fa-sticker-mule:before {
    content: "";
}

.fa-sticky-note:before {
    content: "";
}

.fa-stocking:before {
    content: "";
}

.fa-stomach:before {
    content: "";
}

.fa-stop:before {
    content: "";
}

.fa-stop-circle:before {
    content: "";
}

.fa-stopwatch:before {
    content: "";
}

.fa-store:before {
    content: "";
}

.fa-store-alt:before {
    content: "";
}

.fa-strava:before {
    content: "";
}

.fa-stream:before {
    content: "";
}

.fa-street-view:before {
    content: "";
}

.fa-stretcher:before {
    content: "";
}

.fa-strikethrough:before {
    content: "";
}

.fa-stripe:before {
    content: "";
}

.fa-stripe-s:before {
    content: "";
}

.fa-stroopwafel:before {
    content: "";
}

.fa-studiovinari:before {
    content: "";
}

.fa-stumbleupon:before {
    content: "";
}

.fa-stumbleupon-circle:before {
    content: "";
}

.fa-subscript:before {
    content: "";
}

.fa-subway:before {
    content: "";
}

.fa-suitcase:before {
    content: "";
}

.fa-suitcase-rolling:before {
    content: "";
}

.fa-sun:before {
    content: "";
}

.fa-sun-cloud:before {
    content: "";
}

.fa-sun-dust:before {
    content: "";
}

.fa-sun-haze:before {
    content: "";
}

.fa-sunglasses:before {
    content: "";
}

.fa-sunrise:before {
    content: "";
}

.fa-sunset:before {
    content: "";
}

.fa-superpowers:before {
    content: "";
}

.fa-superscript:before {
    content: "";
}

.fa-supple:before {
    content: "";
}

.fa-surprise:before {
    content: "";
}

.fa-suse:before {
    content: "";
}

.fa-swatchbook:before {
    content: "";
}

.fa-swift:before {
    content: "";
}

.fa-swimmer:before {
    content: "";
}

.fa-swimming-pool:before {
    content: "";
}

.fa-sword:before {
    content: "";
}

.fa-swords:before {
    content: "";
}

.fa-symfony:before {
    content: "";
}

.fa-synagogue:before {
    content: "";
}

.fa-sync:before {
    content: "";
}

.fa-sync-alt:before {
    content: "";
}

.fa-syringe:before {
    content: "";
}

.fa-table:before {
    content: "";
}

.fa-table-tennis:before {
    content: "";
}

.fa-tablet:before {
    content: "";
}

.fa-tablet-alt:before {
    content: "";
}

.fa-tablet-android:before {
    content: "";
}

.fa-tablet-android-alt:before {
    content: "";
}

.fa-tablet-rugged:before {
    content: "";
}

.fa-tablets:before {
    content: "";
}

.fa-tachometer:before {
    content: "";
}

.fa-tachometer-alt:before {
    content: "";
}

.fa-tachometer-alt-average:before {
    content: "";
}

.fa-tachometer-alt-fast:before {
    content: "";
}

.fa-tachometer-alt-fastest:before {
    content: "";
}

.fa-tachometer-alt-slow:before {
    content: "";
}

.fa-tachometer-alt-slowest:before {
    content: "";
}

.fa-tachometer-average:before {
    content: "";
}

.fa-tachometer-fast:before {
    content: "";
}

.fa-tachometer-fastest:before {
    content: "";
}

.fa-tachometer-slow:before {
    content: "";
}

.fa-tachometer-slowest:before {
    content: "";
}

.fa-taco:before {
    content: "";
}

.fa-tag:before {
    content: "";
}

.fa-tags:before {
    content: "";
}

.fa-tally:before {
    content: "";
}

.fa-tanakh:before {
    content: "";
}

.fa-tape:before {
    content: "";
}

.fa-tasks:before {
    content: "";
}

.fa-tasks-alt:before {
    content: "";
}

.fa-taxi:before {
    content: "";
}

.fa-teamspeak:before {
    content: "";
}

.fa-teeth:before {
    content: "";
}

.fa-teeth-open:before {
    content: "";
}

.fa-telegram:before {
    content: "";
}

.fa-telegram-plane:before {
    content: "";
}

.fa-temperature-frigid:before {
    content: "";
}

.fa-temperature-high:before {
    content: "";
}

.fa-temperature-hot:before {
    content: "";
}

.fa-temperature-low:before {
    content: "";
}

.fa-tencent-weibo:before {
    content: "";
}

.fa-tenge:before {
    content: "";
}

.fa-tennis-ball:before {
    content: "";
}

.fa-terminal:before {
    content: "";
}

.fa-text:before {
    content: "";
}

.fa-text-height:before {
    content: "";
}

.fa-text-size:before {
    content: "";
}

.fa-text-width:before {
    content: "";
}

.fa-th:before {
    content: "";
}

.fa-th-large:before {
    content: "";
}

.fa-th-list:before {
    content: "";
}

.fa-the-red-yeti:before {
    content: "";
}

.fa-theater-masks:before {
    content: "";
}

.fa-themeco:before {
    content: "";
}

.fa-themeisle:before {
    content: "";
}

.fa-thermometer:before {
    content: "";
}

.fa-thermometer-empty:before {
    content: "";
}

.fa-thermometer-full:before {
    content: "";
}

.fa-thermometer-half:before {
    content: "";
}

.fa-thermometer-quarter:before {
    content: "";
}

.fa-thermometer-three-quarters:before {
    content: "";
}

.fa-theta:before {
    content: "";
}

.fa-think-peaks:before {
    content: "";
}

.fa-thumbs-down:before {
    content: "";
}

.fa-thumbs-up:before {
    content: "";
}

.fa-thumbtack:before {
    content: "";
}

.fa-thunderstorm:before {
    content: "";
}

.fa-thunderstorm-moon:before {
    content: "";
}

.fa-thunderstorm-sun:before {
    content: "";
}

.fa-ticket:before {
    content: "";
}

.fa-ticket-alt:before {
    content: "";
}

.fa-tilde:before {
    content: "";
}

.fa-times:before {
    content: "";
}

.fa-times-circle:before {
    content: "";
}

.fa-times-hexagon:before {
    content: "";
}

.fa-times-octagon:before {
    content: "";
}

.fa-times-square:before {
    content: "";
}

.fa-tint:before {
    content: "";
}

.fa-tint-slash:before {
    content: "";
}

.fa-tire:before {
    content: "";
}

.fa-tire-flat:before {
    content: "";
}

.fa-tire-pressure-warning:before {
    content: "";
}

.fa-tire-rugged:before {
    content: "";
}

.fa-tired:before {
    content: "";
}

.fa-toggle-off:before {
    content: "";
}

.fa-toggle-on:before {
    content: "";
}

.fa-toilet:before {
    content: "";
}

.fa-toilet-paper:before {
    content: "";
}

.fa-toilet-paper-alt:before {
    content: "";
}

.fa-tombstone:before {
    content: "";
}

.fa-tombstone-alt:before {
    content: "";
}

.fa-toolbox:before {
    content: "";
}

.fa-tools:before {
    content: "";
}

.fa-tooth:before {
    content: "";
}

.fa-toothbrush:before {
    content: "";
}

.fa-torah:before {
    content: "";
}

.fa-torii-gate:before {
    content: "";
}

.fa-tornado:before {
    content: "";
}

.fa-tractor:before {
    content: "";
}

.fa-trade-federation:before {
    content: "";
}

.fa-trademark:before {
    content: "";
}

.fa-traffic-cone:before {
    content: "";
}

.fa-traffic-light:before {
    content: "";
}

.fa-traffic-light-go:before {
    content: "";
}

.fa-traffic-light-slow:before {
    content: "";
}

.fa-traffic-light-stop:before {
    content: "";
}

.fa-train:before {
    content: "";
}

.fa-tram:before {
    content: "";
}

.fa-transgender:before {
    content: "";
}

.fa-transgender-alt:before {
    content: "";
}

.fa-trash:before {
    content: "";
}

.fa-trash-alt:before {
    content: "";
}

.fa-trash-restore:before {
    content: "";
}

.fa-trash-restore-alt:before {
    content: "";
}

.fa-trash-undo:before {
    content: "";
}

.fa-trash-undo-alt:before {
    content: "";
}

.fa-treasure-chest:before {
    content: "";
}

.fa-tree:before {
    content: "";
}

.fa-tree-alt:before {
    content: "";
}

.fa-tree-christmas:before {
    content: "";
}

.fa-tree-decorated:before {
    content: "";
}

.fa-tree-large:before {
    content: "";
}

.fa-tree-palm:before {
    content: "";
}

.fa-trees:before {
    content: "";
}

.fa-trello:before {
    content: "";
}

.fa-triangle:before {
    content: "";
}

.fa-triangle-music:before {
    content: "";
}

.fa-tripadvisor:before {
    content: "";
}

.fa-trophy:before {
    content: "";
}

.fa-trophy-alt:before {
    content: "";
}

.fa-truck:before {
    content: "";
}

.fa-truck-container:before {
    content: "";
}

.fa-truck-couch:before {
    content: "";
}

.fa-truck-loading:before {
    content: "";
}

.fa-truck-monster:before {
    content: "";
}

.fa-truck-moving:before {
    content: "";
}

.fa-truck-pickup:before {
    content: "";
}

.fa-truck-plow:before {
    content: "";
}

.fa-truck-ramp:before {
    content: "";
}

.fa-trumpet:before {
    content: "";
}

.fa-tshirt:before {
    content: "";
}

.fa-tty:before {
    content: "";
}

.fa-tumblr:before {
    content: "";
}

.fa-tumblr-square:before {
    content: "";
}

.fa-turkey:before {
    content: "";
}

.fa-turntable:before {
    content: "";
}

.fa-turtle:before {
    content: "";
}

.fa-tv:before {
    content: "";
}

.fa-tv-alt:before {
    content: "";
}

.fa-tv-music:before {
    content: "";
}

.fa-tv-retro:before {
    content: "";
}

.fa-twitch:before {
    content: "";
}

.fa-twitter:before {
    content: "";
}

.fa-twitter-square:before {
    content: "";
}

.fa-typewriter:before {
    content: "";
}

.fa-typo3:before {
    content: "";
}

.fa-uber:before {
    content: "";
}

.fa-ubuntu:before {
    content: "";
}

.fa-uikit:before {
    content: "";
}

.fa-umbraco:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-umbrella-beach:before {
    content: "";
}

.fa-underline:before {
    content: "";
}

.fa-undo:before {
    content: "";
}

.fa-undo-alt:before {
    content: "";
}

.fa-unicorn:before {
    content: "";
}

.fa-union:before {
    content: "";
}

.fa-uniregistry:before {
    content: "";
}

.fa-universal-access:before {
    content: "";
}

.fa-university:before {
    content: "";
}

.fa-unlink:before {
    content: "";
}

.fa-unlock:before {
    content: "";
}

.fa-unlock-alt:before {
    content: "";
}

.fa-untappd:before {
    content: "";
}

.fa-upload:before {
    content: "";
}

.fa-ups:before {
    content: "";
}

.fa-usb:before {
    content: "";
}

.fa-usb-drive:before {
    content: "";
}

.fa-usd-circle:before {
    content: "";
}

.fa-usd-square:before {
    content: "";
}

.fa-user:before {
    content: "";
}

.fa-user-alt:before {
    content: "";
}

.fa-user-alt-slash:before {
    content: "";
}

.fa-user-astronaut:before {
    content: "";
}

.fa-user-chart:before {
    content: "";
}

.fa-user-check:before {
    content: "";
}

.fa-user-circle:before {
    content: "";
}

.fa-user-clock:before {
    content: "";
}

.fa-user-cog:before {
    content: "";
}

.fa-user-cowboy:before {
    content: "";
}

.fa-user-crown:before {
    content: "";
}

.fa-user-edit:before {
    content: "";
}

.fa-user-friends:before {
    content: "";
}

.fa-user-graduate:before {
    content: "";
}

.fa-user-hard-hat:before {
    content: "";
}

.fa-user-headset:before {
    content: "";
}

.fa-user-injured:before {
    content: "";
}

.fa-user-lock:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-user-md-chat:before {
    content: "";
}

.fa-user-minus:before {
    content: "";
}

.fa-user-music:before {
    content: "";
}

.fa-user-ninja:before {
    content: "";
}

.fa-user-nurse:before {
    content: "";
}

.fa-user-plus:before {
    content: "";
}

.fa-user-secret:before {
    content: "";
}

.fa-user-shield:before {
    content: "";
}

.fa-user-slash:before {
    content: "";
}

.fa-user-tag:before {
    content: "";
}

.fa-user-tie:before {
    content: "";
}

.fa-user-times:before {
    content: "";
}

.fa-users:before {
    content: "";
}

.fa-users-class:before {
    content: "";
}

.fa-users-cog:before {
    content: "";
}

.fa-users-crown:before {
    content: "";
}

.fa-users-medical:before {
    content: "";
}

.fa-usps:before {
    content: "";
}

.fa-ussunnah:before {
    content: "";
}

.fa-utensil-fork:before {
    content: "";
}

.fa-utensil-knife:before {
    content: "";
}

.fa-utensil-spoon:before {
    content: "";
}

.fa-utensils:before {
    content: "";
}

.fa-utensils-alt:before {
    content: "";
}

.fa-vaadin:before {
    content: "";
}

.fa-value-absolute:before {
    content: "";
}

.fa-vector-square:before {
    content: "";
}

.fa-venus:before {
    content: "";
}

.fa-venus-double:before {
    content: "";
}

.fa-venus-mars:before {
    content: "";
}

.fa-vhs:before {
    content: "";
}

.fa-viacoin:before {
    content: "";
}

.fa-viadeo:before {
    content: "";
}

.fa-viadeo-square:before {
    content: "";
}

.fa-vial:before {
    content: "";
}

.fa-vials:before {
    content: "";
}

.fa-viber:before {
    content: "";
}

.fa-video:before {
    content: "";
}

.fa-video-plus:before {
    content: "";
}

.fa-video-slash:before {
    content: "";
}

.fa-vihara:before {
    content: "";
}

.fa-vimeo:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-vimeo-v:before {
    content: "";
}

.fa-vine:before {
    content: "";
}

.fa-violin:before {
    content: "";
}

.fa-vk:before {
    content: "";
}

.fa-vnv:before {
    content: "";
}

.fa-voicemail:before {
    content: "";
}

.fa-volcano:before {
    content: "";
}

.fa-volleyball-ball:before {
    content: "";
}

.fa-volume:before {
    content: "";
}

.fa-volume-down:before {
    content: "";
}

.fa-volume-mute:before {
    content: "";
}

.fa-volume-off:before {
    content: "";
}

.fa-volume-slash:before {
    content: "";
}

.fa-volume-up:before {
    content: "";
}

.fa-vote-nay:before {
    content: "";
}

.fa-vote-yea:before {
    content: "";
}

.fa-vr-cardboard:before {
    content: "";
}

.fa-vuejs:before {
    content: "";
}

.fa-wagon-covered:before {
    content: "";
}

.fa-walker:before {
    content: "";
}

.fa-walkie-talkie:before {
    content: "";
}

.fa-walking:before {
    content: "";
}

.fa-wallet:before {
    content: "";
}

.fa-wand:before {
    content: "";
}

.fa-wand-magic:before {
    content: "";
}

.fa-warehouse:before {
    content: "";
}

.fa-warehouse-alt:before {
    content: "";
}

.fa-washer:before {
    content: "";
}

.fa-watch:before {
    content: "";
}

.fa-watch-calculator:before {
    content: "";
}

.fa-watch-fitness:before {
    content: "";
}

.fa-water:before {
    content: "";
}

.fa-water-lower:before {
    content: "";
}

.fa-water-rise:before {
    content: "";
}

.fa-wave-sine:before {
    content: "";
}

.fa-wave-square:before {
    content: "";
}

.fa-wave-triangle:before {
    content: "";
}

.fa-waveform:before {
    content: "";
}

.fa-waveform-path:before {
    content: "";
}

.fa-waze:before {
    content: "";
}

.fa-webcam:before {
    content: "";
}

.fa-webcam-slash:before {
    content: "";
}

.fa-weebly:before {
    content: "";
}

.fa-weibo:before {
    content: "";
}

.fa-weight:before {
    content: "";
}

.fa-weight-hanging:before {
    content: "";
}

.fa-weixin:before {
    content: "";
}

.fa-whale:before {
    content: "";
}

.fa-whatsapp:before {
    content: "";
}

.fa-whatsapp-square:before {
    content: "";
}

.fa-wheat:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-whistle:before {
    content: "";
}

.fa-whmcs:before {
    content: "";
}

.fa-wifi:before {
    content: "";
}

.fa-wifi-1:before {
    content: "";
}

.fa-wifi-2:before {
    content: "";
}

.fa-wifi-slash:before {
    content: "";
}

.fa-wikipedia-w:before {
    content: "";
}

.fa-wind:before {
    content: "";
}

.fa-wind-turbine:before {
    content: "";
}

.fa-wind-warning:before {
    content: "";
}

.fa-window:before {
    content: "";
}

.fa-window-alt:before {
    content: "";
}

.fa-window-close:before {
    content: "";
}

.fa-window-maximize:before {
    content: "";
}

.fa-window-minimize:before {
    content: "";
}

.fa-window-restore:before {
    content: "";
}

.fa-windows:before {
    content: "";
}

.fa-windsock:before {
    content: "";
}

.fa-wine-bottle:before {
    content: "";
}

.fa-wine-glass:before {
    content: "";
}

.fa-wine-glass-alt:before {
    content: "";
}

.fa-wix:before {
    content: "";
}

.fa-wizards-of-the-coast:before {
    content: "";
}

.fa-wolf-pack-battalion:before {
    content: "";
}

.fa-won-sign:before {
    content: "";
}

.fa-wordpress:before {
    content: "";
}

.fa-wordpress-simple:before {
    content: "";
}

.fa-wpbeginner:before {
    content: "";
}

.fa-wpexplorer:before {
    content: "";
}

.fa-wpforms:before {
    content: "";
}

.fa-wpressr:before {
    content: "";
}

.fa-wreath:before {
    content: "";
}

.fa-wrench:before {
    content: "";
}

.fa-x-ray:before {
    content: "";
}

.fa-xbox:before {
    content: "";
}

.fa-xing:before {
    content: "";
}

.fa-xing-square:before {
    content: "";
}

.fa-y-combinator:before {
    content: "";
}

.fa-yahoo:before {
    content: "";
}

.fa-yammer:before {
    content: "";
}

.fa-yandex:before {
    content: "";
}

.fa-yandex-international:before {
    content: "";
}

.fa-yarn:before {
    content: "";
}

.fa-yelp:before {
    content: "";
}

.fa-yen-sign:before {
    content: "";
}

.fa-yin-yang:before {
    content: "";
}

.fa-yoast:before {
    content: "";
}

.fa-youtube:before {
    content: "";
}

.fa-youtube-square:before {
    content: "";
}

.fa-zhihu:before {
    content: "";
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*!
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
    font-family: Font Awesome\5 Pro;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-regular-400.eot);
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/build/client/css/fonts/fontawesome-5-11/fa-regular-400.woff2) format("woff2"), url(/build/client/css/fonts/fontawesome-5-11/fa-regular-400.woff) format("woff"), url(/build/client/css/fonts/fontawesome-5-11/fa-regular-400.ttf) format("truetype"), url(/build/client/css/fonts/fontawesome-5-11/fa-regular-400.svg#fontawesome) format("svg");
}

.far {
    font-weight: 400;
}
/*!
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
    font-family: Font Awesome\5 Pro;
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-light-300.eot);
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-light-300.eot?#iefix) format("embedded-opentype"), url(/build/client/css/fonts/fontawesome-5-11/fa-light-300.woff2) format("woff2"), url(/build/client/css/fonts/fontawesome-5-11/fa-light-300.woff) format("woff"), url(/build/client/css/fonts/fontawesome-5-11/fa-light-300.ttf) format("truetype"), url(/build/client/css/fonts/fontawesome-5-11/fa-light-300.svg#fontawesome) format("svg");
}

.fal,
.far {
    font-family: "Font Awesome5 Pro";
}

.fal {
    font-weight: 300;
}
/*!
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
    font-family: Font Awesome\5 Pro;
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-solid-900.eot);
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/build/client/css/fonts/fontawesome-5-11/fa-solid-900.woff2) format("woff2"), url(/build/client/css/fonts/fontawesome-5-11/fa-solid-900.woff) format("woff"), url(/build/client/css/fonts/fontawesome-5-11/fa-solid-900.ttf) format("truetype"), url(/build/client/css/fonts/fontawesome-5-11/fa-solid-900.svg#fontawesome) format("svg");
}

.fa,
.fas {
    font-family: "Font Awesome5 Pro";
    font-weight: 900;
}
/*!
 * Font Awesome Pro 5.11.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
    font-family: Font Awesome\5 Brands;
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-brands-400.eot);
    src: url(/build/client/css/fonts/fontawesome-5-11/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/build/client/css/fonts/fontawesome-5-11/fa-brands-400.woff2) format("woff2"), url(/build/client/css/fonts/fontawesome-5-11/fa-brands-400.woff) format("woff"), url(/build/client/css/fonts/fontawesome-5-11/fa-brands-400.ttf) format("truetype"), url(/build/client/css/fonts/fontawesome-5-11/fa-brands-400.svg#fontawesome) format("svg");
}

.fab {
    font-family: "Font Awesome5 Brands";
}

#top-bar {
    height: 64px;
    transform: translateZ(0);
    background-color: var(--white);
    border-bottom: 1px solid var(--cool-gray-lighter);
    margin-left: 64px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

a:focus {
    text-decoration: none;
    outline: none;
}

.label {
    border-radius: 2px;
    display: inline-block;
    padding: 0.4em 0.6em 0.5em;
    margin-top: 2px;
    position: relative;
    top: -2px;
}

b,
strong,
th {
    font-weight: 600;
}

p {
    margin-bottom: 10px;
}

.block-tabs .block-title,
.block-title:not(.alert-warning) {
    background-color: #f5f5f5;
}

.block-title {
    border-radius: 5px 5px 0 0;
}

.info-tooltip {
    margin-left: 0.5em;
}

.form-control-static {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.block,
.chosen-drop,
.fc-button,
.form-control,
.input-group-addon,
.tagsinput,
.well,
a.chosen-single {
    box-shadow: none !important;
}

    .form-control:focus {
        border-color: #bbb;
    }

.pagination > li > a,
.pagination > li > span {
    box-shadow: none;
    border-radius: 1px !important;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
}

.tagsinput {
    min-height: 34px !important;
}

.tag-selector,
.tag-selector ~ .chosen-container {
    margin-top: 5px;
}

.badge a,
.badge a:hover {
    color: var(--white);
}

.well {
    background-color: #fdfdfd;
}

.panel.collapse-icons {
    position: relative;
}

    .panel.collapse-icons > .collapse {
        display: block;
        height: 0;
        overflow: hidden;
    }

    .panel.collapse-icons .panel-collapse:before {
        font-family: "Font Awesome5 Pro";
        content: "";
        display: block;
        position: absolute;
        right: 12px;
        top: 14px;
    }

    .panel.collapse-icons .panel-collapse.in:before {
        transform: rotate(-270deg);
        opacity: 1;
        transition: opacity 0.3s;
    }

    .panel.collapse-icons .panel-collapse.collapsing:before {
        opacity: 0;
    }

.timeline-table-striped.table-hover > tbody > tr.skip-stripe-row:hover > td {
    background-color: #f5f5f5 !important;
}

.timeline-table-striped.table-hover > tbody > tr:hover > td.danger,
.timeline-table-striped.table-hover > tbody > tr > td.danger {
    background-color: var(--support-pastel-red) !important;
}

.timeline-table-striped.table-hover > tbody > tr:hover > td.success,
.timeline-table-striped.table-hover > tbody > tr > td.success {
    background-color: var(--ui-success-lightest) !important;
}

.timeline-table-striped.table-hover > tbody > tr:hover > td.warning,
.timeline-table-striped.table-hover > tbody > tr > td.warning {
    background-color: var(--support-orange) !important;
}

.table-bordered thead > tr > th {
    border: none;
}

.table-bordered thead > tr:first-of-type > th {
    border-top: 1px solid var(--neutral-gray-light) !important;
}

.table-bordered thead > tr:last-of-type > th {
    border-bottom: 2px solid var(--neutral-gray-light) !important;
}

.table-bordered thead > tr > th:first-of-type {
    border-left: 1px solid var(--neutral-gray-light);
}

.table-bordered thead > tr > th:last-of-type {
    border-right: 1px solid var(--neutral-gray-light);
}

.table-bordered > tbody > tr > td {
    border: none;
    border-bottom: 1px solid var(--neutral-gray-light);
    border-left: 1px solid var(--neutral-gray-light);
}

    .table-bordered > tbody > tr > td:last-of-type {
        border-right: 1px solid var(--neutral-gray-light);
    }

.table thead > tr.small > th {
    padding: 6px 8px;
}

.table-hover > tbody > tr:hover > td {
    background-color: var(--neutral-gray-lighter) !important;
}

table.table tr.filter_row th {
    padding-top: 0;
}

table tr.bold td {
    font-weight: 600;
}

table.table tr.filter_row th select {
    width: 100%;
}

.dataTables_processing {
    display: none;
}

.dataTables_empty {
    height: 100px;
    font-size: 1.2em;
    vertical-align: middle !important;
}

table tr.bold-row td {
    font-weight: 600;
    border-top-width: 3px;
    border-top-style: double;
}

table.dataTable td .control-label {
    font-weight: 400;
}

.datepicker.dropdown-menu {
    z-index: 2000;
}

body .datepicker table tr td.day:hover {
    background: var(--neutral-gray-lighter);
}

body .datepicker table tr td.today,
body .datepicker table tr td.today.disabled,
body .datepicker table tr td.today.disabled.disabled,
body .datepicker table tr td.today.disabled:hover,
body .datepicker table tr td.today.disabled:hover:hover,
body .datepicker table tr td.today:hover,
body .datepicker table tr td.today:hover:hover {
    background-color: var(--neutral-gray-light);
}

body .datepicker table tr td.active,
body .datepicker table tr td.active:hover,
body .datepicker table tr td.active:hover:hover,
body .datepicker table tr td span.active,
body .datepicker table tr td span.focused {
    background-color: var(--primary-brand-accent);
}

body .datepicker table tr td,
body .datepicker table tr td span {
    background-image: none !important;
    border-radius: 2px;
}

    body .datepicker table tr td.disabled,
    body .datepicker table tr td.disabled:hover {
        background: none;
    }

.form-horizontal.form-striped > .form-group:nth-child(odd) {
    background-color: var(--cool-gray-lighter);
}

form.form-horizontal.form-striped > .form-group {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
}

.form-group.compact,
.form-horizontal.compact .form-group {
    margin-bottom: 2px;
}

form.form-horizontal.form-striped.compact > .form-group {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0;
}

.form-horizontal.ultra-compact .form-group {
    margin-bottom: 0;
}

    .form-horizontal.ultra-compact .form-group label {
        padding-bottom: 0;
    }

.form-horizontal label.control-label {
    font-weight: 600;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.form-horizontal .form-inline .form-group {
    margin: 0;
}

.submitting [type="submit"] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.fc-event {
    border: 2px solid var(--white);
}

    .fc-event.active {
        border: 2px solid #d98600;
    }

li.vacation-element a {
    color: var(--neutral-gray-dark);
}

.spinner-arrows {
    width: 1px;
    position: absolute;
    top: 3px;
    right: 20px;
}

    .spinner-arrows:after {
        clear: both;
    }

    .spinner-arrows i {
        float: left;
    }

.no-padding {
    padding: 0 !important;
}

.popover-employees {
    overflow-y: scroll;
    max-height: 200px;
}

#accrual-balance {
    margin-top: 10px;
}

.circle-dropdown-button,
.cursor-pointer {
    cursor: pointer;
}

.circle {
    display: inline-block;
    vertical-align: middle;
    background: #6f6;
    border-radius: 100%;
    height: 15px;
    width: 15px;
    margin: 0 5px 0 0;
}

    .circle.green {
        background-color: #27ae60;
    }

    .circle.red {
        background-color: #e41818;
    }

    .circle.orange {
        background-color: #e67e22;
    }

    .circle.gray {
        background-color: var(--neutral-gray);
    }

.profile-preview-container {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.profile-preview {
    width: 100px;
    height: 100px;
}

.temp-profile-picture {
    max-width: 300px;
    max-height: 300px;
}

.form-horizontal.bordered {
    display: block;
    width: auto;
    border: 0 solid #454545;
    background: #fafafa;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-0-20 {
    margin: 0 20px;
}

.margin-0-20-20 {
    margin: 0 20px 20px;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.background-white {
    background-color: var(--white);
}

.text-italic {
    font-style: italic;
}

.text-bold {
    font-weight: 700;
}

.inline {
    display: inline;
}

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

.personio-horizontal-scrollable-min-width {
    min-width: 750px;
}

.personio-max-width {
    max-width: 2880px;
}

.personio-submenu-list {
    flex: 0 0 255px;
}

.personio-submenu-content {
    flex: 1;
    flex-basis: calc(100% - 260px);
    max-width: calc(100% - 260px);
}

@media (max-width: 767px) {
    .personio-submenu-content {
        flex: 1;
        max-width: none;
    }
}

.error-message-container {
    padding: 12px 32px;
}

.no-round {
    border-radius: 0;
}

.handle {
    cursor: -webkit-grab;
    cursor: grab;
}

    .handle:active {
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }

.transparent {
    opacity: 0;
    transition: opacity 0.4s;
    height: 0;
}

.visible.transparent {
    opacity: 1;
    height: auto;
}

.display-flex {
    display: flex !important;
}

.display-block {
    display: block !important;
}

@media (max-width: 767px) {
    .flex-column-xs {
        flex-direction: column;
    }
}

.flex-align-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-pull-left {
    margin-right: auto;
}

.flex-pull-right {
    margin-left: auto;
}

.height-100-percent {
    height: 100%;
}

.min-height-100-percent {
    min-height: 100%;
}

.max-width-200 {
    max-width: 200px;
}

.noselect {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.linear-transition {
    transition: all 0.2s linear;
}

.blurred {
    filter: blur(0.9px) grayscale(100%) opacity(0.4);
}

.resize-vertical-only {
    resize: vertical;
}

.break-words {
    word-break: break-word;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.table > tbody > tr > td.no-padding {
    padding: 0;
}

.table.custom-table {
    margin-bottom: 0;
}

.table-responsive {
    overflow: auto;
    position: relative;
}

@media (max-width: 991px) {
    .table-responsive {
        margin-bottom: 0;
    }
}

.table-spinner {
    top: 30px;
}

.custom-table p {
    margin-bottom: 7px;
}

    .custom-table p strong a,
    .font-16 {
        font-size: 16px;
    }

.no-margin,
.no-margin .pagination {
    margin: 0 !important;
}

.vertical-align-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.form-horizontal .label-font label {
    font-weight: 400;
}

.label-font .form-control {
    height: 28px;
    padding: 3px 8px;
}

select.form-control {
    background-position: calc(100% - 8px) calc(100% - 12px);
    background-repeat: no-repeat;
    background-size: auto;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg width=\'11\' height=\'7\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M5.102 6.453c.21.211.562.211.773 0l4.57-4.547c.211-.234.211-.586 0-.797L9.906.57c-.21-.21-.562-.21-.797 0L5.5 4.18 1.867.57c-.234-.21-.586-.21-.797 0l-.539.54c-.21.21-.21.562 0 .796l4.57 4.547z\' fill=\'%23333\'/%3E%3C/svg%3E');
    padding: 8px 24px 8px 16px;
}

#time-off-calendar,
.position-relative {
    position: relative;
}

.striped {
    background-size: 3px 3px;
}

.timeoff-striped {
    background: repeating-linear-gradient( 45deg, hsla(0, 0%, 100%, 0.2), hsla(0, 0%, 100%, 0.2) 5px, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 10px );
    border-color: var(--white) !important;
}

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

ul.list-style-none li.fn_show.active,
ul.list-style-none li.fn_show a {
    background-color: var(--neutral-gray-lighter);
    border-bottom: 2px solid var(--white);
    font-size: 14px;
    display: block;
    padding: 7px;
    color: #666;
}

    ul.list-style-none li.fn_show a:hover {
        background-color: #e5e5e5;
        text-decoration: none;
    }

ul.list-style-none li.fn_show.active {
    background-color: #e5e5e5;
}

.sub-header small a {
    margin-top: 5px;
}

input.btn-delete,
input.btn-update {
    margin: 3px 0 3px 3px;
    padding: 8px;
}

.form-control.col-md-9 {
    height: 37px;
    margin: 4px 0 0;
    width: 75%;
}

.month-container {
    height: 150px;
    overflow: auto;
}

    .month-container.half-size {
        height: 76px;
    }

.performance-container .month-container .label {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 8px;
}

.performance-container .block-section {
    margin-bottom: 0;
}

.preview.bordered {
    border: 1px solid grey;
    padding: 5px;
}

.col-1-7th {
    width: 14.2857143% !important;
}

.attendance-container {
    position: relative;
    overflow: scroll;
}

    .attendance-container td {
        position: relative;
    }

        .attendance-container td.overtime {
            background-color: #f8f8f8;
        }

    .attendance-container .hour-label {
        font-size: 10px;
        color: var(--neutral-gray);
        position: absolute;
        top: 2px;
        left: 2px;
    }

    .attendance-container .event {
        position: absolute;
        background-color: #4da2db;
        opacity: 0.6;
        filter: alpha(opacity=60);
        margin-left: 6px;
    }

        .attendance-container .event.pending {
            opacity: 0.2;
            filter: alpha(opacity=20);
        }

        .attendance-container .event.planned {
            background-color: #e67e22;
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

        .attendance-container .event i.fal {
            color: var(--white);
            position: absolute;
            right: 2px;
            top: 2px;
            font-size: 14px;
            cursor: pointer;
            display: none;
        }

        .attendance-container .event:hover i.fal {
            display: block;
        }

#attendance-periods input {
    display: inline-block;
}

    #attendance-periods input-ms-input-placeholder,
    #attendance-periods input::-webkit-input-placeholder {
        color: var(--neutral-gray-light);
    }

#attendance-periods .status b {
    min-width: 44px;
    display: inline-block;
}

#attendance-periods .attendance-hour td,
#attendance-periods .daily-total-hours td {
    border: 0;
}

#attendance-periods .daily-total-hours {
    display: none;
}

    #attendance-periods .daily-total-hours .total {
        font-weight: 700;
    }

#attendance-periods .attendance-ops {
    visibility: hidden;
    position: inherit;
    width: 30px;
    padding-top: 5px;
}

#attendance-periods .attendance-hour td {
    border: 0;
}

#attendance-periods .has-error {
    border-color: red;
}

#attendance-periods .error {
    color: red;
}

.resizer-handle {
    position: absolute;
    display: none;
    bottom: 0;
    width: 100%;
    height: 5px;
    cursor: ns-resize;
}

    .resizer-handle span {
        position: absolute;
        left: 50%;
        width: 10px;
        border-collapse: separate;
        border-top: 3px double;
        border-color: var(--support-black);
        margin-left: -5px;
        bottom: 2px;
    }

.event:hover .resizer-handle {
    display: block;
}

.text-white,
a.text-white:hover {
    color: var(--white);
}

.text-black,
a.text-black:hover {
    color: var(--support-black);
}

table.table.table-light th {
    font-size: 13px;
    background-color: transparent;
    border-bottom-width: 1px;
    font-weight: 600;
}

img.xxl {
    width: 300px;
    height: 300px;
}

ul.list-spaced li {
    margin-bottom: 10px;
}

ul.list-full-size li a {
    width: 50%;
    display: inline-block;
    text-align: left;
}

.nav.compact li a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.applicant .name {
    display: block;
    padding: 5px 3px 5px 0;
    margin-left: 20px;
}

.applicant i.left-icon {
    padding-top: 7px;
    float: left;
}

.applicant i.fa-user {
    color: var(--neutral-gray-light);
}

.applicant .btn,
.applicant .label {
    margin-left: 5px;
    margin-top: 5px;
}

.applicant .resume-link {
    display: inline-block;
}

.media-list.messages .media {
    padding: 10px;
    margin-top: 0;
}

    .media-list.messages .media:nth-child(odd) {
        background-color: #fbfbfb;
        border-top: 1px solid var(--neutral-gray-light);
        border-bottom: 1px solid var(--neutral-gray-light);
    }

.media.collapse {
    box-shadow: 0 0 2px #d5d5d5;
    padding: 10px 5px;
}

.recruiting-item-container {
    border: 1px solid #e3e3e4;
}

    .recruiting-item-container span.label {
        display: block;
    }

    .recruiting-item-container > .form-horizontal,
    .recruiting-item-container > form {
        padding-left: 15px;
    }

.comma-separated-list span:not(:last-child):after {
    content: ", ";
}

#filterSelect {
    padding-left: 10px;
}

    #filterSelect ul {
        padding: 10px;
        max-height: 150px;
        overflow: scroll;
    }

label.control-label.hours-label {
    font-weight: 400;
    text-align: left;
}

.form-group.group-working-hours > div:nth-child(2) {
    margin-top: 16px;
}

ul#attributes a.attribute-system {
    margin-left: -5px;
}

    ul#attributes a.attribute-system i {
        padding-left: 4px;
    }

ul#attributes.nav.nav-pills.nav-stacked.compact {
    max-height: 396px;
    overflow-y: auto;
}

ul#phase_list {
    padding-top: 8px;
}

    ul#phase_list li form {
        margin: 14px 0;
    }

        ul#phase_list li form input.form-control {
            padding-left: 14px;
        }

    ul#phase_list li a.system-phase {
        color: #777;
    }

.add-filter-rule-form > a {
    display: block;
    margin-top: 10px;
}

.add_time_off_form .form_group.substitute {
    display: block;
}

    .add_time_off_form .form_group.substitute.hidden {
        display: none;
    }

#calendar .modal-backdrop.in {
    opacity: 1 !important;
    background-color: hsla(0, 0%, 100%, 0.7);
}

    #calendar .modal-backdrop.in i.fal {
        color: var(--neutral-gray-light);
        font-size: 40px;
    }

#infovis {
    border: 1px solid var(--cool-gray-light) !important;
}

#orgchart-loading {
    display: none;
    z-index: 1000;
    outline: none;
}

.reminder.box {
    border-top: 1px solid #c5c5c5;
    padding: 20px 0;
}

    .reminder.box:last-child {
        border-bottom: 1px solid #c5c5c5;
        margin-bottom: 20px;
    }

.reminder span {
    padding: 1px 8px;
    border: 1px solid #c5c5c5;
    background: var(--neutral-gray-light);
    border-radius: 2px;
    margin: 4px 2px;
    display: inline-block;
    max-width: 100%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

    .reminder span.highlight {
        background: #4da2db;
        color: var(--white);
        border: 1px solid #4da2db;
    }

a.check-access-rights {
    display: inline-block;
    font-weight: 600;
    margin-top: 4px;
}

.calendar-acl .edit-rules {
    display: none;
    margin-top: 10px;
    padding-left: 9px;
}

.fixed-button {
    position: absolute;
}

    .fixed-button.no-floating {
        top: auto !important;
        bottom: 0 !important;
    }

    .fixed-button button {
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 1px 4px 8px rgba(0, 0, 0, 0.28);
    }

.right-group .inherited {
    cursor: not-allowed;
}

.bootstrap-duallistbox-container label {
    font-size: 14px;
    display: inline-block;
    margin-right: 8px;
}

.bootstrap-duallistbox-container .info {
    font-weight: 400;
    font-size: 90% !important;
    min-width: 20px;
    padding: 3px 7px;
    font-size: 12px;
    color: var(--white);
    line-height: 1;
    vertical-align: baseline;
    text-align: center;
    background-color: var(--neutral-gray);
    border-radius: 10px;
}

.bootstrap-duallistbox-container .buttons {
    display: none;
}

@media (min-width: 992px) {
    .bootstrap-duallistbox-container .box2 {
        position: relative;
        padding-left: 40px;
    }
}

select[multiple="multiple"],
select[multiple="multiple"]:focus {
    border: none;
    margin-top: 5px;
    min-height: 160px !important;
    box-shadow: none;
    overflow-y: auto;
}

    select[multiple="multiple"] option {
        margin-bottom: 7px;
        padding: 5px 10px;
        background: #ececec;
        color: var(--neutral-gray-darker);
        border-radius: 3px;
    }

        select[multiple="multiple"] option:hover {
            cursor: pointer;
            opacity: 0.8;
        }

.box1 select[multiple="multiple"] option {
    color: #ababab;
    background-color: #f5f5f5;
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
    font-size: 12px !important;
    padding: 0 !important;
    background: none;
    color: var(--primary-brand-accent);
    border: none;
    box-shadow: none;
}

a[data-toggle="collapse"].collapsed i.fa-caret-down {
    transform: rotate(-90deg);
}

a[data-toggle="collapse"] i.fa-caret-down {
    transition: all 0.3s;
}

.empty a[data-toggle="collapse"] {
    cursor: default;
    pointer-events: none;
}

.empty a h2.pull-right {
    display: none;
}

.list {
    border: 1px solid #ddd;
}

    .list .item {
        border-bottom: 1px solid #ddd;
        padding: 10px 15px;
    }

        .list .item.active {
            background: #fafafa;
            border-left: 3px solid;
            margin-left: -1px;
            padding-left: 13px;
        }

b i {
    font-weight: 600 !important;
}

.application-action-bar i {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.application-action-bar .dropdown + a {
    border-left: 0;
}

.dropdown a.no-border {
    border-left: 1px solid var(--neutral-gray-light);
}

.application-action-bar .btn {
    font-size: 13px;
    white-space: normal;
    line-height: 18px;
}

.application-action-bar .before-dropdown {
    border-right: none;
}

.phases-dropdown-list {
    max-height: 390px;
    min-width: 210px;
    overflow-y: scroll;
}

.application-head .label {
    margin-left: 2px;
    padding: 4px 8px;
    position: relative;
    top: -2px;
    display: inline-block;
}

.application-head .info-line span:not(:last-of-type):after {
    content: " | ";
}

.application-head .application-info-line {
    min-height: 17px;
    color: var(--neutral-gray-light);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
    white-space: nowrap;
}

    .application-head .application-info-line span:not(:first-of-type):before {
        content: " · ";
    }

a.document-icon {
    opacity: 0.6;
    transition: all 0.3s;
}

    a.document-icon:hover {
        opacity: 0.8;
    }

.control-vertical label {
    margin-bottom: 0;
    margin-left: 1px;
    font-weight: 600;
}

#add-employee-child #maternity-wrapper .well {
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

#add-employee-child #maternity-protection-checkbox input:disabled + label {
    color: #ababab;
}

#children-dynamic {
    margin-top: 10px;
}

.row.child:not(:first-child) {
    margin-top: 15px;
}

.row.child a {
    text-decoration: none;
    margin-right: 2px;
}

#add-employee-child .form-group,
.row.child a {
    margin-left: 2px;
}

table.collapsable thead > tr > th {
    background: #f1f1f1 !important;
    font-size: inherit;
    font-weight: inherit;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.collapsable {
    margin-bottom: 12px;
}

    table.collapsable tbody {
        border: 1px solid var(--neutral-gray-light);
        padding-bottom: 20px;
    }

table thead.collapse-trigger:hover {
    cursor: pointer;
}

table.collapsed tbody {
    display: none;
}

.collapse-trigger i.fa-caret-down {
    transition: transform 0.3s;
}

table.collapsed .collapse-trigger i.fa-caret-down {
    transform: rotate(-90deg);
}

#login-container form {
    padding: 10px 0;
}

.login-page-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.login-dps-wrapper {
    text-align: center;
    padding: 20px 0;
}

.login-logo {
    text-align: center;
    padding-top: 40px;
}

    .login-logo img {
        max-width: 250px !important;
        max-height: 60px;
        height: auto;
    }

@media screen and (min-width: 768px) {
    .login-logo {
        padding-top: 100px;
    }
}

#applications-table .dataTables_filter {
    position: absolute;
}

.alert-info .badge {
    background-color: #3498db;
}

.alert-warning .badge {
    background-color: #f28b30;
}

.alert-danger .badge {
    background-color: #e74c3c;
}

.alert a {
    text-decoration: underline;
    font-weight: 600;
}

#impersonation-banner {
    position: fixed;
    left: 0;
    top: 0;
    background-color: var(--primary-brand-accent);
    width: 100%;
    z-index: 1000;
    color: var(--white) !important;
    height: 50px;
    padding-top: 15px;
    text-align: center;
}

    #impersonation-banner a {
        text-decoration: underline;
    }

    #impersonation-banner ~ header {
        height: calc(100% - 50px);
        top: 50px;
    }

    #impersonation-banner ~ #page-container {
        margin-top: 50px;
    }

.impersonation .modal .modal-dialog {
    padding-top: 70px;
}

#calendar .time-off-event,
.owner-removable {
    cursor: pointer !important;
}

#calendar .fc-button-today {
    margin-left: 15px !important;
}

    #calendar .fc-button-today.fc-state-disabled {
        display: none;
    }

#calendar .fc-header-left {
    padding-bottom: 1em;
}

#calendar .fc-header-center {
    width: 1%;
}

#ical-btn {
    box-shadow: none;
}

#calendar_filter_list a.list-group-item {
    padding: 2px 15px;
    margin: 9px 0;
    border-radius: 2px !important;
}

    #calendar_filter_list a.list-group-item.unchecked {
        color: var(--neutral-gray-darker) !important;
        background-color: var(--white) !important;
        border: 1px solid transparent !important;
    }

.configuration-logo-container img {
    max-width: 250px !important;
    max-height: 60px;
    height: auto;
}

.recipients-cc-bcc .tagsinput input {
    min-width: 180px;
}

.recipients-cc-bcc .tagsinput span[role="status"] {
    display: none !important;
}

.badge.badge-info {
    background-color: #2980b9;
    color: var(--white);
}

#applicationFormFieldsList .fa-times {
    cursor: pointer;
}

.list-inline > li {
    padding-left: 0;
}

.applicationFormFields {
    margin-bottom: 0;
}

    .applicationFormFields .label-default.disabled {
        color: var(--neutral-gray);
    }

    .applicationFormFields .label {
        display: inline-block;
        padding: 4px 7px;
        color: inherit;
        border: 1px solid #ddd;
        background: var(--neutral-gray-light);
        margin-bottom: 6px;
    }

#payrollContent table {
    margin-bottom: 0;
    border: none;
}

    #payrollContent table.version-1 td.highlight {
        background: rgba(255, 255, 0, 0.4);
    }

    #payrollContent table.version-1 td.missing {
        background: #ffd1cc;
    }

    #payrollContent table.version-2.table-hover tr.highlight {
        background-color: #fff7ea;
    }

    #payrollContent table.version-2.table-hover td,
    #payrollContent table.version-2.table-hover th {
        padding: 20px 10px;
    }

    #payrollContent table.version-2.table-hover tr.highlight:hover td {
        background-color: #ffeccb !important;
    }

    #payrollContent table.version-2.table-hover td.highlight {
        color: var(--ui-warning) !important;
        font-weight: 700;
    }

    #payrollContent table.version-2.table-hover a {
        color: var(--neutral-gray-dark) !important;
    }

        #payrollContent table.version-2.table-hover a:hover {
            color: var(--primary-brand-accent) !important;
        }

    #payrollContent .table-hover td.highlight a:hover,
    #payrollContent table.version-2.table-hover td.highlight a {
        color: var(--ui-warning) !important;
    }

    #payrollContent table.version-2.table-hover td.missing {
        color: var(--ui-danger) !important;
        font-weight: 700;
    }

#payrollDownloadLink > a {
    margin-right: 1em;
}

#subsequent_reports {
    padding-left: 3em;
}

    #subsequent_reports > li {
        margin-bottom: 0.8em;
    }

        #subsequent_reports .fa-times-circle,
        #subsequent_reports > li > .json {
            margin-left: 1em;
        }

#staff_table .cell-editable {
    cursor: pointer;
    position: relative;
}

    #staff_table .cell-editable .edit-icon {
        position: absolute;
        right: 10px;
        font-size: 18px;
    }

    #staff_table .cell-editable:hover .edit-icon {
        display: block !important;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 18px;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 100%, 0.5);
        padding-right: 10px;
        padding-top: 10px;
        text-align: right;
        color: var(--primary-brand-accent);
    }

#staff_table td[data-attribute="first_name"].cell-editable .edit-icon {
    display: none !important;
}

.table > thead > tr > th {
    padding: 12px 8px;
    vertical-align: middle;
}

.dropdown-header {
    padding: 6px 10px;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

table .dropdown-menu {
    overflow: hidden;
    overflow-y: auto;
    max-height: 200px;
}

table .dropdown-toggle {
    float: right;
    color: var(--neutral-gray-light);
    cursor: pointer;
}

input#search-term:focus {
    border: 1px solid var(--neutral-gray-light) !important;
}

input#search-term.form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.dropzone {
    border: 2px dashed #ddd;
}

.approval-step-label,
.dropzone {
    background: var(--neutral-gray-lighter);
}

.approval-step-label {
    float: left;
    font-weight: 600;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #777;
    text-align: center;
}

.table.table-pricing {
    border: 1px solid #ddd;
    border-radius: 2px;
}

.table-pricing .table-button {
    padding-bottom: 20px !important;
}

.table-pricing.table-featured .currently-subscribed {
    background-color: transparent;
    color: var(--neutral-gray);
    display: inline-block;
    padding: 7px 12px;
    border: none;
    font-style: italic;
}

.table-pricing th {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.table-price h2 {
    margin-top: 10px;
}

.table-pricing tbody tr:nth-child(2) td {
    padding-top: 20px !important;
}

.table-pricing td {
    font-size: 14px;
    padding: 4px !important;
}

.table-pricing.table-featured th,
.table-pricing th.table-featured {
    background-color: var(--primary-brand-accent) !important;
    border-bottom: 2px solid #006bb3;
}

.fr-box pre {
    background: inherit;
    border: none;
    border-radius: 0;
    line-height: 200%;
}

.fr-box .fr-placeholder {
    padding-left: 10px;
    padding-top: 10px;
}

.termination-modal-body .fa-exclamation-triangle {
    float: left;
    height: 2.3em;
    display: block;
    margin-right: 0.7em;
    font-size: 1.1em;
    line-height: 2em;
}

.termination-reason-wrapper {
    margin-top: 0.4em;
}

.failed-message-modal-trigger:hover {
    text-decoration: none;
}

table.time-off-summary td {
    border-bottom: 1px solid #ddd;
}

table.time-off-summary tr.highlighted td,
table.time-off-summary tr:last-of-type td {
    font-weight: 600;
}

.info-section .error,
select.error + .chosen-container .chosen-single {
    border: 1px solid #e67e22;
}

#accrual-balance-table table.header td {
    border: none;
}

#accrual-balance-table table {
    margin-bottom: 5px;
}

#accrual-balance-table .collapsable thead th {
    background: var(--neutral-gray-lighter) !important;
    border-bottom: none;
}

#accrual-balance-table table.collapsable tbody {
    border: none;
}

#accrual-balance-table .table-container {
    border: 1px solid var(--neutral-gray-light);
}

#accrual-balance-table .label {
    min-width: 60px;
    display: inline-block;
    padding: 4px 8px;
    background: #fafafa;
    color: inherit;
    border: 1px solid;
}

#accrual-balance-table .absence_period .label,
#accrual-balance-table .time_off .label {
    border-color: #e48b88;
    background: #fff8f7;
}

#accrual-balance-table .accrual .label,
#accrual-balance-table .tenure_based_accrual_progression .label {
    border-color: #82b581;
    background: #f9fff3;
}

#accrual-balance-table .accrual_adjustment .label,
#accrual-balance-table .balance_adjustment .label,
#accrual-balance-table .import .label,
#accrual-balance-table .manual .label,
#accrual-balance-table .termination .label {
    border-color: #5191ad;
    background: #f5ffff;
}

#accrual-balance-table .overtime_compensation .label {
    border-color: #ffda32;
    background: #ffffec;
}

#accrual-balance-table .absolute td {
    border-top: 4px solid var(--neutral-gray-light);
}

#overtime-table .label {
    min-width: 60px;
    display: inline-block;
    padding: 4px 8px;
    border: 1px solid #ffda32;
    background: #ffffec;
    color: inherit;
}

    #overtime-table .label.overtime-cliff {
        background: #fafafa;
        border: 1px solid;
    }

    #overtime-table .label.manual {
        border-color: #5191ad;
        background: #f5ffff;
    }

    #overtime-table .label.overtime-payout {
        border-color: #e48b88;
        background: #fff8f7;
    }

#sectionContainer .info-section .actions {
    opacity: 0;
    float: right;
}

    #sectionContainer .info-section .actions a {
        margin-right: 6px;
    }

#sectionContainer .info-section:hover .actions {
    opacity: 1;
    transition: opacity 0.3s;
}

#sectionContainer .info-section .payroll-relevant {
    font-size: 10px;
    position: relative;
    top: -1px;
    opacity: 0.3;
    margin-right: 4px;
    transition: opacity 0.3s;
}

    #sectionContainer .info-section .payroll-relevant:hover {
        opacity: 1;
    }

.media-list.messages .media,
.padding-20 {
    padding: 20px;
}

input#reply-show {
    cursor: pointer;
    margin-top: 6px;
}

.send-mail-form .message .form-group:first-of-type:after,
.send-mail-form .message .form-group:first-of-type:before,
.send-mail-form .message.in ~ #reply-show {
    display: none;
}

.nav .active .label-success {
    color: var(--primary-brand-accent);
    background-color: var(--white);
}

.modal-content {
    min-height: 10em;
}

.modal-footer,
.position-relative {
    position: relative;
}

.timeoff-policy-config-form {
    margin-top: 1.5em;
    line-height: 1;
    height: 3em;
}

    .timeoff-policy-config-form > .switch {
        vertical-align: middle;
        margin-left: 1em;
        margin-right: 1.5em;
    }

.import-change-record {
    white-space: pre-wrap;
    margin-bottom: 0.5em;
}

.help-block > .fa-info-circle {
    margin-right: 0.5em;
}

.loader {
    z-index: 1;
}

.control-label > .edit-toggle {
    margin-left: 0.5em;
}

.text-truncate {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attendance-day-off {
    background: repeating-linear-gradient( 45deg, #ddd, #ddd 1px, var(--white) 0, var(--white) 5px );
}

.data-changes-dependant .chosen-container,
.month-dependant .chosen-container {
    width: 100% !important;
}

.form-horizontal .small-label {
    font-size: 0.9em;
    padding-bottom: 0;
    padding-top: 0;
}

.staff-table-filter-label {
    width: 100%;
}

.employee-view {
    position: relative;
}

.dropdown-menu .employee-view > a {
    padding-right: 2em;
}

.employee-view-delete-wrapper {
    position: absolute;
    top: 0.3em;
    right: 0.6em;
    font-size: 1.1em;
}

    .employee-view-delete-wrapper > .text-danger {
        cursor: pointer;
    }

.removable-tag {
    border-width: 1px;
    border-radius: 3px;
    border-style: solid;
    padding: 2px 4px;
    margin-right: 2px;
    margin-bottom: 2px;
}

    .removable-tag i {
        padding-left: 5px;
        transition: all 0.33s;
        cursor: pointer;
    }

.removable-tag-default {
    background-color: #f5f5f5;
    border-color: var(--cool-gray-light);
}

    .removable-tag-default i {
        color: var(--cool-gray-light);
    }

    .removable-tag-default:hover i {
        color: var(--neutral-gray-dark);
    }

.removable-tag-error {
    background-color: #f2dede;
    border-color: #ebccd1;
}

.picked-color {
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #e3e3e3;
}

    .picked-color > * {
        flex: 1;
    }

    .picked-color .pc-spacing {
        padding: 8px 10px;
    }

    .picked-color .pc-color-sample {
        width: 28px;
    }

    .picked-color .pc-label {
        max-width: 166px;
        background-color: var(--neutral-gray-lighter);
    }

    .picked-color .minicolors {
        width: 100%;
    }

        .picked-color .minicolors .minicolors-input {
            border: none;
        }

        .picked-color .minicolors .minicolors-input-swatch {
            height: 100%;
            top: 0;
            left: 0;
            border: 0;
            border-radius: 0;
        }

.document-table .delete-document-link,
.document-table .download-document-link,
.document-table .edit-document-link,
.document-table .js-comment-tooltip,
.document-table .paychex-info-link,
.document-table .preview-link {
    position: relative;
}

.has-error .chosen-container.chosen-container-single,
.has-error .chosen-container .chosen-single {
    border-color: #e74c3c;
    box-shadow: 0 1px 0 #e74c3c;
}

.draggable-tbody tr {
    background-color: var(--white);
}

    .draggable-tbody tr td:last-child {
        width: 1%;
        white-space: nowrap;
    }

    .draggable-tbody tr:active {
        border-top: 1px dashed var(--cool-gray-light);
        border-bottom: 1px dashed var(--cool-gray-light);
    }

        .draggable-tbody tr:active td {
            border-top-style: none;
        }

#profile-headline {
    min-height: 95px;
}

.dps-popup-wrapper {
    padding: 20px;
}

    .dps-popup-wrapper table,
    .dps-popup-wrapper td,
    .dps-popup-wrapper th {
        border: 1px solid #000;
        border-collapse: collapse;
    }

        .dps-popup-wrapper table td {
            padding: 8px;
        }

        .dps-popup-wrapper table thead {
            display: none;
        }

.job-description-types .no-item {
    background-color: #fdfdfd;
    border: 2px dashed #e6e6e6;
    text-align: center;
    padding: 4px;
}

.about-us-position-details {
    border: 1px solid var(--cool-gray-light);
    padding: 10px;
}

.holiday-in-salary-notification {
    color: #a7a7a7;
    padding-top: 7px;
}

.input-tags-remote {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.salary-month-edit .overtime-payout {
    margin-bottom: 1em;
}

    .salary-month-edit .overtime-payout .payout-amount {
        min-width: 5em;
        display: inline-block;
    }

.overtime-payout-form .input-group-addon {
    min-width: 4em;
}

.overtime-payout-form .form {
    margin-top: 3em;
}

.overtime-payout-form .control-label {
    width: 100%;
}

.overtime-payout-form .form-control {
    width: 10em;
}

.overtime-payout-form .input-group {
    width: 1%;
}

.overtime-payout-form .form-group {
    margin-bottom: 2em;
}

.overtime-payout-form .overtime-payout-amount {
    font-size: 1.3em;
    padding-top: 5px;
}

#overtime-payout-modal-success {
    margin-top: 1em;
    margin-bottom: 0;
}

.employee-termination-form .info-text {
    margin-bottom: 3em;
}

.employee-termination-form .control-label {
    width: 100%;
}

.employee-termination-form .react-datepicker__input-container .form-control {
    width: 10em;
}

.employee-termination-form .input-group {
    width: 1%;
}

.employee-termination-form .form-group {
    margin-bottom: 2em;
}

.employee-termination-form .small-control {
    width: 5em;
    display: inline-block;
}

.employee-termination-form .timeoff-name {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 0.3em;
}

.employee-termination-form .label-set-entitlement {
    margin-top: 0.9em;
    margin-bottom: 0.6em;
}

.employee-termination-form .termination-time-off {
    margin-top: 3em;
}

.employee-termination-form .control-label.normal-text {
    font-weight: 400;
    text-align: left;
}

.employee-termination-form .form-control-static {
    width: auto;
    display: inline-block;
}

.employee-termination-form .action {
    margin-left: 0.7em;
    cursor: pointer;
}

.employee-termination-form .help-block > .fa-info-circle {
    float: left;
    margin-bottom: 1.5em;
    margin-top: 0.2em;
}

.employee-termination-form .time-offs {
    position: relative;
    min-height: 4em;
}

.clear-ask {
    margin-right: 1em;
}

.termination-wrapper {
    border: 1px solid var(--support-pastel-grey);
    position: relative;
    margin-bottom: 1em;
}

    .termination-wrapper .form-control-static > p:last-child {
        margin-bottom: 0;
    }

#edit_private_section_termination {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    padding: 0.5em 1em;
    border: 1px solid var(--support-pastel-grey);
}

.collapse-leaves {
    color: var(--neutral-gray) !important;
    text-decoration: none !important;
    font-size: 10px;
    padding: 0 20px 20px;
    display: block;
}

.collapsable-alert {
    margin-bottom: 10px;
}

.left-sub-header {
    float: left;
    padding-top: 17px;
}

.back-link {
    float: left;
    margin-right: 15px;
}

.comments-column {
    padding: 0 !important;
}

.comments-column-placeholder {
    height: 56px;
}

.comment-tooltip {
    color: var(--neutral-gray-dark);
}

#documents-export {
    float: right;
}

.password-rules-popover-template {
    width: 275px;
}

.password-rules-asterisk {
    float: left;
}

.password-rules-list--small {
    list-style: none;
    padding-left: 0;
    margin-left: 10px;
}

#pdf-viewer-container {
    width: 100%;
}

.no-hyphens {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
}

.min-height-100vh {
    min-height: calc(100vh - 60px);
}

.translatable-hidden {
    display: none;
}

.radial-gradient-white {
    background-image: radial-gradient(#fff 64%, transparent 0);
}

.disabled-appearance {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: grayscale(75%);
    opacity: 0.5;
}

.b-bottom-gray {
    border-bottom: 1px solid var(--cool-gray-light);
}

.personio-blue {
    color: var(--primary-brand-accent);
}

.color-orange-0 {
    color: var(--support-red);
}

.color-red-0 {
    color: var(--ui-danger);
}

.annotation-text,
.annotation-text:hover,
a.annotation-text,
a.annotation-text:focus,
a.annotation-text:hover {
    color: var(--neutral-gray);
}

.text-muted-2,
.text-muted-2:hover,
a.text-muted-2,
a.text-muted-2:focus,
a.text-muted-2:hover {
    color: var(--support-pastel-brown);
}

.personio-badge {
    position: relative;
    padding: 3px 16px 4px;
    margin: 3px 4.5px;
    font-size: 12px;
}

    .personio-badge .full-clickable-link {
        margin: -3px -16px -4px;
        padding: inherit;
        color: inherit;
        white-space: nowrap;
    }

    .personio-badge .remove-badge-link {
        position: absolute;
        top: -11px;
        right: -7px;
        font-size: 15px;
        opacity: 0;
        transform: scale(0);
        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition-delay: 0.3s;
    }

        .personio-badge .remove-badge-link > .fal {
            background-color: var(--white);
        }

    .personio-badge:hover .remove-badge-link {
        opacity: 1;
        transform: scale(1);
        transition-delay: 0s;
    }

.personio-badge-white {
    color: var(--support-black);
    background-color: var(--white);
    border: 1px solid var(--neutral-gray);
}

.personio-badge-disabled {
    background-color: var(--white);
    color: var(--neutral-gray);
    border: 1px solid var(--support-pastel-brown);
}

.shadowed-box {
    box-shadow: 0 1px 4px 0 var(--neutral-gray-lighter);
}

.inner-bottom-rounded-box {
    padding: 17px;
}

    .inner-bottom-rounded-box.no-border {
        border: none;
    }

    .inner-bottom-rounded-box h5,
    .inner-bottom-rounded-box h6 {
        margin: 0;
        padding-bottom: 10px;
        color: var(--neutral-gray-darker);
    }

    .inner-bottom-rounded-box h5 {
        font-size: 18px;
        font-weight: 400;
        border-bottom: 1px dotted var(--neutral-gray-light);
    }

    .inner-bottom-rounded-box h6 {
        font-size: 13px;
        font-weight: 700;
    }

.icon-btn-shape {
    display: inline-block;
    min-width: 43px;
    padding: 5.5px 0;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}

.icon-only-btn-shape {
    width: 35px;
    text-align: center;
    padding: 9px;
}

.margin-right-8 {
    margin-right: 8px;
}

.job-position-category {
    padding: 0 20px;
}

    .job-position-category .job-position-category-header {
        border-bottom: 1px solid var(--neutral-gray-light);
    }

    .job-position-category .job-position-category-body {
        display: none;
    }

    .job-position-category .category-title {
        padding: 10px;
    }

    .job-position-category.open {
        padding-bottom: 50px;
    }

        .job-position-category.open:last-child {
            padding-bottom: 0;
        }

        .job-position-category.open .job-position-category-header {
            border-bottom: none;
        }

        .job-position-category.open .fa-chevron-right {
            transform: rotate(90deg);
        }

        .job-position-category.open .job-position-category-body {
            display: block;
        }

.job-position {
    margin-bottom: 20px;
}

    .job-position .job-position-footer,
    .job-position .job-position-header {
        padding: 13px;
    }

    .job-position .job-position-body {
        overflow-x: auto;
        overflow-y: hidden;
    }

.job-subtitle {
    margin-left: 11px;
}

    .job-subtitle:after {
        content: "·";
        color: var(--neutral-gray-lighter);
    }

.job-position-header {
    justify-content: space-between;
}

    .job-position-header .job-position-header-inner {
        padding: 8px 0 8px 15px;
    }

    .job-position-header .action-area {
        min-height: 41px;
        margin-bottom: 9px;
    }

    .job-position-header .icon-btn-shape .fal {
        font-size: 19px;
    }

.application-responsible-item {
    padding: 7px 3px 0;
}

.application-tags {
    padding: 7px 0;
}

.fieldset-header {
    height: 34px;
    padding-top: 7px;
    padding-bottom: 11px;
    margin-bottom: 20px;
}

    .fieldset-header .fieldset-title {
        margin: 0;
    }

.application-advertise-buttons {
    padding: 18px 0 9px;
}

.application-opening-item {
    padding-top: 9px;
}

    .application-opening-item .fa-search {
        transform: translateY(-1px);
    }

    .application-opening-item ~ a {
        display: inline-block;
        margin-top: 11px;
    }

.position-details-column.bigger-area {
    flex-grow: 1;
    flex-shrink: 1;
}

.job-position-form {
    width: 100%;
    padding: 0 20px 15px;
}

.job-position-form-container {
    width: 100%;
    padding: 0 20px 20px;
    margin-bottom: 50px;
}

.form-colon-container {
    padding-top: 10px;
}

.job-position-form-footer {
    position: fixed;
    bottom: 0;
    margin-left: -20px;
    margin-right: -25px;
    border-top: 1px solid var(--cool-gray-light);
    padding: 8px 22px;
    background-color: var(--white);
    z-index: 1000;
    width: calc(100% - 64px);
}

.job-position-form-footer-delimiter {
    margin-bottom: 50px;
}

.about-us-position-details > iframe,
.about-us-position-details > img {
    width: 100%;
}

.deprecation-alert {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--support-pastel-grey);
    border-left: 5px solid var(--ui-warning);
    margin: 20px 20px 0;
    padding: 15px 20px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

    .deprecation-alert .info-icon {
        color: var(--ui-warning);
        font-size: 16px;
    }

    .deprecation-alert .message-wrapper {
        display: flex;
        align-items: center;
    }

    .deprecation-alert .message {
        margin: 0 10px;
    }

.job-detail-candidates-container {
    min-width: 224px;
}

.job-detail-candidates-title {
    padding: 12px 16px;
    color: var(--neutral-gray-darker);
    font-size: 14px;
}

.job-detail-candidates-list {
    max-height: 850px;
    height: 100%;
    overflow-y: scroll;
}

    .job-detail-candidates-list:empty {
        border: 8px solid var(--white);
        background: linear-gradient( 180deg, var(--neutral-gray-lighter) 18px, var(--white) 0 );
        background-size: 100% 28px;
        animation: opacityChange 0.65s infinite alternate;
    }

    .job-detail-candidates-list .candidate-item {
        height: 27px;
        padding: 5px 7px 5px 14px;
        cursor: pointer;
    }

        .job-detail-candidates-list .candidate-item.active,
        .job-detail-candidates-list .candidate-item:active,
        .job-detail-candidates-list .candidate-item:hover {
            background-color: var(--primary-brand-accent);
        }

            .job-detail-candidates-list .candidate-item.active span,
            .job-detail-candidates-list .candidate-item:active span,
            .job-detail-candidates-list .candidate-item:hover span {
                color: var(--white);
            }

    .job-detail-candidates-list .candidate-placeholder {
        height: 27px;
        margin: 6px;
    }

.job-detail-candidate-container {
    flex-grow: 1;
    background-color: var(--white);
    border-left: 1px solid var(--cool-gray-lighter);
}

.candidate-detail {
    min-height: 100%;
    position: relative;
}

.recruiting-generic-placeholder {
    padding: 20px;
}

    .recruiting-generic-placeholder .circle,
    .recruiting-generic-placeholder .line,
    .recruiting-generic-placeholder .rect {
        background: var(--neutral-gray-lighter);
        animation: opacityChange 0.65s infinite alternate;
    }

    .recruiting-generic-placeholder .line-wrapper {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

    .recruiting-generic-placeholder .circle {
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        width: 46px;
        height: 46px;
    }

    .recruiting-generic-placeholder .line {
        margin: 4px 0;
    }

.own-attendance-pending {
    margin-top: 5px;
    margin-bottom: 5px;
}

#step_list .active .onboarding-email-can-not-send {
    color: var(--white) !important;
}

.personio-submenu-content.approvals {
    position: relative;
}

    .personio-submenu-content.approvals .tab-pane {
        margin-bottom: 25px;
    }

.approvals .active.tab-pane > .tab-content {
    padding-bottom: 10px;
}

.approvals-commands {
    position: fixed;
    bottom: 0;
    margin-left: -20px;
    width: 100%;
    padding: 15px;
    box-shadow: 0 -2px 4px 0 var(--neutral-gray-light);
    background: var(--white);
}

    .approvals-commands button {
        margin-right: 10px;
    }

.import-status-panel {
    display: flex;
    flex-direction: row;
}

.import-status-icon {
    margin-right: 10px;
    margin-top: 2px;
}

@keyframes opacityChange {
    0% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.pipeline {
    width: 153px;
    height: 100%;
    background-color: var(--cool-gray-lighter);
    flex-shrink: 0;
}

.pipeline-title {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-gray-light);
    color: var(--neutral-gray-darker);
    font-size: 14px;
}

.pipeline-items {
    max-height: 850px;
    height: 100%;
    overflow-y: scroll;
}

.pipeline-phase-card {
    display: block;
    color: var(--neutral-gray-darker);
    padding: 6px 16px;
    border-bottom: 1px solid var(--support-pastel-grey);
}

    .pipeline-phase-card.active,
    .pipeline-phase-card:active,
    .pipeline-phase-card:focus,
    .pipeline-phase-card:hover {
        color: var(--cool-gray-lighter);
        background-color: var(--primary-brand-accent);
        text-decoration: none;
    }

        .pipeline-phase-card.active .pipeline-phase-card-count,
        .pipeline-phase-card:active .pipeline-phase-card-count,
        .pipeline-phase-card:focus .pipeline-phase-card-count,
        .pipeline-phase-card:hover .pipeline-phase-card-count {
            color: var(--cool-gray-lighter) !important;
        }

    .pipeline-phase-card.disabled {
        cursor: not-allowed;
        pointer-events: none;
    }

    .pipeline-phase-card:last-child {
        border-bottom: none;
    }

.pipeline-phase-card-count {
    font-size: 19px;
}

.pipeline-phase-card-placeholder {
    height: 100%;
    background: linear-gradient( 180deg, var(--neutral-gray-lighter) 59px, var(--white) 0 );
    background-size: 100% 60px;
    animation: opacityChange 0.65s infinite alternate;
}

.horizontal-pipeline-phase-card {
    width: 106px;
    padding: 10px;
    background-color: var(--cool-gray-lighter);
    color: var(--neutral-gray-darker);
    border: 1px solid var(--neutral-gray-light);
    flex-shrink: 0;
}

    .horizontal-pipeline-phase-card.active,
    .horizontal-pipeline-phase-card:active,
    .horizontal-pipeline-phase-card:hover {
        background-color: var(--white);
        text-decoration: none;
        color: inherit;
    }

.background-karten-blau {
    background-color: var(--primary-brand-accent-lightest) !important;
}

#workforce-overview .header-section,
#workforce-overview a.header-link,
#workforce-overview a.header-title-link {
    padding: 28px 20px;
}

.invoice-list-sidebar {
    color: var(--support-black);
}

    .invoice-list-sidebar .active {
        background: var(--primary-brand-accent);
    }

    .invoice-list-sidebar h5 {
        color: var(--support-black);
        padding: 10px;
        text-decoration: none;
    }

        .invoice-list-sidebar h5:hover {
            text-decoration: underline;
        }

table.invoice-list {
    border: 1px solid var(--cool-gray-light);
    width: 100%;
}

.invoice-list thead {
    font-weight: 700;
}

.invoice-list tbody tr:nth-child(odd) {
    background: var(--cool-gray-lighter);
}

.invoice-list td {
    padding: 10px;
}

.invoice-list tbody td {
    border-left: 1px solid var(--cool-gray-light);
}

    .invoice-list tbody td:last-child {
        border-left: 0;
    }

.invoice-list .download i {
    color: var(--primary-brand-accent);
    cursor: pointer;
}

#upcoming-interview h2 {
    font-size: 16px;
    font-weight: 400;
}

.upcoming-interview-list {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .upcoming-interview-list.show-first-line {
        height: 117px;
    }

    .upcoming-interview-list.loading-state .upcoming-interview-card {
        visibility: hidden;
    }

    .upcoming-interview-list a {
        color: var(--neutral-gray-dark);
    }

        .upcoming-interview-list a:hover {
            color: var(--neutral-gray-dark);
            text-decoration: none;
        }

    .upcoming-interview-list li {
        list-style-type: none;
        display: inline-block;
        float: left;
        width: 220px;
        height: 102px;
        margin: 0 15px 15px 0;
        background-color: var(--cool-gray-lighter);
        border-radius: 5px;
        overflow: hidden;
    }

.upcoming-interview-card .candidate,
.upcoming-interview-card .time {
    font-weight: 700;
    margin-bottom: 3px;
}

.upcoming-interview-card .info {
    height: 77px;
    padding: 10px;
}

.upcoming-interview-card .truncate {
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.upcoming-interview-card .organizer {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    line-height: 25px;
    background-color: var(--neutral-gray-light);
}

.no-interview {
    display: inline-block;
    width: 100%;
    line-height: 102px;
    text-align: center;
    font-size: 16px;
    color: var(--neutral-gray-light);
}

.career-page-settings-title {
    font-weight: 700;
    margin-top: 30px;
}

.career-page-layout-radio {
    border: 1px solid var(--cool-gray-light);
    border-radius: 5px;
    cursor: pointer;
    display: block;
}

.career-page-layout-radio--active {
    border: 1px solid var(--primary-brand-accent);
    box-shadow: 0 0 5px 2px var(--primary-brand-accent-lightest);
}

.career-page-layout-img-container {
    width: 100%;
    height: auto;
}

.career-page-layout-img {
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0 0;
}

    .career-page-layout-img.career-page-v2-img {
        height: auto;
        max-width: 100%;
        width: auto;
    }

.career-page-layout-wrapper {
    padding: 20px;
}

.career-page-layout-description-wrapper {
    margin-top: 10px;
}

.career-page-layout-description-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

.career-page-layout-description-intro {
    font-weight: 700;
}

.career-page-layout-description-new-tag {
    float: right;
    margin-right: 10px;
    background-color: var(--ui-success-lightest);
    border-radius: 14px;
    width: 67px;
    height: 24px;
    text-align: center;
    padding: 2px;
    font-weight: 700;
    letter-spacing: -0.2px;
    color: var(--support-lightgreen-dark);
}

.save-preview-container {
    border-top: 1px solid var(--cool-gray-light);
    position: fixed;
    background-color: var(--white);
    z-index: 100;
    bottom: 0;
    margin-left: -20px;
    margin-right: -10px;
    width: calc(100% - 324px);
}

.save-preview-container-delimiter {
    margin-bottom: 62px;
}

.career-page-action-buttons {
    text-align: right;
    padding: 8px;
    margin-right: 2px;
}

.settings-image-preview {
    max-width: 300px;
}

.removal-button {
    color: var(--ui-danger);
    border: none;
    background-color: var(--white);
    margin-top: 8px;
}

.picked-color .minicolors .minicolors-input {
    padding-left: 36px;
}

.col-md-12.tab-content {
    padding-left: 15px;
}

.padding-right-10 {
    padding-right: 10px;
}

.no-pointer-events {
    pointer-events: none;
}

.col-md-5.layout-information-block {
    color: var(--support-black);
    font-size: 14px;
    line-height: 1.428571429;
    padding-left: 16px;
}

    .col-md-5.layout-information-block .layout-information-title {
        font-weight: 600;
        margin-bottom: 8px;
    }

    .col-md-5.layout-information-block div {
        color: var(--neutral-gray-dark);
    }

@media (max-width: 992px) {
    .custom-css-billing-wrapper {
        margin-top: 10px;
    }
}

.admin-companies .employee-table td {
    vertical-align: middle;
}

.admin-companies .tag {
    height: 32px;
    padding: 0 16px;
    border-radius: 16px;
    line-height: 32px;
    color: var(--neutral-gray-darker);
    display: inline-block;
    font-weight: 700;
    font-size: 12px;
}

.clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.custom-theme:focus {
    outline: 0;
}

.custom-theme.fr-box.fr-basic .fr-element {
    color: var(--neutral-gray-darker);
    padding: 10px;
    overflow-x: auto;
    min-height: 40px;
}

    .custom-theme.fr-box.fr-basic .fr-element.fr-view {
        font-family: Arial, Helvetica;
    }

.custom-theme .fr-element {
    -webkit-user-select: auto;
}

.custom-theme.fr-box a.fr-floating-btn {
    box-shadow: none;
    height: 32px;
    width: 32px;
    background: var(--white);
    color: var(--primary-brand-accent);
    transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    left: 0;
    top: 0;
    line-height: 32px;
    border: none;
}

    .custom-theme.fr-box a.fr-floating-btn svg {
        transition: transform 0.2s ease 0s;
        fill: var(--primary-brand-accent);
    }

    .custom-theme.fr-box a.fr-floating-btn i {
        font-size: 13px;
        line-height: 32px;
    }

    .custom-theme.fr-box a.fr-floating-btn:hover {
        background: #ebebeb;
    }

        .custom-theme.fr-box a.fr-floating-btn:hover svg {
            fill: var(--primary-brand-accent);
        }

.custom-theme .fr-wrapper .fr-placeholder {
    font-size: 12px;
    color: var(--neutral-gray-light);
    top: 0;
    left: 0;
    right: 0;
}

.custom-theme .fr-wrapper ::selection {
    background: #ff0;
    color: var(--support-black);
}

.custom-theme .fr-wrapper ::-moz-selection {
    background: #ff0;
    color: var(--support-black);
}

.custom-theme.fr-box.fr-basic .fr-wrapper {
    background: var(--white);
    border: 1px solid #dce6ec;
    border-top: 0;
    top: 0;
    left: 0;
}

.custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0;
}

.custom-theme.fr-box.fr-basic.fr-bottom .fr-wrapper,
.custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    background-clip: padding-box;
    box-shadow: none;
}

.custom-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
}

.custom-theme .fr-sticky-on.fr-sticky-ios {
    left: 0;
    right: 0;
}

.custom-theme.fr-box .fr-counter {
    color: var(--cool-gray-lighter);
    background: var(--white);
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    background-clip: padding-box;
}

.custom-theme.fr-box .fr-counter,
.custom-theme.fr-box.fr-rtl .fr-counter {
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
}

.custom-theme.fr-box.fr-rtl .fr-counter {
    right: auto;
    border-right: 1px solid #ebebeb;
    background-clip: padding-box;
}

.custom-theme textarea.fr-code {
    background: var(--white);
    color: var(--support-black);
}

.custom-theme.fr-box.fr-code-view.fr-inline {
    box-shadow: none;
}

.custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    top: 0;
    right: 0;
    box-shadow: none;
    background: var(--white);
    color: var(--neutral-gray-darker);
    -moz-outline: 0;
    outline: 0;
    border: 0;
    padding: 12px;
    transition: background 0.2s ease 0s;
}

    .custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
        font-size: 14px;
        width: 14px;
    }

    .custom-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
        background: #ebebeb;
    }

.custom-theme.fr-popup .fr-colors-tabs {
    box-shadow: none;
}

    .custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
        color: #222;
        padding: 8px 0;
    }

        .custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus,
        .custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover {
            color: var(--primary-brand-accent);
        }

        .custom-theme.fr-popup
        .fr-colors-tabs
        .fr-colors-tab[data-param1="background"]:after {
            bottom: 0;
            left: 0;
            background: var(--primary-brand-accent);
            transition: transform 0.2s ease 0s;
        }

        .custom-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
            color: var(--primary-brand-accent);
        }

.custom-theme.fr-popup .fr-color-set {
    line-height: 0;
}

    .custom-theme.fr-popup .fr-color-set > span > i {
        bottom: 0;
        left: 0;
    }

    .custom-theme.fr-popup .fr-color-set > span .fr-selected-color {
        color: var(--white);
        font-weight: 400;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .custom-theme.fr-popup .fr-color-set > span:focus,
    .custom-theme.fr-popup .fr-color-set > span:hover {
        outline: 1px solid #222;
    }

.custom-theme .fr-drag-helper {
    background: var(--primary-brand-accent);
}

.custom-theme.fr-popup .fr-link:focus {
    background: #ebebeb;
}

.custom-theme .fr-file-upload-layer {
    border: 2px dashed #bdbdbd;
    padding: 25px 0;
}

    .custom-theme .fr-file-upload-layer:hover {
        background: #ebebeb;
    }

    .custom-theme .fr-file-upload-layer.fr-drop {
        background: #ebebeb;
        border-color: var(--primary-brand-accent);
    }

    .custom-theme .fr-file-upload-layer .fr-form {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.custom-theme .fr-file-progress-bar-layer > h3 {
    margin: 10px 0;
}

.custom-theme .fr-file-progress-bar-layer > div.fr-loader {
    background: #b6e9f5;
}

    .custom-theme .fr-file-progress-bar-layer > div.fr-loader span {
        background: var(--primary-brand-accent);
        transition: width 0.2s ease 0s;
    }

    .custom-theme
    .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate
    span {
        top: 0;
    }

.custom-theme.fr-box.fr-fullscreen {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.custom-theme.fr-modal
.fr-modal-wrapper
.fr-modal-body
.fr-help-modal
table
tr {
    border: 0;
}

.custom-theme.fr-modal
.fr-modal-wrapper
.fr-modal-body
.fr-help-modal
table
tbody
tr {
    border-bottom: 1px solid #ebebeb;
}

.custom-theme.fr-modal
.fr-modal-wrapper
.fr-modal-body
.fr-help-modal
table
tbody
td:first-child {
    color: #646464;
}

.custom-theme .fr-image-resizer {
    border: 1px solid var(--primary-brand-accent);
}

    .custom-theme .fr-image-resizer .fr-handler {
        background: var(--primary-brand-accent);
        border: 1px solid var(--white);
        width: 12px;
        height: 12px;
    }

        .custom-theme .fr-image-resizer .fr-handler.fr-hnw {
            left: -6px;
            top: -6px;
        }

        .custom-theme .fr-image-resizer .fr-handler.fr-hne {
            right: -6px;
            top: -6px;
        }

        .custom-theme .fr-image-resizer .fr-handler.fr-hsw {
            left: -6px;
            bottom: -6px;
        }

        .custom-theme .fr-image-resizer .fr-handler.fr-hse {
            right: -6px;
            bottom: -6px;
        }

@media (min-width: 1200px) {
    .custom-theme .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px;
    }

        .custom-theme .fr-image-resizer .fr-handler.fr-hnw {
            left: -5px;
            top: -5px;
        }

        .custom-theme .fr-image-resizer .fr-handler.fr-hne {
            right: -5px;
            top: -5px;
        }

        .custom-theme .fr-image-resizer .fr-handler.fr-hsw {
            left: -5px;
            bottom: -5px;
        }

        .custom-theme .fr-image-resizer .fr-handler.fr-hse {
            right: -5px;
            bottom: -5px;
        }
}

.custom-theme.fr-image-overlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.custom-theme .fr-image-upload-layer {
    border: 2px dashed #bdbdbd;
    padding: 25px 0;
}

    .custom-theme .fr-image-upload-layer:hover {
        background: #ebebeb;
    }

    .custom-theme .fr-image-upload-layer.fr-drop {
        background: #ebebeb;
        border-color: var(--primary-brand-accent);
    }

    .custom-theme .fr-image-upload-layer .fr-form {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.custom-theme .fr-image-progress-bar-layer > h3 {
    margin: 10px 0;
}

.custom-theme .fr-image-progress-bar-layer > div.fr-loader {
    background: #b6e9f5;
}

    .custom-theme .fr-image-progress-bar-layer > div.fr-loader span {
        background: var(--primary-brand-accent);
        transition: width 0.2s ease 0s;
    }

    .custom-theme
    .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate
    span {
        top: 0;
    }

.custom-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
    transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
}

    .custom-theme.fr-modal-head
    .fr-modal-head-line
    i.fr-modal-more.fr-not-available {
        opacity: 0;
        width: 0;
        padding: 12px 0;
    }

.custom-theme.fr-modal-head .fr-modal-tags a {
    opacity: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    color: var(--primary-brand-accent);
    transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
}

    .custom-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
        background: var(--neutral-gray-light);
    }

.custom-themediv.fr-modal-body .fr-preloader {
    margin: 50px auto;
}

.custom-themediv.fr-modal-body div.fr-image-list {
    padding: 0;
}

    .custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
        box-shadow: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        background-clip: padding-box;
    }

        .custom-themediv.fr-modal-body
        div.fr-image-list
        div.fr-image-container.fr-image-deleting:after {
            transition: opacity 0.2s ease 0s;
            background: var(--support-black);
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

        .custom-themediv.fr-modal-body
        div.fr-image-list
        div.fr-image-container.fr-image-deleting:before {
            color: var(--white);
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

        .custom-themediv.fr-modal-body
        div.fr-image-list
        div.fr-image-container.fr-empty {
            background: var(--cool-gray-lighter);
        }

            .custom-themediv.fr-modal-body
            div.fr-image-list
            div.fr-image-container.fr-empty:after {
                margin: auto;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
            }

        .custom-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
            transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        }

        .custom-themediv.fr-modal-body
        div.fr-image-list
        div.fr-image-container
        .fr-delete-img,
        .custom-themediv.fr-modal-body
        div.fr-image-list
        div.fr-image-container
        .fr-insert-img {
            transition: background 0.2s ease 0s, color 0.2s ease 0s;
            box-shadow: none;
            margin: 0;
        }

        .custom-themediv.fr-modal-body
        div.fr-image-list
        div.fr-image-container
        .fr-delete-img {
            background: #b8312f;
            color: var(--white);
        }

        .custom-themediv.fr-modal-body
        div.fr-image-list
        div.fr-image-container
        .fr-insert-img {
            background: var(--cool-gray-lighter);
            color: var(--primary-brand-accent);
        }

.custom-theme.custom-theme.fr-desktop
.fr-modal-wrapper
.fr-modal-head
.fr-modal-tags
a:hover {
    background: #ebebeb;
}

.custom-theme.custom-theme.fr-desktop
.fr-modal-wrapper
.fr-modal-head
.fr-modal-tags
a.fr-selected-tag {
    background: var(--neutral-gray-light);
}

.custom-theme.custom-theme.fr-desktop
.fr-modal-wrapper
div.fr-modal-body
div.fr-image-list
div.fr-image-container
.fr-delete-img:hover {
    background: #bf4644;
    color: var(--white);
}

.custom-theme.custom-theme.fr-desktop
.fr-modal-wrapper
div.fr-modal-body
div.fr-image-list
div.fr-image-container
.fr-insert-img:hover {
    background: #ebebeb;
}

.custom-theme .fr-line-breaker {
    border-top: 1px solid var(--primary-brand-accent);
}

    .custom-theme .fr-line-breaker a.fr-floating-btn {
        left: 34%;
        top: -16px;
    }

.custom-theme .fr-qi-helper {
    padding-left: 10px;
}

    .custom-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
        color: #222;
    }

.custom-theme.fr-modal
.fr-modal-wrapper
.fr-modal-body
.fr-special-characters-modal
.fr-special-character {
    border: 1px solid var(--cool-gray-lighter);
}

.custom-theme .fr-element table td.fr-selected-cell,
.custom-theme .fr-element table th.fr-selected-cell {
    border: 1px double var(--primary-brand-accent);
}

.custom-theme .fr-table-resizer div {
    border-right: 1px solid var(--primary-brand-accent);
}

.custom-theme.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
}

    .custom-theme.fr-popup .fr-table-size .fr-select-table-size > span {
        padding: 0 4px 4px 0;
    }

        .custom-theme.fr-popup .fr-table-size .fr-select-table-size > span > span {
            border: 1px solid #ddd;
        }

        .custom-theme.fr-popup
        .fr-table-size
        .fr-select-table-size > span.hover > span {
            background: rgba(var(--primary-brand-accent), 0.3);
            border: 1px solid var(--primary-brand-accent);
        }

.custom-theme.fr-popup .fr-table-colors {
    line-height: 0;
}

    .custom-theme.fr-popup .fr-table-colors > span > i {
        bottom: 0;
        left: 0;
    }

    .custom-theme.fr-popup .fr-table-colors > span:focus {
        outline: 1px solid #222;
    }

.custom-theme .fr-element .fr-video:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.custom-theme.fr-box .fr-video-resizer {
    border: 1px solid var(--primary-brand-accent);
}

    .custom-theme.fr-box .fr-video-resizer .fr-handler {
        background: var(--primary-brand-accent);
        border: 1px solid var(--white);
        width: 12px;
        height: 12px;
    }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
            left: -6px;
            top: -6px;
        }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
            right: -6px;
            top: -6px;
        }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
            left: -6px;
            bottom: -6px;
        }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
            right: -6px;
            bottom: -6px;
        }

@media (min-width: 1200px) {
    .custom-theme.fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px;
    }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
            left: -5px;
            top: -5px;
        }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
            right: -5px;
            top: -5px;
        }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
            left: -5px;
            bottom: -5px;
        }

        .custom-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
            right: -5px;
            bottom: -5px;
        }
}

.custom-theme .fr-video-upload-layer {
    border: 2px dashed #bdbdbd;
    padding: 25px 0;
}

    .custom-theme .fr-video-upload-layer:hover {
        background: #ebebeb;
    }

    .custom-theme .fr-video-upload-layer.fr-drop {
        background: #ebebeb;
        border-color: var(--primary-brand-accent);
    }

    .custom-theme .fr-video-upload-layer .fr-form {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.custom-theme .fr-video-progress-bar-layer > h3 {
    margin: 10px 0;
}

.custom-theme .fr-video-progress-bar-layer > div.fr-loader {
    background: #b6e9f5;
}

    .custom-theme .fr-video-progress-bar-layer > div.fr-loader span {
        background: var(--primary-brand-accent);
        transition: width 0.2s ease 0s;
    }

    .custom-theme
    .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate
    span {
        top: 0;
    }

.custom-theme.fr-video-overlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.custom-theme .fr-view strong {
    font-weight: 700;
}

.custom-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: var(--white);
}

.custom-theme .fr-view table td,
.custom-theme .fr-view table th {
    border: 1px solid #ddd;
}

.custom-theme .fr-view table th {
    background: #ebebeb;
}

.custom-theme .fr-view[dir="rtl"] blockquote {
    border-right: 2px solid #5e35b1;
    margin-right: 0;
}

    .custom-theme .fr-view[dir="rtl"] blockquote blockquote {
        border-color: #00bcd4;
    }

        .custom-theme .fr-view[dir="rtl"] blockquote blockquote blockquote {
            border-color: #43a047;
        }

.custom-theme .fr-view blockquote {
    border-left: 2px solid #5e35b1;
    margin-left: 0;
    color: #5e35b1;
}

    .custom-theme .fr-view blockquote blockquote {
        border-color: #00bcd4;
        color: #00bcd4;
    }

        .custom-theme .fr-view blockquote blockquote blockquote {
            border-color: #43a047;
            color: #43a047;
        }

.custom-theme .fr-view span.fr-emoticon {
    line-height: 0;
}

    .custom-theme .fr-view span.fr-emoticon.fr-emoticon-img {
        font-size: inherit;
    }

.custom-theme .fr-view .fr-text-bordered {
    padding: 10px 0;
}

.custom-theme.fr-tooltip {
    top: 0;
    left: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    box-shadow: none;
    color: var(--white);
    font-size: 11px;
    line-height: 22px;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    transition: opacity 0.2s ease 0s;
    margin-top: 4px;
}

.custom-theme.fr-popup .fr-command.fr-btn,
.custom-theme.fr-toolbar .fr-command.fr-btn {
    color: var(--neutral-gray-darker);
    -moz-outline: 0;
    outline: 0;
    border: 0;
    margin: 4px 2px;
    transition: background 0.2s ease 0s, margin 0.3s ease;
    padding: 0;
    width: 38px;
    height: 38px;
}

.custom-theme.fr-toolbar .fr-btn-wrap > :not(:first-child) {
    display: none;
}

.custom-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.custom-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
}

.custom-theme.fr-popup .fr-command.fr-btn.fr-btn-text,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text {
    width: auto;
}

.custom-theme.fr-popup .fr-command.fr-btn i,
.custom-theme.fr-toolbar .fr-command.fr-btn i {
    font-size: 14px;
    width: 14px;
    margin: 12px;
}

.custom-theme.fr-popup .fr-command.fr-btn span,
.custom-theme.fr-toolbar .fr-command.fr-btn span {
    font-size: 13px;
    line-height: 16px;
    min-width: 38px;
    height: 17px;
    padding: 0 2px;
}

.custom-theme.fr-popup .fr-command.fr-btn img,
.custom-theme.fr-toolbar .fr-command.fr-btn img {
    margin: 12px;
    width: 14px;
}

.custom-theme.fr-popup .fr-command.fr-btn.fr-active,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-active {
    color: var(--primary-brand-accent);
    background: transparent;
}

.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection {
    width: auto;
}

.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown img,
.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span {
    margin-left: 8px;
    margin-right: 16px;
}

.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active {
    color: var(--neutral-gray-darker);
    background: var(--neutral-gray-light);
}

    .custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus,
    .custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
    .custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
    .custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover {
        background: var(--neutral-gray-light) !important;
        color: var(--neutral-gray-darker) !important;
    }

        .custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus:after,
        .custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
        .custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus:after,
        .custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after {
            border-top-color: var(--neutral-gray-darker) !important;
        }

.custom-theme.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--neutral-gray-darker);
    right: 4px;
    top: 17px;
}

.custom-theme.fr-popup .fr-command.fr-btn.fr-disabled,
.custom-theme.fr-toolbar .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
}

    .custom-theme.fr-popup .fr-command.fr-btn.fr-disabled:after,
    .custom-theme.fr-toolbar .fr-command.fr-btn.fr-disabled:after {
        border-top-color: #bdbdbd !important;
    }

.custom-theme.fr-popup.fr-disabled .fr-btn,
.custom-theme.fr-popup.fr-disabled .fr-btn.fr-active,
.custom-theme.fr-toolbar.fr-disabled .fr-btn,
.custom-theme.fr-toolbar.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
}

    .custom-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
    .custom-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown:after,
    .custom-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
    .custom-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after {
        border-top-color: #bdbdbd;
    }

.custom-theme.fr-desktop .fr-command:focus,
.custom-theme.fr-desktop .fr-command:hover {
    color: #222;
    background: #ebebeb;
}

    .custom-theme.fr-desktop .fr-command:focus:after,
    .custom-theme.fr-desktop .fr-command:hover:after {
        border-top-color: #222 !important;
    }

.custom-theme.fr-desktop .fr-command.fr-selected {
    color: var(--neutral-gray-darker);
    background: var(--neutral-gray-light);
}

.custom-theme.fr-desktop .fr-command.fr-active:focus,
.custom-theme.fr-desktop .fr-command.fr-active:hover {
    color: var(--primary-brand-accent);
    background: #ebebeb;
}

.custom-theme.fr-desktop .fr-command.fr-active.fr-selected {
    color: var(--primary-brand-accent);
    background: var(--neutral-gray-light);
}

.custom-theme.fr-popup.fr-mobile .fr-command.fr-blink,
.custom-theme.fr-toolbar.fr-mobile .fr-command.fr-blink {
    background: transparent;
}

.custom-theme .fr-command.fr-btn + .fr-dropdown-menu {
    right: auto;
    bottom: auto;
    height: auto;
    background-clip: padding-box;
}

    .custom-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
        background: var(--white);
        padding: 0;
        transition: max-height 0.2s ease 0s;
        margin: 0 auto auto;
        max-height: 0;
        height: 0;
    }

        .custom-theme
        .fr-command.fr-btn + .fr-dropdown-menu
        .fr-dropdown-wrapper
        .fr-dropdown-content {
            overflow: auto;
            max-height: 275px;
        }

            .custom-theme
            .fr-command.fr-btn + .fr-dropdown-menu
            .fr-dropdown-wrapper
            .fr-dropdown-content
            ul.fr-dropdown-list
            li {
                padding: 0;
                margin: 0;
            }

                .custom-theme
                .fr-command.fr-btn + .fr-dropdown-menu
                .fr-dropdown-wrapper
                .fr-dropdown-content
                ul.fr-dropdown-list
                li
                a {
                    color: inherit;
                }

                    .custom-theme
                    .fr-command.fr-btn + .fr-dropdown-menu
                    .fr-dropdown-wrapper
                    .fr-dropdown-content
                    ul.fr-dropdown-list
                    li
                    a.fr-active {
                        background: var(--white);
                    }

                        .custom-theme
                        .fr-command.fr-btn + .fr-dropdown-menu
                        .fr-dropdown-wrapper
                        .fr-dropdown-content
                        ul.fr-dropdown-list
                        li
                        a.fr-active:hover {
                            background: var(--neutral-gray-lighter);
                        }

                    .custom-theme
                    .fr-command.fr-btn + .fr-dropdown-menu
                    .fr-dropdown-wrapper
                    .fr-dropdown-content
                    ul.fr-dropdown-list
                    li
                    a.fr-disabled {
                        color: #bdbdbd;
                    }

.custom-theme
.fr-command.fr-btn.fr-active + .fr-dropdown-menu
.fr-dropdown-wrapper {
    height: auto;
    max-height: 275px;
}

.custom-theme .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    background-clip: padding-box;
    box-shadow: none;
}

.custom-theme.fr-modal {
    color: #222;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    overflow-x: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .custom-theme.fr-modal .fr-modal-wrapper {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        background-clip: padding-box;
        margin: 20px auto;
        background: var(--white);
        box-shadow: none;
        border: 1px solid #ddd;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .custom-theme.fr-modal .fr-modal-wrapper {
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .custom-theme.fr-modal .fr-modal-wrapper {
        margin: 50px auto;
    }
}

.custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: var(--cool-gray-lighter);
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    -webkit-transition: height 0.2s ease 0s;
    -moz-transition: height 0.2s ease 0s;
    -ms-transition: height 0.2s ease 0s;
    -o-transition: height 0.2s ease 0s;
}

    .custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head i {
        color: #222;
    }

        .custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head i.fr-modal-close {
            top: 0;
            right: 0;
            -webkit-transition: color 0.2s ease 0s;
            -moz-transition: color 0.2s ease 0s;
            -ms-transition: color 0.2s ease 0s;
            -o-transition: color 0.2s ease 0s;
        }

    .custom-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
        margin: 0;
        font-weight: 400;
    }

.custom-theme.custom-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb;
}

.custom-theme.fr-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--support-black);
}

.custom-theme.fr-popup {
    color: #222;
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    z-index: 1500 !important;
}

    .custom-theme.fr-popup .fr-input-focus {
        background: #f5f5f5;
    }

    .custom-theme.fr-popup.fr-above {
        border-top: 0;
        border-bottom: 1px solid #ddd;
        box-shadow: none;
    }

    .custom-theme.fr-popup .fr-layer {
        width: 225px;
    }

@media (min-width: 768px) {
    .custom-theme.fr-popup .fr-layer {
        width: 300px;
    }
}

.custom-theme.fr-popup .fr-action-buttons button.fr-command {
    color: var(--primary-brand-accent);
    transition: background 0.2s ease 0s;
}

    .custom-theme.fr-popup .fr-action-buttons button.fr-command:focus,
    .custom-theme.fr-popup .fr-action-buttons button.fr-command:hover {
        background: #ebebeb;
        color: var(--primary-brand-accent);
    }

    .custom-theme.fr-popup .fr-action-buttons button.fr-command:active {
        background: var(--neutral-gray-light);
        color: var(--primary-brand-accent);
    }

.custom-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0;
}

.custom-theme.fr-popup .fr-checkbox span {
    border: 1px solid #222;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}

.custom-theme.fr-popup .fr-checkbox input {
    margin: 0;
    padding: 0;
}

    .custom-theme.fr-popup .fr-checkbox input:checked + span {
        background: var(--primary-brand-accent);
        border-color: var(--primary-brand-accent);
    }

    .custom-theme.fr-popup .fr-checkbox input:focus + span {
        border-color: var(--primary-brand-accent);
    }

.custom-theme.fr-popup.fr-rtl .fr-input-line input + label,
.custom-theme.fr-popup.fr-rtl .fr-input-line textarea + label {
    left: auto;
    right: 0;
}

.custom-theme.fr-popup .fr-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--primary-brand-accent);
    top: -9px;
    margin-left: -5px;
}

.custom-theme.fr-popup.fr-above .fr-arrow {
    top: auto;
    bottom: -9px;
    border-bottom: 0;
    border-top: 5px solid #ddd;
}

.custom-theme.fr-toolbar {
    color: #222;
    background: var(--cool-gray-lighter);
    font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    box-shadow: none;
    border: 1px solid #dce6ec;
}

    .custom-theme.fr-toolbar.fr-inline .fr-arrow {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid var(--primary-brand-accent);
        top: -9px;
        margin-left: -5px;
    }

    .custom-theme.fr-toolbar.fr-inline.fr-above {
        box-shadow: none;
        border-bottom: 1px solid #ddd;
        border-top: 0;
    }

        .custom-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
            top: auto;
            bottom: -9px;
            border-bottom: 0;
            border-top-color: inherit;
            border-top-width: 5px;
        }

    .custom-theme.fr-toolbar.fr-top {
        top: 0;
        background-clip: padding-box;
        background: var(--white);
    }

    .custom-theme.fr-toolbar.fr-bottom,
    .custom-theme.fr-toolbar.fr-top {
        border-radius: 0 0 0 0;
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        box-shadow: none;
    }

    .custom-theme.fr-toolbar.fr-bottom {
        bottom: 0;
        background-clip: padding-box;
    }

.custom-theme .fr-separator {
    background: #ebebeb;
}

    .custom-theme .fr-separator.fr-vs {
        height: 34px;
        width: 1px;
        margin: 2px;
    }

    .custom-theme .fr-separator.fr-hs {
        height: 1px;
        width: 96%;
        margin: 0 2px;
    }

.custom-theme
.fr-command.fr-btn + .fr-dropdown-menu
.fr-dropdown-wrapper
.fr-dropdown-content
ul.fr-dropdown-list
li
a:hover {
    background: var(--neutral-gray-lighter);
}

.custom-theme .second-toolbar {
    border: none;
}

.scheduled-send-dependant .chosen-container > .chosen-drop {
    border-top: 1px solid var(--neutral-gray) !important;
}

.scheduled-send-dependant .chosen-container-single .chosen-single div b {
    width: 90% !important;
}

.scheduled-send-dependant.unselected .chosen-container-single .chosen-single {
    color: var(--neutral-gray) !important;
}

div#userlane-assistant-container.userlane-app-31583 {
    top: 15px;
    right: 90px;
    bottom: auto;
    z-index: 1030;
}

div#userlane-backdrop-full {
    z-index: 1029 !important;
}

div.userlane-advisor2-avatar {
    box-shadow: none;
}

div.userlane-element-helper.userlane-advisor-avatar,
div.userlane-element-helper.userlane-advisor-avatar:hover {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

div.userlane-element-helper.userlane-advisor-head-number {
    max-height: 16px;
    min-width: 16px;
    line-height: 16px;
    background-color: #ff0;
    color: #0b0b0b;
    font-weight: 600;
}

div#userlane-assistant-container .userlane-assistant-bubble {
    top: 55px;
    right: -70px;
    bottom: auto;
}

._pendo-badge {
    background-color: var(--cool-gray-lighter) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    height: 40px !important;
    right: 95px !important;
    top: 11px !important;
    width: 40px !important;
}

@media (max-width: 767px) {
    ._pendo-badge {
        top: 10px !important;
    }
}

._pendo-badge:before {
    color: #333;
    content: "";
    display: block;
    font-family: "Font Awesome5 Pro";
    font-size: 16px;
    font-weight: 900;
    left: 0;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

._pendo-badge > :not(.pendo-resource-center-badge-notification-bubble) {
    display: none !important;
}

.pendo-resource-center-badge-notification-bubble {
    animation: none !important;
    background-color: var(--primary-brand-accent) !important;
    height: 16px !important;
    padding: 0 3px !important;
    top: 4px !important;
    left: 30px !important;
    min-width: 10px;
    font-size: 10px;
}

    .pendo-resource-center-badge-notification-bubble:before {
        display: none !important;
    }

.pendo-notification-bubble-unread-count {
    color: var(--white) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    display: flex !important;
    justify-content: center;
    top: 0 !important;
}

#pendo-resource-center-container {
    right: 86px !important;
}

@media (max-width: 1023px) {
    #pendo-resource-center-container {
        right: 70px !important;
    }
}

html:before {
    height: 0 !important;
}

body #navsidebar-information-stonly-item .stonly-widget-trigger {
    z-index: -1 !important;
}

body .stonly-banner-wrapper {
    padding: 16px 24px;
    display: flex;
    align-items: center;
    height: 56px;
    justify-content: space-between;
}

    body .stonly-banner-wrapper .stonly-banner-content {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

        body .stonly-banner-wrapper .stonly-banner-content p {
            font-family: Open Sans, sans-serif;
            font-style: normal;
            font-weight: 400;
            line-height: 130%;
            font-size: 12px;
            text-align: left;
            color: var(--neutral-gray-darkest);
        }

    body .stonly-banner-wrapper .stonly-banner-close-button {
        position: relative;
        padding: 0;
    }

        body .stonly-banner-wrapper .stonly-banner-close-button path {
            fill: var(--neutral-gray-darkest);
        }

body:has(.stonly-banner-wrapper) #sidebar {
    height: calc(100% - 56px);
    top: 56px;
}

body:has(.stonly-banner-wrapper) #page-container,
body:has(.stonly-banner-wrapper) #top-bar > header {
    margin-top: 56px;
}

body:has(.stonly-banner-wrapper) #navigation-frontend nav {
    margin-top: 56px;
    height: calc(100% - 56px);
}

body:has(.stonly-banner-wrapper) #navigation-frontend header {
    top: 56px;
}

body:has(.stonly-banner-wrapper) #impersonation-banner {
    top: 56px;
}

    body:has(.stonly-banner-wrapper) #impersonation-banner ~ #sidebar {
        height: calc(100% - 106px);
        top: 106px;
    }

    body:has(.stonly-banner-wrapper) #impersonation-banner ~ #page-container,
    body:has(.stonly-banner-wrapper) #impersonation-banner ~ #top-bar > header {
        margin-top: 106px;
    }

    body:has(.stonly-banner-wrapper)
    #impersonation-banner ~ #navigation-frontend
    nav {
        margin-top: 106px;
        height: calc(100% - 106px);
    }

    body:has(.stonly-banner-wrapper)
    #impersonation-banner ~ #navigation-frontend
    header {
        top: 106px;
    }

body:has(.stonly-banner-wrapper) div[data-test-id="drawer"] {
    top: 56px !important;
}

.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .fc table,
    html .fc {
        font-size: 1em;
    }

    .fc td,
    .fc th {
        padding: 0;
        vertical-align: top;
    }

.fc-header {
    margin-bottom: 10px;
}

    .fc-header td {
        white-space: nowrap;
        display: block;
    }

.fc-header-left {
    width: 100%;
}

.fc-header-center,
.fc-header-left,
.fc-header-right {
    text-align: center;
}

.fc-header-right {
    width: 100%;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

    .fc-header-title h2 {
        white-space: nowrap;
        font-size: 1.4em;
        line-height: 1.9em;
        margin: 0 10px;
        min-width: 140px;
        text-align: center;
    }

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
    margin-right: -1px;
}

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
    margin-right: 0;
}

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}

.fc-content {
    clear: both;
    zoom: 1;
}

.fc-view {
    width: 100%;
    overflow: hidden;
}

.fc-widget-content,
.fc-widget-header {
    border: 1px solid var(--support-pastel-grey);
}

.fc-state-highlight {
    background: var(--neutral-gray-lighter);
}

.fc-cell-overlay {
    background: var(--primary-brand-accent);
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.fc-button {
    position: relative;
    display: inline-block;
    padding: 0 0.6em;
    overflow: hidden;
    height: 2.5em;
    line-height: 2.5em;
    white-space: nowrap;
    cursor: pointer;
}

.fc-text-arrow {
    margin: 0 1px;
    font-size: 2em;
    font-family: Courier New, Courier, monospace;
    vertical-align: baseline;
}

.fc-button-next .fc-text-arrow,
.fc-button-prev .fc-text-arrow {
    font-weight: 700;
}

.fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
}

.fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%;
}

.fc-state-default {
    background-color: var(--cool-gray-lighter);
    border-radius: 4px;
}

.fc-state-active,
.fc-state-default,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
    color: var(--neutral-gray-dark);
}

.fc-state-hover {
    text-decoration: none;
    background-color: var(--cool-gray-light);
}

.fc-state-active,
.fc-state-down {
    background-color: #cbd9e3;
}

.fc-state-disabled {
    cursor: default;
    background-color: var(--primary-brand-accent);
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.fc-button-today {
    margin-left: 16px !important;
    font-weight: 700;
}

.fc-event-container > * {
    z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid var(--primary-brand-accent);
    background-color: var(--primary-brand-accent);
    color: var(--white);
    font-size: 0.85em;
    cursor: default;
}

a.fc-event {
    text-decoration: none;
}

.fc-event-draggable,
a.fc-event {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    font-size: 300%;
    line-height: 50%;
}

a.fc-event:hover {
    color: var(--white);
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.fc-event-hori .ui-resizable-e {
    top: 0 !important;
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px;
}

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate td,
.fc-border-separate th {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate td.fc-last,
    .fc-border-separate th.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last td,
.fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}

thead th.fc-widget-header {
    background-color: var(--neutral-gray-lighter);
    padding: 12px 2px;
    font-weight: 300;
    font-size: 18px;
}

.fc-grid th {
    text-align: center;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

    .fc .fc-week-number div {
        padding: 0 2px;
    }

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
    font-weight: 700;
}

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: 400;
}

.fc-agenda .fc-week-number {
    font-weight: 700;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    _height: 34px;
}

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: var(--cool-gray-lighter);
}

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 td,
.fc-agenda-slots tr.fc-slot0 th {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor td,
.fc-agenda-slots tr.fc-minor th {
    border-top-style: dotted;
}

    .fc-agenda-slots tr.fc-minor th.ui-widget-header {
        *border-top-style: solid;
    }

.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert.fc-event-start {
        border-top-width: 1px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .fc-event-vert.fc-event-end {
        border-bottom-width: 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-inner {
        position: relative;
        z-index: 2;
    }

    .fc-event-vert .fc-event-bg {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--white);
        opacity: 0.25;
        filter: alpha(opacity=25);
    }

.fc-select-helper .fc-event-bg,
.fc .ui-draggable-dragging .fc-event-bg {
    display: none\9;
}

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    _overflow: hidden;
}

@media screen and (min-width: 768px) {
    .fc-header td {
        display: table-cell;
    }

    .fc-header-left {
        width: 25%;
        text-align: left;
    }

    .fc-header-right {
        width: 25%;
        text-align: right;
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    30%, 70% {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-40px);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    30% {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropzone {
    border: 1px dashed var(--support-pastel-grey);
    border-radius: 4px;
    background: var(--white);
}

    .dropzone,
    .dropzone * {
        box-sizing: border-box;
    }

        .dropzone.dz-clickable {
            cursor: pointer;
        }

            .dropzone.dz-clickable * {
                cursor: default;
            }

            .dropzone.dz-clickable .dz-message,
            .dropzone.dz-clickable .dz-message * {
                cursor: pointer;
            }

        .dropzone.dz-started .dz-message {
            display: none;
        }

        .dropzone.dz-drag-hover {
            border-style: solid;
        }

            .dropzone.dz-drag-hover .dz-message {
                opacity: 0.5;
            }

        .dropzone .dz-message {
            text-align: center;
            margin: 2em 0;
        }

        .dropzone .dz-preview {
            position: relative;
            display: inline-block;
            vertical-align: top;
            margin: 16px;
            min-height: 100px;
        }

            .dropzone .dz-preview:hover {
                z-index: 1000;
            }

                .dropzone .dz-preview:hover .dz-details {
                    opacity: 1;
                }

            .dropzone .dz-preview.dz-file-preview .dz-image {
                border-radius: 20px;
                background: var(--neutral-gray);
                background: linear-gradient( 180deg, var(--cool-gray-lighter), var(--support-pastel-grey) );
            }

            .dropzone .dz-preview.dz-file-preview .dz-details {
                opacity: 1;
            }

            .dropzone .dz-preview.dz-image-preview {
                background: var(--white);
            }

                .dropzone .dz-preview.dz-image-preview .dz-details {
                    transition: opacity 0.2s linear;
                }

            .dropzone .dz-preview .dz-remove {
                font-size: 14px;
                text-align: center;
                display: block;
                cursor: pointer;
                border: none;
            }

                .dropzone .dz-preview .dz-remove:hover {
                    text-decoration: underline;
                }

            .dropzone .dz-preview .dz-details {
                z-index: 20;
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0;
                font-size: 13px;
                min-width: 100%;
                max-width: 100%;
                padding: 2em 1em;
                text-align: center;
                color: var(--neutral-gray-darkest);
                line-height: 150%;
            }

                .dropzone .dz-preview .dz-details .dz-size {
                    margin-bottom: 1em;
                    font-size: 16px;
                }

                .dropzone .dz-preview .dz-details .dz-filename {
                    white-space: nowrap;
                }

                    .dropzone .dz-preview .dz-details .dz-filename:hover span {
                        border: 1px solid var(--neutral-gray-light);
                        background-color: var(--neutral-gray-lighter);
                    }

                    .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

                        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
                            border: 1px solid transparent;
                        }

                    .dropzone .dz-preview .dz-details .dz-filename span,
                    .dropzone .dz-preview .dz-details .dz-size span {
                        background-color: var(--neutral-gray-lighter);
                        padding: 0 0.4em;
                        border-radius: 3px;
                    }

            .dropzone .dz-preview:hover .dz-image img {
                transform: scale(1.05);
                filter: blur(8px);
            }

            .dropzone .dz-preview .dz-image {
                border-radius: 20px;
                overflow: hidden;
                width: 120px;
                height: 120px;
                position: relative;
                display: block;
                z-index: 10;
            }

                .dropzone .dz-preview .dz-image img {
                    display: block;
                }

            .dropzone .dz-preview.dz-success .dz-success-mark {
                animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
            }

            .dropzone .dz-preview.dz-error .dz-error-mark {
                opacity: 1;
                animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
            }

            .dropzone .dz-preview .dz-error-mark,
            .dropzone .dz-preview .dz-success-mark {
                pointer-events: none;
                opacity: 0;
                z-index: 500;
                position: absolute;
                display: block;
                top: 50%;
                left: 50%;
                margin-left: -27px;
                margin-top: -27px;
            }

                .dropzone .dz-preview .dz-error-mark svg,
                .dropzone .dz-preview .dz-success-mark svg {
                    display: block;
                    width: 54px;
                    height: 54px;
                }

            .dropzone .dz-preview.dz-processing .dz-progress {
                opacity: 1;
                transition: all 0.2s linear;
            }

            .dropzone .dz-preview.dz-complete .dz-progress {
                opacity: 0;
                transition: opacity 0.4s ease-in;
            }

            .dropzone .dz-preview:not(.dz-processing) .dz-progress {
                animation: pulse 6s ease infinite;
            }

            .dropzone .dz-preview .dz-progress {
                opacity: 1;
                z-index: 1000;
                pointer-events: none;
                position: absolute;
                height: 16px;
                left: 50%;
                top: 50%;
                margin-top: -8px;
                width: 80px;
                margin-left: -40px;
                background: var(--neutral-gray-lighter);
                transform: scale(1);
                border-radius: 8px;
                overflow: hidden;
            }

                .dropzone .dz-preview .dz-progress .dz-upload {
                    background: var(--neutral-gray-darker);
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    width: 0;
                    transition: width 0.3s ease-in-out;
                }

            .dropzone .dz-preview.dz-error .dz-error-message {
                display: block;
            }

            .dropzone .dz-preview.dz-error .dz-details:hover ~ .dz-error-message {
                opacity: 1;
                pointer-events: auto;
            }

            .dropzone .dz-preview .dz-error-message {
                pointer-events: none;
                z-index: 1000;
                position: absolute;
                display: block;
                display: none;
                opacity: 0;
                transition: opacity 0.3s ease;
                border-radius: 8px;
                font-size: 13px;
                top: 130px;
                left: -10px;
                width: 140px;
                background: var(--ui-danger-darkest);
                padding: 0.5em 1.2em;
                color: var(--white);
            }

                .dropzone .dz-preview .dz-error-message:after {
                    content: "";
                    position: absolute;
                    top: -6px;
                    left: 64px;
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid var(--ui-danger-darkest);
                }

.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        left: -9999px;
        z-index: 1041;
        width: 100%;
        border: 1px solid var(--neutral-gray);
        border-top: 0;
        background: var(--white);
        box-shadow: 0 4px 5px var(--neutral-gray-light);
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        left: 0;
    }

    .chosen-container a {
        cursor: pointer;
    }

.chosen-container-single .chosen-single {
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 34px;
    border: 1px solid var(--neutral-gray-light);
    background-color: var(--white);
    color: var(--neutral-gray-dark);
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
    box-shadow: 0 1px 0 var(--neutral-gray-light);
}

.chosen-container-single .chosen-default {
    color: var(--neutral-gray);
}

.chosen-container-single .chosen-single span {
    height: 34px;
    line-height: 34px;
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url(/build/client/img/jquery.chosen/chosen-sprite.png) -42px 1px no-repeat;
    font-size: 1px;
}

    .chosen-container-single.chosen-disabled .chosen-single abbr:hover,
    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div b {
        display: block;
        margin-top: 6px;
        width: 100%;
        height: 100%;
        background: url(/build/client/img/jquery.chosen/chosen-sprite.png) no-repeat 0 2px;
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type="text"] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid var(--neutral-gray);
        background: var(--white) url(/build/client/img/jquery.chosen/chosen-sprite.png) no-repeat 100% -20px;
        background: url(/build/client/img/jquery.chosen/chosen-sprite.png) no-repeat 100% -20px;
        font-size: 1em;
        line-height: normal;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: var(--neutral-gray-light);
            cursor: default;
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: var(--primary-brand-accent);
            color: var(--white);
        }

        .chosen-container .chosen-results li.no-results {
            display: list-item;
            background: var(--neutral-gray-lighter);
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-weight: 700;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid var(--neutral-gray-light);
    background-color: var(--white);
    cursor: text;
    box-shadow: 0 1px 0 var(--neutral-gray-light);
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
                margin: 1px 0;
                padding: 5px 8px;
                height: 30px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                font-size: 100%;
                line-height: normal;
            }

            .chosen-container-multi .chosen-choices li.search-field .default {
                color: var(--neutral-gray);
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 7px 0 6px 5px;
            padding: 3px 20px 3px 5px;
            background: var(--cool-gray-lighter);
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url(/build/client/img/jquery.chosen/chosen-sprite.png) -42px 1px no-repeat;
                font-size: 1px;
            }

                .chosen-container-multi
                .chosen-choices
                li.search-choice
                .search-choice-close:hover {
                    background-position: -42px -10px;
                }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid var(--neutral-gray-light);
            background-color: var(--cool-gray-light);
            color: var(--neutral-gray-dark);
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: var(--neutral-gray-light);
        }

            .chosen-container-multi
            .chosen-choices
            li.search-choice-focus
            .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: var(--neutral-gray-light);
    cursor: default;
}

.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid var(--neutral-gray);
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid var(--neutral-gray);
}

    .chosen-container-active .chosen-choices li.search-field input[type="text"] {
        color: var(--neutral-gray-darkest) !important;
    }

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-choices .search-choice .search-choice-close,
    .chosen-disabled .chosen-single {
        cursor: default;
    }

.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type="text"] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single-nosearch .chosen-search,
    .chosen-rtl .chosen-drop {
        left: 9999px;
    }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type="text"] {
        padding: 4px 5px 4px 20px;
        background: var(--white) url(/build/client/img/jquery.chosen/chosen-sprite.png) no-repeat -30px -20px;
        background: url(/build/client/img/jquery.chosen/chosen-sprite.png) no-repeat -30px -20px, linear-gradient(var(--cool-gray-lighter) 1%, var(--white) 15%);
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span,
    .chosen-rtl .chosen-search input[type="text"] {
        background-image: url(/build/client/img/jquery.chosen/chosen-sprite@2x.png) !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}
/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    top: 0;
    left: 0;
}

    .datepicker-dropdown:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom-color: var(--neutral-gray);
        border-bottom: 7px solid var(--neutral-gray-light);
    }

    .datepicker-dropdown:after,
    .datepicker-dropdown:before {
        content: "";
        display: inline-block;
        border-top: 0;
        position: absolute;
    }

    .datepicker-dropdown:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid var(--white);
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 6px;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 7px;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 6px;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        top: -7px;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        top: -6px;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        bottom: -7px;
        border-bottom: 0;
        border-top: 7px solid var(--neutral-gray);
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        bottom: -6px;
        border-bottom: 0;
        border-top: 6px solid var(--white);
    }

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: var(--cool-gray-lighter);
    cursor: pointer;
}

.datepicker table tr td.new,
.datepicker table tr td.old {
    color: var(--neutral-gray);
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: var(--neutral-gray);
    cursor: default;
}

.datepicker table tr td.highlighted {
    background: var(--primary-brand-accent-lightest);
    border-radius: 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: var(--support-pastel-orange);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$support-pastel-orange",endColorstr="$support-pastel-orange",GradientType=0);
    border-color: var(--neutral-gray-lighter) var(--neutral-gray-lighter) var(--neutral-gray-light);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: var(--support-black);
}

    .datepicker table tr td.today.active,
    .datepicker table tr td.today.disabled,
    .datepicker table tr td.today.disabled.active,
    .datepicker table tr td.today.disabled.disabled,
    .datepicker table tr td.today.disabled:active,
    .datepicker table tr td.today.disabled:hover,
    .datepicker table tr td.today.disabled:hover.active,
    .datepicker table tr td.today.disabled:hover.disabled,
    .datepicker table tr td.today.disabled:hover:active,
    .datepicker table tr td.today.disabled:hover:hover,
    .datepicker table tr td.today.disabled:hover[disabled],
    .datepicker table tr td.today.disabled[disabled],
    .datepicker table tr td.today:active,
    .datepicker table tr td.today:hover,
    .datepicker table tr td.today:hover.active,
    .datepicker table tr td.today:hover.disabled,
    .datepicker table tr td.today:hover:active,
    .datepicker table tr td.today:hover:hover,
    .datepicker table tr td.today:hover[disabled],
    .datepicker table tr td.today[disabled] {
        background-color: var(--support-pastel-orange);
    }

        .datepicker table tr td.today.active,
        .datepicker table tr td.today.disabled.active,
        .datepicker table tr td.today.disabled:active,
        .datepicker table tr td.today.disabled:hover.active,
        .datepicker table tr td.today.disabled:hover:active,
        .datepicker table tr td.today:active,
        .datepicker table tr td.today:hover.active,
        .datepicker table tr td.today:hover:active {
            background-color: var(--support-yellow);
        }

        .datepicker table tr td.today:hover:hover {
            color: var(--support-black);
        }

        .datepicker table tr td.today.active:hover {
            color: var(--white);
        }

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
    background: var(--cool-gray-lighter);
    border-radius: 0;
}

    .datepicker table tr td.range.today,
    .datepicker table tr td.range.today.disabled,
    .datepicker table tr td.range.today.disabled:hover,
    .datepicker table tr td.range.today:hover {
        background-color: var(--support-yellow);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$support-brown-light",endColorstr="$support-yellow",GradientType=0);
        border-color: var(--neutral-gray-lighter) var(--neutral-gray-lighter) var(--neutral-gray-light);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        border-radius: 0;
    }

        .datepicker table tr td.range.today.active,
        .datepicker table tr td.range.today.disabled,
        .datepicker table tr td.range.today.disabled.active,
        .datepicker table tr td.range.today.disabled.disabled,
        .datepicker table tr td.range.today.disabled:active,
        .datepicker table tr td.range.today.disabled:hover,
        .datepicker table tr td.range.today.disabled:hover.active,
        .datepicker table tr td.range.today.disabled:hover.disabled,
        .datepicker table tr td.range.today.disabled:hover:active,
        .datepicker table tr td.range.today.disabled:hover:hover,
        .datepicker table tr td.range.today.disabled:hover[disabled],
        .datepicker table tr td.range.today.disabled[disabled],
        .datepicker table tr td.range.today:active,
        .datepicker table tr td.range.today:hover,
        .datepicker table tr td.range.today:hover.active,
        .datepicker table tr td.range.today:hover.disabled,
        .datepicker table tr td.range.today:hover:active,
        .datepicker table tr td.range.today:hover:hover,
        .datepicker table tr td.range.today:hover[disabled],
        .datepicker table tr td.range.today[disabled] {
            background-color: var(--support-yellow);
        }

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
    background-color: var(--neutral-gray);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$neutral-gray",endColorstr="$support-grey-dark",GradientType=0);
    border-color: var(--neutral-gray-lighter) var(--neutral-gray-lighter) var(--neutral-gray-light);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: var(--white);
    text-shadow: 0 -1px 0 var(--neutral-gray-light);
}

    .datepicker table tr td.selected.active,
    .datepicker table tr td.selected.disabled,
    .datepicker table tr td.selected.disabled.active,
    .datepicker table tr td.selected.disabled.disabled,
    .datepicker table tr td.selected.disabled:active,
    .datepicker table tr td.selected.disabled:hover,
    .datepicker table tr td.selected.disabled:hover.active,
    .datepicker table tr td.selected.disabled:hover.disabled,
    .datepicker table tr td.selected.disabled:hover:active,
    .datepicker table tr td.selected.disabled:hover:hover,
    .datepicker table tr td.selected.disabled:hover[disabled],
    .datepicker table tr td.selected.disabled[disabled],
    .datepicker table tr td.selected:active,
    .datepicker table tr td.selected:hover,
    .datepicker table tr td.selected:hover.active,
    .datepicker table tr td.selected:hover.disabled,
    .datepicker table tr td.selected:hover:active,
    .datepicker table tr td.selected:hover:hover,
    .datepicker table tr td.selected:hover[disabled],
    .datepicker table tr td.selected[disabled] {
        background-color: var(--neutral-gray);
    }

        .datepicker table tr td.selected.active,
        .datepicker table tr td.selected.disabled.active,
        .datepicker table tr td.selected.disabled:active,
        .datepicker table tr td.selected.disabled:hover.active,
        .datepicker table tr td.selected.disabled:hover:active,
        .datepicker table tr td.selected:active,
        .datepicker table tr td.selected:hover.active,
        .datepicker table tr td.selected:hover:active {
            background-color: var(--neutral-gray-dark);
        }

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    background-color: var(--primary-brand-accent-darker);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-brand-accent-dark",endColorstr="$support-darkblue",GradientType=0);
    border-color: var(--neutral-gray-lighter) var(--neutral-gray-lighter) var(--neutral-gray-light);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: var(--white);
    text-shadow: 0 -1px 0 var(--neutral-gray-light);
}

    .datepicker table tr td.active.active,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover.active,
    .datepicker table tr td.active.disabled:hover.disabled,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active.disabled:hover[disabled],
    .datepicker table tr td.active.disabled[disabled],
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover.active,
    .datepicker table tr td.active:hover.disabled,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active:hover[disabled],
    .datepicker table tr td.active[disabled] {
        background-color: var(--support-darkblue);
    }

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

    .datepicker table tr td span.focused,
    .datepicker table tr td span:hover {
        background: var(--cool-gray-lighter);
    }

    .datepicker table tr td span.disabled,
    .datepicker table tr td span.disabled:hover {
        background: 0 0;
        color: var(--neutral-gray);
        cursor: default;
    }

    .datepicker table tr td span.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active:hover {
        background-color: var(--primary-brand-accent-darker);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$primary-brand-accent-dark",endColorstr="$support-darkblue",GradientType=0);
        border-color: var(--neutral-gray-lighter) var(--neutral-gray-lighter) var(--neutral-gray-light);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        color: var(--white);
        text-shadow: 0 -1px 0 var(--neutral-gray-light);
    }

        .datepicker table tr td span.active.active,
        .datepicker table tr td span.active.disabled,
        .datepicker table tr td span.active.disabled.active,
        .datepicker table tr td span.active.disabled.disabled,
        .datepicker table tr td span.active.disabled:active,
        .datepicker table tr td span.active.disabled:hover,
        .datepicker table tr td span.active.disabled:hover.active,
        .datepicker table tr td span.active.disabled:hover.disabled,
        .datepicker table tr td span.active.disabled:hover:active,
        .datepicker table tr td span.active.disabled:hover:hover,
        .datepicker table tr td span.active.disabled:hover[disabled],
        .datepicker table tr td span.active.disabled[disabled],
        .datepicker table tr td span.active:active,
        .datepicker table tr td span.active:hover,
        .datepicker table tr td span.active:hover.active,
        .datepicker table tr td span.active:hover.disabled,
        .datepicker table tr td span.active:hover:active,
        .datepicker table tr td span.active:hover:hover,
        .datepicker table tr td span.active:hover[disabled],
        .datepicker table tr td span.active[disabled] {
            background-color: var(--support-darkblue);
        }

    .datepicker table tr td span.new,
    .datepicker table tr td span.old {
        color: var(--neutral-gray);
    }

.datepicker .datepicker-switch {
    width: 145px;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker .datepicker-switch:hover,
    .datepicker .next:hover,
    .datepicker .prev:hover,
    .datepicker tfoot tr th:hover {
        background: var(--cool-gray-lighter);
    }

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}

    .input-append.date .add-on i,
    .input-prepend.date .add-on i {
        margin-top: 3px;
    }

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        border-radius: 3px 0 0 3px;
    }

    .input-daterange input:last-child {
        border-radius: 0 3px 3px 0;
    }

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 var(--white);
    vertical-align: middle;
    background-color: var(--cool-gray-lighter);
    border: 1px solid var(--neutral-gray-light);
    margin-left: -5px;
    margin-right: -5px;
}

.datepicker table tr td.active.active,
.datepicker table tr td span.active {
    background-color: var(--primary-brand-accent) !important;
}

table.dataTable {
    width: 100%;
    margin: 0;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
}

    table.dataTable tfoot th,
    table.dataTable thead th {
        font-weight: 700;
    }

    table.dataTable thead td,
    table.dataTable thead th {
        padding: 10px 18px;
        border-bottom: 1px solid var(--neutral-gray-darkest);
    }

        table.dataTable thead td:active,
        table.dataTable thead th:active {
            outline: none;
        }

    table.dataTable tfoot td,
    table.dataTable tfoot th {
        padding: 10px 18px 6px;
        border-top: 1px solid var(--neutral-gray-darkest);
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        cursor: pointer;
        *cursor: hand;
    }

    table.dataTable thead .sorting {
        background: url(/build/client/img/jquery.datatables/sort_both.png) no-repeat 100%;
    }

    table.dataTable thead .sorting_asc {
        background: url(/build/client/img/jquery.datatables/sort_asc.png) no-repeat 100%;
    }

    table.dataTable thead .sorting_desc {
        background: url(/build/client/img/jquery.datatables/sort_desc.png) no-repeat 100%;
    }

    table.dataTable thead .sorting_asc_disabled {
        background: url(/build/client/img/jquery.datatables/sort_asc_disabled.png) no-repeat 100%;
    }

    table.dataTable thead .sorting_desc_disabled {
        background: url(/build/client/img/jquery.datatables/sort_desc_disabled.png) no-repeat 100%;
    }

    table.dataTable tbody tr {
        background-color: var(--white);
    }

        table.dataTable tbody tr.selected {
            background-color: var(--support-pastel-green);
        }

    table.dataTable tbody td,
    table.dataTable tbody th {
        padding: 8px 10px;
    }

    table.dataTable.display tbody td,
    table.dataTable.display tbody th,
    table.dataTable.row-border tbody td,
    table.dataTable.row-border tbody th {
        border-top: 1px solid var(--support-pastel-grey);
    }

    table.dataTable.display tbody tr:first-child td,
    table.dataTable.display tbody tr:first-child th,
    table.dataTable.row-border tbody tr:first-child td,
    table.dataTable.row-border tbody tr:first-child th {
        border-top: none;
    }

    table.dataTable.cell-border tbody td,
    table.dataTable.cell-border tbody th {
        border-top: 1px solid var(--support-pastel-grey);
        border-right: 1px solid var(--support-pastel-grey);
    }

    table.dataTable.cell-border tbody tr td:first-child,
    table.dataTable.cell-border tbody tr th:first-child {
        border-left: 1px solid var(--support-pastel-grey);
    }

    table.dataTable.cell-border tbody tr:first-child td,
    table.dataTable.cell-border tbody tr:first-child th {
        border-top: none;
    }

    table.dataTable.display tbody tr.odd,
    table.dataTable.stripe tbody tr.odd {
        background-color: var(--neutral-gray-lighter);
    }

        table.dataTable.display tbody tr.odd.selected,
        table.dataTable.stripe tbody tr.odd.selected {
            background-color: var(--support-pastel-green);
        }

        table.dataTable.display tbody tr.even:hover,
        table.dataTable.display tbody tr.odd:hover,
        table.dataTable.display tbody tr:hover,
        table.dataTable.hover tbody tr.even:hover,
        table.dataTable.hover tbody tr.odd:hover,
        table.dataTable.hover tbody tr:hover {
            background-color: var(--neutral-gray-lighter);
        }

            table.dataTable.display tbody tr.even:hover.selected,
            table.dataTable.display tbody tr.odd:hover.selected,
            table.dataTable.display tbody tr:hover.selected,
            table.dataTable.hover tbody tr.even:hover.selected,
            table.dataTable.hover tbody tr.odd:hover.selected,
            table.dataTable.hover tbody tr:hover.selected {
                background-color: var(--support-grey);
            }

    table.dataTable.display tbody tr > .sorting_1,
    table.dataTable.display tbody tr > .sorting_2,
    table.dataTable.display tbody tr > .sorting_3,
    table.dataTable.order-column tbody tr > .sorting_1,
    table.dataTable.order-column tbody tr > .sorting_2,
    table.dataTable.order-column tbody tr > .sorting_3 {
        background-color: var(--neutral-gray-lighter);
    }

    table.dataTable.display tbody tr.selected > .sorting_1,
    table.dataTable.display tbody tr.selected > .sorting_2,
    table.dataTable.display tbody tr.selected > .sorting_3,
    table.dataTable.order-column tbody tr.selected > .sorting_1,
    table.dataTable.order-column tbody tr.selected > .sorting_2,
    table.dataTable.order-column tbody tr.selected > .sorting_3 {
        background-color: var(--support-pastel-green);
    }

    table.dataTable.display tbody tr.odd > .sorting_1,
    table.dataTable.display tbody tr.odd > .sorting_2,
    table.dataTable.display tbody tr.odd > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: var(--neutral-gray-lighter);
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1,
    table.dataTable.display tbody tr.odd.selected > .sorting_2,
    table.dataTable.display tbody tr.odd.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: var(--support-grey);
    }

    table.dataTable.display tbody tr.even > .sorting_1,
    table.dataTable.display tbody tr.even > .sorting_2,
    table.dataTable.display tbody tr.even > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: var(--neutral-gray-lighter);
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1,
    table.dataTable.display tbody tr.even.selected > .sorting_2,
    table.dataTable.display tbody tr.even.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: var(--support-pastel-green);
    }

    table.dataTable.display tbody tr.even:hover > .sorting_1,
    table.dataTable.display tbody tr.even:hover > .sorting_2,
    table.dataTable.display tbody tr.odd:hover > .sorting_1,
    table.dataTable.display tbody tr.odd:hover > .sorting_2,
    table.dataTable.display tbody tr:hover > .sorting_1,
    table.dataTable.display tbody tr:hover > .sorting_2,
    table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1,
    table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2,
    table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
    table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: var(--cool-gray-light);
    }

    table.dataTable.display tbody tr.even:hover > .sorting_3,
    table.dataTable.display tbody tr.odd:hover > .sorting_3,
    table.dataTable.display tbody tr:hover > .sorting_3,
    table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3,
    table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: var(--cool-gray-lighter);
    }

    table.dataTable.display tbody tr.even:hover.selected > .sorting_1,
    table.dataTable.display tbody tr.even:hover.selected > .sorting_2,
    table.dataTable.display tbody tr.even:hover.selected > .sorting_3,
    table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
    table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
    table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
    table.dataTable.display tbody tr:hover.selected > .sorting_1,
    table.dataTable.display tbody tr:hover.selected > .sorting_2,
    table.dataTable.display tbody tr:hover.selected > .sorting_3,
    table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1,
    table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2,
    table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3,
    table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
    table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
    table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: var(--support-grey);
    }

    table.dataTable.nowrap td,
    table.dataTable.nowrap th {
        white-space: nowrap;
    }

    table.dataTable.compact thead td,
    table.dataTable.compact thead th {
        padding: 5px 9px;
    }

    table.dataTable.compact tfoot td,
    table.dataTable.compact tfoot th {
        padding: 5px 9px 3px;
    }

    table.dataTable.compact tbody td,
    table.dataTable.compact tbody th {
        padding: 4px 5px;
    }

    table.dataTable td.dt-left,
    table.dataTable th.dt-left {
        text-align: left;
    }

    table.dataTable td.dataTables_empty,
    table.dataTable td.dt-center,
    table.dataTable th.dt-center {
        text-align: center;
    }

    table.dataTable td.dt-right,
    table.dataTable th.dt-right {
        text-align: right;
    }

    table.dataTable td.dt-justify,
    table.dataTable th.dt-justify {
        text-align: justify;
    }

    table.dataTable td.dt-nowrap,
    table.dataTable th.dt-nowrap {
        white-space: nowrap;
    }

    table.dataTable tfoot td.dt-head-left,
    table.dataTable tfoot th.dt-head-left,
    table.dataTable thead td.dt-head-left,
    table.dataTable thead th.dt-head-left {
        text-align: left;
    }

    table.dataTable tfoot td.dt-head-center,
    table.dataTable tfoot th.dt-head-center,
    table.dataTable thead td.dt-head-center,
    table.dataTable thead th.dt-head-center {
        text-align: center;
    }

    table.dataTable tfoot td.dt-head-right,
    table.dataTable tfoot th.dt-head-right,
    table.dataTable thead td.dt-head-right,
    table.dataTable thead th.dt-head-right {
        text-align: right;
    }

    table.dataTable tfoot td.dt-head-justify,
    table.dataTable tfoot th.dt-head-justify,
    table.dataTable thead td.dt-head-justify,
    table.dataTable thead th.dt-head-justify {
        text-align: justify;
    }

    table.dataTable tfoot td.dt-head-nowrap,
    table.dataTable tfoot th.dt-head-nowrap,
    table.dataTable thead td.dt-head-nowrap,
    table.dataTable thead th.dt-head-nowrap {
        white-space: nowrap;
    }

    table.dataTable tbody td.dt-body-left,
    table.dataTable tbody th.dt-body-left {
        text-align: left;
    }

    table.dataTable tbody td.dt-body-center,
    table.dataTable tbody th.dt-body-center {
        text-align: center;
    }

    table.dataTable tbody td.dt-body-right,
    table.dataTable tbody th.dt-body-right {
        text-align: right;
    }

    table.dataTable tbody td.dt-body-justify,
    table.dataTable tbody th.dt-body-justify {
        text-align: justify;
    }

    table.dataTable tbody td.dt-body-nowrap,
    table.dataTable tbody th.dt-body-nowrap {
        white-space: nowrap;
    }

    table.dataTable,
    table.dataTable td,
    table.dataTable th {
        box-sizing: content-box;
    }

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
    z-index: 1;
}

    .dataTables_wrapper .dataTables_length {
        float: left;
    }

    .dataTables_wrapper .dataTables_filter {
        float: right;
        text-align: right;
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: 0.755em;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: var(--neutral-gray-darker) !important;
            border: 1px solid transparent;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current,
            .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: var(--neutral-gray-darker) !important;
                border: 1px solid var(--support-pastel-brown);
                background-color: var(--white);
                background: linear-gradient( 180deg, var(--white) 0, var(--support-pastel-grey) );
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
                cursor: default;
                color: var(--neutral-gray-dark) !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: var(--white) !important;
                border: 1px solid var(--neutral-gray-darkest);
                background-color: var(--neutral-gray-dark);
                background: linear-gradient( 180deg, var(--neutral-gray-dark) 0, var(--neutral-gray-darkest) );
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: var(--neutral-gray-darker);
                background: linear-gradient( 180deg, var(--neutral-gray-darker) 0, var(--neutral-gray-darkest) );
                box-shadow: inset 0 0 3px var(--neutral-gray-darkest);
            }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: transparent;
    }

    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_paginate,
    .dataTables_wrapper .dataTables_processing {
        color: var(--neutral-gray-darker);
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
        }

            .dataTables_wrapper
            .dataTables_scroll
            div.dataTables_scrollBody
            td > div.dataTables_sizing,
            .dataTables_wrapper
            .dataTables_scroll
            div.dataTables_scrollBody
            th > div.dataTables_sizing {
                height: 0;
                overflow: hidden;
                margin: 0 !important;
                padding: 0 !important;
            }

.dataTables_scrollBody {
    border-bottom: 1px solid var(--cool-gray-light);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-width: 0;
}

.dataTables_wrapper.no-footer div.dataTables_scrollBody table,
.dataTables_wrapper.no-footer div.dataTables_scrollHead table {
    border-bottom: none;
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

div.DTFC_Blocker,
table.DTFC_Cloned tfoot,
table.DTFC_Cloned thead {
    background-color: var(--white);
}

div.DTFC_LeftWrapper table.dataTable,
div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
}

.animation-slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    50% {
        transform: translateY(8%);
    }

    65% {
        transform: translateY(-4%);
    }

    80% {
        transform: translateY(4%);
    }

    95% {
        transform: translateY(-2%);
    }

    to {
        transform: translateY(0);
    }
}

.animation-slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }

    50% {
        transform: translateY(-8%);
    }

    65% {
        transform: translateY(4%);
    }

    80% {
        transform: translateY(-4%);
    }

    95% {
        transform: translateY(2%);
    }

    to {
        transform: translateY(0);
    }
}

.animation-slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%);
    }

    50% {
        ransform: translateX(-8%);
    }

    65% {
        transform: translateX(4%);
    }

    80% {
        transform: translateX(-4%);
    }

    95% {
        transform: translateX(2%);
    }

    to {
        transform: translateX(0);
    }
}

.animation-slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }

    50% {
        transform: translateX(8%);
    }

    65% {
        transform: translateX(-4%);
    }

    80% {
        transform: translateX(4%);
    }

    95% {
        transform: translateX(-2%);
    }

    to {
        transform: translateX(0);
    }
}

.animation-slideExpandUp {
    animation-name: slideExpandUp;
    -webkit-animation-name: slideExpandUp;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease -out;
    visibility: visible !important;
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(0.5);
    }

    30% {
        transform: translateY(-8%) scaleX(0.5);
    }

    40% {
        transform: translateY(2%) scaleX(0.5);
    }

    50% {
        transform: translateY(0) scaleX(1.1);
    }

    60% {
        transform: translateY(0) scaleX(0.9);
    }

    70% {
        transform: translateY(0) scaleX(1.05);
    }

    80% {
        transform: translateY(0) scaleX(0.95);
    }

    90% {
        transform: translateY(0) scaleX(1.02);
    }

    to {
        transform: translateY(0) scaleX(1);
    }
}

.animation-expandUp {
    animation-name: expandUp;
    -webkit-animation-name: expandUp;
    animation-duration: 0.7s;
    -webkit-animation-duration: 0.7s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(0.6) scaleY(0.5);
    }

    60% {
        transform: translateY(-7%) scaleY(1.12);
    }

    75% {
        transform: translateY(3%);
    }

    to {
        transform: translateY(0) scale(1) scaleY(1);
    }
}

.animation-fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    60% {
        transform: scale(1.1);
    }

    80% {
        transform: scale(0.9);
        opacity: 1;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.animation-expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8);
    }

    50% {
        transform: scale(0.95);
    }

    80% {
        transform: scale(1.05);
    }

    90% {
        transform: scale(0.98);
    }

    to {
        transform: scale(1);
    }
}

.animation-bigEntrance {
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible !important;
}

@keyframes bigEntrance {
    0% {
        transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
        opacity: 0.2;
    }

    30% {
        transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
        opacity: 1;
    }

    45% {
        transform: scale(0.98) rotate(1deg) translateX(0) translateY(0);
        opacity: 1;
    }

    60% {
        transform: scale(1.01) rotate(-1deg) translateX(0) translateY(0);
        opacity: 1;
    }

    75% {
        transform: scale(0.99) rotate(1deg) translateX(0) translateY(0);
        opacity: 1;
    }

    90% {
        transform: scale(1.01) rotate(0deg) translateX(0) translateY(0);
        opacity: 1;
    }

    to {
        transform: scale(1) rotate(0deg) translateX(0) translateY(0);
        opacity: 1;
    }
}

.animation-hatch {
    animation-name: hatch;
    -webkit-animation-name: hatch;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    visibility: visible !important;
}

@keyframes hatch {
    0% {
        transform: rotate(0deg) scaleY(0.6);
    }

    20% {
        transform: rotate(-2deg) scaleY(1.05);
    }

    35% {
        transform: rotate(2deg) scaleY(1);
    }

    50% {
        transform: rotate(-2deg);
    }

    65% {
        transform: rotate(1deg);
    }

    80% {
        transform: rotate(-1deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.animation-bounce {
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

@keyframes bounce {
    0% {
        transform: translateY(0) scaleY(0.6);
    }

    60% {
        transform: translateY(-100%) scaleY(1.1);
    }

    70% {
        transform: translateY(0) scaleY(0.95) scaleX(1.05);
    }

    80% {
        transform: translateY(0) scaleY(1.05) scaleX(1);
    }

    90% {
        transform: translateY(0) scaleY(0.95) scaleX(1);
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1);
    }
}

.animation-pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }

    50% {
        ransform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

.animation-floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(8%);
    }

    to {
        transform: translateY(0);
    }
}

.animation-tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg);
    }

    50% {
        transform: rotate(4deg);
    }

    to {
        transform: rotate(-4deg);
    }
}

.animation-pullUp {
    animation-name: pullUp;
    -webkit-animation-name: pullUp;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
    0% {
        transform: scaleY(0.1);
    }

    40% {
        transform: scaleY(1.02);
    }

    60% {
        transform: scaleY(0.98);
    }

    to {
        transform: scaleY(0.98);
    }

    80% {
        transform: scaleY(1.01);
    }

    to {
        transform: scaleY(1);
    }
}

.animation-pullDown {
    animation-name: pullDown;
    -webkit-animation-name: pullDown;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
}

@keyframes pullDown {
    0% {
        transform: scaleY(0.1);
    }

    40% {
        transform: scaleY(1.02);
    }

    60% {
        transform: scaleY(0.98);
    }

    to {
        transform: scaleY(0.98);
    }

    80% {
        transform: scaleY(1.01);
    }

    to {
        transform: scaleY(1);
    }
}

.animation-stretchLeft {
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(0.3);
    }

    40% {
        transform: scaleX(1.02);
    }

    60% {
        transform: scaleX(0.98);
    }

    to {
        transform: scaleX(0.98);
    }

    80% {
        transform: scaleX(1.01);
    }

    to {
        transform: scaleX(1);
    }
}

.animation-stretchRight {
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

@keyframes stretchRight {
    0% {
        transform: scaleX(0.3);
    }

    40% {
        transform: scaleX(1.02);
    }

    60% {
        transform: scaleX(0.98);
    }

    to {
        transform: scaleX(0.98);
    }

    80% {
        transform: scaleX(1.01);
    }

    to {
        transform: scaleX(1);
    }
}

.bootstrap-timepicker {
    position: relative;
}

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer;
    }

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
        left: auto;
        right: 0;
    }

        .bootstrap-timepicker.pull-right
        .bootstrap-timepicker-widget.dropdown-menu:before {
            left: auto;
            right: 12px;
        }

        .bootstrap-timepicker.pull-right
        .bootstrap-timepicker-widget.dropdown-menu:after {
            left: auto;
            right: 13px;
        }

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 2px 3px 2px 2px;
}

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block;
    }

    .bootstrap-timepicker-widget.dropdown-menu:before {
        border-bottom: 7px solid var(--neutral-gray-light);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        left: 9px;
        position: absolute;
        top: -7px;
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 6px solid var(--white);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        left: 10px;
        position: absolute;
        top: -6px;
    }

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 4px;
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px;
    }

        .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 30px;
        }

        .bootstrap-timepicker-widget table td span {
            width: 100%;
        }

        .bootstrap-timepicker-widget table td a {
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 8px 0;
            outline: 0;
            color: var(--neutral-gray-darker);
        }

            .bootstrap-timepicker-widget table td a:hover {
                text-decoration: none;
                background-color: var(--primary-brand-accent);
                color: var(--white);
            }

            .bootstrap-timepicker-widget table td a i {
                margin-top: 2px;
                font-size: 18px;
            }

        .bootstrap-timepicker-widget table td input {
            width: 25px;
            margin: 0;
            text-align: center;
        }

.bootstrap-timepicker-widget .modal-content {
    padding: 4px;
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker,
    .bootstrap-timepicker .dropdown-menu {
        width: 100%;
    }
}

div.tagsinput {
    background: var(--white);
    width: 100%;
    height: auto;
    padding: 6px 8px 0;
    color: var(--neutral-gray-darker);
    box-shadow: 0 1px 0 var(--neutral-gray-light);
    border: 1px solid var(--neutral-gray-light);
}

    div.tagsinput span.tag {
        border: 1px solid var(--primary-brand-accent);
        border-radius: 4px;
        background-color: var(--white);
        border-radius: 2px;
        float: left;
        padding: 0 20px 0 5px;
        margin-right: 4px;
        margin-bottom: 6px;
        position: relative;
    }

        div.tagsinput span.tag,
        div.tagsinput span.tag a {
            display: block;
            height: 20px;
            line-height: 18px;
            text-decoration: none;
            font-size: 12px;
        }

            div.tagsinput span.tag a {
                position: absolute;
                top: 0;
                right: 5px;
                font-weight: 700;
                width: 10px;
                text-align: center;
            }

    div.tagsinput input {
        width: 80px;
        font-family: helvetica;
        font-size: 12px;
        border: 1px solid transparent;
        padding: 0 5px;
        height: 20px;
        line-height: 20px;
        background: transparent;
        outline: 0;
        margin: 0 4px 6px 0;
    }

    div.tagsinput div {
        display: block;
        float: left;
    }

    div.tagsinput:after,
    div.tagsinput:before {
        content: " ";
        display: table;
    }

    div.tagsinput:after {
        clear: both;
    }

.not_valid {
    background: var(--ui-danger-lightest) !important;
    color: var(--support-red-darker) !important;
}

.imgareaselect-border1 {
    background: url(/build/client/img/plugins/imgAreaSelect/border-v.gif) repeat-y 0 0;
}

.imgareaselect-border2 {
    background: url(/build/client/img/plugins/imgAreaSelect/border-h.gif) repeat-x 0 0;
}

.imgareaselect-border3 {
    background: url(/build/client/img/plugins/imgAreaSelect/border-v.gif) repeat-y 100% 0;
}

.imgareaselect-border4 {
    background: url(/build/client/img/plugins/imgAreaSelect/border-h.gif) repeat-x 0 100%;
}

.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4,
.imgareaselect-handle {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.imgareaselect-handle {
    background-color: var(--white);
    border: 1px solid var(--support-black);
}

.imgareaselect-outer {
    background-color: var(--support-black);
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index: 10001;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px 0.4em;
        line-height: 1.5;
        min-height: 0;
        font-weight: 400;
    }

        .ui-menu .ui-menu-item a.ui-state-active,
        .ui-menu .ui-menu-item a.ui-state-focus {
            font-weight: 400;
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: 400;
        margin: 0.4em 0 0.2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0.2em;
    left: 0.2em;
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
}

    .ui-widget,
    .ui-widget .ui-widget {
        font-size: 1em;
    }

        .ui-widget button,
        .ui-widget input,
        .ui-widget select,
        .ui-widget textarea {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
        }

.ui-widget-content {
    border: 1px solid var(--support-pastel-grey);
    background: var(--white);
}

    .ui-widget-content,
    .ui-widget-content a,
    .ui-widget-header {
        color: var(--neutral-gray-darker);
    }

.ui-widget-header {
    border: 1px solid var(--support-pastel-grey);
    background: var(--cool-gray-light);
    font-weight: 700;
}

    .ui-widget-header a {
        color: var(--neutral-gray-darker);
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid var(--support-pastel-brown);
        background: var(--neutral-gray-lighter);
        font-weight: 400;
        color: var(--support-brown-dark);
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: var(--support-brown-dark);
            text-decoration: none;
        }

    .ui-state-focus,
    .ui-state-hover,
    .ui-widget-content .ui-state-focus,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-focus,
    .ui-widget-header .ui-state-hover {
        border: 1px solid var(--support-pastel-brown);
        background: var(--cool-gray-lighter);
        font-weight: 400;
        color: var(--neutral-gray-darker);
    }

        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited,
        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited {
            color: var(--neutral-gray-darker);
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid var(--support-darkblue);
        background: var(--primary-brand-accent);
        font-weight: 400;
        color: var(--white);
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: var(--white);
            text-decoration: none;
        }

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid var(--support-yellow);
        background: var(--support-pastel-orange);
        color: var(--support-lightgreen-dark);
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: var(--support-lightgreen-dark);
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid var(--support-brown-light);
        background: var(--ui-danger-lightest);
        color: var(--support-brown-dark);
    }

        .ui-state-error-text,
        .ui-state-error a,
        .ui-widget-content .ui-state-error-text,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error-text,
        .ui-widget-header .ui-state-error a {
            color: var(--support-brown-dark);
        }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: 700;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: 0.7;
        filter: Alpha(Opacity=70);
        font-weight: 400;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: 0.35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35);
        }

.autocomplete-suggestions {
    border: 1px solid #a9a9a9;
    background-color: #fff;
    overflow: auto;
    z-index: 99 !important;
    top: 35px;
    max-width: 500px;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
}

header.navbar ul.right-icons > li > a {
    background-color: var(--primary-brand-accent);
}

    header.navbar ul.right-icons > li > a:hover {
        background-color: var(--support-pastel-blue);
    }

header.navbar .navbar-brand:hover {
    background-color: unset !important;
}

.chosen-container.filter-active:not(.chosen-with-drop) .chosen-single {
    border: 2px solid var(--primary-brand-accent) !important;
    border-radius: 3px;
    color: var(--primary-brand-accent);
}

.modal-content {
    box-shadow: none;
    border-radius: 4px;
}

.modal-title {
    color: var(--neutral-gray-darker);
    font-size: 16px;
    font-weight: 600;
}

.modal-body {
    padding: 24px;
}

.modal-header .modal-title > div > span {
    color: var(--neutral-gray);
}

.modal-header .close {
    margin-top: -4px;
    outline: none;
    background: var(--cool-gray-lighter);
    border-radius: 2px 2px 2px 2px;
    height: 32px;
    width: 32px;
    opacity: 1;
    text-shadow: none;
    font-weight: 400;
    transition: all 0.3s ease;
}

    .modal-header .close:hover {
        background: var(--cool-gray-light);
        color: var(--neutral-gray-dark);
        text-decoration: none;
    }

    .modal-header .close:active {
        background: var(--support-pastel-grey);
    }

.modal-footer {
    margin-top: 0;
    padding: 12px 24px;
}

    .modal-footer > button {
        margin-left: 8px;
    }

.personio-tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 12px 12px 0;
    list-style: none;
    background-color: var(--tab-background-color);
}

    .personio-tab li a {
        display: block;
        padding: 14px 12px 8px;
        color: var(--neutral-gray-darker);
        text-decoration: none;
        font-size: 14px;
        border-bottom: 3px solid transparent;
    }

    .personio-tab li.active a {
        font-weight: 700;
        color: var(--primary-brand-accent);
        border-bottom-color: var(--primary-brand-accent);
    }

    .personio-tab li:active a,
    .personio-tab li:hover a {
        background-color: var(--tab-background-color);
    }

.block-title.personio-recruiting-header {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--color-border);
    background-color: var(--background-default);
    margin: 0 var(--spacing-8) 0;
}

    .block-title.personio-recruiting-header > h2 {
        padding: var(--spacing-6) 0 0;
        font-size: var(--font-size-2xl);
        font-weight: var(--font-weights-bold);
        line-height: var(--line-height-base);
    }

    .block-title.personio-recruiting-header ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: var(--spacing-3) 0 0;
        list-style: none;
        background-color: var(--background-default);
    }

        .block-title.personio-recruiting-header ul li {
            margin: 0 var(--spacing-3) -1px;
        }

            .block-title.personio-recruiting-header ul li:first-child {
                margin-left: 0;
            }

            .block-title.personio-recruiting-header ul li a {
                display: block;
                padding: var(--spacing-3) 0 var(--spacing-2);
                text-decoration: none;
                border-bottom: 1px solid transparent;
            }

            .block-title.personio-recruiting-header ul li.active a {
                color: var(--color-blue-9);
                border-bottom: 1px solid var(--color-blue-9);
                font-weight: var(--font-weights-regular);
            }

            .block-title.personio-recruiting-header ul li:active a,
            .block-title.personio-recruiting-header ul li:hover a {
                background-color: transparent;
                font-weight: var(--font-weights-regular);
            }

.personio-tab-redesign {
    display: flex;
    z-index: 10;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    list-style: none;
    padding: 0 var(--spacing-6);
}

    .personio-tab-redesign li a {
        display: block;
        height: 44px;
        padding: var(--spacing-3);
        margin: 0;
        flex-shrink: 0;
        color: var(--neutral-80);
        text-decoration: none;
        font-weight: var(--font-weight-regular);
    }

        .personio-tab-redesign li a:focus,
        .personio-tab-redesign li a:hover {
            box-shadow: inset 0 -2px 0 var(--border-default);
            text-decoration: none;
            color: var(--neutral-80);
        }

    .personio-tab-redesign li.active a {
        box-shadow: inset 0 -2px 0 var(--accent-100);
        font-weight: var(--font-weight-semi-bold);
    }

        .personio-tab-redesign li.active a:focus,
        .personio-tab-redesign li.active a:hover {
            box-shadow: inset 0 -2px 0 var(--accent-100);
            text-decoration: none;
        }

.personio-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    margin-right: 24px;
    padding-bottom: 24px;
}

    .personio-heading .export-button {
        margin-right: 16px;
    }

.personio-table {
    width: 100%;
    font-size: 13px;
}

    .personio-table thead th {
        padding: 5px 10px 14px;
        font-weight: 600;
    }

    .personio-table tbody {
        box-shadow: 0 1px 4px 0 var(--cool-gray-light);
    }

        .personio-table tbody tr:nth-child(odd) {
            background-color: var(--cool-gray-lighter);
        }

        .personio-table tbody td {
            padding: 10px;
            line-height: 1.5;
        }

            .personio-table tbody td + td {
                border-left: 1px solid var(--neutral-gray-light);
            }

.f-table {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
}

.f-th {
    display: none;
    font-weight: 700;
    background-color: var(--white);
}

    .f-th > .f-td {
        white-space: normal;
        justify-content: center;
    }

.f-tr {
    width: 100%;
}

.f-td,
.f-tr {
    display: flex;
    flex-flow: row nowrap;
}

.f-td {
    flex-grow: 1;
    flex-basis: 0;
    padding: 0.5em;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    border-bottom: 1px solid var(--neutral-gray-light);
}

.personio-panel-group .panel {
    margin: 16px 16px 16px 0;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 var(--neutral-gray-light);
}

.personio-panel-group .panel-default,
.personio-panel-group .panel-default .panel-collapse .panel-body {
    border: 0;
}

.personio-panel-group .panel-heading {
    padding: 16px;
    display: flex;
    justify-content: space-between;
}

    .personio-panel-group .panel-heading .heading-text {
        align-items: center;
        display: flex;
    }

        .personio-panel-group .panel-heading .heading-text > * {
            margin-right: 24px;
        }

        .personio-panel-group .panel-heading .heading-text a:hover {
            text-decoration: underline;
        }

        .personio-panel-group .panel-heading .heading-text .absence-policy-title {
            color: var(--neutral-gray-darker);
            font-weight: 600;
            font-size: 14px;
            letter-spacing: 0;
        }

        .personio-panel-group .panel-heading .heading-text .absence-policy-subtitle {
            color: var(--neutral-gray);
            font-size: 12px;
            font-weight: 600;
        }

        .personio-panel-group .panel-heading .heading-text .arrow {
            color: var(--neutral-gray);
            font-size: 18px;
            font-weight: 100;
            margin-left: 8px;
            width: 10px;
        }

    .personio-panel-group .panel-heading .heading-buttons {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .personio-panel-group .panel-heading .heading-buttons > * {
            margin-left: 8px;
            color: var(--neutral-gray-darker);
        }

.personio-panel-group .panel-body .col-md-12:first-child .sub-header {
    margin-top: 0;
}

.personio-tag-default {
    color: var(--neutral-gray);
    border: 1px solid var(--neutral-gray);
    background-color: var(--white);
}

.personio-vertical-list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--neutral-gray-darker);
    font-size: 13px;
}

    .personio-vertical-list .list-title {
        padding: 13px 18px 18px;
    }

    .personio-vertical-list li a {
        display: block;
        color: inherit;
        text-decoration: none;
        padding: 9px 18px;
    }

    .personio-vertical-list li:active a,
    .personio-vertical-list li:hover a {
        background-color: var(--cool-gray-lighter);
    }

    .personio-vertical-list li.active a {
        background-color: var(--primary-brand-accent);
        color: var(--white);
    }

.react-datepicker-popper {
    z-index: 5 !important;
}

.react-datepicker-wrapper,
.react-datepicker__input-container {
    display: block !important;
}

.react-datepicker__input-container {
    overflow: hidden;
}

#page-container.adjustedPageContainer {
    padding-left: 224px;
}

#page-container.adjustedPageContainerCollapsed {
    padding-left: 68px;
}

#page-container.noGlobalBanner {
    padding-top: 0;
    margin-top: 0;
    top: 0;
}

.sidebarVintagePlaceholder {
    --sidebar-placeholder-background-color: #3b4a4e;
    --sidebar-placeholder-divider-color: #6b7476;
    --sidebar-placeholder-item-color: #333;
    --sidebar-placeholder-margin: 0px;
    --sidebar-placeholder-border-radius: 0px;
    --sidebar-placeholder-width: 224px;
    --sidebar-placeholder-width-collapsed: 68px;
    --sidebar-skeleton-margin: var(--spacing-3);
}

.impersonation #navigation-placeholder {
    top: 50px;
    height: calc(100% - 50px - var(--sidebar-placeholder-margin) * 2);
}

#navigation-placeholder {
    background: linear-gradient( 175deg, rgba(0, 140, 255, 0.16), rgba(252, 255, 126, 0.16) 900px ), hsla(0, 0%, 100%, 0.96);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: calc(100% - var(--sidebar-placeholder-margin) * 2);
    left: 0;
    position: fixed;
    top: 0;
    transform: translateZ(0);
    width: var(--sidebar-placeholder-width);
    z-index: 1031;
    margin: var(--sidebar-placeholder-margin) 0 var(--sidebar-placeholder-margin) var(--sidebar-placeholder-margin);
    border-radius: var(--sidebar-placeholder-border-radius);
}

    #navigation-placeholder.collapsed {
        width: var(--sidebar-placeholder-width-collapsed);
    }

        #navigation-placeholder.collapsed .skeleton {
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto;
            width: 26px;
        }

    #navigation-placeholder .sidebarSkeleton {
        padding: var(--sidebar-skeleton-margin);
    }

    #navigation-placeholder .divider {
        align-self: stretch;
        border-top: 0;
        height: 0;
        margin: 0 auto var(--spacing-3);
    }

    #navigation-placeholder .skeleton {
        margin-bottom: 12px;
        border-radius: 20px;
        background-color: hsla(0, 0%, 49.8%, 0.14);
        height: 26px;
        width: 100%;
        animation: skeleton 0.65s infinite alternate;
    }

@keyframes skeleton {
    0% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

.settings-ui__back-button {
    padding: 24px 20px 6px;
}

.settings-ui__back-button_link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    color: var(--primary-brand-accent-darkest);
}

.settings-ui__back-button_icon {
    width: 6px;
    margin-right: 6px;
}

.settings-ui__page-title {
    color: var(--neutral-gray-darkest);
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0;
    padding: 0 20px;
}

:root {
    --primary-brand-accent: #008dcb;
    --primary-brand-accent-dark: #0b98bb;
    --primary-brand-accent-darker: #0a8eaf;
    --primary-brand-accent-darkest: #0984a3;
    --primary-brand-accent-lightest: #cff0f9;
    --neutral-gray: #a5a5a5;
    --neutral-gray-lighter: #f7f7f7;
    --neutral-gray-light: #d6d6d6;
    --neutral-gray-dark: #555;
    --neutral-gray-darker: #333;
    --neutral-gray-darkest: #161616;
    --cool-gray-lighter: #f4f7f9;
    --cool-gray-light: #dbe5ec;
    --cool-gray-dark: #4b545b;
    --ui-success: #74c970;
    --ui-success-dark: #59bf54;
    --ui-success-darker: #50bb4b;
    --ui-success-darkest: #49b544;
    --ui-success-lightest: #cdf4e2;
    --ui-warning: #ffa319;
    --ui-warning-dark: #ef9a1b;
    --ui-warning-darker: #de8e17;
    --ui-warning-darkest: #d78100;
    --ui-warning-lightest: #fef7eb;
    --ui-danger: #ec4a3f;
    --ui-danger-dark: #da382d;
    --ui-danger-darker: #d33126;
    --ui-danger-darkest: #cb291e;
    --ui-danger-lightest: #ffe3df;
    --support-pastel-red: #f8ccc9;
    --support-red: #f55549;
    --support-red-dark: #b53f36;
    --support-red-darker: #752923;
    --support-pastel-pink: #f5c3d4;
    --support-pink: #e8467c;
    --support-pink-dark: #bd1a51;
    --support-pink-darker: #a8325a;
    --support-pastel-purple: #e1c5e7;
    --support-purple: #9f3eb0;
    --support-purple-dark: #782e85;
    --support-purple-light: #b75fc6;
    --support-pastel-darkpurple: #d5cae9;
    --support-darkpurple: #7d5cb8;
    --support-darkpurple-dark: #523c78;
    --support-darkpurple-darker: #3a2a54;
    --support-pastel-darkblue: #cfd6ec;
    --support-darkblue: #0d34a2;
    --support-darkblue-dark: #293475;
    --support-darkblue-darker: #1d2552;
    --support-pastel-blue: #bbe5f8;
    --support-blue: #0db5df;
    --support-blue-dark: #09809e;
    --support-blue-darker: #07637a;
    --support-pastel-green: #bbe1dd;
    --support-green: #3c968d;
    --support-green-dark: #235751;
    --support-green-darker: #1e4a46;
    --support-pastel-lightgreen: #deecce;
    --support-lightgreen: #8bc34a;
    --support-lightgreen-dark: #5c8231;
    --support-lightgreen-darker: #486627;
    --support-pastel-yellow: #fbf6ca;
    --support-yellow: #f4e453;
    --support-yellow-dark: #e4cf19;
    --support-yellow-darker: #b4a72f;
    --support-pastel-orange: #fbe1bb;
    --support-orange: #ffa319;
    --support-orange-dark: #d98b16;
    --support-orange-darker: #a36810;
    --support-pastel-brown: #d9d0cd;
    --support-brown-light: #e8a48b;
    --support-brown: #795548;
    --support-brown-dark: #523a31;
    --support-pastel-grey: #d3dade;
    --support-grey: #8da5b2;
    --support-grey-dark: #5a7886;
    --support-grey-darker: #465b66;
    --support-black: #000;
    --white: #fff;
    --font-family-base: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --action-accent: #cff0f9;
    --border-accent: #46dcfa;
    --tab-background-color: #f4f7f9;
}

.overhaul {
    --primary-brand-accent: var(--color-solid-accent);
    --neutral-gray-light: var(--color-gray-5);
    --neutral-gray-lighter: var(--color-gray-2);
    --neutral-gray: var(--color-gray-7);
    --neutral-gray-darker: var(--color-gray-11);
    --cool-gray-lighter: var(--color-gray-2);
    --neutral-gray-dark: var(--color-gray-11);
    --support-black: var(--color-gray-12);
    --cool-gray-light: var(--color-gray-5);
    --support-pastel-grey: var(--color-gray-5);
    --neutral-gray-darkest: var(--color-gray-12);
    --ui-danger: var(--color-solid-negative);
    --support-darkblue: var(--color-indigo-10);
    --support-yellow: var(--color-yellow-6);
    --support-grey: var(--color-gray-7);
    --ui-danger-lightest: var(--color-surface-negative);
    --primary-brand-accent-lightest: var(--color-surface-accent);
    --support-pastel-orange: var(--color-amber-3);
    --ui-warning-lightest: var(--color-amber-2);
    --ui-success: var(--color-solid-positive);
    --cool-gray-dark: var(--color-gray-11);
    --support-brown-dark: var(--color-orange-11);
    --support-pastel-blue: var(--color-blue-5);
    --ui-success-darker: var(--color-solid-active-positive);
    --primary-brand-accent-dark: var(--color-solid-active-accent);
    --primary-brand-accent-darker: var(--color-solid-active-accent);
    --primary-brand-accent-darkest: var(--color-solid-active-accent);
    --ui-danger-dark: var(--color-solid-hover-negative);
    --support-pastel-red: var(--color-red-5);
    --ui-danger-darkest: var(--color-solid-active-negative);
    --support-lightgreen-dark: var(--color-green-10);
    --support-blue: var(--color-solid-accent);
    --support-blue-dark: var(--color-solid-accent);
    --support-blue-darker: var(--color-solid-accent-alpha);
    --support-pastel-lightgreen: var(--color-green-3);
    --support-green: var(--color-emerald-8);
    --support-orange: var(--color-orange-8);
    --support-yellow-dark: var(--color-yellow-7);
    --support-green-darker: var(--color-emerald-11);
    --support-pastel-darkblue: var(--color-indigo-4);
    --font-family-base: var(--font-family-default);
    --action-accent: var(--color-action-accent);
    --border-accent: var(--color-border-accent);
    --tab-background-color: #fff;
}

.modern {
    --start: rgba(0, 140, 255, 0.16);
    --stop: rgba(252, 255, 126, 0.16) 900px;
    --direction: 175deg;
    --modern-spacing: var(--spacing-2);
    --modern-side-width: 220px;
    background: linear-gradient(var(--direction), var(--start), var(--stop)), hsla(0, 0%, 100%, 0.96);
    background-repeat: no-repeat;
    overflow: hidden;
}

    .modern #page-container {
        background-color: #fff;
        border-radius: 8px 8px 0 0;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        height: calc(100% - var(--modern-spacing));
        margin-left: calc(220px + var(--modern-spacing));
        margin-top: var(--modern-spacing);
        margin-right: var(--modern-spacing);
        overflow: auto;
        padding: 0;
        transition: margin-left 0.24s linear;
        width: auto;
    }

    .modern #impersonation-banner {
        border-radius: 8px;
        left: calc(var(--modern-side-width) + var(--modern-spacing));
        top: var(--modern-spacing);
        right: var(--modern-spacing);
        transition: left 0.24s linear;
        width: auto;
    }

        .modern #impersonation-banner ~ #page-container {
            margin-top: calc(50px + var(--modern-spacing) * 2);
        }

        .modern #impersonation-banner ~ #navigation-frontend > nav {
            height: 100%;
            margin-top: 0;
        }

        .modern #impersonation-banner.withCollapsedNav {
            left: calc(60px + var(--modern-spacing));
        }

    .modern #page-container.adjustedPageContainerCollapsed {
        margin-left: calc(60px + var(--modern-spacing));
    }

body,
html {
    height: 100%;
}

body {
    font-family: var(--font-family-default);
    color: var(--color-text-primary);
    font-size: 14px;
    background-color: var(--white);
    background-repeat: repeat-y;
}

::selection {
    background: default;
}

::-moz-selection {
    background: #b4d5ff;
}

body a {
    color: var(--primary-brand-accent);
}

    body a:focus,
    body a:hover {
        color: var(--primary-brand-accent-dark);
    }

body .btn-primary {
    background-color: var(--primary-brand-accent);
    border-color: var(--primary-brand-accent);
}

    body .btn-primary.active,
    body .btn-primary:active,
    body .btn-primary:focus,
    body .btn-primary:hover,
    body .open .dropdown-toggle.btn-primary {
        background-color: var(--primary-brand-accent-dark);
        border-color: var(--primary-brand-accent-darker);
    }

#login-container {
    width: 100%;
    min-width: 320px;
    max-width: 480px;
    padding: 10px;
    margin: 0 auto;
}

#page-container {
    width: 100%;
    min-width: 320px;
    height: 100%;
    padding: 64px 0 0 64px;
}

.header-fixed-bottom #page-container {
    padding: 0 0 50px;
}

.header-fixed-bottom header.navbar,
.header-fixed-top header.navbar {
    margin: 0;
}

#page-content.block {
    border-width: 0;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

#fx-container,
header {
    transition: all 0.3s ease-out;
}

.footer {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}

header {
    transform: translateZ(0);
}

.switch {
    margin: 1px 0;
    position: relative;
    cursor: pointer;
}

    .switch input {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .switch span {
        position: relative;
        display: inline-block;
        width: 54px;
        height: 28px;
        border-radius: 28px;
        background-color: var(--neutral-gray-lighter);
        border: 1px dashed var(--neutral-gray-light);
        transition: background-color 0.4s;
    }

    .switch.small span {
        width: 40px;
        height: 18px;
        border-radius: 18px;
    }

    .switch span:after {
        content: "";
        position: absolute;
        left: 2px;
        top: 1px;
        bottom: 1px;
        width: 24px;
        background-color: var(--white);
        border: 1px dashed var(--neutral-gray-light);
        border-radius: 24px;
        box-shadow: 1px 0 3px var(--neutral-gray-lighter);
        transition: all 0.1s ease-out;
    }

    .switch.small span:after {
        width: 18px;
        border-radius: 14px;
    }

    .switch input:checked + span:after {
        left: 26px;
        border: none;
        box-shadow: -2px 0 3px var(--neutral-gray-light);
    }

    .switch.small input:checked + span:after {
        left: 19px;
    }

    .switch input:checked + span {
        background-color: var(--neutral-gray-light);
    }

.switch-default span {
    border-color: var(--neutral-gray-light);
    border-style: solid;
}

.switch-default input:checked + span {
    background-color: var(--neutral-gray-light);
}

.switch-primary span {
    border-color: var(--primary-brand-accent);
}

.switch-primary input:checked + span {
    background-color: var(--primary-brand-accent);
}

.switch-info span {
    border-color: #2980b9;
}

.switch-info input:checked + span {
    background-color: #2980b9;
}

.switch-info input:disabled + span {
    background-color: var(--neutral-gray-light);
}

.switch-success span {
    border-color: #27ae60;
}

.switch-success input:checked + span {
    background-color: #27ae60;
}

.switch-warning span {
    border-color: #e67e22;
}

.switch-warning input:checked + span {
    background-color: #e67e22;
}

.switch-danger span {
    border-color: #e74c3c;
}

.switch-danger input:checked + span {
    background-color: #e74c3c;
}

.user-info {
    height: 51px;
    background-color: var(--neutral-gray-dark);
    padding: 5px 12px;
    border-bottom: 1px solid var(--neutral-gray-darkest);
}

.user-details {
    float: right;
    width: 136px;
    padding: 0 0 0 12px;
    height: 40px;
    line-height: 20px;
    font-size: 12px;
}

.block {
    margin: 0 0 20px;
    padding: 20px 20px 1px;
    background-color: var(--white);
}

#dashboard-container .block {
    border: 0;
    box-shadow: 0 0 4px 0 var(--neutral-gray-light) !important;
    border-radius: 5px !important;
}

.block.full {
    padding: 20px;
}

.block-title {
    margin: -20px;
    background-color: var(--neutral-gray-lighter);
    color: var(--cool-gray-dark);
}

.block-tabs .block-title {
    margin-bottom: 0;
}

.block-title h1,
.block-title h2,
.block-title h3,
.block-title h4,
.block-title h5,
.block-title h6 {
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    line-height: 1.4;
    margin: 0;
    padding: 10px 16px 7px;
    font-weight: 400;
}

    .block-title h1 small,
    .block-title h2 small,
    .block-title h3 small,
    .block-title h4 small,
    .block-title h5 small,
    .block-title h6 small {
        font-size: 14px;
        color: var(--neutral-gray-light);
        font-weight: 400;
    }

.block-title h1,
.block-title h2,
.block-title h3 {
    padding-left: 15px;
    padding-right: 15px;
    color: var(--support-black);
}

.block-options,
.block-title .nav-tabs {
    min-height: 42px;
    line-height: 40px;
}

.block-title .nav-tabs {
    padding: 3px 1px 0;
    border-bottom: none;
}

    .block-title .nav-tabs > li > a {
        border-bottom: none;
    }

.block-title .nav-tabs {
    margin-bottom: -2px;
}

    .block-title .nav-tabs > li > a {
        margin-bottom: 0;
        color: var(--cool-gray-dark);
    }

        .block-title .nav-tabs > li > a:hover {
            background-color: var(--primary-brand-accent);
            border-color: var(--neutral-gray-lighter);
            color: var(--white);
        }

    .block-title .nav-tabs > li.active > a,
    .block-title .nav-tabs > li.active > a:focus,
    .block-title .nav-tabs > li.active > a:hover {
        border-bottom-color: var(--neutral-gray-lighter);
        border-color: var(--neutral-gray-lighter) var(--neutral-gray-lighter) var(--white);
        border-style: solid;
        border-width: 1px 0 0;
        background-color: var(--white);
    }

.block-title code {
    border: none;
    padding: 3px 5px;
}

.block-options {
    margin: 0 6px;
    line-height: 39px;
}

    .block-options .label {
        display: inline-block;
        padding: 6px 12px;
        margin-top: 3px;
        vertical-align: middle;
        font-size: 13px;
    }

.block-top {
    margin: -20px -20px 20px;
}

.block-section {
    margin-bottom: 20px;
}

.block-header {
    margin: -20px -15px 20px;
    background: var(--neutral-gray-lighter);
}

    .block-header h1 {
        margin: 0;
        font-size: 28px;
        line-height: 32px;
    }

        .block-header h1 small {
            font-size: 18px;
        }

.header-section h1 i,
a.header-title-link h1 i {
    font-size: 56px;
    float: right;
    margin: 2px 0 0 10px;
    color: var(--neutral-gray-light);
}

.header-section,
a.header-link,
a.header-title-link {
    margin-top: -10px;
    padding: 48px 20px;
    color: var(--support-black);
}

    .header-section:hover,
    a.header-link:hover,
    a.header-title-link:hover {
        color: var(--support-black);
    }

    .header-section.empty {
        padding: 0;
    }

.row .header-section,
.row a.header-link,
.row a.header-title-link {
    margin: 0 -5px;
}

a.header-link,
a.header-title-link {
    display: block;
    text-align: center;
}

    a.header-link:hover,
    a.header-title-link:hover {
        text-decoration: none;
        background: var(--neutral-gray-lighter);
    }

a.header-link {
    padding-left: 5px;
    padding-right: 5px;
}

a.header-title-link {
    text-align: left;
}

.dropdown-menu.dropdown-custom {
    padding: 0;
    min-width: 400px;
}

    .dropdown-menu.dropdown-custom li {
        padding: 8px 10px;
        font-size: 12px;
    }

    .dropdown-menu.dropdown-custom .dropdown-header {
        color: var(--neutral-gray-darker);
        background-color: var(--neutral-gray-lighter);
        margin-top: 6px;
    }

    .dropdown-menu.dropdown-custom li.dropdown-header:first-child {
        margin-top: 0;
    }

.page-header {
    border-bottom-width: 2px;
    border-bottom-color: var(--neutral-gray-light);
    margin: 30px 0 20px;
    color: var(--support-black);
}

.sub-header {
    margin: 20px 0;
    padding: 10px 0;
    border-bottom: 1px dotted var(--neutral-gray-light);
}

.content-text .pull-left {
    margin: 0 20px 20px 0;
}

.content-text .pull-right {
    margin: 0 0 20px 20px;
}

#to-top {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 0;
    padding: 8px 15px;
    font-size: 20px;
    text-align: center;
    color: var(--white);
    background-color: var(--support-black);
    opacity: 0.25;
    filter: alpha(opacity=25);
    z-index: 100;
}

    #to-top:hover {
        color: var(--white);
        background-color: var(--primary-brand-accent);
        text-decoration: none;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.gallery-image img,
.gallery a img,
.gallery img,
a[data-toggle="lightbox-image"] img {
    max-width: 100%;
    border: 2px solid var(--white);
}

a.gallery-link,
a[data-toggle="lightbox-image"] {
    cursor: pointer;
    cursor: zoom-in;
}

    .gallery-image:hover img,
    .gallery a:hover img,
    a[data-toggle="lightbox-image"]:hover img {
        border: 2px solid var(--primary-brand-accent);
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

.gallery-image {
    position: relative;
}

.gallery-image-options {
    position: absolute;
    top: 0;
    padding: 10px;
    display: none;
    width: 100%;
}

.gallery-image:hover .gallery-image-options {
    display: block;
}

.gallery > .row > div {
    margin-bottom: 15px;
}

.chart {
    height: 350px;
}

.chart-tooltip {
    position: absolute;
    display: none;
    background-color: #777;
}

.chart-pie-label,
.chart-tooltip {
    color: var(--white);
    padding: 8px 12px;
}

.chart-pie-label {
    font-size: 12px;
    text-align: center;
}

.theme-colors {
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
}

    .theme-colors li {
        float: left;
        margin: 0 5px 0 0;
    }

        .theme-colors li a {
            display: block;
            width: 25px;
            height: 25px;
            border-width: 2px;
            border-style: solid;
        }

            .theme-colors li a:hover {
                border-width: 1px;
                border-color: var(--white) !important;
            }

        .theme-colors li.active a {
            border-width: 2px;
            border-color: var(--white) !important;
        }

.themed-color {
    color: var(--primary-brand-accent);
}

.themed-border {
    border-color: var(--primary-brand-accent);
}

.themed-background {
    background-color: var(--primary-brand-accent);
}

ul.timeline {
    list-style: none;
    margin: 0 -5px 15px;
    padding: 0 5px 1px;
}

.timeline li {
    margin-bottom: 9px;
}

.timeline .timeline-item {
    border-left: 3px solid var(--neutral-gray-darker);
    background-color: var(--neutral-gray-lighter);
}

.timeline li.text-right {
    text-align: left;
}

    .timeline li.text-right .timeline-item {
        border-right: 3px solid var(--neutral-gray-darker);
        border-left-width: 0;
    }

.timeline .timeline-title {
    padding: 10px;
    margin: 0;
    background-color: #e8e8e8;
    color: var(--support-black);
}

.timeline .timeline-meta {
    float: right;
    font-size: 12px;
    margin: 4px 0 0 4px;
    font-weight: 400;
    color: var(--support-black);
}

.timeline .timeline-content {
    padding: 15px;
    margin-bottom: 0;
}

.timeline li.alt-color .timeline-item {
    border-color: var(--primary-brand-accent);
}

.timeline li.alt-color .timeline-title {
    background-color: #f7e5c9;
}

.timeline li.alt-color.text-right .timeline-item {
    border-color: var(--primary-brand-accent);
    border-left-width: 0;
}

.ms-message-content {
    border-top: 1px solid var(--neutral-gray-light);
    border-bottom: 1px solid var(--neutral-gray-light);
    margin: 20px 0;
    padding: 20px;
}

.profile-photo {
    float: right;
    margin-top: -28px;
}

.profile-name {
    margin-left: 120px;
}

.profile-status {
    padding: 10px 10px 7px;
    margin-bottom: 20px;
    border-bottom: 1px dotted var(--neutral-gray-light);
    background-color: var(--neutral-gray-lighter);
}

    .profile-status > div {
        padding: 7px 0 0;
    }

.error-container {
    margin-bottom: 20px;
    padding: 50px 0;
}

    .error-container i {
        font-size: 172px;
    }

    .error-container h1 {
        font-size: 72px;
        margin: 30px 0 10px;
    }

    .error-container small {
        font-size: 24px;
        font-weight: 300;
        color: var(--neutral-gray);
    }

.table-pricing td,
.table-pricing th {
    text-align: center;
}

.table-pricing th {
    font-weight: 300;
    font-size: 26px !important;
    border-width: 0 !important;
}

.table-pricing td {
    font-size: 15px;
    padding: 5px !important;
}

    .table-pricing td.not-included {
        text-decoration: line-through;
    }

.table-pricing .table-price {
    background-color: var(--neutral-gray-lighter);
}

.table-pricing .table-button {
    padding-top: 20px !important;
}

.table-pricing .table-price h1 {
    margin-top: 10px;
}

.table-pricing.table-featured .switch-link {
    display: none;
}

.table-pricing.table-featured .currently-subscribed {
    background-color: #27ae60;
    color: var(--white);
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #27ae60;
    margin: 1px;
}

.table-pricing:not(.table-featured) .currently-subscribed {
    display: none;
}

.table-pricing.table-featured th,
.table-pricing th.table-featured {
    background-color: #2c3e50 !important;
    border-bottom: 2px solid #2c3e50;
    color: var(--white);
}

.wizard-steps span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 100%;
    font-weight: 700;
    margin-right: 6px;
}

    .wizard-steps span.active {
        color: var(--primary-brand-accent);
        background: var(--white);
        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    }

    .wizard-steps span.inactive {
        color: var(--neutral-gray-dark);
        background: var(--cool-gray-light);
    }

    .wizard-steps span.done {
        background: var(--ui-success-lightest);
        color: var(--ui-success);
    }

    .wizard-steps span .icon {
        font-size: 12px;
    }

.wizard-steps .row {
    margin: 0;
}

    .wizard-steps .row > div {
        padding: 15px 0;
        font-size: 15px;
    }

        .wizard-steps .row > div.active,
        .wizard-steps .row > div.done {
            background-color: var(--cool-gray-lighter);
            color: var(--neutral-gray-darkest);
            border: 1px solid var(--cool-gray-light);
            border-radius: 4px;
        }

        .wizard-steps .row > div.done {
            opacity: 0.25;
            filter: alpha(opacity=25);
        }

        .wizard-steps .row > div.active {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.table.forum td,
.table.forum th {
    vertical-align: middle;
    background-color: var(--neutral-gray-lighter);
}

.table.forum th {
    background-color: var(--neutral-gray-lighter);
    padding: 8px 8px 7px;
}

.table.forum .cell-small,
.table.forum .cell-stat {
    width: 85px;
}

.table.forum .cell-stat-2x {
    width: 170px;
}

.table.forum .forum-avatar {
    vertical-align: top;
    padding: 20px;
    width: 20%;
    text-align: center;
}

    .table.forum .forum-avatar img {
        width: 64px;
        height: 64px;
    }

.table.forum td.forum-post {
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
}

    .table.forum td.forum-post p {
        margin-bottom: 20px;
    }

.table.forum .forum-sign {
    margin: 0 0 -20px;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px dashed #ddd;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-default);
    font-weight: 300;
}

    .h1 .small,
    .h1 small,
    .h2 .small,
    .h2 small,
    .h3 .small,
    .h3 small,
    .h4 .small,
    .h4 small,
    .h5 .small,
    .h5 small,
    .h6 .small,
    .h6 small,
    h1 .small,
    h1 small,
    h2 .small,
    h2 small,
    h3 .small,
    h3 small,
    h4 .small,
    h4 small,
    h5 .small,
    h5 small,
    h6 .small,
    h6 small {
        font-weight: 300;
        color: #777;
    }

.text-danger,
.text-danger:hover,
a.text-danger,
a.text-danger:focus,
a.text-danger:hover {
    color: var(--ui-danger);
}

.text-warning,
.text-warning:hover,
a.text-warning,
a.text-warning:focus,
a.text-warning:hover {
    color: #e67e22;
}

.text-success,
.text-success:hover,
a.text-success,
a.text-success:focus,
a.text-success:hover {
    color: #059e00;
}

.text-info,
.text-info:hover,
a.text-info,
a.text-info:focus,
a.text-info:hover {
    color: #3498db;
}

.text-muted,
.text-muted:hover,
a.text-muted,
a.text-muted:focus,
a.text-muted:hover {
    color: var(--neutral-gray);
}

.list-unstyled,
ol,
ul {
    padding-left: 30px;
}

.well {
    border-radius: 0;
}

label {
    font-weight: 400;
    padding-bottom: 5px;
}

input[type="file"] {
    padding-top: 7px;
}

.form-control {
    font-size: 14px;
    padding: 6px 8px;
    color: var(--neutral-gray-darker);
    border-color: var(--cool-gray-light);
    box-shadow: 0 1px 0 var(--cool-gray-light);
}

    .form-control:focus {
        border-color: var(--neutral-gray);
        box-shadow: 0 1px 0 var(--neutral-gray);
    }

.form-horizontal .form-group,
.gutter30 .block .form-horizontal .form-group {
    margin-right: -5px;
    margin-left: -5px;
}

.form-grid .form-control {
    margin-bottom: 5px;
}

.form-grid .form-group {
    margin-bottom: 10px;
}

.form-horizontal.form-bordered {
    margin: -20px -20px -1px;
}

    .form-horizontal.form-bordered .form-group {
        border-top: 1px solid #e9e9e9;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .form-horizontal.form-bordered .form-group:first-child {
            border-top: none;
        }

        .form-horizontal.form-bordered .form-group:last-child {
            background-color: var(--neutral-gray-lighter);
        }

.form-control-static {
    line-height: normal;
}

.help-block {
    margin-bottom: 5px;
}

.input-group-addon {
    min-width: 45px;
    text-align: center;
    background-color: var(--neutral-gray-lighter);
    border-color: var(--cool-gray-light);
    box-shadow: 0 1px 0 var(--cool-gray-light);
    border-radius: 0;
}

.disabled-personio-payroll-unsupported-feature {
    opacity: 0.5;
}

.disabled-personio-payroll-unsupported-button {
    pointer-events: none;
}

.disabled-overtime-payout-feature {
    opacity: 0.5;
}

.disabled-overtime-payout-button {
    pointer-events: none;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .input-group-addon,
.has-success .radio,
.has-success .radio-inline {
    color: #27ae60;
}

.has-success .form-control,
.has-success .input-group-addon {
    border-color: #27ae60;
    box-shadow: 0 1px 0 #27ae60;
}

    .has-success .form-control:focus {
        border-color: #166638;
        box-shadow: 0 1px 0 #166638;
    }

.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .input-group-addon,
.has-warning .radio,
.has-warning .radio-inline {
    color: #e67e22;
}

.has-warning .form-control,
.has-warning .input-group-addon {
    border-color: #e67e22;
    box-shadow: 0 1px 0 #e67e22;
}

    .has-warning .chosen-container > *,
    .has-warning .form-control:focus {
        border-color: #b3621b;
        box-shadow: 0 1px 0 #b3621b;
    }

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .input-group-addon,
.has-error .radio,
.has-error .radio-inline {
    color: var(--ui-danger);
}

.has-error .form-control,
.has-error .input-group-addon {
    border-color: var(--ui-danger);
    box-shadow: 0 1px 0 var(--ui-danger);
}

    .has-error .form-control:focus {
        border-color: #c0392b;
        box-shadow: 0 1px 0 #c0392b;
    }

.has-error .fr-box {
    border: 1px solid var(--ui-danger);
    box-shadow: 0 1px 0 var(--ui-danger);
}

.invalid-feedback {
    display: none;
    color: var(--ui-danger);
    margin-top: 5px;
}

.has-error .invalid-feedback {
    display: block;
}

input[type="email"].form-control,
input[type="password"].form-control,
input[type="text"].form-control,
textarea.form-control {
    -webkit-appearance: none;
}

.table.table-vcenter td,
.table.table-vcenter th {
    vertical-align: middle;
}

.table-options {
    padding: 6px 0;
}

.table {
    transform-style: preserve-3d;
}

    .table thead > tr > th {
        font-size: 13px;
        font-weight: 300;
        border-bottom: none;
    }

        .table tbody > tr > td.centered,
        .table thead > tr > th.centered {
            text-align: center;
        }

    .table tfoot > tr > td,
    .table tfoot > tr > th,
    .table thead > tr > td,
    .table thead > tr > th {
        background-color: var(--white) !important;
        font-weight: 600;
        padding-top: 12px;
        padding-bottom: 12px;
    }

.table-borderless tbody > tr > td,
.table-borderless tbody > tr > th {
    border-top-width: 0;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th,
.table tbody + tbody,
.table tbody > tr > td,
.table tbody > tr > th,
.table tfoot > tr > td,
.table tfoot > tr > th,
.table thead > tr > td,
.table thead > tr > th {
    border-color: #e9e9e9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #fcf8e3;
}

.table .chosen-single {
    border-radius: 5px !important;
}

.table .chosen-with-drop .chosen-single {
    position: relative;
    z-index: 1042;
    width: 100%;
    border-bottom: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.table .chosen-with-drop .chosen-drop {
    width: -webkit-max-content;
    width: max-content;
    border: 1px solid var(--neutral-gray);
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.table .chosen-with-drop .chosen-search-input {
    border-radius: 5px;
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover {
    background-color: var(--primary-brand-accent);
    border-color: var(--primary-brand-accent);
}

    a.list-group-item.active .list-group-item-text,
    a.list-group-item.active:focus .list-group-item-text,
    a.list-group-item.active:hover .list-group-item-text {
        color: var(--white);
    }

.list-group-item {
    border-radius: 0 !important;
}

a.list-group-item:focus,
a.list-group-item:hover {
    background-color: var(--neutral-gray-lighter);
}

a.list-group-item.active > .badge {
    color: var(--primary-brand-accent);
}

.nav-stacked > li > a {
    margin: 4px 0 0;
}

.nav .caret,
.nav a:focus .caret,
.nav a:hover .caret {
    border-top-color: var(--primary-brand-accent);
    border-bottom-color: var(--primary-brand-accent);
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: var(--neutral-gray-lighter);
}

.nav-tabs > li {
    margin-bottom: 0;
}

    .nav-tabs > li > a {
        padding-left: 7px;
        padding-right: 7px;
        margin-bottom: -1px;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        color: var(--neutral-gray-darker);
    }

.dropdown-menu {
    padding: 2px 0;
}

    .dropdown-menu > li > a {
        padding: 6px 10px;
    }

    .dropdown-menu .divider {
        margin: 4px 0;
    }

a.thumbnail:focus,
a.thumbnail:hover {
    border-color: var(--primary-brand-accent);
}

.tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip-inner {
    padding: 6px 10px;
    background-color: #777;
    color: var(--white);
    word-wrap: break-word;
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.tooltip.top .tooltip-arrow {
    border-top-color: #777;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #777;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #777;
}

.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #777;
}

.breadcrumb {
    background: var(--neutral-gray-lighter);
}

.breadcrumb-top {
    margin: -20px -15px 25px;
    padding: 10px 20px;
    border-bottom: 1px dotted var(--neutral-gray-light);
}

.breadcrumb i {
    font-size: 14px;
}

.progress,
.progress-bar {
    height: 25px;
    line-height: 25px;
}

.progress-bar-danger {
    background-color: var(--ui-danger);
}

.progress-bar-warning {
    background-color: var(--primary-brand-accent);
}

.progress-bar-success {
    background-color: #27ae60;
}

.progress-bar-info {
    background-color: #3498db;
}

.progress-bar-default {
    background-color: var(--neutral-gray);
}

.background-default {
    color: var(--white);
    background-color: var(--neutral-gray) !important;
}

.background-warning {
    color: var(--white);
    background-color: #e67e22 !important;
}

.background-primary {
    color: var(--white);
    background-color: var(--primary-brand-accent) !important;
}

.panel {
    margin-bottom: 20px;
    box-shadow: none;
}

.panel-heading {
    padding: 15px;
}

.panel-default > .panel-heading {
    background-color: var(--white);
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel + .panel {
        margin-top: 0;
        border-top: none;
    }

code {
    border: 1px solid #fad4df;
    margin: 1px 0;
    display: inline-block;
}

.btn code {
    display: inline;
    margin: 0;
}

.alert {
    border-width: 0 0 0 5px;
    border-radius: 0;
}

.alert-danger {
    color: var(--support-black);
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}

    .alert-danger .alert-link {
        color: var(--ui-danger);
    }

.alert-warning {
    color: var(--support-black);
    background-color: #ffe4cc;
    border-color: #ffd6b2;
}

    .alert-warning .alert-link {
        color: #e67e22;
    }

.alert-success {
    color: var(--support-black);
    background-color: #e0fae0;
    border-color: #81f562;
}

    .alert-success .alert-link {
        color: #059e00;
    }

.alert-info {
    color: var(--support-black);
    background-color: var(--action-accent);
    border-color: var(--border-accent);
}

    .alert-info .alert-link {
        color: var(--support-blue-darker);
    }

.alert h4 {
    font-weight: 700;
}

.badge,
.label {
    font-weight: 400;
    font-size: 90%;
}

.alert,
.carousel,
.table,
p {
    margin-bottom: 20px;
}

p {
    line-height: 1.6;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    padding-right: 5px;
    padding-left: 5px;
}

.col-half-padding {
    padding-right: 2.5px !important;
    padding-left: 2.5px !important;
}

.row.gutter30 {
    margin-right: -15px;
    margin-left: -15px;
}

.gutter30 > .col-lg-1,
.gutter30 > .col-lg-2,
.gutter30 > .col-lg-3,
.gutter30 > .col-lg-4,
.gutter30 > .col-lg-5,
.gutter30 > .col-lg-6,
.gutter30 > .col-lg-7,
.gutter30 > .col-lg-8,
.gutter30 > .col-lg-9,
.gutter30 > .col-lg-10,
.gutter30 > .col-lg-11,
.gutter30 > .col-lg-12,
.gutter30 > .col-md-1,
.gutter30 > .col-md-2,
.gutter30 > .col-md-3,
.gutter30 > .col-md-4,
.gutter30 > .col-md-5,
.gutter30 > .col-md-6,
.gutter30 > .col-md-7,
.gutter30 > .col-md-8,
.gutter30 > .col-md-9,
.gutter30 > .col-md-10,
.gutter30 > .col-md-11,
.gutter30 > .col-md-12,
.gutter30 > .col-sm-1,
.gutter30 > .col-sm-2,
.gutter30 > .col-sm-3,
.gutter30 > .col-sm-4,
.gutter30 > .col-sm-5,
.gutter30 > .col-sm-6,
.gutter30 > .col-sm-7,
.gutter30 > .col-sm-8,
.gutter30 > .col-sm-9,
.gutter30 > .col-sm-10,
.gutter30 > .col-sm-11,
.gutter30 > .col-sm-12,
.gutter30 > .col-xs-1,
.gutter30 > .col-xs-2,
.gutter30 > .col-xs-3,
.gutter30 > .col-xs-4,
.gutter30 > .col-xs-5,
.gutter30 > .col-xs-6,
.gutter30 > .col-xs-7,
.gutter30 > .col-xs-8,
.gutter30 > .col-xs-9,
.gutter30 > .col-xs-10,
.gutter30 > .col-xs-11,
.gutter30 > .col-xs-12 {
    padding-right: 15px;
    padding-left: 15px;
}

.push {
    margin-bottom: 15px !important;
}

.lt-ie9 .hidden-lt-ie9 {
    display: none !important;
}

.display-none {
    display: none;
}

.remove-margin {
    margin: 0 !important;
}

.remove-padding {
    padding: 0 !important;
}

.remove-radius {
    border-radius: 0 !important;
}

.remove-box-shadow {
    box-shadow: none !important;
}

.remove-transition {
    transition: none !important;
}

@media (max-width: 768px) {
    #page-container {
        padding-top: 111px;
    }
}

@media screen and (min-width: 768px) {
    #page-content.block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .block-header,
    .breadcrumb-top {
        margin-left: -20px;
        margin-right: -20px;
    }

    .header-nav > li > a {
        padding: 0 20px;
        margin: 0 2px;
    }

    .nav-tabs > li > a {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 3px;
        margin-right: 3px;
    }

    a.header-link {
        padding-left: 5px;
        padding-right: 5px;
    }

    ul.timeline {
        margin: 0 0 20px;
    }

    .timeline li {
        margin-bottom: 20px;
    }

        .timeline li.text-right {
            text-align: right;
        }

    .timeline .timeline-item {
        display: inline-block;
        width: 60%;
    }

    .timeline .text-right .timeline-meta {
        float: left;
        margin: 4px 4px 0 0;
    }
}

@media (min-width: 992px) {
    .header-fixed-bottom #page-container {
        padding: 25px 0 75px;
    }

    #page-container.full-width {
        width: 100%;
        max-width: 1920px;
        padding: 50px 0 0;
    }

    .header-fixed-bottom #page-container.full-width {
        padding: 0 0 50px;
    }
}

.small-spinner {
    padding: 0;
    font-size: 16px;
    color: var(--neutral-gray-light);
}

.ask-to-delete {
    padding: 10px 5px;
    background-color: var(--support-pastel-red);
}

.table.attendance-table tbody + tbody,
.table.attendance-table tbody > tr > td,
.table.attendance-table tbody > tr > th,
.table.attendance-table tfoot > tr > td,
.table.attendance-table tfoot > tr > th,
.table.attendance-table thead > tr > td,
.table.attendance-table thead > tr > th {
    border-color: var(--neutral-gray-light);
}

.input-group-addon {
    min-width: auto;
}

.control-label.week-day {
    font-weight: 400 !important;
}

.termination-info:hover + span.termination-txt {
    display: inline !important;
}

.contract-end-info,
.contract-end-txt {
    color: var(--neutral-gray-light);
}

table.time-off-summary {
    width: 100%;
}

    table.time-off-summary td {
        padding: 4px 10px 4px 0;
        border-bottom: 1px solid var(--neutral-gray-light);
    }

    table.time-off-summary tr:last-of-type td {
        border: none;
        font-weight: 700;
    }

    table.time-off-summary tr.highlighted td {
        font-weight: 700;
    }

.owner-removable {
    cursor: pointer;
}

.fc-button-today {
    margin-right: 15px !important;
}

    .fc-button-today.fc-state-disabled {
        display: none;
    }

.fc-day {
    cursor: pointer;
}

    .fc-day:hover {
        background-color: var(--neutral-gray-light);
    }

.fc-highlight {
    background-color: #dae8f2;
}

.fc-today {
    border-top: 3px solid var(--primary-brand-accent) !important;
}

.add_time_off_form select.updating + .chosen-container a {
    cursor: wait !important;
}

.overview > li {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding: 0 5px;
}

.overview .label {
    margin-bottom: 6px;
    display: inline-block;
}

.overview h6 .label {
    margin-bottom: 0;
}

.overview .label-time {
    float: left;
    color: var(--neutral-gray-light);
    font-weight: 100;
    margin-bottom: 6px;
    display: block;
    font-size: 90%;
}

.empty-only:not(:nth-child(2)) {
    display: none;
}

.tagsinput input {
    width: 200px !important;
}

.disabled-form-inputs .tagsinput {
    opacity: 0.5;
    pointer-events: none;
}

.payroll-config .label {
    margin-right: 5px;
}

.package-table .btn.deselect,
.package-table .select-only,
.package-table.table-featured .btn.select {
    display: none;
}

.package-table .btn.select,
.package-table.table-featured .btn.deselect,
.package-table.table-featured .select-only {
    display: inline-block;
}

.preselected input {
    display: none;
}

.preselected i {
    display: block !important;
}

.uppercase {
    text-transform: uppercase;
}

.contract-end-info:hover + span.contract-end-txt {
    display: inline !important;
}

.Select-menu-outer {
    z-index: 1000;
    position: relative;
}

.form-control {
    position: relative;
    z-index: 0 !important;
}

._1oR9c {
    background-color: #ffa319;
    top: 0;
    position: fixed;
}

._2yryS {
    font-family: var(--font-family-default);
}

._2eSu0 {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
}

._3Up4x {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
}

._38lxG {
    font-size: 18px;
    line-height: 24px;
}

._3_eGX,
._38lxG {
    font-weight: 700;
}

._3_eGX,
._32ojn {
    font-size: 16px;
    line-height: 20px;
}

._32ojn {
    font-weight: 600;
}

._1k0Nq {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

._1d1Cj {
    font-weight: 400;
}

._1d1Cj,
._2qdMi {
    font-size: 16px;
    line-height: 20px;
}

._2qdMi {
    font-weight: 300;
}

._2xc-9 {
    font-weight: 400;
}

._2xc-9,
._3L0g3 {
    font-size: 14px;
    line-height: 20px;
}

._1ryUE,
._3L0g3 {
    font-weight: 700;
}

._1NMiC,
._1ryUE {
    font-size: 12px;
    line-height: 16px;
}

._1-v7H,
._1NMiC {
    font-weight: 400;
}

._1-v7H {
    font-size: 10px;
    line-height: 16px;
}

._3lnxQ {
    background-color: #fff;
    border: 1px solid #dce6ec;
    position: relative;
    border-radius: 4px;
}

    ._3lnxQ.jdd-Y {
        background-color: #f7f7f7;
        border-color: #f7f7f7;
        color: #a5a5a5;
    }

._1q_ZU {
    transition: transform 0.2s ease;
}

    ._1q_ZU:hover {
        box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.08);
        transform: translateY(-4px);
    }

._1ztBJ {
    display: flex;
}

._1yzE4 {
    flex: 1;
}

.Vp5F7 {
    cursor: pointer;
}

._1NV2S {
    overflow: hidden;
    transition: max-height 0.35s ease;
}

._2tPl3 {
    padding-right: 24px;
    align-self: center;
}

._7CUPZ {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    width: 100%;
}

._2lEJe {
    padding-left: 24px;
    display: inline;
}

._2QlhH {
    font-weight: 700 !important;
    transition: all 0.3s ease;
}

._3yNoy {
    transform: rotate(90deg);
}

.WCyuF {
    display: inline-block;
    padding: 20px 20px 20px 12px;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
    color: #555;
}

._1ZecR {
    padding: 24px;
}

.opzCj {
    animation: BWwNj 1s linear infinite;
}

._2WtAp {
    display: block;
}

@keyframes BWwNj {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

._3vTQG {
    min-width: 75px;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    color: #333;
    background: #fff;
    border: 1px solid #dce6ec;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 8px;
    margin: 1px 0 0;
    outline: 15px;
}

    ._3vTQG.Aqp1k,
    ._3vTQG:hover:not(:focus) {
        border-color: #a9beca;
    }

    ._3vTQG._6Ti_b,
    ._3vTQG:disabled {
        background: #f7f7f7;
        border-color: #f7f7f7;
        opacity: 0.5;
        cursor: auto;
        pointer-events: none;
    }

    ._3vTQG:not(:disabled).woESx,
    ._3vTQG:not(:disabled):focus {
        border-color: var(--primary-brand-accent);
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(13, 181, 223, 0.2);
    }

    ._3vTQG::-webkit-input-placeholder {
        color: #a5a5a5;
    }

    ._3vTQG::placeholder {
        color: #a5a5a5;
    }

._2tIYy {
    border-color: #f4f7f9;
    color: #f4f7f9;
}

._3FkTX {
    border-color: #74c970;
    color: #74c970;
}

._1U-PG {
    border-color: #ffa319;
    color: #ffa319;
}

._3VMCD {
    border-color: #ec4a3f;
    color: #ec4a3f;
}

._2Gt8u {
    height: 28px;
}

._1kCWv {
    height: 36px;
}

.bkQfu {
    height: 44px;
}

._10WB7 {
    text-align: left;
}

._1IyyD {
    text-align: center;
}

.akY8f {
    text-align: right;
}

._2_gAi {
    display: flex;
    flex-direction: row;
}

    ._2_gAi span {
        white-space: nowrap;
    }

    ._2_gAi i,
    ._2_gAi span {
        color: #8598a1;
    }

._2UHIf {
    width: auto;
}

    ._2UHIf._24u9H {
        border-radius: 0 2px 2px 0;
    }

    ._2UHIf.DYqvr {
        border-radius: 2px 0 0 2px;
    }

.c1cXM {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    font-size: 14px;
    color: #555;
    padding: 0 12px;
    margin: 1px 0 0;
    min-width: 36px;
}

    .c1cXM._24u9H {
        border-right: none;
        border-radius: 2px 0 0 2px;
    }

    .c1cXM.DYqvr {
        border-left: none;
        border-radius: 0 2px 2px 0;
    }

._3Tg4y {
    background-color: #f4f7f9;
}

._1RUHS,
._3Tg4y {
    border-color: #dce6ec;
}

._1RUHS {
    background-color: #74c970;
}

._205nn {
    background-color: #ffa319;
}

._205nn,
.UpVut {
    border-color: #dce6ec;
}

.UpVut {
    background-color: #ec4a3f;
}

._1cv-a {
    background-color: transparent;
    border-color: transparent;
}

.UdHHk {
    display: inline-block;
    text-decoration: none;
    font-family: var(--font-family-default);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 8px 12px;
    line-height: 18px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
    outline: none;
    margin-top:10px;
    border-radius:8px;
}

._2M5r2 {
    display: flex;
    flex: 1;
    justify-content: center;
}

    ._2M5r2 i + div {
        margin: 0 0 0 4px;
    }

._1fVDH i {
    margin: 0;
}

._2DdQ3 {
    display: block;
    width: 100%;
}

._2y0bT {
    background: #f4f7f9;
    color: #555;
    border-color: transparent;
}

    ._2y0bT:hover {
        background: #dbe5ec;
        color: #555;
        text-decoration: none;
    }

    ._2y0bT._2V2MB,
    ._2y0bT:focus {
        color: #555;
        background: #d3dfe7;
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(244, 247, 249, 0.75);
    }

    ._2y0bT.VqF8z,
    ._2y0bT:active {
        background: #cbd9e3;
    }

    ._2y0bT._1lQpg,
    ._2y0bT:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._3TRUG {
    background: var(--primary-brand-accent);
    color: #fff;
    border-color: transparent;
}

    ._3TRUG:hover {
        background: var(--primary-brand-accent-dark);
        color: #fff;
        text-decoration: none;
    }

    ._3TRUG._2V2MB,
    ._3TRUG:focus {
        color: #fff;
        background: var(--color-solid-active-accent);
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(13, 181, 223, 0.75);
    }

    ._3TRUG.VqF8z,
    ._3TRUG:active {
        background: var(--primary-brand-accent-darker);
    }

    ._3TRUG._1lQpg,
    ._3TRUG:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._3pXVB {
    background: #74c970;
    color: #fff;
    border-color: transparent;
}

    ._3pXVB:hover {
        background: #59bf54;
        color: #fff;
        text-decoration: none;
    }

    ._3pXVB._2V2MB,
    ._3pXVB:focus {
        color: #fff;
        background: #50bb4b;
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(116, 201, 112, 0.75);
    }

    ._3pXVB.VqF8z,
    ._3pXVB:active {
        background: #49b544;
    }

    ._3pXVB._1lQpg,
    ._3pXVB:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._1w6VY {
    background: var(--primary-brand-accent-dark);
    color: #fff;
    border-color: transparent;
}

    ._1w6VY:hover {
        text-decoration: none;
    }

    ._1w6VY._2V2MB,
    ._1w6VY:focus,
    ._1w6VY:hover {
        background: var(--color-solid-active-accent);
        color: #fff;
    }

    ._1w6VY._2V2MB,
    ._1w6VY:focus {
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(11, 152, 187, 0.75);
    }

    ._1w6VY.VqF8z,
    ._1w6VY:active {
        background: var(--color-solid-active-accent);
    }

    ._1w6VY._1lQpg,
    ._1w6VY:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._2OaGW {
    background: #ffa319;
    color: #fff;
    border-color: transparent;
}

    ._2OaGW:hover {
        background: #f29100;
        color: #fff;
        text-decoration: none;
    }

    ._2OaGW._2V2MB,
    ._2OaGW:focus {
        color: #fff;
        background: #e58900;
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(255, 163, 25, 0.75);
    }

    ._2OaGW.VqF8z,
    ._2OaGW:active {
        background: #d88200;
    }

    ._2OaGW._1lQpg,
    ._2OaGW:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._322_s {
    background: #fef7eb;
    color: #555;
    border-color: transparent;
}

    ._322_s:hover {
        background: #fce8c7;
        color: #555;
        text-decoration: none;
    }

    ._322_s._2V2MB,
    ._322_s:focus {
        color: #555;
        background: #fce4ba;
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(254, 247, 235, 0.75);
    }

    ._322_s.VqF8z,
    ._322_s:active {
        background: #fbdfae;
    }

    ._322_s._1lQpg,
    ._322_s:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._3At42 {
    background: #ec4a3f;
    color: #fff;
    border-color: transparent;
}

    ._3At42:hover {
        background: #e9291c;
        color: #fff;
        text-decoration: none;
    }

    ._3At42._2V2MB,
    ._3At42:focus {
        color: #fff;
        background: #e22316;
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(236, 74, 63, 0.75);
    }

    ._3At42.VqF8z,
    ._3At42:active {
        background: #d62115;
    }

    ._3At42._1lQpg,
    ._3At42:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._5tuGb {
    border-color: transparent;
}

    ._5tuGb,
    ._5tuGb:hover {
        background: #000;
        color: #fff;
    }

        ._5tuGb:hover {
            text-decoration: none;
        }

        ._5tuGb._2V2MB,
        ._5tuGb:focus {
            color: #fff;
            background: #000;
            outline: none;
            box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.75);
        }

        ._5tuGb.VqF8z,
        ._5tuGb:active {
            background: #000;
        }

        ._5tuGb._1lQpg,
        ._5tuGb:disabled {
            opacity: 0.3;
            cursor: auto;
        }

.Y1nSR {
    background: #fff;
    color: #555;
    border-color: transparent;
}

    .Y1nSR:hover {
        background: #ececec;
        color: #555;
        text-decoration: none;
    }

    .Y1nSR._2V2MB,
    .Y1nSR:focus {
        color: #555;
        background: #e6e6e6;
        outline: none;
        box-shadow: 0 0 0 0.1rem hsla(0, 0%, 100%, 0.75);
    }

    .Y1nSR.VqF8z,
    .Y1nSR:active {
        background: #dfdfdf;
    }

    .Y1nSR._1lQpg,
    .Y1nSR:disabled {
        opacity: 0.3;
        cursor: auto;
    }

._7orPh {
    border-color: #dce6ec;
    color: #555;
    background: #fff;
    font-weight: 400;
}

    ._7orPh ._3Lfu_,
    ._7orPh:hover {
        color: #555;
        background: #f4f7f9;
    }

    ._7orPh._2V2MB,
    ._7orPh:focus {
        background: #dce6ec;
        outline: none;
        box-shadow: 0 0 0 0.1rem hsla(0, 0%, 100%, 0.75);
    }

._1ncP0 {
    background: transparent;
    color: var(--primary-brand-accent);
    border-color: transparent;
}

    ._1ncP0:hover {
        text-decoration: none;
    }

    ._1ncP0._2V2MB,
    ._1ncP0:focus,
    ._1ncP0:hover {
        background: #f4f7f9;
        color: var(--primary-brand-accent);
    }

    ._1ncP0._2V2MB,
    ._1ncP0:focus {
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(219, 222, 224, 0.75);
    }

    ._1ncP0.VqF8z,
    ._1ncP0:active {
        background: #dbdee0;
    }

    ._1ncP0._1lQpg,
    ._1ncP0:disabled {
        opacity: 0.3;
        cursor: auto;
    }

.personio-datepicker-input-wrapper {
    position: relative;
}

.personio-datepicker-wrapper {
    z-index: 99999;
    position: absolute;
    border-radius: 8px;
    background-color: transparent;
    margin: 6px 0;
    display: none;
    opacity: 0;
    background-color: #fff;
    box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

    .personio-datepicker-wrapper.show {
        display: block;
        opacity: 1;
        animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
        z-index: 99999;
    }

.personio-datepicker-wrapper-title {
    color: var(--primary-brand-accent);
    line-height: 20px;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 600;
    padding-top: 16px;
    padding-bottom: 8px;
}

    .personio-datepicker-wrapper-title.padding-bottom {
        padding-bottom: 14px;
    }

.flatpickr-calendar {
    width: 300px;
    opacity: 0;
    display: none;
    text-align: center;
    padding: 0 28px 28px;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    box-sizing: border-box;
    touch-action: manipulation;
}

    .flatpickr-calendar.inline,
    .flatpickr-calendar.open {
        opacity: 1;
        max-height: 640px;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.animate.open {
        animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block;
        }

    .flatpickr-calendar.multiMonth
    .flatpickr-days
    .dayContainer:nth-child(n + 1)
    .flatpickr-day.inRange:nth-child(7n + 7) {
        box-shadow: none !important;
    }

    .flatpickr-calendar.multiMonth
    .flatpickr-days
    .dayContainer:nth-child(n + 2)
    .flatpickr-day.inRange:nth-child(7n + 1) {
        box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-calendar .hasTime .dayContainer,
    .flatpickr-calendar .hasWeeks .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .flatpickr-calendar .hasWeeks .dayContainer {
        border-left: 0;
    }

    .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #e6e6e6;
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto;
    }

    .flatpickr-calendar:after,
    .flatpickr-calendar:before {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        left: 22px;
    }

    .flatpickr-calendar.rightMost:after,
    .flatpickr-calendar.rightMost:before {
        left: auto;
        right: 22px;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar.arrowTop:after,
    .flatpickr-calendar.arrowTop:before {
        bottom: 100%;
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowBottom:after,
    .flatpickr-calendar.arrowBottom:before {
        top: 100%;
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #e6e6e6;
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: flex;
    margin-bottom: 12px;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: rgba(0, 0, 0, 0.9);
        fill: rgba(0, 0, 0, 0.9);
        height: 32px;
        line-height: 1;
        text-align: center;
        position: relative;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow: hidden;
        flex: 1;
    }

    .flatpickr-months .flatpickr-next-month {
        right: 28px;
    }

    .flatpickr-months .flatpickr-prev-month {
        left: 28px;
    }

    .flatpickr-months .flatpickr-next-month,
    .flatpickr-months .flatpickr-prev-month {
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        line-height: 16px;
        height: 28px;
        padding: 10px;
        z-index: 3;
        color: rgba(0, 0, 0, 0.9);
        fill: rgba(0, 0, 0, 0.9);
    }

        .flatpickr-months .flatpickr-next-month.disabled,
        .flatpickr-months .flatpickr-prev-month.disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-next-month i,
        .flatpickr-months .flatpickr-prev-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-next-month:hover,
        .flatpickr-months .flatpickr-prev-month:hover {
            color: #959ea9;
        }

            .flatpickr-months .flatpickr-next-month:hover svg,
            .flatpickr-months .flatpickr-prev-month:hover svg {
                fill: #f64747;
            }

        .flatpickr-months .flatpickr-next-month svg,
        .flatpickr-months .flatpickr-prev-month svg {
            width: 14px;
            height: 14px;
        }

            .flatpickr-months .flatpickr-next-month svg path,
            .flatpickr-months .flatpickr-prev-month svg path {
                transition: fill 0.1s;
                fill: inherit;
            }

.numInputWrapper {
    position: relative;
    height: auto;
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block;
    }

    .numInputWrapper input {
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

        .numInputWrapper input::-webkit-inner-spin-button,
        .numInputWrapper input::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none;
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(57, 57, 57, 0.15);
        box-sizing: border-box;
    }

        .numInputWrapper span:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .numInputWrapper span:active {
            background: rgba(0, 0, 0, 0.2);
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute;
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(57, 57, 57, 0.6);
                top: 26%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(57, 57, 57, 0.6);
                top: 40%;
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto;
        }

            .numInputWrapper span svg path {
                fill: rgba(0, 0, 0, 0.5);
            }

    .numInputWrapper:hover {
        background: rgba(0, 0, 0, 0.05);
    }

        .numInputWrapper:hover span {
            opacity: 1;
        }

.flatpickr-current-month {
    font-size: 100%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 6.16px 0 0;
    line-height: 1;
    height: 32px;
    display: inline-block;
    text-align: center;
    transform: translateZ(0);
}

    .flatpickr-current-month span.cur-month {
        font-size: 16px;
        font-weight: 600;
        font-family: inherit;
        color: inherit;
        display: inline-block;
        margin-left: 0.5ch;
        padding: 0;
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch\0;
        display: inline-block;
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: rgba(0, 0, 0, 0.9);
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: rgba(0, 0, 0, 0.9);
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        box-sizing: border-box;
        color: inherit;
        font-size: 16px;
        font-weight: 600;
        cursor: text;
        padding: 0 0 0 0.5ch;
        margin: 0;
        display: inline-block;
        font-family: inherit;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
        -webkit-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled],
        .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(0, 0, 0, 0.5);
            background: transparent;
            pointer-events: none;
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    align-items: center;
    height: 28px;
}

    .flatpickr-weekdays,
    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
    }

        .flatpickr-weekdays .flatpickr-weekdaycontainer,
        span.flatpickr-weekday {
            flex: 1;
        }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 100%;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    min-width: 0;
    max-width: 100%;
    padding: 0;
    outline: 0;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translateZ(0);
    opacity: 1;
}

    .dayContainer + .dayContainer {
        box-shadow: -1px 0 0 #e6e6e6;
    }

.flatpickr-day {
    cursor: pointer;
    height: 32px;
    width: 32px;
    max-width: 32px;
    line-height: 32px;
    border: none;
    background: none;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    font-weight: 400;
    flex-basis: 14.2857143%;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center;
    font-size: 15px;
}

    .flatpickr-day.inRange,
    .flatpickr-day.nextMonthDay.inRange,
    .flatpickr-day.nextMonthDay.today.inRange,
    .flatpickr-day.nextMonthDay:focus,
    .flatpickr-day.nextMonthDay:hover,
    .flatpickr-day.prevMonthDay.inRange,
    .flatpickr-day.prevMonthDay.today.inRange,
    .flatpickr-day.prevMonthDay:focus,
    .flatpickr-day.prevMonthDay:hover,
    .flatpickr-day.today.inRange,
    .flatpickr-day:focus,
    .flatpickr-day:hover {
        cursor: pointer;
        outline: 0;
        background: #d3dade;
        border-color: #d3dade;
    }

    .flatpickr-day.today {
        border: 1px solid #959ea9;
    }

        .flatpickr-day.today:focus,
        .flatpickr-day.today:hover {
            border-color: #959ea9;
            background: #959ea9;
            color: #fff;
        }

    .flatpickr-day.endRange,
    .flatpickr-day.endRange.inRange,
    .flatpickr-day.endRange.nextMonthDay,
    .flatpickr-day.endRange.prevMonthDay,
    .flatpickr-day.endRange:focus,
    .flatpickr-day.endRange:hover,
    .flatpickr-day.selected,
    .flatpickr-day.selected.inRange,
    .flatpickr-day.selected.nextMonthDay,
    .flatpickr-day.selected.prevMonthDay,
    .flatpickr-day.selected:focus,
    .flatpickr-day.selected:hover,
    .flatpickr-day.startRange,
    .flatpickr-day.startRange.inRange,
    .flatpickr-day.startRange.nextMonthDay,
    .flatpickr-day.startRange.prevMonthDay,
    .flatpickr-day.startRange:focus,
    .flatpickr-day.startRange:hover {
        background: var(--primary-brand-accent);
        border: 0;
        box-shadow: none;
        color: #fff;
    }

        .flatpickr-day.endRange.startRange,
        .flatpickr-day.selected.startRange,
        .flatpickr-day.startRange.startRange {
            border-radius: 50px 0 0 50px;
        }

        .flatpickr-day.endRange.endRange,
        .flatpickr-day.selected.endRange,
        .flatpickr-day.startRange.endRange {
            border-radius: 0 50px 50px 0;
        }

        .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
        .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
            box-shadow: -10px 0 0 #569ff7;
        }

        .flatpickr-day.endRange.startRange.endRange,
        .flatpickr-day.selected.startRange.endRange,
        .flatpickr-day.startRange.startRange.endRange {
            border-radius: 50px;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-day.disabled,
    .flatpickr-day.disabled:hover,
    .flatpickr-day.nextMonthDay,
    .flatpickr-day.notAllowed,
    .flatpickr-day.notAllowed.nextMonthDay,
    .flatpickr-day.notAllowed.prevMonthDay,
    .flatpickr-day.prevMonthDay {
        color: rgba(57, 57, 57, 0.3);
        background: transparent;
        border-color: transparent;
        cursor: default;
    }

        .flatpickr-day.disabled,
        .flatpickr-day.disabled:hover {
            cursor: not-allowed;
            color: rgba(57, 57, 57, 0.1);
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        box-shadow: 1px 0 0 #e6e6e6;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px;
    }

    .flatpickr-weekwrapper span.flatpickr-day,
    .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(57, 57, 57, 0.3);
        background: transparent;
        cursor: default;
        border: none;
    }

.flatpickr-innerContainer {
    display: block;
    display: flex;
    overflow: hidden;
}

.flatpickr-innerContainer,
.flatpickr-rContainer {
    box-sizing: border-box;
}

.flatpickr-rContainer {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both;
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        width: 40%;
        height: 40px;
        float: left;
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #393939;
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #393939;
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
    }

    .flatpickr-time input {
        background: transparent;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        color: #393939;
        font-size: 14px;
        position: relative;
        box-sizing: border-box;
        -webkit-appearance: textfield;
        appearance: textfield;
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: 700;
        }

        .flatpickr-time input.flatpickr-minute,
        .flatpickr-time input.flatpickr-second {
            font-weight: 400;
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0;
        }

    .flatpickr-time .flatpickr-am-pm,
    .flatpickr-time .flatpickr-time-separator {
        height: inherit;
        display: inline-block;
        float: left;
        line-height: inherit;
        color: #393939;
        font-weight: 700;
        width: 2%;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        align-self: center;
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
    }

        .flatpickr-time .flatpickr-am-pm:focus,
        .flatpickr-time .flatpickr-am-pm:hover,
        .flatpickr-time input:focus,
        .flatpickr-time input:hover {
            background: #eee;
        }

.flatpickr-input[readonly] {
    cursor: pointer;
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.flatpickr-monthSelect-months {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .flatpickr-monthSelect-months .flatpickr-monthSelect-month {
        flex: 1 0 21%;
        padding: 6px 8px;
        margin: 4px;
        outline: none;
        cursor: pointer;
        font-weight: 600;
    }

        .flatpickr-monthSelect-months .flatpickr-monthSelect-month.selected {
            background-color: var(--primary-brand-accent);
            border-radius: 4px;
            color: #fff;
        }

.personio-datepicker-input-wrapper
.date-range-picker
.flatpickr-day.today.inRange {
    border: none;
}

.personio-datepicker-input-wrapper .date-range-picker .confirm-button-wrapper {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    padding: 12px;
    margin-top: 28px;
    border-top: 1px solid #dce6ec;
}

.personio-datepicker-input-wrapper .date-range-picker .flatpickr-calendar {
    padding-bottom: 0;
}

.personio-datepicker-input-wrapper .date-range-picker .flatpickr-day.inRange,
.personio-datepicker-input-wrapper
.date-range-picker
.flatpickr-day.inRange.today {
    background: #edfbfe;
    box-shadow: -5px 0 0 #edfbfe, 5px 0 0 #edfbfe;
}

.personio-datepicker-input-wrapper
.date-range-picker
.flatpickr-day.selected.inRange {
    background: var(--primary-brand-accent);
}

._3ZyId {
    stroke-linecap: round;
    stroke-linejoin: round;
}

._2doz-,
._3ZbaW,
.auAxJ {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
}

._3aBNy,
._3E0Qq {
    height: auto;
    border-radius: 4px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.l3UqZ {
    margin: auto;
}

._3E0Qq {
    width: 647px;
}

._2doz- {
    display: flex;
    align-items: center;
}

._3ZbaW {
    display: none;
}

._3WbIG {
    border-bottom: 1px solid #dce6ec;
    justify-content: space-between;
    align-items: center;
}

._1cnSZ,
._3WbIG {
    padding: 16px 24px;
    display: flex;
}

._1cnSZ {
    border-top: 1px solid #dce6ec;
    justify-content: flex-end;
}

._2hTHo {
    margin-right: 12px;
}

._3dZQN {
    padding: 16px 24px;
}

._3TuzH {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

._27T6D {
    font-size: 16px;
    font-weight: 300;
    color: #adb5bd;
}

.WLgQQ {
    display: flex;
    flex-direction: row;
}

    .WLgQQ > * {
        margin: 8px 12px 0 0;
    }

._23GKi label {
    font-size: 13px;
    color: #555;
    font-weight: 400;
}

._23GKi input[type="radio"] {
    margin: 0 8px 0 0;
}

._16iFi {
    opacity: 0.3;
    cursor: auto;
}

.kHRIs {
    height: 37px;
    padding: 6px 8px;
    margin: 0;
    font-size: 13px;
    border: 1px solid #dce6ec;
}

._2Vzk0,
.kHRIs {
    width: 100%;
    color: #333;
}

._2Vzk0 {
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding: 8px;
    margin: 1px 0 0;
    outline: 15px;
}

    ._2Vzk0:focus {
        border-color: var(--primary-brand-accent);
    }

    ._2Vzk0._1foKj,
    ._2Vzk0:hover:not(:focus) {
        border-color: #a9beca;
    }

    ._2Vzk0._3QDEP,
    ._2Vzk0:disabled {
        background: #f7f7f7;
        border-color: #f7f7f7;
        opacity: 0.5;
        cursor: auto;
        pointer-events: none;
    }

    ._2Vzk0:not(:disabled)._7dOjA,
    ._2Vzk0:not(:disabled):focus {
        border-color: var(--primary-brand-accent);
        outline: none;
        box-shadow: 0 0 0 0.1rem rgba(13, 181, 223, 0.2);
    }

    ._2Vzk0::-webkit-input-placeholder {
        color: #a5a5a5;
    }

    ._2Vzk0::placeholder {
        color: #a5a5a5;
    }

.nM4E9 {
    text-align: left;
}

._7wTm5 {
    text-align: center;
}

._1xb1a {
    text-align: right;
}

.GO7-c {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

._1Z1sE {
    background-color: #f4f7f9;
}

._2i24A {
    background-color: var(--primary-brand-accent);
}

._3Ss8o {
    background-color: #74c970;
}

._3k7bv {
    background-color: var(--primary-brand-accent-dark);
}

._1qzH5 {
    background-color: #ffa319;
}

._1nGlY {
    background-color: #fef7eb;
}

._3Nx6- {
    background-color: #ec4a3f;
}

._2j5uR {
    background-color: #000;
}

.v3JXH {
    background-color: #fff;
}

.PqkiO {
    position: relative;
    display: inline-block;
}

.Flvos {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    color: #555;
    padding: 6px 24px;
    cursor: default;
    outline: 0;
    white-space: nowrap;
}

    .Flvos:not(:first-child) {
        margin: 12px 0 0;
    }

._1ybhL {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 24px;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
}

    ._1ybhL._3-l2d {
        box-shadow: none;
        border: 0;
        background: transparent;
        width: 100%;
    }

    ._1ybhL._3T3qA,
    ._1ybhL:hover {
        color: #555;
        text-decoration: none;
        background: #f6f6f6;
    }

    ._1ybhL._3HQMX {
        opacity: 0.3;
        cursor: auto;
    }

    ._1ybhL._3h_9X,
    ._1ybhL._3h_9X:hover {
        font-weight: 600;
        color: var(--primary-brand-accent);
    }

    ._1ybhL > i {
        position: absolute;
        left: 8px;
    }

    ._1ybhL > div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

._1nYMD {
    position: absolute;
    top: 8px;
    z-index: 100;
    min-width: 150px;
    overflow-x: initial;
    overflow-y: auto;
    background: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #dce6ec;
    border-radius: 4px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    animation: _27DR3 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175) both;
    will-change: transform;
}

    ._1nYMD._2qxPF {
        left: 0;
    }

    ._1nYMD.ycFFj {
        right: 0;
    }

    ._1nYMD.iIyyO {
        left: 0;
    }

    ._1nYMD._24CXg {
        right: 0;
    }

@keyframes _27DR3 {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    to {
        transform: translateY(32px);
    }
}

._1-53j {
    display: inline-block;
}

.oloHY {
    font-size: 14px;
    font-weight: 400;
}

.mRynb {
    display: block;
}

.ECDeq {
    text-transform: uppercase;
}

._19J3d {
    color: #a5a5a5;
}

._2MIVa {
    color: var(--primary-brand-accent);
}

._3qcxv {
    color: #74c970;
}

._1JU7t {
    color: #17a2b8;
}

._21BmZ {
    color: #ffa319;
}

._2X-Or {
    color: #fef7eb;
}

._2g02u {
    color: #dc7c7c;
}

._1shvW {
    color: #000;
}

._2zShS {
    color: #fff;
}

._2mmK- i {
    margin-right: 4px;
}

._1xvW3 {
    height: 36px;
}

._1xvW3,
._2v8Cs {
    display: flex;
    align-items: center;
}

._3hqWi {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-right: 8px;
    outline: none;
    vertical-align: middle;
}

    ._3hqWi * {
        color: #333;
    }

    ._3hqWi:hover * {
        color: grey;
    }

._1TpfK {
    color: transparent;
    text-shadow: 0 0 0 #333;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 20px;
    outline: none;
    margin-left: 8px;
    vertical-align: middle;
}

    ._1TpfK:hover {
        text-shadow: 0 0 0 grey;
    }

    ._1TpfK._2CqVk {
        font-size: 16px;
    }

    ._1TpfK._3veEe {
        font-size: 20px;
    }

._2zCH3 {
    margin-left: 6px;
    font-size: 16px;
}

    ._2zCH3._2CqVk {
        font-size: 14px;
    }

    ._2zCH3._3veEe {
        font-size: 16px;
    }

._3YMJE {
    vertical-align: middle;
}

._3E9Q6 {
    min-height: 28px;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 8px;
    border-radius: 2px;
    color: #4b545b;
    background: #f4f7f9;
}

    ._3E9Q6 button {
        margin: 0;
        padding: 1px 0 1px 5px;
        border: 0;
        outline: none;
        background-color: inherit;
    }

._3UENR {
    position: relative;
    width: 417px;
    margin-right: 4px;
}

._1iJZ0 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dce6ec;
}

    ._1iJZ0:hover:not(._1mCBk) {
        border: 1px solid #a9beca;
    }

._1mCBk {
    border-color: var(--primary-brand-accent);
    outline: none;
    box-shadow: 0 0 0 0.1rem rgba(13, 181, 223, 0.2);
}

.zt0ap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 4px;
    min-height: 40px;
    max-height: 80px;
    overflow-y: auto;
}

    .zt0ap > * {
        margin-top: 4px;
        margin-left: 4px;
    }

._19zC9 {
    min-width: 32.75px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    outline: none;
    background-color: inherit;
}

.zt0ap .loading {
    margin-left: 8px;
}

._2uZJA {
    border-width: 1px;
}

._2JTve {
    background-color: #f4f7f9;
}

.jC_46 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

._2JHxj {
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

._1srbh,
._2JHxj {
    vertical-align: middle;
}

._1srbh {
    font-weight: 600;
    color: var(--primary-brand-accent);
}

._2JbXg {
    height: 3px;
    width: 3px;
    background-color: var(--primary-brand-accent);
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

._2w9dV {
    position: relative;
}

._2Kj4A {
    width: auto;
    min-width: 100%;
    max-height: 383px;
    overflow-x: initial;
    overflow-y: scroll;
}

    ._2Kj4A ._3AwU {
        height: 1px;
        background-color: #dce6ec;
    }

    ._2Kj4A ._13Osk {
        height: 8px;
    }

    ._2Kj4A .PlkhR {
        display: flex;
        align-items: center;
        min-height: 32px;
        padding-left: 12px;
        font-size: 14px;
    }

        ._2Kj4A .PlkhR._1svz6 {
            padding-top: 12px;
            padding-bottom: 13px;
        }

        ._2Kj4A .PlkhR > input,
        ._2Kj4A .PlkhR > label {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
        }

        ._2Kj4A .PlkhR > input {
            margin-right: 8px;
        }

        ._2Kj4A .PlkhR > label {
            width: 100%;
            padding-right: 16px;
            white-space: nowrap;
        }

        ._2Kj4A .PlkhR ._3hmPO {
            font-size: 12px;
            letter-spacing: 0.1px;
            font-weight: 700;
            text-transform: uppercase;
        }

    ._2Kj4A .WJT1X > .PlkhR {
        padding-left: 28px;
    }

@keyframes _2sdGH {
    0% {
        opacity: 0;
        transform: translateY(-32px);
    }

    to {
        transform: translateY(0);
    }
}

._3hVDF {
    width: auto;
    min-width: 100%;
    background: #fff;
    border: 1px solid #dce6ec;
    border-radius: 4px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
}

    ._3hVDF._1g0v5 {
        position: absolute;
        margin-top: 4px;
        z-index: 1;
        animation: _2sdGH 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175) both;
        will-change: transform;
    }

    ._3hVDF._2C4eS {
        right: 0;
    }

.DTSLb {
    display: flex;
    align-items: stretch;
    color: #333;
    border-bottom: 1px solid #dce6ec;
}

    .DTSLb label {
        margin: 0;
        padding: 8px 12px 8px 16px;
    }

    .DTSLb input {
        border: none;
        flex-grow: 1;
        font-size: 14px;
        outline: none;
    }

        .DTSLb input::-webkit-input-placeholder {
            color: #a5a5a5;
        }

        .DTSLb input::placeholder {
            color: #a5a5a5;
        }

        .DTSLb input::-webkit-search-cancel-button {
            position: relative;
            right: 8px;
        }

._388Lu {
    color: #a5a5a5;
    display: block;
    line-height: 20px;
}

._2VQHf {
    display: flex;
    align-items: center;
    min-height: 32px;
    font-size: 14px;
    outline: none;
}

    ._2VQHf:focus,
    ._2VQHf:focus-within,
    ._2VQHf:hover {
        background: #f4f7f9;
    }

    ._2VQHf.ZsTBX > ._1HFZO {
        font-weight: 600;
    }

    ._2VQHf > ._3alws {
        -o-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border-radius: 2px;
        border: 1px solid #8da5b2;
        height: 12px;
        margin: 0 12px 0 0;
        min-width: 12px;
    }

        ._2VQHf > ._3alws:hover {
            border: 1px solid #5a7886;
        }

        ._2VQHf > ._3alws:focus {
            outline: none;
        }

        ._2VQHf > ._3alws:checked {
            background-color: var(--primary-brand-accent);
            background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x=".5" y=".5" width="11" height="11" rx="1.5" fill="%2310B7DF" stroke="%230DB5DF"/><path d="M4.703 8.875a.415.415 0 00.578 0l4.594-4.594a.415.415 0 000-.578l-.563-.562a.396.396 0 00-.562 0L5 6.89 3.234 5.14a.396.396 0 00-.562 0l-.563.562a.415.415 0 000 .578l2.594 2.594z" fill="white"/></svg>');
            background-position: 50%;
            border: 1px solid var(--primary-brand-accent);
        }

    ._2VQHf > ._1HFZO {
        align-items: center;
        color: #333;
        display: inline-block;
        font-weight: 400;
        margin: 0;
        overflow: hidden;
        padding: 0 16px 0 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    ._2VQHf:first-of-type {
        margin-top: 8px;
    }

    ._2VQHf:last-of-type {
        margin-bottom: 6px;
    }

.TT8wo {
    font-weight: 600;
}

.wX06c {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    display: inline-block;
    margin-right: 8px;
}

.QLhrS {
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
}

._23xtp {
    padding: 8px;
    border-top: 1px solid #dce6ec;
    display: flex;
    justify-content: space-between;
    min-width: 17em;
}

._23Qvt {
    color: #555;
}

    ._23Qvt:hover {
        color: #161616;
    }

._3dVZW:active,
._3dVZW:focus,
._3dVZW:hover {
    background: transparent;
    box-shadow: none;
}

._3dVZW:hover {
    color: var(--primary-brand-accent-darker);
}

.l-i7n {
    width: auto;
    min-width: 100%;
    max-height: 15.5em;
    max-width: 24em;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
}

@keyframes hhBTq {
    0% {
        opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

._2QXp5 > div {
    width: 100%;
    border-radius: 4px;
    background: #f7f7f7;
    animation: hhBTq 0.65s infinite alternate;
    margin: 0 0 8px;
}

    ._2QXp5 > div:last-child {
        margin: initial;
    }

.ueWQ7 {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #dce6ec;
    outline: none;
}

    .ueWQ7:hover:not(._3hduw) {
        border: 1px solid #a9beca;
    }

._3hduw {
    border-color: var(--primary-brand-accent);
    box-shadow: 0 0 0 0.1rem rgba(13, 181, 223, 0.2);
}

._2jQDx {
    opacity: 0.3;
    cursor: auto;
}

._2IZ3A {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 4px;
    min-height: 40px;
    max-height: 80px;
    overflow-y: auto;
    flex-grow: 1;
}

    ._2IZ3A > * {
        margin-top: 4px;
        margin-left: 4px;
    }

._1Gqc2 {
    min-width: 32.75px;
    margin: 0;
    padding: 0 12px;
    border: 0;
    outline: none;
    background-color: inherit;
}

._26Gso {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

._3kh5o {
    cursor: -webkit-grab;
    cursor: grab;
}

._1XdI7 {
    opacity: 0;
}

._1Jvl_ > * {
    display: block;
}

._1QnMP {
    display: flex;
}

._2kcY8,
.LWB0N {
    display: flex;
    flex-direction: column;
}

._2kcY8 {
    width: 50px;
    margin-top: 60px;
    flex-shrink: 0;
}

.LWB0N {
    width: calc(100% - 50px);
}

._1JPyg {
    flex-grow: 1;
    overflow-y: auto;
    background: #343839;
}

    ._1JPyg ul {
        padding: 0;
        margin: 20px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        ._1JPyg ul li {
            cursor: pointer;
            background: #4e5254;
            width: 35px;
            height: 35px;
            list-style: none;
            display: block;
            margin-bottom: 15px;
            border-radius: 2px;
        }

._2QRkH {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background-color: #fff;
    height: 60px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-left: -55px;
    padding-left: 55px;
}

    ._2QRkH > div {
        background: #f3f3f3;
        height: 35px;
        width: 120px;
        border-radius: 4px;
    }

        ._2QRkH > div:last-child {
            margin-left: 120px;
            width: 360px;
        }

._1sky4 {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
}

._1fw4A {
    margin: 0 0 64px;
}

    ._1fw4A:last-child {
        margin: 0;
    }

._3nap9 {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin: 0 0 16px;
    padding: 0 0 16px;
}

._2mBi1 {
    margin: 0 8px 0 0;
}

._3Z3VE span {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

._21Kfm {
    margin-left: 8px;
}

._3SCC5 {
    position: relative;
}

._3gh0S,
._3OLat,
._26JXE {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._1qEeP ._2GXkv,
.Hhfdy {
    margin: 0 12px 0 16px;
}

._1qEeP {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 6px 32px 6px 0;
    outline: none;
}

    ._1qEeP:hover {
        background: #f4f7f9;
    }

    ._1qEeP ._2GXkv {
        pointer-events: none;
    }

._3yywb {
    align-items: flex-start;
}

.Qu70t {
    font-weight: 700;
}

    .Qu70t:not(._2iQgf) {
        color: var(--primary-brand-accent);
    }

    .Qu70t i {
        visibility: visible;
    }

.Hhfdy {
    align-items: center;
    display: flex;
    justify-content: center;
    visibility: hidden;
}

._1OI5I {
    position: relative;
    top: 4px;
}

._25P00 {
    top: 1px;
}

._2iQgf {
    color: #d6d6d6;
    cursor: not-allowed;
}

._3gh0S {
    display: block;
    margin-bottom: 2px;
}

._3OLat {
    color: #a5a5a5;
    display: block;
}

    ._3OLat._2iQgf {
        color: #d6d6d6;
    }

.nn0Lz {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dbe5ec;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    outline: none;
    padding: 0;
    position: absolute;
    z-index: 1;
}

    .nn0Lz > div,
    .nn0Lz > ul {
        max-width: 24em;
        width: auto;
    }

    .nn0Lz > ul {
        overflow-x: hidden;
        overflow-y: auto;
        margin: 0;
        padding: 8px 0;
        max-height: 248px;
    }

        .nn0Lz > ul + footer {
            border-top: 1px solid #dbe5ec;
        }

._1GhIb > ul {
    max-height: 413px;
}

.-a02p {
    width: 100%;
}

    .-a02p > div,
    .-a02p > ul {
        max-width: 100%;
    }

._2lK35 {
    padding: 16px 40px 2px 16px;
    height: 140px;
}

._2_SjL {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._2VGk3,
.YimgM ._1LlaE {
    margin: 0 12px 0 16px;
}

.YimgM {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding: 6px 32px 6px 0;
    outline: none;
}

    .YimgM:hover {
        background: #f4f7f9;
    }

    .YimgM ._1LlaE {
        pointer-events: none;
    }

._2Xo7k {
    align-items: flex-start;
}

._1e-CM {
    font-weight: 700;
}

    ._1e-CM:not(._2pteX) {
        color: var(--primary-brand-accent);
    }

    ._1e-CM i {
        visibility: visible;
    }

._2VGk3 {
    align-items: center;
    display: flex;
    justify-content: center;
    visibility: hidden;
}

.JA9fZ {
    position: relative;
    top: 4px;
}

._3UcWT {
    top: 1px;
}

._2pteX {
    color: #d6d6d6;
    cursor: not-allowed;
}

._7gLog {
    font-weight: 600;
}

._3o2Gu,
.rBmYf {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._3o2Gu {
    display: block;
    margin-bottom: 2px;
}

.rBmYf {
    color: #a5a5a5;
    display: block;
}

    .rBmYf._3uuT1 {
        color: #d6d6d6;
    }

._1WgYS {
    margin-right: 8px;
}

._3UM4J {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._3GZ0J {
    display: inline-flex;
    flex-direction: column;
}

._3GZ0J,
._33xcn {
    position: relative;
    max-width: 100%;
}

._33xcn {
    cursor: pointer;
    min-height: 20px;
    align-self: flex-start;
    padding-left: 14px;
}

    ._33xcn:before {
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 2px;
        border: 1px solid #a5a5a5;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.2s ease-in-out;
    }

    ._33xcn:hover:before {
        border-color: #555;
    }

    ._33xcn:after {
        font-family: "Font Awesome5 Pro";
        content: "";
        font-size: 8px;
        line-height: 8px;
        font-weight: 600;
        display: none;
        position: absolute;
        top: 50%;
        left: 3px;
        transform: translateY(-50%);
        color: #fff;
    }

._3UM4J {
    margin-left: 8px;
    max-width: 100%;
    float: left;
}

._1Ywzv {
    display: inline-block;
    max-width: 100%;
    color: #a5a5a5;
    padding-left: 22px;
}

._3u_Oc {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    width: 1px;
    height: 1px;
}

    ._3u_Oc:focus + ._33xcn:before {
        box-shadow: 0 0 0 2px #cff0f9;
    }

    ._3u_Oc:checked + ._33xcn:before {
        background-color: var(--primary-brand-accent);
        border-color: var(--primary-brand-accent);
    }

    ._3u_Oc:checked + ._33xcn:after {
        display: block;
    }

    ._3u_Oc:disabled + ._33xcn {
        cursor: not-allowed;
        color: #d6d6d6;
    }

        ._3u_Oc:disabled + ._33xcn:before {
            border-color: #d6d6d6;
            background-color: #f7f7f7;
        }

    ._3u_Oc:disabled ~ ._1Ywzv {
        cursor: not-allowed;
        color: #d6d6d6;
    }

    ._3u_Oc:disabled:checked + ._33xcn:before {
        background-color: #d6d6d6;
    }

._9zJ6D {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.-ujz9 {
    transition: transform 0.2s ease-in-out;
}

    .-ujz9:hover {
        transform: scale(1.1);
    }

._212fU {
    display: inline-block;
    position: relative;
}

    ._212fU:hover {
        cursor: pointer;
    }

._33xCY,
.B9Ymh {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._1vyLO {
    display: flex;
    flex-direction: row;
}

._1Enx4 {
    margin-right: 8px;
}

._1EkKm {
    opacity: 0.5;
}

    ._1EkKm img:hover {
        cursor: not-allowed;
    }

._3m127 {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

._33xCY {
    display: block;
    margin-bottom: 2px;
}

.B9Ymh {
    color: #a5a5a5;
    display: block;
}

    .B9Ymh._38D_F {
        color: #d6d6d6;
    }

._3PR4U > ul {
    margin: 0;
    padding: 0;
}

._1-aag {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding-left: 16px;
}

._3HPoU {
    color: #333;
    padding: 8px 0 8px 16px;
    border-bottom: 1px solid #dbe5ec;
}

    ._3HPoU label {
        margin: 0;
        padding: 0;
        display: inline-flex;
        align-items: center;
        width: 100%;
    }

    ._3HPoU input {
        border: none;
        flex-grow: 1;
        font-size: 14px;
        font-family: var(--font-family-default);
        line-height: 20px;
        outline: none;
    }

        ._3HPoU input::-webkit-input-placeholder {
            color: #a5a5a5;
        }

        ._3HPoU input::placeholder {
            color: #a5a5a5;
        }

        ._3HPoU input::-webkit-search-cancel-button {
            display: none;
        }

._3CcMF {
    padding-right: 12px;
    line-height: 20px;
}

._3jz3o {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 6px 8px 4px;
}

._1YWNq {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 8px;
    line-height: 16px;
    outline: none;
}

.mBMf0 {
    color: var(--primary-brand-accent);
}

    .mBMf0:hover {
        color: var(--primary-brand-accent-darker);
    }

._3NdER {
    color: #555;
}

    ._3NdER:hover {
        color: #161616;
    }

._1Ntun {
    background: transparent;
    border: none;
    flex-grow: 1;
    font: 14px/20px var(--font-family-default);
    outline: none;
    padding: 8px 12px;
    min-width: 0;
}

    ._1Ntun::-webkit-input-placeholder {
        color: #a5a5a5;
    }

    ._1Ntun::placeholder {
        color: #a5a5a5;
    }

    ._1Ntun._2Iaou {
        min-height: 28px;
        padding: 4px 8px;
        margin: 4px;
    }

        ._1Ntun._2Iaou:disabled,
        ._1Ntun._9wXC1:disabled {
            cursor: not-allowed;
        }

._3CGnB {
    padding-left: 4px;
}

._3mQOu {
    padding-right: 4px;
}

._2zzTD,
._107B_ {
    padding: 8px 12px;
    color: #a5a5a5;
    font-size: 14px;
}

.Xk_aU {
    background-color: #f7f7f7;
    border-right: 1px solid #d3dade;
    border-radius: 6px 0 0 6px;
}

._1MkWw {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d3dade;
    color: #333;
    display: flex;
    flex-direction: row;
    align-items: center;
}

    ._1MkWw._2dUWd {
        border-color: #ffa319;
    }

    ._1MkWw.IUELI {
        border-color: #ec4a3f;
    }

    ._1MkWw.SuPH5 {
        background: #f7f7f7;
    }

    ._1MkWw.CLEu3 {
        border-color: var(--primary-brand-accent);
        box-shadow: 0 0 0 3px rgba(13, 181, 223, 0.32);
    }

._1iR1W {
    display: flex;
    flex: 1;
    justify-content: space-between;
    padding: 12px 24px;
}

._2BR08 {
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    flex: 1;
    margin-right: 12px;
    outline: none;
}

    ._2BR08 input {
        background: #fff;
        border: 1px solid #dbe5ec;
        border-radius: 2px;
        box-shadow: none;
        outline: none;
    }

._-9zI3 {
    color: #333;
    font-style: italic;
    padding: 16px;
}

.oPDOa {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    color: #333;
    font: 400 14px var(--font-family-default);
    margin: 0;
    padding: 8px 16px;
    line-height: 18px;
    border: 1px solid #d3dade;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
    outline: none;
}

    .oPDOa:hover {
        border: 1px solid #d3dade;
        background-color: #f4f7f9;
        color: #333;
    }

    .oPDOa:focus {
        border: 1px solid var(--primary-brand-accent);
        background-color: #dbe5ec;
        color: #161616;
        box-shadow: 0 0 0 1px var(--primary-brand-accent);
    }

    .oPDOa._26Uu4 {
        color: var(--primary-brand-accent);
        font-weight: 700;
    }

    .oPDOa._2lpxQ {
        display: flex;
        width: 100%;
        color: #a5a5a5;
    }

        .oPDOa._2lpxQ:hover {
            color: #555;
        }

        .oPDOa._2lpxQ:focus {
            color: #333;
        }

        .oPDOa._2lpxQ._26Uu4 {
            color: #333;
            font-weight: 400;
        }

        .oPDOa._2lpxQ .xnigC {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .oPDOa._1ItCM {
        border-color: #ffa319;
    }

    .oPDOa.DytpP {
        border-color: #ec4a3f;
    }

    .oPDOa.NVWF-,
    .oPDOa.NVWF-:focus,
    .oPDOa.NVWF-:hover {
        cursor: default;
        background-color: #f4f7f9;
        border-color: transparent;
        color: #a5a5a5;
    }

    .oPDOa .xnigC {
        white-space: nowrap;
        margin: 0 8px 0 0;
    }

._1Sk9g {
    display: flex;
    justify-content: center;
}

._3cKr0 {
    opacity: 0.3;
    cursor: auto;
}

._1Pk8N {
    font-size: 14px;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    margin: 0 40px 0 0;
    padding: 0 0 12px;
    outline: initial;
}

    ._1Pk8N,
    ._1Pk8N:active,
    ._1Pk8N:hover {
        color: #a5a5a5;
        text-decoration: none;
    }

._3ESFz._1qH_M {
    color: #f4f7f9;
    border-bottom-color: #f4f7f9;
}

._32HrO._1qH_M {
    color: var(--primary-brand-accent);
    border-bottom-color: var(--primary-brand-accent);
}

._3Dy8N._1qH_M {
    color: #74c970;
    border-bottom-color: #74c970;
}

._3ieFW._1qH_M {
    color: var(--primary-brand-accent-dark);
    border-bottom-color: var(--primary-brand-accent-dark);
}

._1pu4T._1qH_M {
    color: #ffa319;
    border-bottom-color: #ffa319;
}

.RB9io._1qH_M {
    color: #fef7eb;
    border-bottom-color: #fef7eb;
}

._2V6-4._1qH_M {
    color: #ec4a3f;
    border-bottom-color: #ec4a3f;
}

._3H3qf._1qH_M {
    color: #000;
    border-bottom-color: #000;
}

._1yxgR._1qH_M {
    color: #fff;
    border-bottom-color: #fff;
}

._310IM {
    opacity: 0.3;
    cursor: auto;
}

._2ZaBg {
    position: relative;
    display: flex;
    flex-direction: row;
    z-index: 0;
}

._3KeRO {
    overflow: scroll;
}

.cXTJq {
    width: 100%;
    text-align: left;
    background-color: #fff;
    border-collapse: collapse;
}

._2Hjsf {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
}

    ._2Hjsf tr {
        border-right: 1px solid #dce6ec;
    }

    ._2Hjsf th {
        z-index: 3;
    }

._1k1Cu {
    width: 100%;
}

    ._1k1Cu th {
        z-index: 1;
    }

._232f0 th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

._1xmi0 td,
._1xmi0 th {
    background: #f4f7f9;
}

._1xmi0._2as-z td {
    background: #dde6ec;
}

._1xmi0._2k2Rn td,
._1xmi0:not(.EFDBn):hover td {
    background: #ecf1f5;
}

._1ati6 td,
._1ati6 th {
    background: var(--primary-brand-accent);
}

._1ati6._2as-z td {
    background: #0b9abd;
}

._1ati6._2k2Rn td,
._1ati6:not(.EFDBn):hover td {
    background: #0cabd3;
}

._3ZbC_ td,
._3ZbC_ th {
    background: #74c970;
}

._3ZbC_._2as-z td {
    background: #5bbf56;
}

._3ZbC_._2k2Rn td,
._3ZbC_:not(.EFDBn):hover td {
    background: #6bc667;
}

._2qcOa td,
._2qcOa th {
    background: var(--primary-brand-accent-dark);
}

._2qcOa._2as-z td {
    background: #097d99;
}

._2qcOa._2k2Rn td,
._2qcOa:not(.EFDBn):hover td {
    background: var(--color-solid-active-accent);
}

._3J-Lo td,
._3J-Lo th {
    background: #ffa319;
}

._3J-Lo._2as-z td {
    background: #f49300;
}

._3J-Lo._2k2Rn td,
._3J-Lo:not(.EFDBn):hover td {
    background: #ff9e0c;
}

.rGmrH td,
.rGmrH th {
    background: #fef7eb;
}

.rGmrH._2as-z td {
    background: #fce9c9;
}

.rGmrH._2k2Rn td,
.rGmrH:not(.EFDBn):hover td {
    background: #fdf2df;
}

._1HahO td,
._1HahO th {
    background: #ec4a3f;
}

._1HahO._2as-z td {
    background: #e92b1f;
}

._1HahO._2k2Rn td,
._1HahO:not(.EFDBn):hover td {
    background: #eb3f33;
}

._1pLBX._2as-z td,
._1pLBX._2k2Rn td,
._1pLBX:not(.EFDBn):hover td,
._1pLBX td,
._1pLBX th {
    background: #000;
}

.R4ZSC td,
.R4ZSC th {
    background: #fff;
}

.R4ZSC._2as-z td {
    background: #ededed;
}

.R4ZSC._2k2Rn td,
.R4ZSC:not(.EFDBn):hover td {
    background: #f9f9f9;
}

._1ati6,
._1xmi0,
._2qcOa,
._3J-Lo,
._3ZbC_ {
    border-bottom: 1px solid #dce6ec;
}

.rGmrH {
    border-bottom: 1px solid #ede5d8;
}

._1HahO,
._1pLBX,
.R4ZSC {
    border-bottom: 1px solid #dce6ec;
}

._24VZq th {
    font-size: 12px;
    padding: 6px 24px;
    line-height: 23px;
}

._21j1k th {
    font-size: 14px;
    padding: 8px 24px;
    line-height: 23px;
}

._1VwaI th {
    padding: 16px 24px;
    line-height: 23px;
}

._24VZq td {
    font-size: 12px;
    padding: 6px 24px;
    line-height: 23px;
}

._21j1k td {
    font-size: 14px;
    padding: 12px 24px;
    line-height: 23px;
}

._1VwaI td {
    padding: 20px 24px;
    line-height: 23px;
}

._3MrnU {
    opacity: 0.5;
    cursor: auto;
}

._3FJhp {
    cursor: pointer;
}

.NgQD7 {
    border-bottom: none;
}

._2wfFa,
._2yJAp {
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Woz37 {
    opacity: 0.5;
    cursor: auto;
}

._1fFi1 {
    font-weight: 600;
}

._1QGKw > i:first-child {
    margin-right: 2px;
}

._1zeCg {
    color: #f4f7f9;
}

._3Nm70 {
    color: var(--primary-brand-accent);
}

.FGDAq {
    color: #74c970;
}

._1uYfo {
    color: var(--primary-brand-accent-dark);
}

._1H2Ms {
    color: #ffa319;
}

._3pX6o {
    color: #fef7eb;
}

.LmHQ_ {
    color: #ec4a3f;
}

._3tUZ_ {
    color: #000;
}

._2Si3g,
._21NNY {
    color: #fff;
}

._21NNY {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -20px 0 -50px;
    font-size: 10px;
    text-transform: uppercase;
    transform: rotate(-90deg);
}

._19mwF {
    background: #f4f7f9;
}

._1tt9D {
    background: var(--primary-brand-accent);
}

.YMymG {
    background: #74c970;
}

._3sSeZ {
    background: var(--primary-brand-accent-dark);
}

._2Rgz3 {
    background: #ffa319;
}

._2UV9D {
    background: #fef7eb;
}

.rl6d4 {
    background: #ec4a3f;
}

._3zBl4 {
    background: #000;
}

.JCT-3 {
    background: #fff;
}

._1yTRJ {
    margin-bottom: 16px;
    box-shadow: none;
    transition: box-shadow 0.2s ease-in-out;
}

    ._1yTRJ:last-of-type {
        margin-bottom: 0;
    }

    ._1yTRJ ._1kW0w {
        color: #a5a5a5;
        margin-right: 16px;
        transition: transform 0.3s ease-in-out;
        width: 20px;
        line-height: 20px;
        text-align: center;
        will-change: transform;
    }

    ._1yTRJ[aria-expanded="true"] ._1kW0w {
        transform: rotate(-180deg);
    }

    ._1yTRJ:focus {
        outline: none;
        box-shadow: 0 0 0 2px #cff0f9;
    }

._2j8Jm {
    border-radius: 4px;
}

._2j8Jm,
._2xK3y {
    align-items: center;
}

._2xK3y {
    padding: 16px;
    display: flex;
    align-self: stretch;
}

._21M7X {
    padding: 16px 16px 16px 0;
    border: 0;
    margin: 0;
    min-width: 0;
}

    ._21M7X:disabled {
        pointer-events: none;
    }

.P94_4 {
    padding: 0 16px 16px 52px;
}

    .P94_4._2LaqZ {
        padding-left: 82px;
    }

._1HMhX {
    display: flex;
    align-items: center;
    flex: 1;
    margin-right: 16px;
}

._3J-HM {
    padding-right: 16px;
}

._3jxNo {
    display: flex;
    justify-content: space-between;
    bottom: 0;
    background: #fff;
    box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
    padding: 20px 24px;
}

.Wej3z {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
}

.k0agp {
    position: fixed;
    width: calc(100% - 64px);
}

._1ZMr4 {
    display: flex;
    align-items: center;
}

._3o-c- {
    margin: 0 0 0 12px !important;
}

._303wi {
    margin: 16px 0 0;
}

    ._303wi > button {
        margin: 0 8px 0 0;
    }

._1eEHQ {
    text-align: center;
}

._1A_Fo {
    text-align: initial;
    display: inline-block;
    min-width: 150px;
    padding: 12px 16px;
    background: #fff;
    font-size: 14px;
    color: #555;
    border-radius: 4px;
    border: 1px solid #dce6ec;
}

._2DiYq {
    border-left: 3px solid #f4f7f9;
}

._3CQqb {
    border-left: 3px solid var(--primary-brand-accent);
}

._1wQbs {
    border-left: 3px solid #74c970;
}

._37tZO {
    border-left: 3px solid #ffa319;
}

._1A0mG {
    border-left: 3px solid #ec4a3f;
}

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

    ._3eTCz > div:not(:last-child) {
        margin-right: 8px;
    }

    ._3eTCz i {
        position: relative;
        top: 1px;
    }

._3d3hy {
    width: 100%;
}

._1V5b0 {
    float: right;
}

._14Nb3 {
    border: 1px solid #dce6ec;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

._25YZV {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    ._25YZV:hover {
        box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.08);
        cursor: pointer;
        transform: translateY(-4px);
    }

._11AWi {
    display: flex;
    flex-direction: column;
}

    ._11AWi > ._3WVCG:not(:first-child) {
        margin: 4px 0 0;
    }

._2zLAV {
    flex-direction: row;
}

    ._2zLAV > ._3WVCG:not(:first-child) {
        margin: 0 0 0 16px;
    }

._2kgSa {
    display: inline-block;
    position: relative;
}

._1yYZ5 {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #dce6ec;
    box-sizing: border-box;
    display: flex;
    padding: 9px;
}

    ._1yYZ5:hover {
        border: 1px solid #a9beca;
    }

    ._1yYZ5._3nDT-,
    ._1yYZ5._3zcMo,
    ._1yYZ5:active,
    ._1yYZ5:focus {
        border: 1px solid var(--primary-brand-accent);
        color: var(--primary-brand-accent);
    }

        ._1yYZ5._3nDT- i,
        ._1yYZ5._3zcMo i,
        ._1yYZ5:active i,
        ._1yYZ5:focus i {
            color: var(--primary-brand-accent);
        }

    ._1yYZ5.kOF6C,
    ._1yYZ5:disabled {
        background: #f7f7f7;
        border-color: #f7f7f7;
        cursor: not-allowed;
    }

._3OU6w {
    color: #6e6e6e;
}

.X2g7j {
    border-radius: 50%;
    height: 18px;
    margin-right: 4px;
    width: 18px;
}

._2kCY8 {
    font-size: 14px;
    line-height: 14px;
    left: 0;
    padding: 24px 24px 12px;
    position: absolute;
    width: 290px;
    min-width: auto;
    z-index: 1;
}

._1P0Hz {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
}

._1P0Hz,
._2ciyw {
    display: flex;
}

._3EGuj {
    border-radius: 2px;
    height: 12px;
    width: 12px;
    margin-right: 4px;
}

.ZZIsC {
    color: #333;
}

._2HCyg {
    display: flex;
    flex-wrap: wrap;
}

._3GcpM {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin-bottom: 12px;
    position: relative;
    outline: none;
}

    ._3GcpM:after {
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid transparent;
        content: "";
        height: 36px;
        left: -3px;
        position: absolute;
        top: -3px;
        width: 36px;
        transition: all 0.3s ease;
    }

    ._3GcpM:focus:after,
    ._3GcpM:hover:after {
        border-color: inherit;
    }

    ._3GcpM:not(:last-of-type):not(:nth-of-type(6)) {
        margin-right: 12px;
    }

._2JuVP {
    top: 0;
    left: 0;
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
}

._1oU05,
._2JuVP {
    width: 100%;
    height: 100%;
}

._1oU05 {
    position: absolute;
    background: #000;
    opacity: 0.6;
}

._2uHLe {
    position: relative;
}

._15uGZ,
._21Gwp {
    overflow: hidden;
}

._15uGZ {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    max-height: 80vh;
}

    ._15uGZ.mcSPw {
        width: 400px;
    }

    ._15uGZ._17-ol {
        width: 600px;
    }

    ._15uGZ._1XgRP {
        width: 80vw;
        max-width: 1024px;
    }

._26NMW {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    position: relative;
}

    ._26NMW.sv_Y0 {
        box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);
    }

._3qXDk {
    color: #161616;
}

._1ZKgJ {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    color: #555;
    background-color: transparent;
    border: none;
    outline: none;
}

    ._1ZKgJ:focus,
    ._1ZKgJ:hover {
        cursor: pointer;
        color: #161616;
    }

.KtNAP {
    padding: 0 24px 12px;
    color: #555;
    font-size: 14px;
    flex-shrink: 1;
    overflow-x: hidden;
}

.lzYrO {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    padding: 20px 24px;
    position: relative;
}

    .lzYrO.SFW3y {
        box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);
    }

.XybMe {
    margin: 0 0 0 8px;
}

    .XybMe:first-of-type {
        margin: 0;
    }

._2lQI3 {
    background: #fff;
    position: fixed;
    z-index: 2000;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
    overflow-x: auto;
    overflow-y: initial;
}

    ._2lQI3,
    ._2lQI3[data-state="show"] {
        transition: transform 0.3s ease-out;
    }

        ._2lQI3[data-state="show"] {
            transform: translateX(0);
        }

._2WTM7 {
    padding: 20px 32px;
}

.TWZti {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
}

.ENIoN {
    border-bottom: 1px solid #dcdcdc;
    z-index: 1;
}

._2zE10 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.pwPd4 {
    margin-bottom: 16px;
}

._3Xi3M {
    color: #000;
    margin-bottom: 4px;
    font-weight: 700;
}

.Cc93g {
    color: #555;
    margin-bottom: 24px;
    font-weight: 400;
    text-align: center;
}

._3SVKW {
    font-weight: 600;
    font-size: 17px;
    color: #555;
    margin: 0;
    padding: 0;
    margin-top:2%;
    margin-bottom:2%;
}

.R91LP {
    line-height: 25px;
}

._2CzRN {
    margin: 0 0 12px;
    padding: 0;
    background: none;
}

._2UVI8 {
    display: flex;
    padding: 8px;
    background: none;
}

._2HmGL {
    background: #f8fafb;
}

._3l4F1 {
    display: flex;
    align-items: center;
    padding: 0;
}

    ._3l4F1 > label {
        display: block;
    }

.G2YsW {
    margin-bottom: 28px;
}

._1HQ9s {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

._3jppI {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

    ._3jppI > div + div {
        margin: 0 0 0 8px;
    }

._3ZcSx {
    display: flex;
    justify-content: flex-end;
    margin: 12px 0 0;
}

    ._3ZcSx > button {
        margin: 0 0 0 8px;
    }

._2TW9i {
    background: #333;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 12px;
    max-width: 300px;
    padding: 4px 6px;
    line-height: 20px;
}

    ._2TW9i a {
        color: var(--primary-brand-accent);
        font-weight: 600;
        text-decoration: none;
    }

._2pNL0,
._3LG4b {
    display: inline-block;
}

._246fd {
    color: #333;
}

._1NIQN {
    padding: 0 2px;
}

._1aCH8 {
    color: #555;
}

._1tVkP {
    color: #a5a5a5;
    margin-left: 4px;
}

._29cOU {
    display: inline-flex;
    align-items: center;
}

._3m-Yx {
    padding: 0 2px;
    margin-right: 2px;
}

._12cMK {
    color: #333;
}

._1jcv_ {
    display: flex;
    flex-direction: column;
}

    ._1jcv_ > .upJHX {
        margin: 2px 0;
    }

        ._1jcv_ > .upJHX:first-child {
            margin: 0 0 2px;
        }

        ._1jcv_ > .upJHX:last-child {
            margin: 2px 0 0;
        }

._1jUoo {
    margin-bottom: 4px;
}

._3pzjD {
    color: #a5a5a5;
    font-style: italic;
}

._3sKm2 {
    display: inline-block;
}

._2BURW {
    display: flex;
}

._1gH-K {
    cursor: pointer;
}

._4aifz {
    padding-left: 8px;
}

.OnPH4 {
    background: #fff;
    padding: 16px 24px;
    min-height: 52px;
    max-width: 300px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 16px 24px;
}

    .OnPH4 a {
        color: var(--primary-brand-accent);
        text-decoration: none;
        font-weight: 600;
    }

._1H1CY {
    color: #333;
    padding: 0;
    display: flex;
    list-style: none;
    list-style-type: none;
}

    ._1H1CY li {
        min-width: 20px;
    }

    ._1H1CY > li > a {
        color: inherit;
        font-size: 14px;
        font-weight: 600;
        padding: 0 4px;
        margin: 0 8px;
        text-decoration: none;
        cursor: pointer;
    }

        ._1H1CY > li > a._5cH4k {
            border-bottom: 2px solid var(--primary-brand-accent);
        }

.GyAmu {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._2R_kE {
    display: inline-flex;
    flex-direction: column;
}

._2R_kE,
._3y-pq {
    position: relative;
    max-width: 100%;
}

._3y-pq {
    cursor: pointer;
    min-height: 20px;
    align-self: flex-start;
    padding-left: 14px;
}

    ._3y-pq:before {
        content: "";
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 1px solid #a5a5a5;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        transition: all 0.2s ease-in-out;
    }

    ._3y-pq:hover:before {
        border-color: #555;
    }

    ._3y-pq:after {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        display: none;
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        left: 4px;
        background-color: #fff;
    }

.GyAmu {
    margin-left: 8px;
    max-width: 100%;
    float: left;
}

._2uOTZ {
    display: inline-block;
    max-width: 100%;
    color: #a5a5a5;
    padding-left: 22px;
}

.NJ-O9 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    width: 1px;
    height: 1px;
}

    .NJ-O9:focus + ._3y-pq:before {
        box-shadow: 0 0 0 2px #cff0f9;
    }

    .NJ-O9:checked + ._3y-pq:before {
        background-color: var(--primary-brand-accent);
        border-color: var(--primary-brand-accent);
    }

    .NJ-O9:checked + ._3y-pq:after {
        display: block;
    }

    .NJ-O9:disabled + ._3y-pq {
        cursor: not-allowed;
        color: #d6d6d6;
    }

        .NJ-O9:disabled + ._3y-pq:before {
            border-color: #d6d6d6;
            background-color: #f7f7f7;
        }

    .NJ-O9:disabled ~ ._2uOTZ {
        cursor: not-allowed;
        color: #d6d6d6;
    }

    .NJ-O9:disabled:checked + ._3y-pq:before {
        background-color: #d6d6d6;
    }

._3sPog {
    display: flex;
    flex-direction: column;
}

    ._3sPog > ._1T8Id:not(:first-child) {
        margin: 4px 0 0;
    }

._2my21 {
    flex-direction: row;
}

    ._2my21 > ._1T8Id:not(:first-child) {
        margin: 0 0 0 16px;
    }

._3L2ky {
    display: contents;
}

._3cA7C {
    left: 0;
    position: -webkit-sticky;
    position: sticky;
}

.UGMtq {
    background-color: transparent;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 100%;
    text-align: left;
}

    .UGMtq tbody tr {
        background-color: #fff;
    }

        .UGMtq tbody tr:hover {
            background-color: #f9f9f9;
        }

        .UGMtq tbody tr.selected {
            background-color: #ececec;
        }

            .UGMtq tbody tr.selected:hover {
                background-color: #e6e6e6;
            }

        .UGMtq tbody tr.warning {
            background-color: #fef7eb;
        }

            .UGMtq tbody tr.warning:hover {
                background-color: #fdf2df;
            }

            .UGMtq tbody tr.warning.selected {
                background-color: #fce8c7;
            }

                .UGMtq tbody tr.warning.selected:hover {
                    background-color: #fce4ba;
                }

    .UGMtq td,
    .UGMtq th {
        background-color: inherit;
        background-clip: padding-box;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .UGMtq td {
        padding: 12px;
    }

    .UGMtq th {
        border-top: 1px solid #dce6ec;
        padding: 8px 12px;
        z-index: 1;
    }

        .UGMtq th.sortable {
            cursor: pointer;
        }

            .UGMtq th.sortable:hover,
            .UGMtq th.sorted-ascending,
            .UGMtq th.sorted-descending {
                background-color: #d3dfe7;
            }

                .UGMtq th.sorted-ascending:after,
                .UGMtq th.sorted-descending:after {
                    color: var(--primary-brand-accent);
                    font-family: "Font Awesome5 Pro";
                    font-size: 10px;
                    margin-left: 8px;
                }

                .UGMtq th.sorted-ascending:after {
                    content: "";
                }

                .UGMtq th.sorted-descending:after {
                    content: "";
                }

    .UGMtq.EkScn th:nth-child(-n + 1) {
        z-index: 2;
    }

    .UGMtq.EkScn td:nth-child(-n + 1),
    .UGMtq.EkScn th:nth-child(-n + 1) {
        left: 0;
        position: -webkit-sticky;
        position: sticky;
    }

    .UGMtq.EkScn tr > :first-child {
        border-right: 1px solid #dce6ec;
    }

    .UGMtq._2C3ve th:nth-child(-n + 2) {
        z-index: 2;
    }

    .UGMtq._2C3ve td:nth-child(-n + 2),
    .UGMtq._2C3ve th:nth-child(-n + 2) {
        left: 0;
        position: -webkit-sticky;
        position: sticky;
    }

    .UGMtq._2C3ve tr > :nth-child(2) {
        border-right: 1px solid #dce6ec;
    }

    .UGMtq.MomPQ th:nth-child(-n + 3) {
        z-index: 2;
    }

    .UGMtq.MomPQ td:nth-child(-n + 3),
    .UGMtq.MomPQ th:nth-child(-n + 3) {
        left: 0;
        position: -webkit-sticky;
        position: sticky;
    }

    .UGMtq.MomPQ tr > :nth-child(3) {
        border-right: 1px solid #dce6ec;
    }

    .UGMtq._2-5Li th:nth-child(-n + 4) {
        z-index: 2;
    }

    .UGMtq._2-5Li td:nth-child(-n + 4),
    .UGMtq._2-5Li th:nth-child(-n + 4) {
        left: 0;
        position: -webkit-sticky;
        position: sticky;
    }

    .UGMtq._2-5Li tr > :nth-child(4) {
        border-right: 1px solid #dce6ec;
    }

    .UGMtq._1C0UE th:nth-child(-n + 5) {
        z-index: 2;
    }

    .UGMtq._1C0UE td:nth-child(-n + 5),
    .UGMtq._1C0UE th:nth-child(-n + 5) {
        left: 0;
        position: -webkit-sticky;
        position: sticky;
    }

    .UGMtq._1C0UE tr > :nth-child(5) {
        border-right: 1px solid #dce6ec;
    }

._1FuGF thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

._2kZQR thead tr {
    background-color: #f4f7f9;
}

._2kZQR td,
._2kZQR th {
    border-bottom: 1px solid #dce6ec;
    font-size: 14px;
}

._3rdNe thead tr {
    background-color: transparent;
}

._3rdNe thead th {
    border: 0;
    color: #a5a5a5;
    font-family: var(--font-family-default);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 12px 0;
}

    ._3rdNe thead th:first-child {
        padding-left: 36px;
    }

._3rdNe tbody tr {
    background-color: #fff;
}

    ._3rdNe tbody tr:hover {
        background-color: #f9f9f9;
    }

    ._3rdNe tbody tr.selected {
        background-color: #ececec;
    }

        ._3rdNe tbody tr.selected:hover {
            background-color: #e6e6e6;
        }

    ._3rdNe tbody tr td {
        border: 0;
        color: #333;
        font-size: 14px;
        line-height: 20px;
        padding: 16px 0;
    }

        ._3rdNe tbody tr td:first-child {
            padding-left: 36px;
        }

._382vB {
    align-items: center;
    border-radius: 16px;
    cursor: default;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0 16px;
}

button._382vB {
    background-color: #fff;
    border: 1px solid #a5a5a5;
    cursor: pointer;
    font-family: var(--font-family-default);
    outline: none;
}

    button._382vB:focus,
    button._382vB:hover {
        background-color: #f7f7f7;
    }

.n28CX {
    font-size: 12px;
    font-weight: 600;
    opacity: 0.8;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

._2ER9j {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    font-family: var(--font-family-default);
    height: 24px;
    justify-content: center;
    margin-right: -8px;
    outline: none;
    padding: 0;
    width: 24px;
}

    ._2ER9j > i {
        opacity: 0.8;
    }

._1N62O,
.WkJNa {
    font-family: IBM Plex Mono, monospace;
}

._2b_WO {
    margin: 16px;
}

._2SMH3 {
    width: 400px;
    padding: 16px;
    background: #fff;
    font-size: 14px;
    color: #555;
    border-radius: 4px;
    border: 1px solid #dce6ec;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.24s cubic-bezier(0, 0, 0.2, 1);
}

    ._2SMH3[data-state="entering"] {
        animation: _35Llh 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.175) both;
    }

    ._2SMH3[data-state="leaving"] {
        animation: _1hfg9 0.2s cubic-bezier(0.4, 0, 1, 1) both;
    }

    ._2SMH3:hover .ygnMm {
        animation-play-state: paused;
    }

._2T4Lj {
    display: flex;
    align-items: center;
    justify-content: center;
}

    ._2T4Lj > div:not(:last-child) {
        margin-right: 16px;
    }

._34M-5 {
    margin-bottom: auto;
}

    ._34M-5 i {
        position: relative;
        top: 5px;
    }

._1PHW_ {
    margin-bottom: auto;
    margin-left: auto;
}

._1gWe1 {
    padding: 16px 0 0;
}

._3VKyD {
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

    ._3VKyD .ygnMm {
        height: 100%;
        width: 0;
        animation-name: _1fvnm;
        animation-timing-function: linear;
        background: #999;
        border-radius: 0 0 4px 4px;
    }

        ._3VKyD .ygnMm._2PaGO {
            background: #f4f7f9;
        }

        ._3VKyD .ygnMm._2V3Sk {
            background: var(--primary-brand-accent);
        }

        ._3VKyD .ygnMm._1hXdE {
            background: #74c970;
        }

        ._3VKyD .ygnMm._mk9z {
            background: var(--primary-brand-accent-dark);
        }

        ._3VKyD .ygnMm._1zNSJ {
            background: #ffa319;
        }

        ._3VKyD .ygnMm._2aB6T {
            background: #fef7eb;
        }

        ._3VKyD .ygnMm._1GLwT {
            background: #ec4a3f;
        }

        ._3VKyD .ygnMm._1JE4K {
            background: #000;
        }

        ._3VKyD .ygnMm._1Fj_2 {
            background: #fff;
        }

._34M-5._2PaGO {
    color: #f4f7f9;
}

._34M-5._2V3Sk {
    color: var(--primary-brand-accent);
}

._34M-5._1hXdE {
    color: #74c970;
}

._34M-5._mk9z {
    color: var(--primary-brand-accent-dark);
}

._34M-5._1zNSJ {
    color: #ffa319;
}

._34M-5._2aB6T {
    color: #fef7eb;
}

._34M-5._1GLwT {
    color: #ec4a3f;
}

._34M-5._1JE4K {
    color: #000;
}

._34M-5._1Fj_2 {
    color: #fff;
}

@keyframes _35Llh {
    0% {
        opacity: 0;
        transform: translateX(-12.5%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes _1hfg9 {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(-12.5%);
        opacity: 0;
    }
}

@keyframes _1fvnm {
    0% {
        width: 0;
    }

    to {
        width: 100%;
    }
}

._3UFUC {
    bottom: 8px;
    left: 72px;
    position: fixed;
    z-index: 1500;
}

.ui-timepicker-wrapper {
    overflow-y: auto;
    max-height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    z-index: 10052;
    margin: 0;
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

.ui-timepicker-list .ui-timepicker-selected:hover,
.ui-timepicker-list li:hover,
li.ui-timepicker-selected {
    background: #1980ec;
    color: #fff;
}

    .ui-timepicker-list li:hover .ui-timepicker-duration,
    li.ui-timepicker-selected .ui-timepicker-duration {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }

.bootstrap-duallistbox-container .buttons {
    width: 100%;
    margin-bottom: -1px;
}

.bootstrap-duallistbox-container label {
    display: block;
}

.bootstrap-duallistbox-container .info {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 11px;
}

.bootstrap-duallistbox-container .clear1,
.bootstrap-duallistbox-container .clear2 {
    display: none;
    font-size: 10px;
}

.bootstrap-duallistbox-container .box1.filtered .clear1,
.bootstrap-duallistbox-container .box2.filtered .clear2 {
    display: inline-block;
}

.bootstrap-duallistbox-container .move,
.bootstrap-duallistbox-container .remove {
    width: 60%;
}

.bootstrap-duallistbox-container .btn-group .btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bootstrap-duallistbox-container select {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bootstrap-duallistbox-container .moveall,
.bootstrap-duallistbox-container .removeall {
    width: 40%;
}

.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
    margin-left: 0;
}

.bootstrap-duallistbox-container select {
    width: 100%;
    height: 300px;
    padding: 0;
}

.bootstrap-duallistbox-container .filter {
    display: inline-block;
    width: 100%;
    height: 31px;
    margin: 0 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .bootstrap-duallistbox-container .filter.placeholder {
        color: #aaa;
    }

.bootstrap-duallistbox-container.moveonselect .move,
.bootstrap-duallistbox-container.moveonselect .remove {
    display: none;
}

.bootstrap-duallistbox-container.moveonselect .moveall,
.bootstrap-duallistbox-container.moveonselect .removeall {
    width: 100%;
}

:root {
    --neutral-cool-60: #4b545b;
    --neutral-cool-25: #cbd9e3;
    --neutral-cool-23: #d3dfe7;
    --neutral-cool-20: #dbe5ec;
    --neutral-cool-10: #f4f7f9;
    --neutral-black: #161616;
    --neutral-white: #fff;
    --neutral-80: #333;
    --neutral-60: #555;
    --neutral-40: #a5a5a5;
    --neutral-20: #d6d6d6;
    --neutral-10: #f7f7f7;
}

.overhaul,
:root {
    --shadow-default: 0px 2px 2px 0px rgba(0, 0, 0, 0.12156862745098039), 0px 1px 10px 0px rgba(0, 0, 0, 0.0784313725490196);
    --border-radius-circle: 9999px;
    --border-radius-x-large: 20px;
    --border-radius-large: 8px;
    --border-radius-medium: 4px;
    --border-radius-small: 2px;
    --border-radius-default: 0px;
    --border-width-x-large: 5px;
    --border-width-large: 3px;
    --border-width-medium: 2px;
    --border-width-base-dashed: 1px;
    --border-width-base: 1px;
    --spacing-0-5: 2px;
    --spacing-32: 128px;
    --spacing-24: 96px;
    --spacing-20: 80px;
    --spacing-16: 64px;
    --spacing-12: 48px;
    --spacing-10: 40px;
    --spacing-8: 32px;
    --spacing-6: 24px;
    --spacing-5: 20px;
    --spacing-4: 16px;
    --spacing-3: 12px;
    --spacing-2: 8px;
    --spacing-1: 4px;
    --letter-spacing-base: 0em;
    --opacity-white-65: hsla(0, 0%, 100%, 0.6509803921568628);
    --opacity-success-38: rgba(116, 201, 112, 0.3803921568627451);
    --opacity-critical-38: rgba(236, 74, 63, 0.3803921568627451);
    --opacity-accent-38: rgba(13, 181, 223, 0.3803921568627451);
    --opacity-neutral-08: rgba(22, 22, 22, 0.0784313725490196);
    --opacity-neutral-32: rgba(0, 0, 9, 0.3215686274509804);
    --opacity-neutral-65: rgba(0, 0, 9, 0.6509803921568628);
    --support-grey-200: #000;
    --support-grey-115: #465b66;
    --support-grey-110: #5a7886;
    --support-grey-100: #8da5b2;
    --support-grey-10: #d3dade;
    --support-brown-105: #523a31;
    --support-brown-100: #795548;
    --support-brown-20: #e8a48b;
    --support-brown-10: #d9d0cd;
    --support-yellow-115: #b4a72f;
    --support-yellow-105: #e4cf19;
    --support-yellow-100: #f4e453;
    --support-yellow-10: #fbf6ca;
    --support-light-green-115: #486627;
    --support-light-green-110: #5c8231;
    --support-light-green-100: #8bc34a;
    --support-light-green-10: #deecce;
    --support-green-115: #1e4a46;
    --support-green-110: #235751;
    --support-green-100: #3c968d;
    --support-green-10: #bbe1dd;
    --support-dark-blue-115: #1d2552;
    --support-dark-blue-110: #293475;
    --support-dark-blue-100: #0d34a2;
    --support-dark-blue-10: #cfd6ec;
    --support-purple-120: #3a2a54;
    --support-purple-110: #782e85;
    --support-purple-100: #9f3eb0;
    --support-purple-80: #7d5cb8;
    --support-purple-10: #d5cae9;
    --support-pink-115: #a8325a;
    --support-pink-110: #bd1a51;
    --support-pink-100: #e8467c;
    --support-pink-10: #f5c3d4;
    --support-red-115: #752923;
    --support-red-105: #b53f36;
    --support-red-100: #f55549;
    --support-red-10: #f8ccc9;
    --semantic-highlight-115: #0984a3;
    --semantic-highlight-110: #0a8eaf;
    --semantic-highlight-105: #0b98bb;
    --semantic-highlight-100: #0db5df;
    --semantic-highlight-10: #cff0f9;
    --semantic-success-115: #49b544;
    --semantic-success-110: #50bb4b;
    --semantic-success-105: #59bf54;
    --semantic-success-100: #74c970;
    --semantic-success-10: #cdf4e2;
    --semantic-warning-115: #d78100;
    --semantic-warning-110: #de8e17;
    --semantic-warning-105: #ef9a1b;
    --semantic-warning-100: #ffa319;
    --semantic-warning-10: #fef7eb;
    --semantic-critical-115: #cb291e;
    --semantic-critical-110: #d33126;
    --semantic-critical-105: #da382d;
    --semantic-critical-100: #ec4a3f;
    --semantic-critical-10: #ffe3df;
    --accent-115: #0984a3;
    --accent-110: #0a8eaf;
    --accent-105: #0b98bb;
    --accent-100: #0db5df;
    --accent-10: #cff0f9;
    --text-decoration-underline: underline;
    --text-decoration-none: none;
    --text-case-uppercase: uppercase;
    --text-case-none: none;
    --line-height-xlarge: 160%;
    --line-height-large: 140%;
    --line-height-base: 130%;
    --font-weight-bold: 700;
    --font-weight-semi-bold: 600;
    --font-weight-regular: 400;
    --font-size-3xl: 32px;
    --font-size-2xl: 24px;
    --font-size-xlarge: 18px;
    --font-size-large: 16px;
    --font-size-base: 14px;
    --font-size-small: 12px;
    --font-size-xsmall: 10px;
    --font-family-icon: Font Awesome 5 Pro;
    --font-family-mono: IBM Plex Mono;
    --font-family-default: "Roboto", Open Sans;
    --caption-letter-spacing: 0em;
    --caption-text-decoration: none;
    --caption-text-case: none;
    --caption-font-size: 12px;
    --caption-line-height: 130%;
    --caption-font-weight: 400;
    --caption-font-family: Open Sans;
    --form-label-letter-spacing: 0em;
    --form-label-text-decoration: none;
    --form-label-text-case: none;
    --form-label-font-size: 14px;
    --form-label-line-height: 140%;
    --form-label-font-weight: 700;
    --form-label-font-family: Open Sans;
    --page-heading-letter-spacing: 0em;
    --page-heading-text-decoration: none;
    --page-heading-text-case: none;
    --page-heading-font-size: 24px;
    --page-heading-line-height: 130%;
    --page-heading-font-weight: 700;
    --page-heading-font-family: Open Sans;
    --shadow-focus: 0px 0px 0px 2px var(--accent-10);
    --border-highlight: var(--semantic-highlight-100);
    --border-success: var(--semantic-success-100);
    --border-warning: var(--semantic-warning-100);
    --border-critical: var(--semantic-critical-100);
    --border-disabled: var(--opacity-neutral-08);
    --border-hover: var(--neutral-60);
    --border-subdued: var(--neutral-cool-10);
    --border-emphasis: var(--neutral-40);
    --border-default: var(--neutral-20);
    --focus-default: var(--accent-10);
    --interactive-critical-disabled: var(--opacity-critical-38);
    --interactive-critical-hover: var(--semantic-critical-105);
    --interactive-critical-default: var(--semantic-critical-100);
    --interactive-brand-disabled: var(--opacity-accent-38);
    --interactive-brand-hover: var(--accent-105);
    --interactive-brand-subdued: var(--accent-10);
    --interactive-brand-default: var(--accent-100);
    --icon-on-interactive: var(--neutral-white);
    --icon-on-background-success: var(--neutral-black);
    --icon-on-background-critical: var(--neutral-black);
    --icon-on-background-warning: var(--neutral-black);
    --icon-on-interactive-subdued: var(--neutral-black);
    --icon-on-success: var(--neutral-white);
    --icon-on-critical: var(--neutral-white);
    --icon-on-secondary-disabled: var(--opacity-neutral-32);
    --icon-on-secondary: var(--neutral-black);
    --icon-on-primary: var(--neutral-white);
    --icon-on-emphasis: var(--neutral-white);
    --icon-highlight: var(--semantic-highlight-100);
    --icon-warning: var(--semantic-warning-100);
    --icon-success: var(--semantic-success-100);
    --icon-critical: var(--semantic-critical-100);
    --icon-hover: var(--neutral-80);
    --icon-disabled: var(--opacity-neutral-32);
    --icon-subdued: var(--neutral-40);
    --icon-default: var(--neutral-80);
    --background-success-hover: var(--semantic-success-10);
    --background-success-default: var(--semantic-success-10);
    --background-critical-hover: var(--semantic-critical-10);
    --background-critical-default: var(--semantic-critical-10);
    --background-warning-hover: var(--semantic-warning-10);
    --background-warning-default: var(--semantic-warning-10);
    --background-emphasis: var(--neutral-black);
    --background-disabled: var(--neutral-10);
    --background-subdued-hover: var(--neutral-white);
    --background-subdued-selected: var(--neutral-cool-20);
    --background-hover: var(--neutral-10);
    --background-subdued: var(--neutral-cool-10);
    --background-default: var(--neutral-white);
    --text-on-background-success: var(--neutral-black);
    --text-on-background-critical: var(--neutral-black);
    --text-on-background-warning: var(--neutral-black);
    --text-on-interactive-subdued: var(--neutral-black);
    --text-on-interactive: var(--neutral-white);
    --text-on-action-success: var(--neutral-white);
    --text-on-action-critical: var(--neutral-white);
    --text-on-secondary-disabled: var(--opacity-neutral-32);
    --text-on-secondary: var(--neutral-black);
    --text-on-emphasis: var(--neutral-white);
    --text-on-primary: var(--neutral-white);
    --text-hint-text: var(--neutral-40);
    --text-disabled: var(--opacity-neutral-32);
    --text-hover: var(--neutral-80);
    --text-subdued: var(--neutral-60);
    --text-default: var(--neutral-black);
    --action-success-disabled: var(--opacity-success-38);
    --action-success-focus: var(--semantic-success-110);
    --action-success-active: var(--semantic-success-115);
    --action-success-hover: var(--semantic-success-105);
    --action-success-default: var(--semantic-success-100);
    --action-critical-disabled: var(--opacity-critical-38);
    --action-critical-focus: var(--semantic-critical-110);
    --action-critical-active: var(--semantic-critical-115);
    --action-critical-hover: var(--semantic-critical-105);
    --action-critical-default: var(--semantic-critical-100);
    --action-secondary-disabled: var(--neutral-cool-10);
    --action-secondary-focus: var(--neutral-cool-23);
    --action-secondary-active: var(--neutral-cool-25);
    --action-secondary-hover: var(--neutral-cool-20);
    --action-secondary-default: var(--neutral-cool-10);
    --action-primary-disabled: var(--opacity-accent-38);
    --action-primary-focus: var(--accent-110);
    --action-primary-active: var(--accent-115);
    --action-primary-hover: var(--accent-105);
    --action-primary-default: var(--accent-100);
    --body-strong-large-letter-spacing: var(--letter-spacing-base);
    --body-strong-large-text-case: var(--text-case-none);
    --body-strong-large-text-decoration: var(--text-decoration-none);
    --body-strong-large-font-size: var(--font-size-large);
    --body-strong-large-line-height: var(--line-height-base);
    --body-strong-large-font-weight: var(--font-weight-bold);
    --body-strong-large-font-family: var(--font-family-default);
    --body-strong-base-letter-spacing: var(--letter-spacing-base);
    --body-strong-base-text-case: var(--text-case-none);
    --body-strong-base-text-decoration: var(--text-decoration-none);
    --body-strong-base-font-size: var(--font-size-base);
    --body-strong-base-line-height: var(--line-height-large);
    --body-strong-base-font-weight: var(--font-weight-bold);
    --body-strong-base-font-family: var(--font-family-default);
    --body-strong-small-letter-spacing: var(--letter-spacing-base);
    --body-strong-small-text-case: var(--text-case-none);
    --body-strong-small-text-decoration: var(--text-decoration-none);
    --body-strong-small-font-size: var(--font-size-small);
    --body-strong-small-line-height: var(--line-height-base);
    --body-strong-small-font-weight: var(--font-weight-bold);
    --body-strong-small-font-family: var(--font-family-default);
    --body-large-letter-spacing: var(--letter-spacing-base);
    --body-large-text-decoration: var(--text-decoration-none);
    --body-large-text-case: var(--text-case-none);
    --body-large-font-size: var(--font-size-large);
    --body-large-line-height: var(--line-height-base);
    --body-large-font-weight: var(--font-weight-regular);
    --body-large-font-family: var(--font-family-default);
    --body-base-letter-spacing: var(--letter-spacing-base);
    --body-base-text-decoration: var(--text-decoration-none);
    --body-base-text-case: var(--text-case-none);
    --body-base-font-size: var(--font-size-base);
    --body-base-line-height: var(--line-height-large);
    --body-base-font-weight: var(--font-weight-regular);
    --body-base-font-family: var(--font-family-default);
    --body-small-letter-spacing: var(--letter-spacing-base);
    --body-small-text-decoration: var(--text-decoration-none);
    --body-small-text-case: var(--text-case-none);
    --body-small-font-size: var(--font-size-small);
    --body-small-line-height: var(--line-height-base);
    --body-small-font-weight: var(--font-weight-regular);
    --body-small-font-family: var(--font-family-default);
    --heading-2xl-letter-spacing: var(--letter-spacing-base);
    --heading-2xl-text-decoration: var(--text-decoration-none);
    --heading-2xl-text-case: var(--text-case-none);
    --heading-2xl-font-size: var(--font-size-3xl);
    --heading-2xl-line-height: var(--line-height-base);
    --heading-2xl-font-weight: var(--font-weight-bold);
    --heading-2xl-font-family: var(--font-family-default);
    --heading-xlarge-letter-spacing: var(--letter-spacing-base);
    --heading-xlarge-text-decoration: var(--text-decoration-none);
    --heading-xlarge-text-case: var(--text-case-none);
    --heading-xlarge-font-size: var(--font-size-2xl);
    --heading-xlarge-line-height: var(--line-height-base);
    --heading-xlarge-font-weight: var(--font-weight-bold);
    --heading-xlarge-font-family: var(--font-family-default);
    --heading-large-letter-spacing: var(--letter-spacing-base);
    --heading-large-text-decoration: var(--text-decoration-none);
    --heading-large-text-case: var(--text-case-none);
    --heading-large-font-size: var(--font-size-xlarge);
    --heading-large-line-height: var(--line-height-base);
    --heading-large-font-weight: var(--font-weight-bold);
    --heading-large-font-family: var(--font-family-default);
    --heading-medium-letter-spacing: var(--letter-spacing-base);
    --heading-medium-text-decoration: var(--text-decoration-none);
    --heading-medium-text-case: var(--text-case-none);
    --heading-medium-font-size: var(--font-size-large);
    --heading-medium-line-height: var(--line-height-base);
    --heading-medium-font-weight: var(--font-weight-bold);
    --heading-medium-font-family: var(--font-family-default);
    --heading-small-letter-spacing: var(--letter-spacing-base);
    --heading-small-text-decoration: var(--text-decoration-none);
    --heading-small-text-case: var(--text-case-none);
    --heading-small-font-size: var(--font-size-base);
    --heading-small-line-height: var(--line-height-large);
    --heading-small-font-weight: var(--font-weight-bold);
    --heading-small-font-family: var(--font-family-default);
    --heading-xsmall-letter-spacing: var(--letter-spacing-base);
    --heading-xsmall-text-decoration: var(--text-decoration-none);
    --heading-xsmall-text-case: var(--text-case-none);
    --heading-xsmall-font-size: var(--font-size-small);
    --heading-xsmall-line-height: var(--line-height-large);
    --heading-xsmall-font-weight: var(--font-weight-bold);
    --heading-xsmall-font-family: var(--font-family-default);
    --backdrop: var(--opacity-neutral-65);
    --form-control-foreground: var(--neutral-white);
    --form-control-selected-disabled-background: var(--neutral-cool-25);
    --table-data-bold-letter-spacing: var(--letter-spacing-base);
    --table-data-bold-text-case: var(--text-case-none);
    --table-data-bold-text-decoration: var(--text-decoration-none);
    --table-data-bold-font-size: var(--font-size-base);
    --table-data-bold-line-height: var(--line-height-base);
    --table-data-bold-font-weight: var(--font-weight-bold);
    --table-data-bold-font-family: var(--font-family-mono);
    --table-data-regular-letter-spacing: var(--letter-spacing-base);
    --table-data-regular-text-case: var(--text-case-none);
    --table-data-regular-text-decoration: var(--text-decoration-none);
    --table-data-regular-font-size: var(--font-size-base);
    --table-data-regular-line-height: var(--line-height-base);
    --table-data-regular-font-weight: var(--font-weight-regular);
    --table-data-regular-font-family: var(--font-family-mono);
    --button-letter-spacing: var(--letter-spacing-base);
    --button-text-decoration: var(--text-decoration-none);
    --button-text-case: var(--text-case-none);
    --button-font-size: var(--font-size-base);
    --button-line-height: var(--line-height-large);
    --button-font-weight: var(--font-weight-bold);
    --button-font-family: var(--font-family-default);
    --text-link-standalone-hover-text-case: var(--text-case-none);
    --text-link-standalone-hover-text-decoration: var(--text-decoration-none);
    --text-link-standalone-hover-letter-spacing: var(--letter-spacing-base);
    --text-link-standalone-hover-font-size: var(--font-size-base);
    --text-link-standalone-hover-line-height: var(--line-height-large);
    --text-link-standalone-hover-font-weight: var(--font-weight-bold);
    --text-link-standalone-hover-font-family: var(--font-family-default);
    --text-link-standalone-default-letter-spacing: var(--letter-spacing-base);
    --text-link-standalone-default-text-case: var(--text-case-none);
    --text-link-standalone-default-text-decoration: var( --text-decoration-underline );
    --text-link-standalone-default-font-size: var(--font-size-base);
    --text-link-standalone-default-line-height: var(--line-height-large);
    --text-link-standalone-default-font-weight: var(--font-weight-bold);
    --text-link-standalone-default-font-family: var(--font-family-default);
    --text-link-inline-base-hover-text-case: var(--text-case-none);
    --text-link-inline-base-hover-text-decoration: var( --text-decoration-underline );
    --text-link-inline-base-hover-letter-spacing: var(--letter-spacing-base);
    --text-link-inline-base-hover-font-size: var(--font-size-base);
    --text-link-inline-base-hover-line-height: var(--line-height-large);
    --text-link-inline-base-hover-font-weight: var(--font-weight-regular);
    --text-link-inline-base-hover-font-family: var(--font-family-default);
    --text-link-inline-base-letter-spacing: var(--letter-spacing-base);
    --text-link-inline-base-text-case: var(--text-case-none);
    --text-link-inline-base-text-decoration: var(--text-decoration-none);
    --text-link-inline-base-font-size: var(--font-size-base);
    --text-link-inline-base-line-height: var(--line-height-large);
    --text-link-inline-base-font-weight: var(--font-weight-regular);
    --text-link-inline-base-font-family: var(--font-family-default);
    --text-link-inline-strong-hover-text-case: var(--text-case-none);
    --text-link-inline-strong-hover-text-decoration: var( --text-decoration-underline );
    --text-link-inline-strong-hover-letter-spacing: var(--letter-spacing-base);
    --text-link-inline-strong-hover-font-size: var(--font-size-base);
    --text-link-inline-strong-hover-line-height: var(--line-height-large);
    --text-link-inline-strong-hover-font-weight: var(--font-weight-bold);
    --text-link-inline-strong-hover-font-family: var(--font-family-default);
    --text-link-inline-strong-letter-spacing: var(--letter-spacing-base);
    --text-link-inline-strong-text-case: var(--text-case-none);
    --text-link-inline-strong-text-decoration: var(--text-decoration-none);
    --text-link-inline-strong-font-size: var(--font-size-base);
    --text-link-inline-strong-line-height: var(--line-height-large);
    --text-link-inline-strong-font-weight: var(--font-weight-bold);
    --text-link-inline-strong-font-family: var(--font-family-default);
    --text-link-hover-text-case: var(--text-case-none);
    --text-link-hover-text-decoration: var(--text-decoration-none);
    --text-link-hover-letter-spacing: var(--letter-spacing-base);
    --text-link-hover-font-size: var(--font-size-base);
    --text-link-hover-line-height: var(--line-height-large);
    --text-link-hover-font-weight: var(--font-weight-bold);
    --text-link-hover-font-family: var(--font-family-default);
    --text-link-default-letter-spacing: var(--letter-spacing-base);
    --text-link-default-text-case: var(--text-case-none);
    --text-link-default-text-decoration: var(--text-decoration-underline);
    --text-link-default-font-size: var(--font-size-base);
    --text-link-default-line-height: var(--line-height-large);
    --text-link-default-font-weight: var(--font-weight-bold);
    --text-link-default-font-family: var(--font-family-default);
    --form-control-border-disabled: var(--border-disabled);
    --form-control-border-hover: var(--border-hover);
    --form-control-border-default: var(--border-emphasis);
    --form-control-unselected-disabled-background: var(--background-disabled);
    --form-control-selected-background: var(--interactive-brand-default);
    --form-control-unselected-background: var(--background-default);
}

.overhaul {
    --neutral-cool-60: #4b545b;
    --neutral-cool-25: #cbd9e3;
    --neutral-cool-23: #d3dfe7;
    --neutral-cool-20: #dbe5ec;
    --neutral-cool-10: #f4f7f9;
    --neutral-black: #161616;
    --neutral-80: #333;
    --neutral-60: #555;
    --neutral-40: #a5a5a5;
    --neutral-20: #d6d6d6;
    --neutral-10: #f7f7f7;
}

:root {
    --color-gray-12: #000;
    --color-base-alpha: hsla(0, 0%, 100%, 0.6509803921568628);
    --color-base-negative: #ffe3df;
    --color-base-positive: #cdf4e2;
    --color-indigo-10: #0d34a2;
    --color-indigo-11: #293475;
    --color-indigo-12: #1d2552;
    --color-indigo-4: #cfd6ec;
    --color-emerald-10: #235751;
    --color-emerald-11: #1e4a46;
    --color-emerald-2: #bbe1dd;
    --color-emerald-8: #3c968d;
    --color-gray-1: #fff;
    --color-gray-11: #555;
    --color-gray-11-alpha: rgba(0, 0, 9, 0.6509803921568628);
    --color-gray-12: #161616;
    --color-gray-2: #f7f7f7;
    --color-gray-2-alpha: rgba(22, 22, 22, 0.0784313725490196);
    --color-gray-5: #d6d6d6;
    --color-gray-6: #d3dfe7;
    --color-gray-7: #a5a5a5;
    --color-gray-7-alpha: rgba(0, 0, 9, 0.3215686274509804);
    --color-green-10: #5c8231;
    --color-green-11: #486627;
    --color-green-3: #deecce;
    --color-green-3-alpha: rgba(116, 201, 112, 0.3803921568627451);
    --color-green-7: #8bc34a;
    --color-orange-10: #795548;
    --color-orange-11: #523a31;
    --color-orange-3: #d9d0cd;
    --color-orange-6: #e8a48b;
    --color-pink-10: #bd1a51;
    --color-pink-11: #a8325a;
    --color-pink-2: #f5c3d4;
    --color-pink-9: #e8467c;
    --color-purple-11: #782e85;
    --color-purple-12: #3a2a54;
    --color-purple-5: #d5cae9;
    --color-purple-8: #9f3eb0;
    --color-purple-9: #7d5cb8;
    --color-red-10: #b53f36;
    --color-red-11: #752923;
    --color-red-2: #f8ccc9;
    --color-red-5-alpha: rgba(236, 74, 63, 0.3803921568627451);
    --color-red-9: #f55549;
    --color-solid-accent: #0db5df;
    --color-solid-active-accent: #0a8eaf;
    --color-solid-active-negative: #d33126;
    --color-solid-active-positive: #50bb4b;
    --color-solid-hover-accent: #0b98bb;
    --color-solid-hover-negative: #da382d;
    --color-solid-hover-positive: #59bf54;
    --color-solid-negative: #ec4a3f;
    --color-solid-positive: #74c970;
    --color-surface-accent: #cff0f9;
    --color-surface-active-accent-alpha: rgba(13, 181, 223, 0.3803921568627451);
    --color-yellow-2: #fbf6ca;
    --color-yellow-6: #f4e453;
    --color-yellow-7: #e4cf19;
    --color-yellow-8: #b4a72f;
    --color-action-accent: #cff0f9;
    --color-border-accent: #46dcfa;
    --color-orange-4: #ffe4cc;
    --color-orange-5: #ffd6b2;
    --color-surface-accent-alpha: #f1fafd;
}

.overhaul {
    --opacity-white-65: var(--color-base-alpha);
    --semantic-critical-10: var(--color-surface-negative);
    --semantic-success-10: var(--color-surface-positive);
    --semantic-warning-10: var(--color-amber-2);
    --support-dark-blue-100: var(--color-indigo-10);
    --support-dark-blue-110: var(--color-indigo-11);
    --support-dark-blue-115: var(--color-indigo-12);
    --support-dark-blue-10: var(--color-indigo-4);
    --support-green-110: var(--color-emerald-10);
    --support-green-115: var(--color-emerald-11);
    --support-green-10: var(--color-emerald-3);
    --support-green-100: var(--color-emerald-8);
    --neutral-white: #fff;
    --neutral-60: var(--color-gray-11);
    --neutral-80: var(--color-gray-11);
    --neutral-cool-60: var(--color-gray-11);
    --opacity-neutral-65: var(--color-gray-11-alpha);
    --neutral-black: var(--color-gray-12);
    --neutral-10: var(--color-gray-2);
    --neutral-cool-10: var(--color-gray-2);
    --opacity-neutral-08: var(--color-gray-2-alpha);
    --neutral-20: var(--color-gray-5);
    --neutral-cool-20: var(--color-gray-5);
    --neutral-cool-23: var(--color-gray-6);
    --neutral-40: var(--color-gray-7);
    --neutral-cool-25: var(--color-gray-7);
    --opacity-neutral-32: var(--color-gray-7-alpha);
    --support-light-green-110: var(--color-green-10);
    --support-light-green-115: var(--color-green-11);
    --support-light-green-10: var(--color-green-3);
    --opacity-success-38: var(--color-solid-positive-alpha);
    --support-light-green-100: var(--color-green-7);
    --support-brown-100: var(--color-orange-10);
    --support-brown-105: var(--color-orange-11);
    --support-brown-10: var(--color-orange-3);
    --support-brown-20: var(--color-orange-6);
    --support-pink-110: var(--color-pink-10);
    --support-pink-115: var(--color-pink-11);
    --support-pink-10: var(--color-pink-2);
    --support-pink-100: var(--color-pink-9);
    --support-purple-110: var(--color-purple-11);
    --support-purple-120: var(--color-purple-12);
    --support-purple-10: var(--color-purple-5);
    --support-purple-100: var(--color-purple-8);
    --support-purple-80: var(--color-purple-9);
    --support-red-105: var(--color-red-10);
    --support-red-115: var(--color-red-11);
    --support-red-10: var(--color-red-5);
    --opacity-critical-38: var(--color-solid-negative-alpha);
    --support-red-100: var(--color-red-9);
    --accent-100: var(--color-solid-accent);
    --semantic-highlight-100: var(--color-solid-accent);
    --accent-110: var(--color-solid-active-accent);
    --accent-115: var(--color-solid-active-accent);
    --semantic-highlight-110: var(--color-solid-active-accent);
    --semantic-highlight-115: var(--color-solid-active-accent);
    --semantic-critical-110: var(--color-red-10);
    --semantic-critical-115: var(--color-red-11);
    --semantic-success-110: var(--color-green-8);
    --semantic-success-115: var(--color-green-9);
    --semantic-warning-110: var(--color-amber-8);
    --semantic-warning-115: var(--color-amber-9);
    --accent-105: var(--color-solid-hover-accent);
    --semantic-highlight-105: var(--color-solid-hover-accent);
    --semantic-critical-105: var(--color-red-9);
    --semantic-success-105: var(--color-green-7);
    --semantic-warning-105: var(--color-amber-8);
    --semantic-critical-100: var(--color-red-8);
    --semantic-success-100: var(--color-green-6);
    --semantic-warning-100: var(--color-amber-7);
    --accent-10: var(--color-surface-accent);
    --semantic-highlight-10: var(--color-surface-accent);
    --opacity-accent-38: var(--color-surface-active-accent-alpha);
    --support-yellow-10: var(--color-yellow-3);
    --support-yellow-100: var(--color-yellow-6);
    --support-yellow-105: var(--color-yellow-7);
    --support-yellow-115: var(--color-yellow-8);
    --font-family-default: var(--fonts-sans-serif);
    --support-grey-10: var(--color-gray-5);
    --support-grey-200: var(--color-gray-12);
    --support-grey-100: var(--color-gray-7);
    --action-primary-default: var(--color-solid-accent);
    --caption-font-family: var(--fonts-sans-serif);
    --heading-medium-font-weight: var(--font-weights-semibold);
    --heading-xlarge-font-weight: var(--font-weights-medium);
    --text-link-default-font-weight: var(--font-weights-regular);
    --button-font-weight: var(--font-weights-medium);
    --body-strong-small-font-weight: var(--font-weights-regular);
    --form-label-font-weight: var(--font-weights-medium);
    --form-label-font-family: var(--fonts-sans-serif);
    --text-hint-text: var(--color-gray-8);
    --page-heading-font-family: var(--fonts-sans-serif);
}

:root {
    --scaling: 1;
}

.overhaul {
    --fonts-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Open Sans", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --fonts-serif: "Times New Roman", "Times", serif;
    --fonts-monospace: "Menlo", "Consolas", "Bitstream Vera Sans Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji";
    --font-sizes-1: calc(10px * var(--scaling));
    --font-sizes-2: calc(12px * var(--scaling));
    --font-sizes-3: calc(14px * var(--scaling));
    --font-sizes-4: calc(16px * var(--scaling));
    --font-sizes-5: calc(20px * var(--scaling));
    --font-sizes-6: calc(24px * var(--scaling));
    --font-sizes-7: calc(32px * var(--scaling));
    --font-sizes-8: calc(40px * var(--scaling));
    --font-sizes-9: calc(64px * var(--scaling));
    --font-weights-light: 300;
    --font-weights-regular: 400;
    --font-weights-medium: 500;
    --font-weights-semibold: 600;
    --font-weights-bold: 700;
    --line-heights-1: calc(12px * var(--scaling));
    --line-heights-2: calc(16px * var(--scaling));
    --line-heights-3: calc(20px * var(--scaling));
    --line-heights-4: calc(24px * var(--scaling));
    --line-heights-5: calc(28px * var(--scaling));
    --line-heights-6: calc(32px * var(--scaling));
    --line-heights-7: calc(40px * var(--scaling));
    --line-heights-8: calc(48px * var(--scaling));
    --line-heights-9: calc(68px * var(--scaling));
    --letter-spacings-1: 0;
    --letter-spacings-2: -0.08px;
    --letter-spacings-3: -0.1px;
    --letter-spacings-4: -0.2px;
    --letter-spacings-5: -0.2px;
    --letter-spacings-6: -0.4px;
    --letter-spacings-7: -0.4px;
    --letter-spacings-8: -0.4px;
    --letter-spacings-9: -0.4px;
    --radii-1: calc(2px * var(--scaling));
    --radii-2: calc(4px * var(--scaling));
    --radii-3: calc(6px * var(--scaling));
    --radii-4: calc(8px * var(--scaling));
    --radii-5: calc(12px * var(--scaling));
    --radii-6: calc(16px * var(--scaling));
    --radii-1pt5: calc(3px * var(--scaling));
    --radii-2pt5: calc(5px * var(--scaling));
    --radii-3pt5: calc(7px * var(--scaling));
    --radii-4pt5: calc(10px * var(--scaling));
    --radii-5pt5: calc(14px * var(--scaling));
    --radii-full: 9999px;
    --shadows-1: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    --shadows-2: 0 2px 8px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    --shadows-3: 0 4px 12px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    --shadows-4: 0 8px 24px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.12);
    --shadows-5: 0 16px 48px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    --radii-xsmall: calc(4px * var(--scaling));
    --radii-small: calc(6px * var(--scaling));
    --radii-default: calc(8px * var(--scaling));
    --radii-large: calc(12px * var(--scaling));
    --radii-xlarge: calc(16px * var(--scaling));
    --shadows-surface: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.04);
    --shadows-menu: 0 4px 12px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.1);
    --shadows-modal: 0 16px 48px 0 rgba(0, 0, 0, 0.16), 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    --color-gray-1: #fcfcfc;
    --color-gray-2: #f5f5f5;
    --color-gray-3: #eee;
    --color-gray-4: #e8e8e7;
    --color-gray-5: #dededd;
    --color-gray-6: #cececd;
    --color-gray-7: #bebebd;
    --color-gray-8: #9e9e9d;
    --color-gray-9: #80807f;
    --color-gray-10: #696968;
    --color-gray-11: #525252;
    --color-gray-12: #161616;
    --color-gray-13: #000;
    --color-gray-1-alpha: rgba(201, 202, 201, 0.06);
    --color-gray-2-alpha: rgba(143, 143, 141, 0.09);
    --color-gray-3-alpha: rgba(112, 112, 109, 0.12);
    --color-gray-4-alpha: rgba(92, 92, 88, 0.14);
    --color-gray-5-alpha: rgba(73, 73, 69, 0.18);
    --color-gray-6-alpha: rgba(54, 55, 51, 0.25);
    --color-gray-7-alpha: rgba(44, 44, 41, 0.31);
    --color-gray-8-alpha: rgba(31, 32, 29, 0.43);
    --color-gray-9-alpha: rgba(25, 25, 23, 0.55);
    --color-gray-10-alpha: rgba(21, 21, 19, 0.64);
    --color-gray-11-alpha: rgba(18, 18, 17, 0.73);
    --color-gray-12-alpha: rgba(9, 9, 9, 0.95);
    --color-gray-13-alpha: rgba(0, 0, 0, 0.95);
    --color-pink-1: #fffafb;
    --color-pink-2: #ffedf4;
    --color-pink-3: #ffdfed;
    --color-pink-4: #ffd2e5;
    --color-pink-5: #ffbedb;
    --color-pink-6: #ffa3ca;
    --color-pink-7: #ff8ab9;
    --color-pink-8: #fd5a99;
    --color-pink-9: #db327b;
    --color-pink-10: #b81f64;
    --color-pink-11: #94134f;
    --color-pink-12: #2e0315;
    --color-pink-13: #000;
    --color-pink-1-alpha: rgba(255, 184, 204, 0.07);
    --color-pink-2-alpha: rgba(255, 104, 165, 0.12);
    --color-pink-3-alpha: rgba(255, 72, 151, 0.18);
    --color-pink-4-alpha: rgba(255, 55, 143, 0.23);
    --color-pink-5-alpha: rgba(255, 41, 136, 0.31);
    --color-pink-6-alpha: rgba(255, 30, 125, 0.41);
    --color-pink-7-alpha: rgba(255, 25, 117, 0.51);
    --color-pink-8-alpha: rgba(252, 18, 109, 0.7);
    --color-pink-9-alpha: rgba(212, 14, 100, 0.85);
    --color-pink-10-alpha: rgba(178, 13, 88, 0.93);
    --color-pink-11-alpha: rgba(142, 6, 69, 0.95);
    --color-pink-12-alpha: rgba(34, 0, 8, 0.95);
    --color-pink-13-alpha: rgba(0, 0, 0, 0.95);
    --color-red-1: #fffaf9;
    --color-red-2: #ffeee9;
    --color-red-3: #ffe1d8;
    --color-red-4: #ffd4c9;
    --color-red-5: #ffc1b2;
    --color-red-6: #ffa695;
    --color-red-7: #ff8e7c;
    --color-red-8: #ff5e4d;
    --color-red-9: #e2362a;
    --color-red-10: #bf231a;
    --color-red-11: #991710;
    --color-red-12: #300402;
    --color-red-13: #000;
    --color-red-1-alpha: rgba(255, 190, 177, 0.07);
    --color-red-2-alpha: rgba(255, 128, 92, 0.14);
    --color-red-3-alpha: rgba(255, 104, 62, 0.2);
    --color-red-4-alpha: rgba(255, 91, 48, 0.26);
    --color-red-5-alpha: rgba(255, 78, 36, 0.35);
    --color-red-6-alpha: rgba(255, 64, 27, 0.47);
    --color-red-7-alpha: rgba(255, 54, 22, 0.56);
    --color-red-8-alpha: rgba(255, 39, 17, 0.75);
    --color-red-9-alpha: rgba(222, 27, 14, 0.88);
    --color-red-10-alpha: rgba(187, 22, 13, 0.95);
    --color-red-11-alpha: rgba(147, 10, 3, 0.95);
    --color-red-12-alpha: rgba(36, 0, 0, 0.95);
    --color-red-13-alpha: rgba(0, 0, 0, 0.95);
    --color-orange-1: #fffbf8;
    --color-orange-2: #fff1e2;
    --color-orange-3: #ffe7cb;
    --color-orange-4: #ffddb6;
    --color-orange-5: #ffcd97;
    --color-orange-6: #ffb76e;
    --color-orange-7: #ffa24a;
    --color-orange-8: #f07a00;
    --color-orange-9: #cf5800;
    --color-orange-10: #ae4400;
    --color-orange-11: #8b3400;
    --color-orange-12: #2b0b00;
    --color-orange-13: #000;
    --color-orange-1-alpha: rgba(250, 202, 166, 0.08);
    --color-orange-2-alpha: rgba(255, 169, 77, 0.16);
    --color-orange-3-alpha: rgba(255, 158, 50, 0.25);
    --color-orange-4-alpha: rgba(255, 152, 37, 0.34);
    --color-orange-5-alpha: rgba(255, 146, 27, 0.46);
    --color-orange-6-alpha: rgba(255, 138, 20, 0.62);
    --color-orange-7-alpha: rgba(255, 133, 16, 0.76);
    --color-orange-8-alpha: rgba(239, 114, 0, 0.95);
    --color-orange-9-alpha: rgba(204, 79, 0, 0.95);
    --color-orange-10-alpha: rgba(169, 58, 0, 0.95);
    --color-orange-11-alpha: rgba(133, 41, 0, 0.95);
    --color-orange-12-alpha: rgba(31, 0, 0, 0.95);
    --color-orange-13-alpha: rgba(0, 0, 0, 0.95);
    --color-amber-1: #fefbf8;
    --color-amber-2: #fff3df;
    --color-amber-3: #ffebc7;
    --color-amber-4: #ffe2af;
    --color-amber-5: #ffd68c;
    --color-amber-6: #fec25d;
    --color-amber-7: #f4af2b;
    --color-amber-8: #dd8b00;
    --color-amber-9: #bc6a00;
    --color-amber-10: #9e5500;
    --color-amber-11: #7e4200;
    --color-amber-12: #261000;
    --color-amber-13: #000;
    --color-amber-1-alpha: rgba(239, 208, 162, 0.08);
    --color-amber-2-alpha: rgba(255, 187, 73, 0.17);
    --color-amber-3-alpha: rgba(255, 180, 47, 0.27);
    --color-amber-4-alpha: rgba(255, 176, 35, 0.36);
    --color-amber-5-alpha: rgba(255, 172, 25, 0.5);
    --color-amber-6-alpha: rgba(253, 165, 18, 0.68);
    --color-amber-7-alpha: rgba(242, 164, 14, 0.88);
    --color-amber-8-alpha: rgba(218, 132, 0, 0.95);
    --color-amber-9-alpha: rgba(184, 98, 0, 0.95);
    --color-amber-10-alpha: rgba(152, 76, 0, 0.95);
    --color-amber-11-alpha: rgba(119, 55, 0, 0.95);
    --color-amber-12-alpha: rgba(26, 3, 0, 0.95);
    --color-amber-13-alpha: rgba(0, 0, 0, 0.95);
    --color-yellow-1: #fdfcf8;
    --color-yellow-2: #fdf5df;
    --color-yellow-3: #fceec6;
    --color-yellow-4: #fbe6ae;
    --color-yellow-5: #f9db8b;
    --color-yellow-6: #f0c95a;
    --color-yellow-7: #e5b824;
    --color-yellow-8: #cc9500;
    --color-yellow-9: #ac7600;
    --color-yellow-10: #905f00;
    --color-yellow-11: #734a00;
    --color-yellow-12: #221300;
    --color-yellow-13: #000;
    --color-yellow-1-alpha: rgba(230, 212, 162, 0.08);
    --color-yellow-2-alpha: rgba(242, 196, 72, 0.18);
    --color-yellow-3-alpha: rgba(245, 191, 46, 0.27);
    --color-yellow-4-alpha: rgba(245, 188, 34, 0.37);
    --color-yellow-5-alpha: rgba(243, 184, 25, 0.51);
    --color-yellow-6-alpha: rgba(233, 177, 18, 0.7);
    --color-yellow-7-alpha: rgba(225, 176, 14, 0.91);
    --color-yellow-8-alpha: rgba(200, 143, 0, 0.95);
    --color-yellow-9-alpha: rgba(168, 110, 0, 0.95);
    --color-yellow-10-alpha: rgba(138, 86, 0, 0.95);
    --color-yellow-11-alpha: rgba(107, 64, 0, 0.95);
    --color-yellow-12-alpha: rgba(21, 6, 0, 0.95);
    --color-yellow-13-alpha: rgba(0, 0, 0, 0.95);
    --color-lime-1: #fbfcf8;
    --color-lime-2: #f1f9e3;
    --color-lime-3: #e7f5ce;
    --color-lime-4: #ddf1ba;
    --color-lime-5: #cfea9c;
    --color-lime-6: #bbdd76;
    --color-lime-7: #a9ce53;
    --color-lime-8: #87b000;
    --color-lime-9: #699100;
    --color-lime-10: #570;
    --color-lime-11: #425e00;
    --color-lime-12: #101a00;
    --color-lime-13: #000;
    --color-lime-1-alpha: rgba(200, 220, 168, 0.08);
    --color-lime-2-alpha: rgba(164, 217, 80, 0.16);
    --color-lime-3-alpha: rgba(154, 214, 52, 0.24);
    --color-lime-4-alpha: rgba(149, 211, 39, 0.32);
    --color-lime-5-alpha: rgba(146, 207, 29, 0.44);
    --color-lime-6-alpha: rgba(140, 196, 21, 0.59);
    --color-lime-7-alpha: rgba(136, 187, 17, 0.72);
    --color-lime-8-alpha: rgba(128, 171, 0, 0.95);
    --color-lime-9-alpha: rgba(97, 138, 0, 0.95);
    --color-lime-10-alpha: rgba(75, 112, 0, 0.95);
    --color-lime-11-alpha: rgba(55, 85, 0, 0.95);
    --color-lime-12-alpha: rgba(3, 14, 0, 0.95);
    --color-lime-13-alpha: rgba(0, 0, 0, 0.95);
    --color-green-1: #fafdfa;
    --color-green-2: #eafaea;
    --color-green-3: #daf8db;
    --color-green-4: #cbf5cd;
    --color-green-5: #b5f0b8;
    --color-green-6: #98e49d;
    --color-green-7: #7ed685;
    --color-green-8: #48b958;
    --color-green-9: #189a36;
    --color-green-10: #007f26;
    --color-green-11: #00651a;
    --color-green-12: #001d04;
    --color-green-13: #000;
    --color-green-1-alpha: rgba(180, 221, 180, 0.07);
    --color-green-2-alpha: rgba(96, 220, 99, 0.13);
    --color-green-3-alpha: rgba(65, 218, 70, 0.19);
    --color-green-4-alpha: rgba(50, 215, 56, 0.25);
    --color-green-5-alpha: rgba(37, 209, 46, 0.34);
    --color-green-6-alpha: rgba(27, 194, 39, 0.46);
    --color-green-7-alpha: rgba(22, 181, 36, 0.56);
    --color-green-8-alpha: rgba(16, 164, 37, 0.77);
    --color-green-9-alpha: rgba(12, 148, 43, 0.95);
    --color-green-10-alpha: rgba(0, 120, 26, 0.95);
    --color-green-11-alpha: rgba(0, 92, 14, 0.95);
    --color-green-12-alpha: rgba(0, 16, 0, 0.95);
    --color-green-13-alpha: rgba(0, 0, 0, 0.95);
    --color-emerald-1: #f8fdfb;
    --color-emerald-2: #e3fcf2;
    --color-emerald-3: #ccfbe8;
    --color-emerald-4: #b6f9df;
    --color-emerald-5: #93f5d2;
    --color-emerald-6: #61eabe;
    --color-emerald-7: #1fddac;
    --color-emerald-8: #00c18a;
    --color-emerald-9: #00a26c;
    --color-emerald-10: #008657;
    --color-emerald-11: #006b43;
    --color-emerald-12: #001f11;
    --color-emerald-13: #000;
    --color-emerald-1-alpha: rgba(168, 228, 202, 0.08);
    --color-emerald-2-alpha: rgba(79, 236, 171, 0.16);
    --color-emerald-3-alpha: rgba(51, 238, 163, 0.25);
    --color-emerald-4-alpha: rgba(37, 236, 160, 0.34);
    --color-emerald-5-alpha: rgba(27, 233, 159, 0.47);
    --color-emerald-6-alpha: rgba(19, 223, 158, 0.67);
    --color-emerald-7-alpha: rgba(13, 218, 166, 0.93);
    --color-emerald-8-alpha: rgba(0, 190, 131, 0.95);
    --color-emerald-9-alpha: rgba(0, 156, 99, 0.95);
    --color-emerald-10-alpha: rgba(0, 127, 77, 0.95);
    --color-emerald-11-alpha: rgba(0, 98, 57, 0.95);
    --color-emerald-12-alpha: rgba(0, 18, 4, 0.95);
    --color-emerald-13-alpha: rgba(0, 0, 0, 0.95);
    --color-teal-1: #f8fdfd;
    --color-teal-2: #dffcfc;
    --color-teal-3: #c5fafa;
    --color-teal-4: #abf8f8;
    --color-teal-5: #81f4f5;
    --color-teal-6: #36e9eb;
    --color-teal-7: #00dbde;
    --color-teal-8: #00bfc4;
    --color-teal-9: #009fa5;
    --color-teal-10: #00848a;
    --color-teal-11: #00696e;
    --color-teal-12: #001e20;
    --color-teal-13: #000;
    --color-teal-1-alpha: rgba(163, 228, 227, 0.08);
    --color-teal-2-alpha: rgba(72, 237, 235, 0.18);
    --color-teal-3-alpha: rgba(46, 238, 237, 0.28);
    --color-teal-4-alpha: rgba(33, 237, 237, 0.38);
    --color-teal-5-alpha: rgba(23, 234, 236, 0.55);
    --color-teal-6-alpha: rgba(15, 228, 230, 0.84);
    --color-teal-7-alpha: rgba(0, 217, 220, 0.95);
    --color-teal-8-alpha: rgba(0, 187, 193, 0.95);
    --color-teal-9-alpha: rgba(0, 154, 160, 0.95);
    --color-teal-10-alpha: rgba(0, 125, 131, 0.95);
    --color-teal-11-alpha: rgba(0, 96, 101, 0.95);
    --color-teal-12-alpha: rgba(0, 18, 20, 0.95);
    --color-teal-13-alpha: rgba(0, 0, 0, 0.95);
    --color-sky-1: #f8fdfe;
    --color-sky-2: #e0fbff;
    --color-sky-3: #c6f8ff;
    --color-sky-4: #adf5ff;
    --color-sky-5: #85f0ff;
    --color-sky-6: #44e3ff;
    --color-sky-7: #00d5fd;
    --color-sky-8: #00b7e8;
    --color-sky-9: #0097c8;
    --color-sky-10: #007da8;
    --color-sky-11: #006387;
    --color-sky-12: #001c29;
    --color-sky-13: #000;
    --color-sky-1-alpha: rgba(163, 225, 242, 0.08);
    --color-sky-2-alpha: rgba(73, 230, 255, 0.17);
    --color-sky-3-alpha: rgba(46, 230, 255, 0.27);
    --color-sky-4-alpha: rgba(34, 228, 255, 0.37);
    --color-sky-5-alpha: rgba(24, 226, 255, 0.53);
    --color-sky-6-alpha: rgba(16, 219, 255, 0.78);
    --color-sky-7-alpha: rgba(0, 210, 252, 0.95);
    --color-sky-8-alpha: rgba(0, 179, 230, 0.95);
    --color-sky-9-alpha: rgba(0, 145, 197, 0.95);
    --color-sky-10-alpha: rgba(0, 118, 163, 0.95);
    --color-sky-11-alpha: rgba(0, 90, 128, 0.95);
    --color-sky-12-alpha: rgba(0, 16, 29, 0.95);
    --color-sky-13-alpha: rgba(0, 0, 0, 0.95);
    --color-blue-1: #f9fcff;
    --color-blue-2: #e7f7ff;
    --color-blue-3: #d4f1ff;
    --color-blue-4: #c2ecff;
    --color-blue-5: #a8e2ff;
    --color-blue-6: #87d2ff;
    --color-blue-7: #69c1ff;
    --color-blue-8: #289eff;
    --color-blue-9: #007df8;
    --color-blue-10: #0065d3;
    --color-blue-11: #004faa;
    --color-blue-12: #001535;
    --color-blue-13: #000;
    --color-blue-1-alpha: rgba(173, 214, 255, 0.07);
    --color-blue-2-alpha: rgba(87, 199, 255, 0.15);
    --color-blue-3-alpha: rgba(58, 193, 255, 0.22);
    --color-blue-4-alpha: rgba(44, 187, 255, 0.29);
    --color-blue-5-alpha: rgba(32, 181, 255, 0.39);
    --color-blue-6-alpha: rgba(24, 167, 255, 0.52);
    --color-blue-7-alpha: rgba(20, 156, 255, 0.64);
    --color-blue-8-alpha: rgba(14, 146, 255, 0.89);
    --color-blue-9-alpha: rgba(0, 118, 247, 0.95);
    --color-blue-10-alpha: rgba(0, 93, 208, 0.95);
    --color-blue-11-alpha: rgba(0, 69, 165, 0.95);
    --color-blue-12-alpha: rgba(0, 8, 42, 0.95);
    --color-blue-13-alpha: rgba(0, 0, 0, 0.95);
    --color-indigo-1: #fafcff;
    --color-indigo-2: #ecf5ff;
    --color-indigo-3: #dfeeff;
    --color-indigo-4: #d2e7ff;
    --color-indigo-5: #c0dcff;
    --color-indigo-6: #a8caff;
    --color-indigo-7: #93b8ff;
    --color-indigo-8: #6d95ff;
    --color-indigo-9: #5074f1;
    --color-indigo-10: #3e5dcd;
    --color-indigo-11: #2f49a5;
    --color-indigo-12: #091334;
    --color-indigo-13: #000;
    --color-indigo-1-alpha: rgba(184, 207, 255, 0.07);
    --color-indigo-2-alpha: rgba(103, 173, 255, 0.12);
    --color-indigo-3-alpha: rgba(72, 159, 255, 0.18);
    --color-indigo-4-alpha: rgba(56, 148, 255, 0.23);
    --color-indigo-5-alpha: rgba(42, 137, 255, 0.3);
    --color-indigo-6-alpha: rgba(32, 119, 255, 0.39);
    --color-indigo-7-alpha: rgba(26, 105, 255, 0.47);
    --color-indigo-8-alpha: rgba(20, 84, 255, 0.62);
    --color-indigo-9-alpha: rgba(17, 66, 236, 0.74);
    --color-indigo-10-alpha: rgba(15, 54, 192, 0.81);
    --color-indigo-11-alpha: rgba(14, 43, 150, 0.86);
    --color-indigo-12-alpha: rgba(0, 6, 40, 0.95);
    --color-indigo-13-alpha: rgba(0, 0, 0, 0.95);
    --color-violet-1: #fbfbff;
    --color-violet-2: #f1f3ff;
    --color-violet-3: #e7ebff;
    --color-violet-4: #dde3ff;
    --color-violet-5: #d0d7ff;
    --color-violet-6: #bcc3ff;
    --color-violet-7: #abb1ff;
    --color-violet-8: #8b8cff;
    --color-violet-9: #6e6bee;
    --color-violet-10: #5a55ca;
    --color-violet-11: #4642a3;
    --color-violet-12: #111033;
    --color-violet-13: #000;
    --color-violet-1-alpha: rgba(192, 200, 255, 0.07);
    --color-violet-2-alpha: rgba(119, 146, 255, 0.11);
    --color-violet-3-alpha: rgba(87, 119, 255, 0.15);
    --color-violet-4-alpha: rgba(69, 102, 255, 0.18);
    --color-violet-5-alpha: rgba(54, 84, 255, 0.24);
    --color-violet-6-alpha: rgba(41, 63, 255, 0.31);
    --color-violet-7-alpha: rgba(33, 48, 255, 0.38);
    --color-violet-8-alpha: rgba(25, 27, 255, 0.51);
    --color-violet-9-alpha: rgba(25, 20, 228, 0.63);
    --color-violet-10-alpha: rgba(23, 17, 180, 0.72);
    --color-violet-11-alpha: rgba(21, 16, 138, 0.79);
    --color-violet-12-alpha: rgba(4, 3, 40, 0.95);
    --color-violet-13-alpha: rgba(0, 0, 0, 0.95);
    --color-purple-1: #fcfbff;
    --color-purple-2: #f5f2ff;
    --color-purple-3: #efe9ff;
    --color-purple-4: #e8e0ff;
    --color-purple-5: #dfd2ff;
    --color-purple-6: #d0bdff;
    --color-purple-7: #c0a9ff;
    --color-purple-8: #a383ff;
    --color-purple-9: #8662e7;
    --color-purple-10: #6e4ec3;
    --color-purple-11: #573c9d;
    --color-purple-12: #180e31;
    --color-purple-13: #000;
    --color-purple-1-alpha: rgba(203, 195, 255, 0.07);
    --color-purple-2-alpha: rgba(155, 126, 255, 0.1);
    --color-purple-3-alpha: rgba(134, 92, 255, 0.14);
    --color-purple-4-alpha: rgba(123, 73, 255, 0.17);
    --color-purple-5-alpha: rgba(114, 56, 255, 0.23);
    --color-purple-6-alpha: rgba(101, 41, 255, 0.31);
    --color-purple-7-alpha: rgba(92, 33, 255, 0.39);
    --color-purple-8-alpha: rgba(83, 23, 255, 0.54);
    --color-purple-9-alpha: rgba(73, 19, 218, 0.66);
    --color-purple-10-alpha: rgba(61, 17, 175, 0.75);
    --color-purple-11-alpha: rgba(49, 15, 135, 0.82);
    --color-purple-12-alpha: rgba(11, 1, 38, 0.95);
    --color-purple-13-alpha: rgba(0, 0, 0, 0.95);
    --color-base: var(--color-gray-1);
    --color-base-alpha: var(--color-gray-1-alpha);
    --color-surface: var(--color-gray-2);
    --color-surface-alpha: var(--color-gray-2-alpha);
    --color-surface-hover: var(--color-gray-3);
    --color-surface-hover-alpha: var(--color-gray-3-alpha);
    --color-surface-active: var(--color-gray-4);
    --color-surface-active-alpha: var(--color-gray-4-alpha);
    --color-action: var(--color-gray-3);
    --color-action-alpha: var(--color-gray-3-alpha);
    --color-action-hover: var(--color-gray-4);
    --color-action-hover-alpha: var(--color-gray-4-alpha);
    --color-action-active: var(--color-gray-5);
    --color-action-active-alpha: var(--color-gray-5-alpha);
    --color-divider: var(--color-gray-5);
    --color-divider-alpha: var(--color-gray-5-alpha);
    --color-focus: var(--color-gray-6);
    --color-focus-alpha: var(--color-gray-6-alpha);
    --color-border: var(--color-gray-5);
    --color-border-alpha: var(--color-gray-5-alpha);
    --color-border-hover: var(--color-gray-6);
    --color-border-hover-alpha: var(--color-gray-6-alpha);
    --color-border-active: var(--color-gray-7);
    --color-border-active-alpha: var(--color-gray-7-alpha);
    --color-solid: var(--color-gray-9);
    --color-solid-alpha: var(--color-gray-9-alpha);
    --color-solid-hover: var(--color-gray-10);
    --color-solid-hover-alpha: var(--color-gray-10-alpha);
    --color-solid-active: var(--color-gray-11);
    --color-solid-active-alpha: var(--color-gray-11-alpha);
    --color-text-disabled: var(--color-gray-9);
    --color-text-disabled-alpha: var(--color-gray-9-alpha);
    --color-text-placeholder: var(--color-gray-9);
    --color-text-placeholder-alpha: var(--color-gray-9-alpha);
    --color-text-tertiary: var(--color-gray-10);
    --color-text-tertiary-alpha: var(--color-gray-10-alpha);
    --color-text-secondary: var(--color-gray-11);
    --color-text-secondary-alpha: var(--color-gray-11-alpha);
    --color-text-primary: var(--color-gray-12);
    --color-text-primary-alpha: var(--color-gray-12-alpha);
    --color-text-on-solid: var(--color-gray-1);
    --color-text-on-solid-alpha: var(--color-gray-1-alpha);
    --color-base-pink: var(--color-pink-1);
    --color-base-pink-alpha: var(--color-pink-1-alpha);
    --color-surface-pink: var(--color-pink-2);
    --color-surface-pink-alpha: var(--color-pink-2-alpha);
    --color-surface-hover-pink: var(--color-pink-3);
    --color-surface-hover-pink-alpha: var(--color-pink-3-alpha);
    --color-surface-active-pink: var(--color-pink-4);
    --color-surface-active-pink-alpha: var(--color-pink-4-alpha);
    --color-action-pink: var(--color-pink-3);
    --color-action-pink-alpha: var(--color-pink-3-alpha);
    --color-action-hover-pink: var(--color-pink-4);
    --color-action-hover-pink-alpha: var(--color-pink-4-alpha);
    --color-action-active-pink: var(--color-pink-5);
    --color-action-active-pink-alpha: var(--color-pink-5-alpha);
    --color-divider-pink: var(--color-pink-5);
    --color-divider-pink-alpha: var(--color-pink-5-alpha);
    --color-focus-pink: var(--color-pink-6);
    --color-focus-pink-alpha: var(--color-pink-6-alpha);
    --color-border-pink: var(--color-pink-5);
    --color-border-pink-alpha: var(--color-pink-5-alpha);
    --color-border-hover-pink: var(--color-pink-6);
    --color-border-hover-pink-alpha: var(--color-pink-6-alpha);
    --color-border-active-pink: var(--color-pink-7);
    --color-border-active-pink-alpha: var(--color-pink-7-alpha);
    --color-solid-pink: var(--color-pink-9);
    --color-solid-pink-alpha: var(--color-pink-9-alpha);
    --color-solid-hover-pink: var(--color-pink-10);
    --color-solid-hover-pink-alpha: var(--color-pink-10-alpha);
    --color-solid-active-pink: var(--color-pink-11);
    --color-solid-active-pink-alpha: var(--color-pink-11-alpha);
    --color-text-disabled-pink: var(--color-pink-9);
    --color-text-disabled-pink-alpha: var(--color-pink-9-alpha);
    --color-text-placeholder-pink: var(--color-pink-9);
    --color-text-placeholder-pink-alpha: var(--color-pink-9-alpha);
    --color-text-tertiary-pink: var(--color-pink-9);
    --color-text-tertiary-pink-alpha: var(--color-pink-9-alpha);
    --color-text-secondary-pink: var(--color-pink-10);
    --color-text-secondary-pink-alpha: var(--color-pink-10-alpha);
    --color-text-primary-pink: var(--color-pink-11);
    --color-text-primary-pink-alpha: var(--color-pink-11-alpha);
    --color-text-on-solid-pink: var(--color-pink-1);
    --color-text-on-solid-pink-alpha: var(--color-pink-1-alpha);
    --color-base-negative: var(--color-red-1);
    --color-base-negative-alpha: var(--color-red-1-alpha);
    --color-surface-negative: var(--color-red-2);
    --color-surface-negative-alpha: var(--color-red-2-alpha);
    --color-surface-hover-negative: var(--color-red-3);
    --color-surface-hover-negative-alpha: var(--color-red-3-alpha);
    --color-surface-active-negative: var(--color-red-4);
    --color-surface-active-negative-alpha: var(--color-red-4-alpha);
    --color-action-negative: var(--color-red-3);
    --color-action-negative-alpha: var(--color-red-3-alpha);
    --color-action-hover-negative: var(--color-red-4);
    --color-action-hover-negative-alpha: var(--color-red-4-alpha);
    --color-action-active-negative: var(--color-red-5);
    --color-action-active-negative-alpha: var(--color-red-5-alpha);
    --color-divider-negative: var(--color-red-5);
    --color-divider-negative-alpha: var(--color-red-5-alpha);
    --color-focus-negative: var(--color-red-6);
    --color-focus-negative-alpha: var(--color-red-6-alpha);
    --color-border-negative: var(--color-red-5);
    --color-border-negative-alpha: var(--color-red-5-alpha);
    --color-border-hover-negative: var(--color-red-6);
    --color-border-hover-negative-alpha: var(--color-red-6-alpha);
    --color-border-active-negative: var(--color-red-7);
    --color-border-active-negative-alpha: var(--color-red-7-alpha);
    --color-solid-negative: var(--color-red-9);
    --color-solid-negative-alpha: var(--color-red-9-alpha);
    --color-solid-hover-negative: var(--color-red-10);
    --color-solid-hover-negative-alpha: var(--color-red-10-alpha);
    --color-solid-active-negative: var(--color-red-11);
    --color-solid-active-negative-alpha: var(--color-red-11-alpha);
    --color-text-disabled-negative: var(--color-red-9);
    --color-text-disabled-negative-alpha: var(--color-red-9-alpha);
    --color-text-placeholder-negative: var(--color-red-9);
    --color-text-placeholder-negative-alpha: var(--color-red-9-alpha);
    --color-text-tertiary-negative: var(--color-red-9);
    --color-text-tertiary-negative-alpha: var(--color-red-9-alpha);
    --color-text-secondary-negative: var(--color-red-10);
    --color-text-secondary-negative-alpha: var(--color-red-10-alpha);
    --color-text-primary-negative: var(--color-red-11);
    --color-text-primary-negative-alpha: var(--color-red-11-alpha);
    --color-text-on-solid-negative: var(--color-red-1);
    --color-text-on-solid-negative-alpha: var(--color-red-1-alpha);
    --color-base-orange: var(--color-orange-1);
    --color-base-orange-alpha: var(--color-orange-1-alpha);
    --color-surface-orange: var(--color-orange-2);
    --color-surface-orange-alpha: var(--color-orange-2-alpha);
    --color-surface-hover-orange: var(--color-orange-3);
    --color-surface-hover-orange-alpha: var(--color-orange-3-alpha);
    --color-surface-active-orange: var(--color-orange-4);
    --color-surface-active-orange-alpha: var(--color-orange-4-alpha);
    --color-action-orange: var(--color-orange-3);
    --color-action-orange-alpha: var(--color-orange-3-alpha);
    --color-action-hover-orange: var(--color-orange-4);
    --color-action-hover-orange-alpha: var(--color-orange-4-alpha);
    --color-action-active-orange: var(--color-orange-5);
    --color-action-active-orange-alpha: var(--color-orange-5-alpha);
    --color-divider-orange: var(--color-orange-5);
    --color-divider-orange-alpha: var(--color-orange-5-alpha);
    --color-focus-orange: var(--color-orange-6);
    --color-focus-orange-alpha: var(--color-orange-6-alpha);
    --color-border-orange: var(--color-orange-5);
    --color-border-orange-alpha: var(--color-orange-5-alpha);
    --color-border-hover-orange: var(--color-orange-6);
    --color-border-hover-orange-alpha: var(--color-orange-6-alpha);
    --color-border-active-orange: var(--color-orange-7);
    --color-border-active-orange-alpha: var(--color-orange-7-alpha);
    --color-solid-orange: var(--color-orange-8);
    --color-solid-orange-alpha: var(--color-orange-8-alpha);
    --color-solid-hover-orange: var(--color-orange-9);
    --color-solid-hover-orange-alpha: var(--color-orange-9-alpha);
    --color-solid-active-orange: var(--color-orange-10);
    --color-solid-active-orange-alpha: var(--color-orange-10-alpha);
    --color-text-disabled-orange: var(--color-orange-9);
    --color-text-disabled-orange-alpha: var(--color-orange-9-alpha);
    --color-text-placeholder-orange: var(--color-orange-9);
    --color-text-placeholder-orange-alpha: var(--color-orange-9-alpha);
    --color-text-tertiary-orange: var(--color-orange-9);
    --color-text-tertiary-orange-alpha: var(--color-orange-9-alpha);
    --color-text-secondary-orange: var(--color-orange-10);
    --color-text-secondary-orange-alpha: var(--color-orange-10-alpha);
    --color-text-primary-orange: var(--color-orange-11);
    --color-text-primary-orange-alpha: var(--color-orange-11-alpha);
    --color-text-on-solid-orange: var(--color-orange-1);
    --color-text-on-solid-orange-alpha: var(--color-orange-1-alpha);
    --color-base-warning: var(--color-amber-1);
    --color-base-warning-alpha: var(--color-amber-1-alpha);
    --color-surface-warning: var(--color-amber-2);
    --color-surface-warning-alpha: var(--color-amber-2-alpha);
    --color-surface-hover-warning: var(--color-amber-3);
    --color-surface-hover-warning-alpha: var(--color-amber-3-alpha);
    --color-surface-active-warning: var(--color-amber-4);
    --color-surface-active-warning-alpha: var(--color-amber-4-alpha);
    --color-action-warning: var(--color-amber-3);
    --color-action-warning-alpha: var(--color-amber-3-alpha);
    --color-action-hover-warning: var(--color-amber-4);
    --color-action-hover-warning-alpha: var(--color-amber-4-alpha);
    --color-action-active-warning: var(--color-amber-5);
    --color-action-active-warning-alpha: var(--color-amber-5-alpha);
    --color-divider-warning: var(--color-amber-5);
    --color-divider-warning-alpha: var(--color-amber-5-alpha);
    --color-focus-warning: var(--color-amber-6);
    --color-focus-warning-alpha: var(--color-amber-6-alpha);
    --color-border-warning: var(--color-amber-5);
    --color-border-warning-alpha: var(--color-amber-5-alpha);
    --color-border-hover-warning: var(--color-amber-6);
    --color-border-hover-warning-alpha: var(--color-amber-6-alpha);
    --color-border-active-warning: var(--color-amber-7);
    --color-border-active-warning-alpha: var(--color-amber-7-alpha);
    --color-solid-warning: var(--color-amber-7);
    --color-solid-warning-alpha: var(--color-amber-7-alpha);
    --color-solid-hover-warning: var(--color-amber-8);
    --color-solid-hover-warning-alpha: var(--color-amber-8-alpha);
    --color-solid-active-warning: var(--color-amber-9);
    --color-solid-active-warning-alpha: var(--color-amber-9-alpha);
    --color-text-disabled-warning: var(--color-amber-9);
    --color-text-disabled-warning-alpha: var(--color-amber-9-alpha);
    --color-text-placeholder-warning: var(--color-amber-9);
    --color-text-placeholder-warning-alpha: var(--color-amber-9-alpha);
    --color-text-tertiary-warning: var(--color-amber-9);
    --color-text-tertiary-warning-alpha: var(--color-amber-9-alpha);
    --color-text-secondary-warning: var(--color-amber-10);
    --color-text-secondary-warning-alpha: var(--color-amber-10-alpha);
    --color-text-primary-warning: var(--color-amber-11);
    --color-text-primary-warning-alpha: var(--color-amber-11-alpha);
    --color-text-on-solid-warning: var(--color-amber-13);
    --color-text-on-solid-warning-alpha: var(--color-amber-13-alpha);
    --color-base-yellow: var(--color-yellow-1);
    --color-base-yellow-alpha: var(--color-yellow-1-alpha);
    --color-surface-yellow: var(--color-yellow-2);
    --color-surface-yellow-alpha: var(--color-yellow-2-alpha);
    --color-surface-hover-yellow: var(--color-yellow-3);
    --color-surface-hover-yellow-alpha: var(--color-yellow-3-alpha);
    --color-surface-active-yellow: var(--color-yellow-4);
    --color-surface-active-yellow-alpha: var(--color-yellow-4-alpha);
    --color-action-yellow: var(--color-yellow-3);
    --color-action-yellow-alpha: var(--color-yellow-3-alpha);
    --color-action-hover-yellow: var(--color-yellow-4);
    --color-action-hover-yellow-alpha: var(--color-yellow-4-alpha);
    --color-action-active-yellow: var(--color-yellow-5);
    --color-action-active-yellow-alpha: var(--color-yellow-5-alpha);
    --color-divider-yellow: var(--color-yellow-5);
    --color-divider-yellow-alpha: var(--color-yellow-5-alpha);
    --color-focus-yellow: var(--color-yellow-6);
    --color-focus-yellow-alpha: var(--color-yellow-6-alpha);
    --color-border-yellow: var(--color-yellow-5);
    --color-border-yellow-alpha: var(--color-yellow-5-alpha);
    --color-border-hover-yellow: var(--color-yellow-6);
    --color-border-hover-yellow-alpha: var(--color-yellow-6-alpha);
    --color-border-active-yellow: var(--color-yellow-7);
    --color-border-active-yellow-alpha: var(--color-yellow-7-alpha);
    --color-solid-yellow: var(--color-yellow-7);
    --color-solid-yellow-alpha: var(--color-yellow-7-alpha);
    --color-solid-hover-yellow: var(--color-yellow-8);
    --color-solid-hover-yellow-alpha: var(--color-yellow-8-alpha);
    --color-solid-active-yellow: var(--color-yellow-9);
    --color-solid-active-yellow-alpha: var(--color-yellow-9-alpha);
    --color-text-disabled-yellow: var(--color-yellow-9);
    --color-text-disabled-yellow-alpha: var(--color-yellow-9-alpha);
    --color-text-placeholder-yellow: var(--color-yellow-9);
    --color-text-placeholder-yellow-alpha: var(--color-yellow-9-alpha);
    --color-text-tertiary-yellow: var(--color-yellow-9);
    --color-text-tertiary-yellow-alpha: var(--color-yellow-9-alpha);
    --color-text-secondary-yellow: var(--color-yellow-10);
    --color-text-secondary-yellow-alpha: var(--color-yellow-10-alpha);
    --color-text-primary-yellow: var(--color-yellow-11);
    --color-text-primary-yellow-alpha: var(--color-yellow-11-alpha);
    --color-text-on-solid-yellow: var(--color-yellow-13);
    --color-text-on-solid-yellow-alpha: var(--color-yellow-13-alpha);
    --color-base-lime: var(--color-lime-1);
    --color-base-lime-alpha: var(--color-lime-1-alpha);
    --color-surface-lime: var(--color-lime-2);
    --color-surface-lime-alpha: var(--color-lime-2-alpha);
    --color-surface-hover-lime: var(--color-lime-3);
    --color-surface-hover-lime-alpha: var(--color-lime-3-alpha);
    --color-surface-active-lime: var(--color-lime-4);
    --color-surface-active-lime-alpha: var(--color-lime-4-alpha);
    --color-action-lime: var(--color-lime-3);
    --color-action-lime-alpha: var(--color-lime-3-alpha);
    --color-action-hover-lime: var(--color-lime-4);
    --color-action-hover-lime-alpha: var(--color-lime-4-alpha);
    --color-action-active-lime: var(--color-lime-5);
    --color-action-active-lime-alpha: var(--color-lime-5-alpha);
    --color-divider-lime: var(--color-lime-5);
    --color-divider-lime-alpha: var(--color-lime-5-alpha);
    --color-focus-lime: var(--color-lime-6);
    --color-focus-lime-alpha: var(--color-lime-6-alpha);
    --color-border-lime: var(--color-lime-5);
    --color-border-lime-alpha: var(--color-lime-5-alpha);
    --color-border-hover-lime: var(--color-lime-6);
    --color-border-hover-lime-alpha: var(--color-lime-6-alpha);
    --color-border-active-lime: var(--color-lime-7);
    --color-border-active-lime-alpha: var(--color-lime-7-alpha);
    --color-solid-lime: var(--color-lime-7);
    --color-solid-lime-alpha: var(--color-lime-7-alpha);
    --color-solid-hover-lime: var(--color-lime-8);
    --color-solid-hover-lime-alpha: var(--color-lime-8-alpha);
    --color-solid-active-lime: var(--color-lime-9);
    --color-solid-active-lime-alpha: var(--color-lime-9-alpha);
    --color-text-disabled-lime: var(--color-lime-9);
    --color-text-disabled-lime-alpha: var(--color-lime-9-alpha);
    --color-text-placeholder-lime: var(--color-lime-9);
    --color-text-placeholder-lime-alpha: var(--color-lime-9-alpha);
    --color-text-tertiary-lime: var(--color-lime-9);
    --color-text-tertiary-lime-alpha: var(--color-lime-9-alpha);
    --color-text-secondary-lime: var(--color-lime-10);
    --color-text-secondary-lime-alpha: var(--color-lime-10-alpha);
    --color-text-primary-lime: var(--color-lime-11);
    --color-text-primary-lime-alpha: var(--color-lime-11-alpha);
    --color-text-on-solid-lime: var(--color-lime-13);
    --color-text-on-solid-lime-alpha: var(--color-lime-13-alpha);
    --color-base-positive: var(--color-green-1);
    --color-base-positive-alpha: var(--color-green-1-alpha);
    --color-surface-positive: var(--color-green-2);
    --color-surface-positive-alpha: var(--color-green-2-alpha);
    --color-surface-hover-positive: var(--color-green-3);
    --color-surface-hover-positive-alpha: var(--color-green-3-alpha);
    --color-surface-active-positive: var(--color-green-4);
    --color-surface-active-positive-alpha: var(--color-green-4-alpha);
    --color-action-positive: var(--color-green-3);
    --color-action-positive-alpha: var(--color-green-3-alpha);
    --color-action-hover-positive: var(--color-green-4);
    --color-action-hover-positive-alpha: var(--color-green-4-alpha);
    --color-action-active-positive: var(--color-green-5);
    --color-action-active-positive-alpha: var(--color-green-5-alpha);
    --color-divider-positive: var(--color-green-5);
    --color-divider-positive-alpha: var(--color-green-5-alpha);
    --color-focus-positive: var(--color-green-6);
    --color-focus-positive-alpha: var(--color-green-6-alpha);
    --color-border-positive: var(--color-green-5);
    --color-border-positive-alpha: var(--color-green-5-alpha);
    --color-border-hover-positive: var(--color-green-6);
    --color-border-hover-positive-alpha: var(--color-green-6-alpha);
    --color-border-active-positive: var(--color-green-7);
    --color-border-active-positive-alpha: var(--color-green-7-alpha);
    --color-solid-positive: var(--color-green-9);
    --color-solid-positive-alpha: var(--color-green-9-alpha);
    --color-solid-hover-positive: var(--color-green-10);
    --color-solid-hover-positive-alpha: var(--color-green-10-alpha);
    --color-solid-active-positive: var(--color-green-11);
    --color-solid-active-positive-alpha: var(--color-green-11-alpha);
    --color-text-disabled-positive: var(--color-green-9);
    --color-text-disabled-positive-alpha: var(--color-green-9-alpha);
    --color-text-placeholder-positive: var(--color-green-9);
    --color-text-placeholder-positive-alpha: var(--color-green-9-alpha);
    --color-text-tertiary-positive: var(--color-green-9);
    --color-text-tertiary-positive-alpha: var(--color-green-9-alpha);
    --color-text-secondary-positive: var(--color-green-10);
    --color-text-secondary-positive-alpha: var(--color-green-10-alpha);
    --color-text-primary-positive: var(--color-green-11);
    --color-text-primary-positive-alpha: var(--color-green-11-alpha);
    --color-text-on-solid-positive: var(--color-green-1);
    --color-text-on-solid-positive-alpha: var(--color-green-1-alpha);
    --color-base-emerald: var(--color-emerald-1);
    --color-base-emerald-alpha: var(--color-emerald-1-alpha);
    --color-surface-emerald: var(--color-emerald-2);
    --color-surface-emerald-alpha: var(--color-emerald-2-alpha);
    --color-surface-hover-emerald: var(--color-emerald-3);
    --color-surface-hover-emerald-alpha: var(--color-emerald-3-alpha);
    --color-surface-active-emerald: var(--color-emerald-4);
    --color-surface-active-emerald-alpha: var(--color-emerald-4-alpha);
    --color-action-emerald: var(--color-emerald-3);
    --color-action-emerald-alpha: var(--color-emerald-3-alpha);
    --color-action-hover-emerald: var(--color-emerald-4);
    --color-action-hover-emerald-alpha: var(--color-emerald-4-alpha);
    --color-action-active-emerald: var(--color-emerald-5);
    --color-action-active-emerald-alpha: var(--color-emerald-5-alpha);
    --color-divider-emerald: var(--color-emerald-5);
    --color-divider-emerald-alpha: var(--color-emerald-5-alpha);
    --color-focus-emerald: var(--color-emerald-6);
    --color-focus-emerald-alpha: var(--color-emerald-6-alpha);
    --color-border-emerald: var(--color-emerald-5);
    --color-border-emerald-alpha: var(--color-emerald-5-alpha);
    --color-border-hover-emerald: var(--color-emerald-6);
    --color-border-hover-emerald-alpha: var(--color-emerald-6-alpha);
    --color-border-active-emerald: var(--color-emerald-7);
    --color-border-active-emerald-alpha: var(--color-emerald-7-alpha);
    --color-solid-emerald: var(--color-emerald-9);
    --color-solid-emerald-alpha: var(--color-emerald-9-alpha);
    --color-solid-hover-emerald: var(--color-emerald-10);
    --color-solid-hover-emerald-alpha: var(--color-emerald-10-alpha);
    --color-solid-active-emerald: var(--color-emerald-11);
    --color-solid-active-emerald-alpha: var(--color-emerald-11-alpha);
    --color-text-disabled-emerald: var(--color-emerald-9);
    --color-text-disabled-emerald-alpha: var(--color-emerald-9-alpha);
    --color-text-placeholder-emerald: var(--color-emerald-9);
    --color-text-placeholder-emerald-alpha: var(--color-emerald-9-alpha);
    --color-text-tertiary-emerald: var(--color-emerald-9);
    --color-text-tertiary-emerald-alpha: var(--color-emerald-9-alpha);
    --color-text-secondary-emerald: var(--color-emerald-10);
    --color-text-secondary-emerald-alpha: var(--color-emerald-10-alpha);
    --color-text-primary-emerald: var(--color-emerald-11);
    --color-text-primary-emerald-alpha: var(--color-emerald-11-alpha);
    --color-text-on-solid-emerald: var(--color-emerald-1);
    --color-text-on-solid-emerald-alpha: var(--color-emerald-1-alpha);
    --color-base-teal: var(--color-teal-1);
    --color-base-teal-alpha: var(--color-teal-1-alpha);
    --color-surface-teal: var(--color-teal-2);
    --color-surface-teal-alpha: var(--color-teal-2-alpha);
    --color-surface-hover-teal: var(--color-teal-3);
    --color-surface-hover-teal-alpha: var(--color-teal-3-alpha);
    --color-surface-active-teal: var(--color-teal-4);
    --color-surface-active-teal-alpha: var(--color-teal-4-alpha);
    --color-action-teal: var(--color-teal-3);
    --color-action-teal-alpha: var(--color-teal-3-alpha);
    --color-action-hover-teal: var(--color-teal-4);
    --color-action-hover-teal-alpha: var(--color-teal-4-alpha);
    --color-action-active-teal: var(--color-teal-5);
    --color-action-active-teal-alpha: var(--color-teal-5-alpha);
    --color-divider-teal: var(--color-teal-5);
    --color-divider-teal-alpha: var(--color-teal-5-alpha);
    --color-focus-teal: var(--color-teal-6);
    --color-focus-teal-alpha: var(--color-teal-6-alpha);
    --color-border-teal: var(--color-teal-5);
    --color-border-teal-alpha: var(--color-teal-5-alpha);
    --color-border-hover-teal: var(--color-teal-6);
    --color-border-hover-teal-alpha: var(--color-teal-6-alpha);
    --color-border-active-teal: var(--color-teal-7);
    --color-border-active-teal-alpha: var(--color-teal-7-alpha);
    --color-solid-teal: var(--color-teal-9);
    --color-solid-teal-alpha: var(--color-teal-9-alpha);
    --color-solid-hover-teal: var(--color-teal-10);
    --color-solid-hover-teal-alpha: var(--color-teal-10-alpha);
    --color-solid-active-teal: var(--color-teal-11);
    --color-solid-active-teal-alpha: var(--color-teal-11-alpha);
    --color-text-disabled-teal: var(--color-teal-9);
    --color-text-disabled-teal-alpha: var(--color-teal-9-alpha);
    --color-text-placeholder-teal: var(--color-teal-9);
    --color-text-placeholder-teal-alpha: var(--color-teal-9-alpha);
    --color-text-tertiary-teal: var(--color-teal-9);
    --color-text-tertiary-teal-alpha: var(--color-teal-9-alpha);
    --color-text-secondary-teal: var(--color-teal-10);
    --color-text-secondary-teal-alpha: var(--color-teal-10-alpha);
    --color-text-primary-teal: var(--color-teal-11);
    --color-text-primary-teal-alpha: var(--color-teal-11-alpha);
    --color-text-on-solid-teal: var(--color-teal-1);
    --color-text-on-solid-teal-alpha: var(--color-teal-1-alpha);
    --color-base-sky: var(--color-sky-1);
    --color-base-sky-alpha: var(--color-sky-1-alpha);
    --color-surface-sky: var(--color-sky-2);
    --color-surface-sky-alpha: var(--color-sky-2-alpha);
    --color-surface-hover-sky: var(--color-sky-3);
    --color-surface-hover-sky-alpha: var(--color-sky-3-alpha);
    --color-surface-active-sky: var(--color-sky-4);
    --color-surface-active-sky-alpha: var(--color-sky-4-alpha);
    --color-action-sky: var(--color-sky-3);
    --color-action-sky-alpha: var(--color-sky-3-alpha);
    --color-action-hover-sky: var(--color-sky-4);
    --color-action-hover-sky-alpha: var(--color-sky-4-alpha);
    --color-action-active-sky: var(--color-sky-5);
    --color-action-active-sky-alpha: var(--color-sky-5-alpha);
    --color-divider-sky: var(--color-sky-5);
    --color-divider-sky-alpha: var(--color-sky-5-alpha);
    --color-focus-sky: var(--color-sky-6);
    --color-focus-sky-alpha: var(--color-sky-6-alpha);
    --color-border-sky: var(--color-sky-5);
    --color-border-sky-alpha: var(--color-sky-5-alpha);
    --color-border-hover-sky: var(--color-sky-6);
    --color-border-hover-sky-alpha: var(--color-sky-6-alpha);
    --color-border-active-sky: var(--color-sky-7);
    --color-border-active-sky-alpha: var(--color-sky-7-alpha);
    --color-solid-sky: var(--color-sky-7);
    --color-solid-sky-alpha: var(--color-sky-7-alpha);
    --color-solid-hover-sky: var(--color-sky-8);
    --color-solid-hover-sky-alpha: var(--color-sky-8-alpha);
    --color-solid-active-sky: var(--color-sky-9);
    --color-solid-active-sky-alpha: var(--color-sky-9-alpha);
    --color-text-disabled-sky: var(--color-sky-9);
    --color-text-disabled-sky-alpha: var(--color-sky-9-alpha);
    --color-text-placeholder-sky: var(--color-sky-9);
    --color-text-placeholder-sky-alpha: var(--color-sky-9-alpha);
    --color-text-tertiary-sky: var(--color-sky-9);
    --color-text-tertiary-sky-alpha: var(--color-sky-9-alpha);
    --color-text-secondary-sky: var(--color-sky-10);
    --color-text-secondary-sky-alpha: var(--color-sky-10-alpha);
    --color-text-primary-sky: var(--color-sky-11);
    --color-text-primary-sky-alpha: var(--color-sky-11-alpha);
    --color-text-on-solid-sky: var(--color-sky-13);
    --color-text-on-solid-sky-alpha: var(--color-sky-13-alpha);
    --color-base-accent: var(--color-blue-1);
    --color-base-accent-alpha: var(--color-blue-1-alpha);
    --color-surface-accent: var(--color-blue-2);
    --color-surface-accent-alpha: var(--color-blue-2-alpha);
    --color-surface-hover-accent: var(--color-blue-3);
    --color-surface-hover-accent-alpha: var(--color-blue-3-alpha);
    --color-surface-active-accent: var(--color-blue-4);
    --color-surface-active-accent-alpha: var(--color-blue-4-alpha);
    --color-action-accent: var(--color-blue-3);
    --color-action-accent-alpha: var(--color-blue-3-alpha);
    --color-action-hover-accent: var(--color-blue-4);
    --color-action-hover-accent-alpha: var(--color-blue-4-alpha);
    --color-action-active-accent: var(--color-blue-5);
    --color-action-active-accent-alpha: var(--color-blue-5-alpha);
    --color-divider-accent: var(--color-blue-5);
    --color-divider-accent-alpha: var(--color-blue-5-alpha);
    --color-focus-accent: var(--color-blue-6);
    --color-focus-accent-alpha: var(--color-blue-6-alpha);
    --color-border-accent: var(--color-blue-5);
    --color-border-accent-alpha: var(--color-blue-5-alpha);
    --color-border-hover-accent: var(--color-blue-6);
    --color-border-hover-accent-alpha: var(--color-blue-6-alpha);
    --color-border-active-accent: var(--color-blue-7);
    --color-border-active-accent-alpha: var(--color-blue-7-alpha);
    --color-solid-accent: var(--color-blue-9);
    --color-solid-accent-alpha: var(--color-blue-9-alpha);
    --color-solid-hover-accent: var(--color-blue-10);
    --color-solid-hover-accent-alpha: var(--color-blue-10-alpha);
    --color-solid-active-accent: var(--color-blue-11);
    --color-solid-active-accent-alpha: var(--color-blue-11-alpha);
    --color-text-disabled-accent: var(--color-blue-9);
    --color-text-disabled-accent-alpha: var(--color-blue-9-alpha);
    --color-text-placeholder-accent: var(--color-blue-9);
    --color-text-placeholder-accent-alpha: var(--color-blue-9-alpha);
    --color-text-tertiary-accent: var(--color-blue-9);
    --color-text-tertiary-accent-alpha: var(--color-blue-9-alpha);
    --color-text-secondary-accent: var(--color-blue-10);
    --color-text-secondary-accent-alpha: var(--color-blue-10-alpha);
    --color-text-primary-accent: var(--color-blue-11);
    --color-text-primary-accent-alpha: var(--color-blue-11-alpha);
    --color-text-on-solid-accent: var(--color-blue-1);
    --color-text-on-solid-accent-alpha: var(--color-blue-1-alpha);
    --color-base-indigo: var(--color-indigo-1);
    --color-base-indigo-alpha: var(--color-indigo-1-alpha);
    --color-surface-indigo: var(--color-indigo-2);
    --color-surface-indigo-alpha: var(--color-indigo-2-alpha);
    --color-surface-hover-indigo: var(--color-indigo-3);
    --color-surface-hover-indigo-alpha: var(--color-indigo-3-alpha);
    --color-surface-active-indigo: var(--color-indigo-4);
    --color-surface-active-indigo-alpha: var(--color-indigo-4-alpha);
    --color-action-indigo: var(--color-indigo-3);
    --color-action-indigo-alpha: var(--color-indigo-3-alpha);
    --color-action-hover-indigo: var(--color-indigo-4);
    --color-action-hover-indigo-alpha: var(--color-indigo-4-alpha);
    --color-action-active-indigo: var(--color-indigo-5);
    --color-action-active-indigo-alpha: var(--color-indigo-5-alpha);
    --color-divider-indigo: var(--color-indigo-5);
    --color-divider-indigo-alpha: var(--color-indigo-5-alpha);
    --color-focus-indigo: var(--color-indigo-6);
    --color-focus-indigo-alpha: var(--color-indigo-6-alpha);
    --color-border-indigo: var(--color-indigo-5);
    --color-border-indigo-alpha: var(--color-indigo-5-alpha);
    --color-border-hover-indigo: var(--color-indigo-6);
    --color-border-hover-indigo-alpha: var(--color-indigo-6-alpha);
    --color-border-active-indigo: var(--color-indigo-7);
    --color-border-active-indigo-alpha: var(--color-indigo-7-alpha);
    --color-solid-indigo: var(--color-indigo-9);
    --color-solid-indigo-alpha: var(--color-indigo-9-alpha);
    --color-solid-hover-indigo: var(--color-indigo-10);
    --color-solid-hover-indigo-alpha: var(--color-indigo-10-alpha);
    --color-solid-active-indigo: var(--color-indigo-11);
    --color-solid-active-indigo-alpha: var(--color-indigo-11-alpha);
    --color-text-disabled-indigo: var(--color-indigo-9);
    --color-text-disabled-indigo-alpha: var(--color-indigo-9-alpha);
    --color-text-placeholder-indigo: var(--color-indigo-9);
    --color-text-placeholder-indigo-alpha: var(--color-indigo-9-alpha);
    --color-text-tertiary-indigo: var(--color-indigo-9);
    --color-text-tertiary-indigo-alpha: var(--color-indigo-9-alpha);
    --color-text-secondary-indigo: var(--color-indigo-10);
    --color-text-secondary-indigo-alpha: var(--color-indigo-10-alpha);
    --color-text-primary-indigo: var(--color-indigo-11);
    --color-text-primary-indigo-alpha: var(--color-indigo-11-alpha);
    --color-text-on-solid-indigo: var(--color-indigo-1);
    --color-text-on-solid-indigo-alpha: var(--color-indigo-1-alpha);
    --color-base-violet: var(--color-violet-1);
    --color-base-violet-alpha: var(--color-violet-1-alpha);
    --color-surface-violet: var(--color-violet-2);
    --color-surface-violet-alpha: var(--color-violet-2-alpha);
    --color-surface-hover-violet: var(--color-violet-3);
    --color-surface-hover-violet-alpha: var(--color-violet-3-alpha);
    --color-surface-active-violet: var(--color-violet-4);
    --color-surface-active-violet-alpha: var(--color-violet-4-alpha);
    --color-action-violet: var(--color-violet-3);
    --color-action-violet-alpha: var(--color-violet-3-alpha);
    --color-action-hover-violet: var(--color-violet-4);
    --color-action-hover-violet-alpha: var(--color-violet-4-alpha);
    --color-action-active-violet: var(--color-violet-5);
    --color-action-active-violet-alpha: var(--color-violet-5-alpha);
    --color-divider-violet: var(--color-violet-5);
    --color-divider-violet-alpha: var(--color-violet-5-alpha);
    --color-focus-violet: var(--color-violet-6);
    --color-focus-violet-alpha: var(--color-violet-6-alpha);
    --color-border-violet: var(--color-violet-5);
    --color-border-violet-alpha: var(--color-violet-5-alpha);
    --color-border-hover-violet: var(--color-violet-6);
    --color-border-hover-violet-alpha: var(--color-violet-6-alpha);
    --color-border-active-violet: var(--color-violet-7);
    --color-border-active-violet-alpha: var(--color-violet-7-alpha);
    --color-solid-violet: var(--color-violet-9);
    --color-solid-violet-alpha: var(--color-violet-9-alpha);
    --color-solid-hover-violet: var(--color-violet-10);
    --color-solid-hover-violet-alpha: var(--color-violet-10-alpha);
    --color-solid-active-violet: var(--color-violet-11);
    --color-solid-active-violet-alpha: var(--color-violet-11-alpha);
    --color-text-disabled-violet: var(--color-violet-9);
    --color-text-disabled-violet-alpha: var(--color-violet-9-alpha);
    --color-text-placeholder-violet: var(--color-violet-9);
    --color-text-placeholder-violet-alpha: var(--color-violet-9-alpha);
    --color-text-tertiary-violet: var(--color-violet-9);
    --color-text-tertiary-violet-alpha: var(--color-violet-9-alpha);
    --color-text-secondary-violet: var(--color-violet-10);
    --color-text-secondary-violet-alpha: var(--color-violet-10-alpha);
    --color-text-primary-violet: var(--color-violet-11);
    --color-text-primary-violet-alpha: var(--color-violet-11-alpha);
    --color-text-on-solid-violet: var(--color-violet-1);
    --color-text-on-solid-violet-alpha: var(--color-violet-1-alpha);
    --color-base-purple: var(--color-purple-1);
    --color-base-purple-alpha: var(--color-purple-1-alpha);
    --color-surface-purple: var(--color-purple-2);
    --color-surface-purple-alpha: var(--color-purple-2-alpha);
    --color-surface-hover-purple: var(--color-purple-3);
    --color-surface-hover-purple-alpha: var(--color-purple-3-alpha);
    --color-surface-active-purple: var(--color-purple-4);
    --color-surface-active-purple-alpha: var(--color-purple-4-alpha);
    --color-action-purple: var(--color-purple-3);
    --color-action-purple-alpha: var(--color-purple-3-alpha);
    --color-action-hover-purple: var(--color-purple-4);
    --color-action-hover-purple-alpha: var(--color-purple-4-alpha);
    --color-action-active-purple: var(--color-purple-5);
    --color-action-active-purple-alpha: var(--color-purple-5-alpha);
    --color-divider-purple: var(--color-purple-5);
    --color-divider-purple-alpha: var(--color-purple-5-alpha);
    --color-focus-purple: var(--color-purple-6);
    --color-focus-purple-alpha: var(--color-purple-6-alpha);
    --color-border-purple: var(--color-purple-5);
    --color-border-purple-alpha: var(--color-purple-5-alpha);
    --color-border-hover-purple: var(--color-purple-6);
    --color-border-hover-purple-alpha: var(--color-purple-6-alpha);
    --color-border-active-purple: var(--color-purple-7);
    --color-border-active-purple-alpha: var(--color-purple-7-alpha);
    --color-solid-purple: var(--color-purple-9);
    --color-solid-purple-alpha: var(--color-purple-9-alpha);
    --color-solid-hover-purple: var(--color-purple-10);
    --color-solid-hover-purple-alpha: var(--color-purple-10-alpha);
    --color-solid-active-purple: var(--color-purple-11);
    --color-solid-active-purple-alpha: var(--color-purple-11-alpha);
    --color-text-disabled-purple: var(--color-purple-9);
    --color-text-disabled-purple-alpha: var(--color-purple-9-alpha);
    --color-text-placeholder-purple: var(--color-purple-9);
    --color-text-placeholder-purple-alpha: var(--color-purple-9-alpha);
    --color-text-tertiary-purple: var(--color-purple-9);
    --color-text-tertiary-purple-alpha: var(--color-purple-9-alpha);
    --color-text-secondary-purple: var(--color-purple-10);
    --color-text-secondary-purple-alpha: var(--color-purple-10-alpha);
    --color-text-primary-purple: var(--color-purple-11);
    --color-text-primary-purple-alpha: var(--color-purple-11-alpha);
    --color-text-on-solid-purple: var(--color-purple-1);
    --color-text-on-solid-purple-alpha: var(--color-purple-1-alpha);
}
/*!
 * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2022 Froala Labs
 */
.fr-element,
.fr-element:focus {
    outline: 0 solid transparent;
}

.fr-view.fr-element-scroll-visible {
    overflow-x: visible !important;
}

.fr-box.fr-basic {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .fr-box.fr-basic .fr-element {
        font-family: sans-serif;
        color: #414141;
        font-size: 14px;
        line-height: 1.6;
        padding: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow-x: auto;
        min-height: 60px;
        text-align: left;
    }

    .fr-box.fr-basic.fr-rtl .fr-element {
        text-align: right;
    }

.fr-element {
    background: transparent;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto;
}

    .fr-element a {
        user-select: auto;
        -o-user-select: auto;
        -moz-user-select: auto;
        -khtml-user-select: auto;
        -webkit-user-select: auto;
        -ms-user-select: auto;
    }

    .fr-element.fr-disabled {
        user-select: none;
        -o-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    .fr-element [contenteditable="true"] {
        outline: 0 solid transparent;
    }

.fr-box a.fr-floating-btn {
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 40px;
    width: 40px;
    background: #fff;
    color: #333;
    -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
    outline: none;
    left: 0;
    top: 0;
    line-height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
}

    .fr-box a.fr-floating-btn svg {
        -webkit-transition: transform 0.2s ease 0s;
        -moz-transition: transform 0.2s ease 0s;
        -ms-transition: transform 0.2s ease 0s;
        -o-transition: transform 0.2s ease 0s;
        fill: #333;
    }

    .fr-box a.fr-floating-btn i,
    .fr-box a.fr-floating-btn svg {
        font-size: 14px;
        line-height: 40px;
    }

    .fr-box a.fr-floating-btn.fr-btn + .fr-btn {
        margin-left: 10px;
    }

    .fr-box a.fr-floating-btn:hover {
        background: #ebebeb;
        cursor: pointer;
    }

        .fr-box a.fr-floating-btn:hover svg {
            fill: #333;
        }

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fr-wrapper {
    position: relative;
    z-index: 1;
}

    .fr-wrapper:after {
        clear: both;
        display: block;
        content: "";
        height: 0;
    }

    .fr-wrapper .fr-placeholder {
        position: absolute;
        font-size: 14px;
        color: #aaa;
        font-family: sans-serif;
        z-index: 1;
        display: none;
        top: 0;
        left: 0;
        right: 0;
        overflow: hidden;
    }

    .fr-wrapper.show-placeholder .fr-placeholder {
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .fr-wrapper ::-moz-selection {
        background: rgba(181, 214, 253, 0.8);
        color: #000;
    }

    .fr-wrapper ::selection {
        background: rgba(181, 214, 253, 0.8);
        color: #000;
    }

.fr-box.fr-basic .fr-wrapper {
    background: #fff;
    border: 1px solid;
    border-color: #ccc #ccc #efefef;
    top: 0;
    left: 0;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0;
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

@media (min-width: 992px) {
    .fr-box.fr-document {
        min-width: 21cm;
    }

        .fr-box.fr-document .fr-wrapper {
            text-align: left;
            padding: 30px;
            min-width: 21cm;
            background: #efefef;
        }

            .fr-box.fr-document .fr-wrapper .fr-element {
                text-align: left;
                background: #fff;
                width: 21cm;
                margin: auto;
                min-height: 26cm !important;
                padding: 1cm 2cm;
                overflow: visible;
                z-index: auto;
            }

                .fr-box.fr-document .fr-wrapper .fr-element hr {
                    margin-left: -2cm;
                    margin-right: -2cm;
                    background: #efefef;
                    height: 1cm;
                    outline: none;
                    border: none;
                }

                .fr-box.fr-document .fr-wrapper .fr-element img {
                    z-index: 1;
                }
}

.fr-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #222;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: opacity 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    left: -3000px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    .fr-tooltip,
    .fr-tooltip.fr-visible {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

        .fr-tooltip.fr-visible {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

.fr-modal .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-toolbar .fr-btn-wrap {
    float: left;
    white-space: nowrap;
    position: relative;
}

    .fr-modal .fr-btn-wrap.fr-hidden,
    .fr-popup .fr-btn-wrap.fr-hidden,
    .fr-toolbar .fr-btn-wrap.fr-hidden {
        display: none;
    }

.fr-modal .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-toolbar .fr-command.fr-btn {
    background: transparent;
    color: #333;
    -moz-outline: 0;
    outline: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 4px 2px;
    padding: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 40px;
}

    .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options,
    .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options {
        border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .fr-modal .fr-command.fr-btn.fr-btn-hover,
    .fr-popup .fr-command.fr-btn.fr-btn-hover,
    .fr-toolbar .fr-command.fr-btn.fr-btn-hover {
        border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .fr-modal .fr-command.fr-btn::-moz-focus-inner,
    .fr-popup .fr-command.fr-btn::-moz-focus-inner,
    .fr-toolbar .fr-command.fr-btn::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .fr-modal .fr-command.fr-btn.fr-btn-text,
    .fr-popup .fr-command.fr-btn.fr-btn-text,
    .fr-toolbar .fr-command.fr-btn.fr-btn-text {
        width: auto;
    }

    .fr-modal .fr-command.fr-btn i,
    .fr-modal .fr-command.fr-btn svg,
    .fr-popup .fr-command.fr-btn i,
    .fr-popup .fr-command.fr-btn svg,
    .fr-toolbar .fr-command.fr-btn i,
    .fr-toolbar .fr-command.fr-btn svg {
        display: block;
        text-align: center;
        float: none;
        margin: 8px 7px;
        width: 24px;
    }

        .fr-modal .fr-command.fr-btn svg.fr-svg,
        .fr-popup .fr-command.fr-btn svg.fr-svg,
        .fr-toolbar .fr-command.fr-btn svg.fr-svg {
            height: 24px;
        }

        .fr-modal .fr-command.fr-btn svg path,
        .fr-popup .fr-command.fr-btn svg path,
        .fr-toolbar .fr-command.fr-btn svg path {
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            fill: #333;
        }

    .fr-modal .fr-command.fr-btn span.fr-sr-only,
    .fr-popup .fr-command.fr-btn span.fr-sr-only,
    .fr-toolbar .fr-command.fr-btn span.fr-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .fr-modal .fr-command.fr-btn span,
    .fr-popup .fr-command.fr-btn span,
    .fr-toolbar .fr-command.fr-btn span {
        font-size: 14px;
        display: block;
        line-height: 17px;
        min-width: 30px;
        float: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        height: 17px;
        font-weight: 700;
        padding: 0 4px;
    }

    .fr-modal .fr-command.fr-btn img,
    .fr-popup .fr-command.fr-btn img,
    .fr-toolbar .fr-command.fr-btn img {
        margin: 8px 7px;
        width: 24px;
    }

    .fr-modal .fr-command.fr-btn.fr-btn-active-popup,
    .fr-popup .fr-command.fr-btn.fr-btn-active-popup,
    .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup {
        background: #d6d6d6;
    }

    .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span,
    .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span {
        font-weight: 400;
    }

    .fr-modal .fr-command.fr-btn.fr-dropdown i,
    .fr-modal .fr-command.fr-btn.fr-dropdown img,
    .fr-modal .fr-command.fr-btn.fr-dropdown span,
    .fr-modal .fr-command.fr-btn.fr-dropdown svg,
    .fr-popup .fr-command.fr-btn.fr-dropdown i,
    .fr-popup .fr-command.fr-btn.fr-dropdown img,
    .fr-popup .fr-command.fr-btn.fr-dropdown span,
    .fr-popup .fr-command.fr-btn.fr-dropdown svg,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown i,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown img,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown span,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown svg {
        margin-left: 3px;
        margin-right: 11px;
    }

    .fr-modal .fr-command.fr-btn.fr-dropdown:after,
    .fr-popup .fr-command.fr-btn.fr-dropdown:after,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
        position: absolute;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid #333;
        right: 2px;
        top: 18px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        content: "";
    }

    .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active,
    .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active {
        fill: #333;
        background: #d6d6d6;
        -webkit-transition: 0.5s ease;
        -moz-transition: 0.5s ease;
        -ms-transition: 0.5s ease;
        -o-transition: 0.5s ease;
    }

        .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover,
        .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
        .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover {
            background: #ebebeb;
            fill: #333;
        }

            .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
            .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
            .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after {
                border-top-color: #333;
            }

        .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after,
        .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
        .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after {
            border-top: 0;
            border-bottom: 4px solid #222;
        }

    .fr-modal .fr-command.fr-btn.fr-disabled,
    .fr-popup .fr-command.fr-btn.fr-disabled,
    .fr-toolbar .fr-command.fr-btn.fr-disabled {
        color: #bdbdbd;
        cursor: default;
        -webkit-opacity: 0.3;
        -moz-opacity: 0.3;
        opacity: 0.3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

        .fr-modal .fr-command.fr-btn.fr-disabled:after,
        .fr-popup .fr-command.fr-btn.fr-disabled:after,
        .fr-toolbar .fr-command.fr-btn.fr-disabled:after {
            border-top-color: #bdbdbd;
        }

    .fr-modal .fr-command.fr-btn.fr-hidden,
    .fr-popup .fr-command.fr-btn.fr-hidden,
    .fr-toolbar .fr-command.fr-btn.fr-hidden {
        display: none;
    }

.fr-modal .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-toolbar .fr-tabs .fr-command.fr-btn {
    margin: 0;
    width: 46px;
    height: 40px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
    .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
    .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
    .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
    .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
    .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
        background: #fff;
    }

    .fr-modal .fr-tabs .fr-command.fr-btn span,
    .fr-popup .fr-tabs .fr-command.fr-btn span,
    .fr-toolbar .fr-tabs .fr-command.fr-btn span {
        height: 27px;
    }

    .fr-modal .fr-tabs .fr-command.fr-btn img,
    .fr-modal .fr-tabs .fr-command.fr-btn svg,
    .fr-popup .fr-tabs .fr-command.fr-btn img,
    .fr-popup .fr-tabs .fr-command.fr-btn svg,
    .fr-toolbar .fr-tabs .fr-command.fr-btn img,
    .fr-toolbar .fr-tabs .fr-command.fr-btn svg {
        margin: 8px 11px;
        width: 24px;
        height: 24px;
    }

.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal
.fr-buttons:not(.fr-tabs)
.fr-command.fr-btn.fr-active:not(.fr-dropdown)
svg
path,
.fr-modal
.fr-more-toolbar
.fr-command.fr-btn.fr-active:not(.fr-dropdown)
svg
path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup
.fr-buttons:not(.fr-tabs)
.fr-command.fr-btn.fr-active:not(.fr-dropdown)
svg
path,
.fr-popup
.fr-more-toolbar
.fr-command.fr-btn.fr-active:not(.fr-dropdown)
svg
path,
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar
.fr-buttons:not(.fr-tabs)
.fr-command.fr-btn.fr-active:not(.fr-dropdown)
svg
path,
.fr-toolbar
.fr-more-toolbar
.fr-command.fr-btn.fr-active:not(.fr-dropdown)
svg
path {
    fill: #0098f7;
}

.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

    .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
    .fr-modal.fr-disabled .fr-btn.fr-dropdown:after,
    .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
    .fr-popup.fr-disabled .fr-btn.fr-dropdown:after,
    .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
    .fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after {
        border-top-color: #bdbdbd;
    }

.fr-modal.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left {
    float: right;
}

.fr-modal.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right {
    float: left;
}

.fr-modal.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-toolbar.fr-rtl .fr-command.fr-btn {
    float: right;
}

    .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
    .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
    .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
    .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
    .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
    .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options {
        border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover,
    .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
    .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
    .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
    .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
    .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover {
        border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

.fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden),
.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden) {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none;
}

.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command:hover {
    outline: 0;
    color: #333;
}

    .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
    .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell),
    .fr-desktop .fr-command:focus:not(.fr-table-cell),
    .fr-desktop .fr-command:hover:not(.fr-table-cell) {
        background: #ebebeb;
    }

    .fr-desktop .fr-command.fr-btn-hover:after,
    .fr-desktop .fr-command.fr-expanded:after,
    .fr-desktop .fr-command:focus:after,
    .fr-desktop .fr-command:hover:after {
        border-top-color: #333;
    }

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    color: #333;
    background: #d6d6d6;
}

.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active:hover {
    background: #ebebeb;
}

.fr-desktop .fr-command.fr-active:active {
    background: #d6d6d6;
}

.fr-desktop .fr-command.fr-disabled.fr-selected,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop.fr-disabled .fr-command.fr-selected,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command:hover {
    background: transparent;
}

.fr-popup.fr-mobile .fr-command.fr-blink,
.fr-toolbar.fr-mobile .fr-command.fr-blink {
    background: #d6d6d6;
}

.fr-command.fr-btn.fr-options {
    width: 16px;
    margin-left: -5px;
}

    .fr-command.fr-btn.fr-options.fr-btn-hover,
    .fr-command.fr-btn.fr-options:focus,
    .fr-command.fr-btn.fr-options:hover {
        border-left: 1px solid #fafafa;
        -webkit-transition: border-left 0s, background-color 0.5s;
        -moz-transition: border-left 0s, background-color 0.5s;
        -ms-transition: border-left 0s, background-color 0.5s;
        -o-transition: border-left 0s, background-color 0.5s;
    }

.fr-command.fr-btn + .fr-dropdown-menu {
    background: #fff;
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

    .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        height: auto;
        max-height: 275px;
    }

    .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
        padding: 0;
        display: inline-block;
        text-align: left;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        margin: 0 auto auto;
        float: left;
        height: 0;
        margin-top: 0 !important;
    }

        .fr-command.fr-btn + .fr-dropdown-menu
        .fr-dropdown-wrapper
        .fr-dropdown-content {
            position: relative;
        }

            .fr-command.fr-btn + .fr-dropdown-menu
            .fr-dropdown-wrapper
            .fr-dropdown-content
            ul.fr-dropdown-list {
                list-style-type: none;
                margin: 0;
                padding: 8px 0;
                min-width: 72px;
            }

                .fr-command.fr-btn + .fr-dropdown-menu
                .fr-dropdown-wrapper
                .fr-dropdown-content
                ul.fr-dropdown-list
                li {
                    padding: 0;
                    margin: 0;
                    font-size: 15px;
                }

                    .fr-command.fr-btn + .fr-dropdown-menu
                    .fr-dropdown-wrapper
                    .fr-dropdown-content
                    ul.fr-dropdown-list
                    li
                    a {
                        padding: 0 20px;
                        line-height: 200%;
                        display: flex;
                        cursor: pointer;
                        white-space: nowrap;
                        color: inherit;
                        text-decoration: none;
                        border-radius: 0;
                        -moz-border-radius: 0;
                        -webkit-border-radius: 0;
                        -moz-background-clip: padding;
                        -webkit-background-clip: padding-box;
                        background-clip: padding-box;
                    }

                        .fr-command.fr-btn + .fr-dropdown-menu
                        .fr-dropdown-wrapper
                        .fr-dropdown-content
                        ul.fr-dropdown-list
                        li
                        a
                        svg {
                            width: 24px;
                            height: 24px;
                            margin: 3px 4px;
                        }

                            .fr-command.fr-btn + .fr-dropdown-menu
                            .fr-dropdown-wrapper
                            .fr-dropdown-content
                            ul.fr-dropdown-list
                            li
                            a
                            svg
                            path {
                                fill: #333;
                            }

                        .fr-command.fr-btn + .fr-dropdown-menu
                        .fr-dropdown-wrapper
                        .fr-dropdown-content
                        ul.fr-dropdown-list
                        li
                        a.fr-active {
                            background: #d6d6d6;
                        }

                        .fr-command.fr-btn + .fr-dropdown-menu
                        .fr-dropdown-wrapper
                        .fr-dropdown-content
                        ul.fr-dropdown-list
                        li
                        a.fr-disabled {
                            color: #bdbdbd;
                            cursor: default;
                        }

                        .fr-command.fr-btn + .fr-dropdown-menu
                        .fr-dropdown-wrapper
                        .fr-dropdown-content
                        ul.fr-dropdown-list
                        li
                        a
                        .fr-shortcut {
                            margin-left: 20px;
                            font-weight: 700;
                            -webkit-opacity: 0.75;
                            -moz-opacity: 0.75;
                            opacity: 0.75;
                        }

.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
    display: inline-block;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.fr-popup.fr-rtl .fr-dropdown-wrapper,
.fr-toolbar.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important;
}

body.fr-prevent-scroll {
    overflow: hidden;
}

    body.fr-prevent-scroll.fr-mobile {
        position: fixed;
        -webkit-overflow-scrolling: touch;
    }

.fr-modal {
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 1.2;
}

    .fr-modal.fr-middle .fr-modal-wrapper {
        margin: 0 auto;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        position: absolute;
    }

    .fr-modal .fr-modal-wrapper {
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin: 20px auto;
        display: inline-block;
        background: #fff;
        min-width: 300px;
        -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
        border: 0;
        overflow: hidden;
        width: 90%;
        position: relative;
    }

@media (min-width: 768px) and (max-width: 991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%;
    }
}

@media (min-width: 992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px;
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #fff;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    border-bottom: 1px solid #efefef;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

    .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
        height: 56px;
        padding: 0 10px;
    }

    .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
        margin: 10px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .fr-modal .fr-modal-wrapper .fr-modal-head h4 {
        font-size: 20px;
        padding: 19px 10px;
        margin: 0;
        font-weight: 400;
        line-height: 18px;
        display: inline-block;
        float: left;
    }

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px;
}

    .fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
        outline: 0;
    }

    .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
        height: 36px;
        line-height: 1;
        color: #0098f7;
        padding: 10px;
        cursor: pointer;
        text-decoration: none;
        border: none;
        background: none;
        font-size: 16px;
        outline: none;
        -webkit-transition: background 0.2s ease 0s;
        -moz-transition: background 0.2s ease 0s;
        -ms-transition: background 0.2s ease 0s;
        -o-transition: background 0.2s ease 0s;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
            margin-left: 24px;
        }

        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus,
        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover {
            background: #ebebeb;
            color: #0098f7;
        }

        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
            background: #d6d6d6;
            color: #0098f7;
        }

    .fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
        border: 0;
    }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb;
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2147483639;
}

ol.decimal_type {
    counter-reset: item;
}

    ol.decimal_type > li {
        display: block;
    }

        ol.decimal_type > li:before {
            content: counters(item, ".") ". ";
            counter-increment: item;
        }

.fr-popup {
    position: absolute;
    display: none;
    color: #222;
    background: #fff;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
}

    .fr-popup .fr-icon {
        text-align: center;
        vertical-align: middle;
        font-size: 20px;
        line-height: 1;
        cursor: pointer;
        font-weight: 400;
        box-sizing: content-box;
        padding: 6px;
    }

    .fr-popup .fr-icon-container {
        padding: 20px;
        max-height: 200px;
        overflow: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

@supports not (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid;
    }
}

@media (min-width: 768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px;
    }
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .fr-popup .fr-icon-container {
        display: inline-flex;
        -ms-flex-flow: row wrap;
    }
}

@media (-ms-high-contrast: none) and (max-width: 768px), screen and (-ms-high-contrast: active) and (max-width: 768px) {
    .fr-popup .fr-icon-container {
        width: 236px;
    }
}

.fr-popup .fr-input-focus {
    background: #f5f5f5;
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0;
}

.fr-popup.fr-active {
    display: block;
}

.fr-popup.fr-empty,
.fr-popup.fr-hidden {
    display: none !important;
}

.fr-popup .fr-hs {
    display: block !important;
}

    .fr-popup .fr-hs.fr-hidden {
        display: none !important;
    }

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0;
}

    .fr-popup .fr-input-line input[type="number"],
    .fr-popup .fr-input-line input[type="text"],
    .fr-popup .fr-input-line textarea {
        width: 100%;
        margin-bottom: 1px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #999;
        color: #222;
        font-size: 14px;
        background: #fff;
        position: relative;
        z-index: 2;
        padding: 4px 12px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: border 0.5s, padding 0.5s;
        -moz-transition: border 0.5s, padding 0.5s;
        -ms-transition: border 0.5s, padding 0.5s;
        -o-transition: border 0.5s, padding 0.5s;
    }

        .fr-popup .fr-input-line input[type="number"]:hover,
        .fr-popup .fr-input-line input[type="text"]:hover,
        .fr-popup .fr-input-line textarea:hover {
            border: 1px solid #515151;
        }

        .fr-popup .fr-input-line input[type="number"]:focus,
        .fr-popup .fr-input-line input[type="text"]:focus,
        .fr-popup .fr-input-line textarea:focus {
            border: 2px solid #0098f7;
            padding: 3px 11px;
        }

    .fr-popup .fr-input-line input[type="number"],
    .fr-popup .fr-input-line input[type="text"] {
        height: 46px;
    }

    .fr-popup .fr-input-line input + label,
    .fr-popup .fr-input-line textarea + label {
        position: absolute;
        top: 29px;
        left: 12px;
        font-size: 14px;
        color: grey;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        z-index: 3;
        display: block;
        background: #fff;
        padding: 0;
        cursor: text;
    }

    .fr-popup .fr-input-line input.fr-not-empty + label,
    .fr-popup .fr-input-line textarea.fr-not-empty + label {
        color: grey;
        width: auto;
        left: 4px;
        padding: 0 4px;
        font-size: 11px;
        top: 9px;
    }

.fr-popup input,
.fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

.fr-popup textarea {
    resize: none;
}

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0;
}

    .fr-popup .fr-buttons .fr-btn {
        margin-left: 4px;
        margin-right: 4px;
        display: inline-block;
        float: none;
    }

        .fr-popup .fr-buttons .fr-btn i {
            float: left;
        }

    .fr-popup .fr-buttons .fr-separator {
        display: inline-block;
        float: none;
    }

    .fr-popup .fr-buttons.fr-tabs {
        border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #f5f5f5;
        overflow: hidden;
    }

@media (max-width: 768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px;
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px;
}

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    display: none;
}

@media (min-width: 768px) {
    .fr-popup .fr-layer {
        width: 260px;
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block;
}

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right;
}

    .fr-popup .fr-action-buttons button.fr-command {
        height: 36px;
        line-height: 1;
        color: #0098f7;
        padding: 10px;
        cursor: pointer;
        text-decoration: none;
        border: none;
        background: none;
        font-size: 16px;
        outline: none;
        -webkit-transition: background 0.2s ease 0s;
        -moz-transition: background 0.2s ease 0s;
        -ms-transition: background 0.2s ease 0s;
        -o-transition: background 0.2s ease 0s;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .fr-popup .fr-action-buttons button.fr-command + button {
            margin-left: 24px;
        }

        .fr-popup .fr-action-buttons button.fr-command:focus,
        .fr-popup .fr-action-buttons button.fr-command:hover {
            background: #ebebeb;
            color: #0098f7;
        }

        .fr-popup .fr-action-buttons button.fr-command:active {
            background: #d6d6d6;
            color: #0098f7;
        }

    .fr-popup .fr-action-buttons button::-moz-focus-inner {
        border: 0;
    }

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle;
}

    .fr-popup .fr-checkbox svg {
        margin-left: 2px;
        margin-top: 2px;
        display: none;
        width: 10px;
        height: 10px;
    }

    .fr-popup .fr-checkbox span {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        width: 18px;
        height: 18px;
        display: inline-block;
        position: relative;
        z-index: 1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
        -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
        -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
        -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    }

    .fr-popup .fr-checkbox input {
        position: absolute;
        z-index: 2;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        border: 0;
        cursor: pointer;
        height: 18px;
        margin: 0;
        padding: 0;
        width: 18px;
        top: 7px;
        left: 7px;
    }

        .fr-popup .fr-checkbox input:not(:checked) + span {
            border: 2px solid #999;
        }

        .fr-popup .fr-checkbox input:not(:checked):active + span {
            background-color: #f5f5f5;
        }

        .fr-popup .fr-checkbox input:not(:checked):focus + span,
        .fr-popup .fr-checkbox input:not(:checked):hover + span {
            border-color: #515151;
        }

        .fr-popup .fr-checkbox input:checked + span {
            background: #0098f7;
            border: 2px solid #0098f7;
        }

            .fr-popup .fr-checkbox input:checked + span svg {
                display: block;
            }

        .fr-popup .fr-checkbox input:checked:active + span {
            background-color: #ecf5ff;
        }

        .fr-popup .fr-checkbox input:checked:focus + span,
        .fr-popup .fr-checkbox input:checked:hover + span {
            -webkit-opacity: 0.8;
            -moz-opacity: 0.8;
            opacity: 0.8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        }

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px;
}

    .fr-popup .fr-checkbox-line label {
        cursor: pointer;
        margin: 0 5px;
        vertical-align: middle;
    }

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right;
}

    .fr-popup.fr-rtl .fr-action-buttons {
        text-align: left;
    }

    .fr-popup.fr-rtl .fr-input-line input + label,
    .fr-popup.fr-rtl .fr-input-line textarea + label {
        left: auto;
        right: 0;
    }

    .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
        float: right;
    }

.fr-text-edit-layer {
    width: 250px;
    display: block !important;
}

.fr-text-edit-layer,
.fr-toolbar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fr-toolbar {
    color: #222;
    background: #fff;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    border: 1px solid #ccc;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom 0.5s;
    -moz-transition: padding-bottom 0.5s;
    -ms-transition: padding-bottom 0.5s;
    -o-transition: padding-bottom 0.5s;
}

    .fr-toolbar:after {
        clear: both;
        display: block;
        content: "";
        height: 0;
    }

    .fr-toolbar .fr-newline {
        clear: both;
        display: block;
        content: "";
        margin-left: 9px;
        margin-right: 9px;
        background: #efefef;
        height: 1px;
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
    }

    .fr-toolbar.fr-toolbar-open .fr-newline {
        height: 0;
    }

    .fr-toolbar .fr-float-right {
        float: right;
    }

    .fr-toolbar .fr-float-left {
        float: left;
    }

    .fr-toolbar .fr-more-toolbar {
        float: left;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: #f5f5f5;
        -webkit-transition: height 0.5s;
        -moz-transition: height 0.5s;
        -ms-transition: height 0.5s;
        -o-transition: height 0.5s;
        height: 0;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

        .fr-toolbar .fr-more-toolbar.fr-expanded {
            height: 48px;
        }

        .fr-toolbar .fr-more-toolbar.fr-overflow-visible {
            overflow: visible;
        }

        .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
            margin-left: 4px;
            margin-right: 4px;
        }

    .fr-toolbar .fr-btn-grp {
        display: inline-block;
        margin: 0 17px 0 12px;
    }

@media (max-width: 768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px;
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
        background: #f5f5f5;
    }

.fr-toolbar.fr-rtl {
    text-align: right;
}

.fr-toolbar.fr-inline {
    display: none;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630;
}

    .fr-toolbar.fr-inline.fr-above {
        margin-top: -10px;
        border-top: 0;
    }

    .fr-toolbar.fr-inline .fr-newline {
        height: 0;
    }

    .fr-toolbar.fr-inline .fr-more-toolbar {
        position: absolute !important;
    }

        .fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
            position: relative !important;
        }

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}

.fr-toolbar.fr-bottom,
.fr-toolbar.fr-top {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

    .fr-toolbar.fr-bottom .fr-newline {
        padding-top: 0;
        -webkit-transition: padding-top 0.5s;
        -moz-transition: padding-top 0.5s;
        -ms-transition: padding-top 0.5s;
        -o-transition: padding-top 0.5s;
    }

    .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
        padding-top: 48px;
        background: #fff;
    }

    .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
        margin-top: -1px;
        margin-bottom: 10px;
        border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
    }

    .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open,
    .fr-toolbar.fr-sticky-on {
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.fr-separator {
    background: #ebebeb;
    display: block;
    vertical-align: top;
    float: left;
}

    .fr-separator + .fr-separator {
        display: none;
    }

    .fr-separator.fr-vs {
        height: 32px;
        width: 1px;
        margin: 8px 4px;
    }

    .fr-separator.fr-hs {
        clear: both;
        width: calc(100% - 8px);
        margin: 0 4px;
        height: 1px;
    }

    .fr-separator.fr-hidden {
        display: none !important;
    }

.fr-rtl .fr-separator {
    float: right;
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none;
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block;
}

.fr-second-toolbar {
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    line-height: 1.4;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .fr-second-toolbar:after {
        clear: both;
        display: block;
        content: "";
        height: 0;
    }

    .fr-second-toolbar:empty {
        min-height: 10px;
        position: relative;
        margin-top: -1px;
        z-index: 2;
    }

#fr-logo {
    float: left;
    outline: none;
}

    #fr-logo > span {
        display: inline-block;
        float: left;
        font-family: sans-serif;
        padding: 11px 5px 10px 15px;
        font-size: 12px;
        font-weight: 500;
        color: #b1b2b7;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        -ms-transition: color 0.3s;
        -o-transition: color 0.3s;
    }

    #fr-logo > svg {
        height: 20px;
        width: 47px;
        margin: 7px 0;
        cursor: pointer;
    }

        #fr-logo > svg * {
            -webkit-transition: fill 0.3s;
            -moz-transition: fill 0.3s;
            -ms-transition: fill 0.3s;
            -o-transition: fill 0.3s;
        }

    #fr-logo:focus > span,
    #fr-logo:hover > span {
        color: #0098f7;
    }

    #fr-logo:focus > svg .fr-logo,
    #fr-logo:hover > svg .fr-logo {
        fill: #0098f7;
    }

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important;
}

@media (min-width: 768px) {
    .fr-visibility-helper {
        margin-left: 1px !important;
    }
}

@media (min-width: 992px) {
    .fr-visibility-helper {
        margin-left: 2px !important;
    }
}

@media (min-width: 1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important;
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.fr-box {
    position: relative;
}

.fr-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}

.fr-sticky-off {
    position: relative;
}

.fr-sticky-on {
    position: fixed;
    z-index: 10;
}

    .fr-sticky-on.fr-sticky-ios {
        position: absolute;
        left: 0;
        right: 0;
        width: auto !important;
    }

.fr-sticky-dummy {
    display: none;
}

.fr-sticky-box > .fr-sticky-dummy,
.fr-sticky-on + .fr-sticky-dummy {
    display: block;
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-highlight-change > .fr-video > embed,
.fr-highlight-change > .fr-video > iframe,
.fr-highlight-change > .fr-video > video,
.fr-highlight-change > img,
.fr-highlight-change > p,
.fr-view .fr-highlight-change,
.fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
    background-color: #f3eec3;
    opacity: 0.5;
}

.fr-highlight-change.fr-highlight-change > hr,
.fr-highlight-change.fr-highlight-change > table td {
    border-color: #f3eec3;
}

.fr-tracking-deleted.fr-tracking-deleted > hr,
.fr-tracking-deleted.fr-tracking-deleted > table td {
    border-color: #dc3545;
}

.fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-tracking-deleted > .fr-video > iframe,
.fr-tracking-deleted > .fr-video > video,
.fr-tracking-deleted img {
    opacity: 0.5;
    background-color: #dc3545;
}

.fr-view .fr-tracking-deleted {
    background-color: #dc3545;
    text-decoration: line-through;
    pointer-events: none;
    user-select: none;
    opacity: 1;
}

.fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-highlight-change > .fr-video > embed,
.fr-highlight-change > .fr-video > iframe,
.fr-highlight-change > .fr-video > video,
.fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-tracking-deleted > .fr-video > iframe,
.fr-tracking-deleted > .fr-video > video {
    padding: 10px !important;
}

.fr-highlight-change img,
.fr-tracking-deleted img {
    border: 2px solid #f3eec3;
}

.fr-highlight-change #isPasted :not(table):not(tbody):not(tr):not(td) {
    opacity: 0.5;
    background-color: #f3eec3;
}

.fr-highlight-change #isPasted > table td {
    opacity: 0.5;
    border-color: #f3eec3;
}

.fr-track-hide {
    display: none;
}

.fr-track-hide-mobile {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
}

.fr-ios-mobile-disable-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.fr-bottom-extended {
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box;
}

.position-relative {
    position: relative !important;
}

/*!
 * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2022 Froala Labs
 */
.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 0 20px 20px;
    float: left;
}

    .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
        float: left;
        width: calc(100% - 50px);
        padding: 15px 0 0;
    }

    .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
        float: right;
        width: 38px;
        height: 40px;
        padding: 17px 0 0;
        margin: 0;
    }

        .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            font-size: 13px;
            height: 40px;
            width: 38px;
        }

.fr-popup .fr-separator + .fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px;
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none;
}

    .fr-popup .fr-color-set.fr-selected-set {
        display: block;
        padding: 20px 20px 0;
    }

    .fr-popup .fr-color-set > span {
        display: inline-block;
        width: 32px;
        height: 32px;
        position: relative;
        z-index: 1;
    }

        .fr-popup .fr-color-set > span > i,
        .fr-popup .fr-color-set > span > svg {
            text-align: center;
            line-height: 32px;
            height: 24px;
            width: 24px;
            margin: 4px;
            font-size: 13px;
            position: absolute;
            bottom: 0;
            cursor: default;
            left: 0;
        }

            .fr-popup .fr-color-set > span > i path,
            .fr-popup .fr-color-set > span > svg path {
                fill: #222;
            }

        .fr-popup .fr-color-set > span .fr-selected-color {
            color: #fff;
            font-family: FontAwesome;
            font-size: 13px;
            font-weight: 400;
            line-height: 32px;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            text-align: center;
            cursor: default;
        }

        .fr-popup .fr-color-set > span:focus,
        .fr-popup .fr-color-set > span:hover {
            outline: 1px solid #222;
            z-index: 2;
        }

.fr-rtl
.fr-popup
.fr-colors-tabs
.fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]:after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
}

/*!
 * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2022 Froala Labs
 */
.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

textarea.fr-code {
    display: none;
    width: 100%;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    margin: 0;
    font-family: Courier New, monospace;
    font-size: 14px;
    background: #fff;
    color: #000;
    outline: none;
}

.fr-box.fr-rtl textarea.fr-code {
    direction: rtl;
}

.fr-box .CodeMirror {
    display: none;
}

.fr-box.fr-code-view textarea.fr-code {
    display: block;
}

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-iframe,
.fr-box.fr-code-view .fr-placeholder {
    display: none;
}

.fr-box.fr-code-view .CodeMirror,
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
    display: block;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #fff;
    color: #333;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    padding: 8px 7px;
    -webkit-transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

    .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
        font-size: 24px;
        width: 24px;
        text-align: center;
    }

    .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
        background: #ebebeb;
    }

@keyframes _1mGW2988QM1K-A90ahjfP6 {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.warning-strip-top {
    width: 100%;
    position: static;
    min-height: 40px;
    padding: 5px 10px;
    z-index: 101;
    border-left: 5px solid var(--support-pastel-orange);
    box-shadow: 0 0 2px var(--neutral-gray-dark);
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    animation: animateStrip 0.3s;
}

    .warning-strip-top h6 {
        margin: 1px 0;
        font-weight: 700;
    }

    .warning-strip-top button,
    .warning-strip-top p {
        margin: 0;
        padding: 0;
    }

.yTrsZ6_J_r_E7sufdUATf {
    margin: 24px 20px;
}

@keyframes spinner-2-1 {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes spinner-2-2 {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

@keyframes spinner-2-3 {
    0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
}

.loading {
    display: block;
    animation: spinner-2-1 3s linear infinite;
}

    .loading span {
        animation: spinner-2-2 1.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
    }

        .loading span,
        .loading span:before {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

            .loading span:before {
                content: "";
                border: 3px solid transparent;
                border-top: 3px solid var(--primary-brand-accent);
                border-radius: 50%;
                animation: spinner-2-3 1.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
            }

            .loading span:after {
                content: "";
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                margin: auto;
                border: 3px solid var(--support-pastel-blue);
                border-radius: 50%;
            }

    .loading.contrast span:before {
        border-top-color: var(--white);
    }

    .loading.contrast span:after {
        border-color: var(--neutral-gray-lighter);
    }

    .loading.small,
    .loading.small span {
        height: 16px;
        width: 16px;
    }

        .loading.small span {
            clip: rect(8px, 16px, 16px, 0);
        }

            .loading.small span:after,
            .loading.small span:before {
                height: 16px;
                width: 16px;
            }

    .loading.medium,
    .loading.medium span {
        height: 32px;
        width: 32px;
    }

        .loading.medium span {
            clip: rect(16px, 32px, 32px, 0);
        }

            .loading.medium span:after,
            .loading.medium span:before {
                height: 32px;
                width: 32px;
            }

    .loading.large,
    .loading.large span {
        height: 64px;
        width: 64px;
    }

        .loading.large span {
            clip: rect(32px, 64px, 64px, 0);
        }

            .loading.large span:after,
            .loading.large span:before {
                height: 64px;
                width: 64px;
            }

    .loading.margin-center {
        margin: 0 auto;
    }

.loading-center-wrapper {
    position: absolute;
}

    .loading-center-wrapper.vertical {
        top: 50%;
        transform: translateY(-50%);
    }

    .loading-center-wrapper.horizontal {
        left: 50%;
        transform: translateX(-50%);
    }

    .loading-center-wrapper.vertical.horizontal {
        transform: translate(-50%, -50%);
    }

.inside-button {
    vertical-align: sub;
    display: inline-block;
    margin-right: 5px;
}

.footer-p{
    text-align: center;
}