/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}
.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 .add-on {
  cursor: pointer;
}
.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.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 {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.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 {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
.bootstrap-timepicker-widget table td a {
  padding: 4px 0;
}
.bootstrap-timepicker-widget input,
.bootstrap-timepicker-widget input:focus {
  outline: none !important;
  border: 0;
}
.modal-open .bootstrap-timepicker-widget {
  z-index: 10055 !important;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  top: auto;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: Roboto;
  font-weight: 100;
  font-style: normal;
  src: url(/2cf24ab5b6f967c269d4.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 300;
  font-style: normal;
  src: url(/81c7589f0813d50a673e.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  src: url(/9429985be4f46ec8fcfc.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: normal;
  src: url(/70ace3870f471997ceb7.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 600;
  font-style: normal;
  src: url(/5800b9e361864dc716b2.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  src: url(/002079d85a6f27587d17.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 900;
  font-style: normal;
  src: url(/a04aceecdab55c0e2ea1.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 100;
  font-style: italic;
  src: url(/35f3fc5e0092ee55c6eb.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 300;
  font-style: italic;
  src: url(/f950e679a6a5e611a838.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  src: url(/4150dfa9c521d1571eb6.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 500;
  font-style: italic;
  src: url(/5e3cb8be8b422f491586.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 600;
  font-style: italic;
  src: url(/9b792631ffbc38be181d.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  src: url(/1b14e835b9b3013f47e8.woff2) format("woff2");
}

@font-face {
  font-family: Roboto;
  font-weight: 900;
  font-style: italic;
  src: url(/74a49feb441ff349ee79.woff2) format("woff2");
}

html {
  height: 100%;
  --mantine-scale: 1;
}

body {
  height: 100%;
  font-size: 14px;
  line-height: 20px;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  background-color: white;
  min-width: 320px;
  color: var(--basic-on-bg-primary);
  margin: 0;
}

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

a,
button {
  appearance: none;
  text-overflow: inherit;
}

a:focus,
button:focus {
  outline: none;
}

a,
a:hover {
  text-decoration: none;
}

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

table {
  border-collapse: collapse;
}

svg {
  display: block;
}

.app {
  min-height: 100vh;
  background-color: var(--basic-bg-primary);
  display: flex;
  flex-direction: column;
}

.app::before {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 50%;
    background-color: var(--header-bg-primary);
    top: 0;
    left: 0;
    z-index: -1;
  }

.app::after {
    content: "";
    display: block;
    position: fixed;
    width: 100%;
    height: 50%;
    background-color: var(--basic-bg-primary);
    bottom: 0;
    left: 0;
    z-index: -1;
  }

@font-face {
  font-family: Icons;
  src: url(/38c6d8bab26db77d8c80.woff2) format("woff2");
}

@font-face {
  font-family: "outline-icons";
  src: url(/687a4990ea22bb1a49d4.woff2) format("woff2");
}

@font-face {
  font-family: "brand-icons";
  src: url(/278156e41e0ad908cf7f.woff2) format("woff2");
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url(/be810be3a3e14c682a25.woff2) format("woff2");
}

html {
  background-color: var(--basic-bg-primary);
}

body {
  font-size: 14px;
  line-height: 20px !important;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  background-color: var(--basic-bg-primary);
  min-width: 320px;
  color: var(--basic-on-bg-primary);
}

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

a,
button {
  appearance: none;
  text-overflow: inherit;
}

a:focus,
button:focus {
  outline: none;
}

button,
input,
select,
textarea {
  font-size: inherit;
  font-family: inherit !important;
  color: inherit;
}

table {
  border-collapse: collapse;
}

@media (min-width: 1440px) and (max-width: 10000px) {

.main--GDsiX {
    padding: 32px calc((100% - 1440px + 48px) / 2);
    padding: 32px round(up, calc((100% - 1440px + 48px) / 2), 1px) 32px
      round(down, calc((100% - 1440px + 48px) / 2), 1px)
}
  }

@media (min-width: 1280px) and (max-width: 1439px) {

.main--GDsiX {
    padding: 32px 24px
}
  }

@media (max-width: 1279px) {

.main--GDsiX {
    padding: 24px 16px
}
  }

@media (min-width: 1440px) and (max-width: 10000px) {

.no-padding--OiYHy {
    padding: 32px 0
}
  }

@media (min-width: 1280px) and (max-width: 1439px) {

.no-padding--OiYHy {
    padding: 32px 0
}
  }

@media (max-width: 1279px) {

.no-padding--OiYHy {
    padding: 24px 0
}
  }

.error--j_Ffz {
  color: var(--basic-on-bg-alert) !important;
}

.quiet--OgZKj {
  color: var(--status-primary-hold) !important;
}

svg {
  display: block;
}

@media print, (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  .hidden-print {
    display: none !important;
  }
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  *.error,
  *.error *,
  *.error:before,
  *.error:after,
  *.error:first-letter,
  *.error:first-line,
  *.error *:before,
  *.error *:after,
  *.error *:first-letter,
  *.error *:first-line {
    color: #f00 !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .table th {
    font-weight: bold;
    height: auto;
    border: 1px solid #000 !important;
  }
  .table td {
    height: auto;
    border: 1px solid #000 !important;
  }
  table .table-ellipsis:before {
    content: none;
  }
}

.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.hidden,
.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;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  border: 0;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
@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;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .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;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .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;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .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;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .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;
  }
  .hidden-print {
    display: none !important;
  }
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1100;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #BF6C3C, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BF6C3C), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #BF6C3C, #0077b3);
  background-image: -o-linear-gradient(top, #BF6C3C, #0077b3);
  background-image: linear-gradient(to bottom, #BF6C3C, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBF6C3C', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #BF6C3C, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BF6C3C), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #BF6C3C, #0077b3);
  background-image: -o-linear-gradient(top, #BF6C3C, #0077b3);
  background-image: linear-gradient(to bottom, #BF6C3C, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffBF6C3C', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}
.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.btn {
  font-size: 14px !important;
  line-height: 1.42857143;
  display: inline-block;
  margin-bottom: 0;
  padding: 6px 12px;
  height: 34px;
  cursor: pointer;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border: 1px solid transparent;
  touch-action: manipulation;
  box-sizing: border-box;
}
.btn.btn-hotkey {
  position: relative;
  margin-bottom: 20px;
  vertical-align: top;
}
.btn.btn-hotkey:after {
  content: attr(data-hotkey);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  white-space: nowrap;
  font-size: 11px;
  color: #999;
  line-height: 30px;
  letter-spacing: 1px;
}
a.btn {
  text-decoration: none;
}
/* Circle buttons */
.btn-circle {
  border-radius: 25px !important;
}
.btn-circle-right {
  border-radius: 0 25px 25px 0 !important;
}
.btn-circle-left {
  border-radius: 25px 0 0 25px !important;
}
.btn-circle-bottom {
  border-radius: 0 0 25px 25px !important;
}
.btn-circle-top {
  border-radius: 25px 25px 0 0 !important;
}
.btn.uppercase {
  text-transform: uppercase;
}
.btn.active:focus,
.btn:active:focus,
.btn:focus {
  outline: 0;
}
.btn:focus,
.btn:hover {
  text-decoration: none;
  color: #333;
}
.btn:active {
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  font-size: 14px;
  color: var(--button_secondary_on_bkg_normal);
  background-color: var(--button_secondary_bkg_normal);
  border: var(--button_secondary_bkg_hover) 1px solid;
}
.btn-default:focus {
  color: var(--button_secondary_on_bkg_normal);
  border-color: var(--button_secondary_bkg_hover);
  background-color: #e6e6e6;
}
.btn-default:active,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  color: var(--button_secondary_on_bkg_normal);
  border: var(--button_secondary_bkg_hover) 1px solid;
  background-color: #e6e6e6;
}
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  color: var(--button_secondary_on_bkg_normal);
  border: var(--button_secondary_bkg_hover) 1px solid;
  background-color: #d4d4d4;
}
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  border-color: #ccc;
  background-color: #fff;
}
.btn-default .badge {
  color: #fff;
  background-color: var(--button_primary_bkg_normal);
}
.btn-primary {
  color: #fff;
  border-color: var(--button_primary_bkg_normal);
  background-color: var(--button_primary_bkg_normal);
  border-radius: 3px;
}
.btn-primary:focus {
  color: #fff;
  border-color: var(--button_primary_bkg_hover);
  background-color: var(--button_primary_bkg_hover);
}
.btn-primary:active,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  border-color: var(--button_primary_bkg_hover);
  background-color: var(--button_primary_bkg_hover);
}
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  border-color: var(--button_primary_bkg_hover);
  background-color: var(--button_primary_bkg_hover);
}
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  border-color: var(--button_primary_bkg_normal);
  background-color: var(--button_primary_bkg_normal);
}
.btn-primary .badge {
  color: var(--button_primary_bkg_normal);
  background-color: #fff;
}
.btn-success {
  color: #fff;
  border-color: #4cae4c;
  background-color: #5cb85c;
}
.btn-success:focus {
  color: #fff;
  border-color: #255625;
  background-color: #449d44;
}
.btn-success:active,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  border-color: #398439;
  background-color: #449d44;
}
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  color: #fff;
  border-color: #255625;
  background-color: #398439;
}
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  border-color: #4cae4c;
  background-color: #5cb85c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  border-color: #46b8da;
  background-color: #5bc0de;
}
.btn-info:focus {
  color: #fff;
  border-color: #1b6d85;
  background-color: #31b0d5;
}
.btn-info:active,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  border-color: #269abc;
  background-color: #31b0d5;
}
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
  color: #fff;
  border-color: #1b6d85;
  background-color: #269abc;
}
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  border-color: #46b8da;
  background-color: #5bc0de;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  border-color: #eea236;
  background-color: #f0ad4e;
}
.btn-warning:focus {
  color: #fff;
  border-color: #985f0d;
  background-color: #ec971f;
}
.btn-warning:active,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  border-color: #d58512;
  background-color: #ec971f;
}
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  color: #fff;
  border-color: #985f0d;
  background-color: #d58512;
}
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  border-color: #eea236;
  background-color: #f0ad4e;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  border-color: #d43f3a;
  background-color: #d9534f;
  border-radius: 3px;
}
.btn-danger:focus {
  color: #fff;
  border-color: #761c19;
  background-color: #c9302c;
}
.btn-danger:active,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  border-color: #ac2925;
  background-color: #c9302c;
}
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
  color: #fff;
  border-color: #761c19;
  background-color: #ac2925;
}
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  border-color: #d43f3a;
  background-color: #d9534f;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: var(--common_link);
  border-radius: 3px;
  text-decoration: none;
}
a.btn-link {
  text-decoration: underline;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link {
  border: var(--common_link);
}
.btn-link:focus {
  color: var(--common_link);
  outline: var(--common_link);
}
.btn-link:hover {
  border-color: transparent;
  text-decoration: none;
  color: var(--common_link);
  background-color: none;
}
.btn-link:active {
  background-color: none;
  color: var(--common_link);
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  text-decoration: none;
  color: var(--common_link);
}
/* ========================== */
.btn-bordered {
  font-weight: 400;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid;
}
.btn-bordered,
.btn-bordered:active,
.btn-bordered[disabled],
fieldset[disabled] .btn-bordered {
  background-color: transparent;
  box-shadow: none;
}
.btn-bordered:focus,
.btn-bordered:hover {
  color: inherit;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn-bordered[disabled]:focus,
.btn-bordered[disabled]:hover,
fieldset[disabled] .btn-bordered:focus,
fieldset[disabled] .btn-bordered:hover {
  text-decoration: none;
  color: #777;
}
/* ========================== */
.btn-group-lg > .btn,
.btn-lg {
  font-size: 18px;
  line-height: 1.3333333;
  padding: 10px 16px;
  border-radius: 0;
}
.btn-group-sm > .btn,
.btn-sm {
  font-size: 12px;
  line-height: 1.5;
  padding: 3px 9px;
  border-radius: 0;
  height: 28px;
}
.btn-group-xs > .btn,
.btn-xs {
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 5px;
  border-radius: 0;
}
.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%;
}
.btn.green-haze:not(.btn-outline) {
  border-radius: 0;
  color: #FFFFFF;
  background-color: var(--button_primary_bkg_normal) !important;
}
.btn.green-haze:not(.btn-outline):focus,
.btn.green-haze:not(.btn-outline).focus {
  color: #FFFFFF;
  background-color: var(--button_primary_bkg_pressed);
  border-color: var(--button_primary_bkg_pressed);
}
.btn.green-haze:not(.btn-outline):hover {
  color: #FFFFFF;
  background-color: var(--button_primary_bkg_hover) !important;
  border-color: var(--button_primary_bkg_hover) !important;
}
.btn.green-haze:not(.btn-outline):active,
.open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
  color: #FFFFFF;
  background-color: var(--button_primary_bkg_pressed);
  border-color: var(--button_primary_bkg_pressed);
}
.btn.green-haze:not(.btn-outline):active:hover,
.btn.green-haze:not(.btn-outline):active:focus,
.btn.green-haze:not(.btn-outline).active:hover,
.btn.green-haze:not(.btn-outline).active:focus,
.open > .btn.green-haze:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.green-haze:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.green-haze:not(.btn-outline).dropdown-toggle.focus {
  color: #FFFFFF;
  background-color: var(--button_primary_bkg_pressed);
  border-color: var(--button_primary_bkg_pressed);
}
.btn.green-haze:not(.btn-outline):active,
.open > .btn.green-haze:not(.btn-outline).dropdown-toggle {
  background-image: none;
}
.btn.green-haze:not(.btn-outline)[disabled],
.btn.green-haze:not(.btn-outline)[disabled]:hover,
.btn.green-haze:not(.btn-outline)[disabled]:focus,
.btn.green-haze:not(.btn-outline)[disabled]:active,
fieldset[disabled] .btn.green-haze:not(.btn-outline),
fieldset[disabled] .btn.green-haze:not(.btn-outline):hover,
fieldset[disabled] .btn.green-haze:not(.btn-outline):focus,
fieldset[disabled] .btn.green-haze:not(.btn-outline):active,
fieldset[disabled] .btn.green-haze:not(.btn-outline).active {
  background-color: var(--button_primary_bkg_pressed);
  border-color: var(--button_primary_bkg_pressed);
}
.btn.green-haze:not(.btn-outline) .badge {
  color: #44b6ae;
  background-color: #FFFFFF;
}
.btn.btn-outline.green-haze {
  border-radius: 0  !important;
  border-color: var(--button_primary_bkg_normal);
  background: none;
}
.btn.btn-outline.green-haze:hover,
.btn.btn-outline.green-haze:active,
.btn.btn-outline.green-haze:active:hover,
.btn.btn-outline.green-haze:active:focus,
.btn.btn-outline.green-haze.active {
  border-color: var(--button_primary_bkg_pressed);
  color: var(--button_primary_on_bkg_normal);
  background-color: var(--button_primary_bkg_pressed);
}
.btn.green-haze-stripe {
  border-left: 4px solid #44b6ae !important;
}
.btn.btn-light-blue {
  color: #666;
  background-color: #e1e5ec;
  border-color: #e1e5ec;
}
.btn.btn-light-blue:focus {
  color: #666;
  background-color: #c2cad8;
  border-color: #c2cad8;
}
.btn.btn-light-blue:hover {
  color: #666;
  background-color: #c2cad8;
  border-color: #c2cad8;
}
.btn.btn-light-blue:active {
  color: #666;
  background-color: #c2cad8;
  border-color: #c2cad8;
}
.btn.btn-light-blue:active:hover,
.btn.btn-light-blue:active:focus {
  color: #666;
  background-color: #b8c2d2;
  border-color: #b8c2d2;
}
.btn.btn-light-blue:active {
  background-image: none;
}
.btn.btn-light-blue[disabled],
.btn.btn-light-blue[disabled]:hover,
.btn.btn-light-blue[disabled]:focus,
.btn.btn-light-blue[disabled]:active {
  background-color: #e1e5ec;
  border-color: #e1e5ec;
}

.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  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 .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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.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 > .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-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.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-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-group-vertical .btn-default {
  border-right: 0;
  border-left: 0;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.control-label {
  display: block;
  margin: 0 0 4px;
  color: #333333;
  word-break: break-word;
}
.control-label._inline {
  padding-top: 8px;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-sizing: border-box;
  word-break: break-all;
}
.form-control._busy {
  pointer-events: none;
}
.form-control._container {
  border: 0;
  padding: 0;
  height: auto;
  line-height: normal;
  box-shadow: none;
}
.form-control._container._text {
  line-height: 34px;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #F8F8F8;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
  box-sizing: border-box;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].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-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].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;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  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 .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  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 .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
}
.has-error .form-control:focus {
  border-color: #843534;
}
.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: #737373;
}
@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 .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.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;
  }
}
.clearfix:before,
.clearfix:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.clearfix:after,
.form-horizontal .form-group:after {
  clear: both;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 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-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.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: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.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:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  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;
}
.input-group-addon.input-group-label {
  border: none;
  background: transparent;
}
.input-group.input-max-width {
  width: 100%;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}
.row._narrow {
  margin-right: -5px;
  margin-left: -5px;
}
.row:after,
.row:before {
  display: table;
  content: " ";
}
.row:after {
  clear: both;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.row._narrow .col-lg-1,
.row._narrow .col-lg-10,
.row._narrow .col-lg-11,
.row._narrow .col-lg-12,
.row._narrow .col-lg-2,
.row._narrow .col-lg-3,
.row._narrow .col-lg-4,
.row._narrow .col-lg-5,
.row._narrow .col-lg-6,
.row._narrow .col-lg-7,
.row._narrow .col-lg-8,
.row._narrow .col-lg-9,
.row._narrow .col-md-1,
.row._narrow .col-md-10,
.row._narrow .col-md-11,
.row._narrow .col-md-12,
.row._narrow .col-md-2,
.row._narrow .col-md-3,
.row._narrow .col-md-4,
.row._narrow .col-md-5,
.row._narrow .col-md-6,
.row._narrow .col-md-7,
.row._narrow .col-md-8,
.row._narrow .col-md-9,
.row._narrow .col-sm-1,
.row._narrow .col-sm-10,
.row._narrow .col-sm-11,
.row._narrow .col-sm-12,
.row._narrow .col-sm-2,
.row._narrow .col-sm-3,
.row._narrow .col-sm-4,
.row._narrow .col-sm-5,
.row._narrow .col-sm-6,
.row._narrow .col-sm-7,
.row._narrow .col-sm-8,
.row._narrow .col-sm-9,
.row._narrow .col-xs-1,
.row._narrow .col-xs-10,
.row._narrow .col-xs-11,
.row._narrow .col-xs-12,
.row._narrow .col-xs-2,
.row._narrow .col-xs-3,
.row._narrow .col-xs-4,
.row._narrow .col-xs-5,
.row._narrow .col-xs-6,
.row._narrow .col-xs-7,
.row._narrow .col-xs-8,
.row._narrow .col-xs-9 {
  padding-right: 5px;
  padding-left: 5px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.table:not(.ui) {
  width: 100%;
}
.table:not(.ui) > tr > td,
.table:not(.ui) > tr > th,
.table:not(.ui) > tbody > tr > td,
.table:not(.ui) > thead > tr > th {
  border-bottom: 1px solid #e5e5e5;
}
.table:not(.ui) > tr > td._center,
.table:not(.ui) > tr > th._center,
.table:not(.ui) > tbody > tr > td._center,
.table:not(.ui) > thead > tr > th._center {
  text-align: center;
}
.table:not(.ui) > tr > td._narrow,
.table:not(.ui) > tr > th._narrow,
.table:not(.ui) > tbody > tr > td._narrow,
.table:not(.ui) > thead > tr > th._narrow {
  width: 1%;
  white-space: nowrap;
}
.table:not(.ui) > tr > td._number,
.table:not(.ui) > tr > th._number,
.table:not(.ui) > tbody > tr > td._number,
.table:not(.ui) > thead > tr > th._number {
  width: 1%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
  white-space: nowrap;
}
.table:not(.ui)._clickable > tr:hover,
.table:not(.ui)._clickable > tbody > tr:hover {
  cursor: pointer;
  background-color: #eee;
}
.table:not(.ui) td {
  padding: 5px 10px;
  height: 30px;
}
.table:not(.ui) th {
  color: #ACB5C3;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  padding: 10px;
}
.table:not(.ui) tr._error > td,
.table:not(.ui) td._error {
  background-color: rgba(255, 0, 0, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.table:not(.ui)._type-responsive._clickable > tr:hover,
.table:not(.ui)._type-responsive._clickable > tbody > tr:hover {
  background-color: #efe9e0;
}
.table:not(.ui)._type-responsive th {
  background-color: #f2f2f2;
  font-size: 12px;
}
.table:not(.ui)._type-responsive td {
  padding: 25px 10px;
}
@media (max-width: 768px) {
  .content__block .table:not(.ui)._type-responsive {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 768px) {
  table._type-responsive {
    display: block;
    width: auto;
  }
  table._type-responsive tbody,
  table._type-responsive thead,
  table._type-responsive tr,
  table._type-responsive td,
  table._type-responsive th {
    display: block;
    box-sizing: border-box;
  }
  table._type-responsive ._responsive-inline-block {
    display: inline-block;
  }
  table._type-responsive tr {
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px;
  }
  table._type-responsive td {
    padding: 5px 10px;
    border-bottom: 0;
    height: auto;
    width: auto !important;
  }
  table._type-responsive td._responsive-size-half {
    display: inline-block;
    width: 50% !important;
    vertical-align: middle;
  }
  table._type-responsive td._responsive-header {
    background-color: #f2f2f2;
    padding: 10px;
    margin: 0 0 10px;
  }
}
.table__icon {
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-right: 6px;
}
.table__icon + * {
  vertical-align: middle;
}
.table__sortable {
  cursor: pointer;
  position: relative;
  padding: 10px 24px 10px 10px;
  margin: -10px;
}
.table__sortable._active {
  color: #2bccb5;
}
.table__sortable .fa {
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}
.table__sortable .comments {
  font-size: 14px;
  position: relative;
  left: 5px;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0 0 0.67em;
}
.layout h1,
.layout h2,
.layout h3,
.layout h4,
.layout h5,
.layout h6 {
  color: #444;
}
h1 {
  font-size: 36px;
  font-weight: normal;
}
h2 {
  font-size: 30px;
  font-weight: normal;
}
h3 {
  font-size: 22px;
  font-weight: normal;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
  font-weight: bold;
}
h6 {
  font-size: 11px;
  font-weight: bold;
}
a {
  color: var(--common_link);
  text-decoration: underline;
}
a:focus {
  color: var(--common_link);
}
a:hover {
  outline: 0;
  color: var(--common_link);
  cursor: pointer;
  text-decoration: underline;
}
a:active {
  color: var(--common_link);
}
hr {
  background-color: #eee;
  border: 0;
  height: 1px;
  margin: 10px auto;
}
textarea {
  resize: vertical;
}
/* IE8 & IE9 mode utilities */
.visible-ie8 {
  display: none;
}
.ie8 .visible-ie8 {
  display: inherit !important;
}
.visible-ie9 {
  display: none;
}
.ie9 .visible-ie9 {
  display: inherit !important;
}
.hidden-ie8 {
  display: inherit;
}
.ie8 .hidden-ie8 {
  display: none !important;
}
.hidden-ie9 {
  display: inherit;
}
.ie9 .hidden-ie9 {
  display: none !important;
}
.error {
  color: var(--common_alert);
}
.gray {
  color: #848484;
}
.success {
  color: #44b6ae;
}
.required:after {
  content: ' *';
  color: #f00;
}
.relative {
  position: relative;
}
.fright {
  float: right;
}
.fleft {
  float: left;
}
.center {
  text-align: center;
}
.comma + .comma:before {
  content: ', ';
}
.heading {
  margin: 0 0 15px;
  width: 100%;
}
.container > .heading {
  margin-bottom: 0;
}
.heading td + .heading td {
  padding-left: 10px;
}
.heading__title {
  margin: 0;
}
.heading__actions {
  text-align: right;
  width: 1%;
  padding-left: 15px !important;
}
.heading__button {
  width: 1%;
  padding-left: 15px;
}
.heading__button:first-child {
  padding-left: 0;
}
.heading__info {
  text-align: right;
  padding-left: 15px;
  min-width: 95px;
}
.heading__filters {
  text-align: right;
  width: 1%;
  padding-left: 15px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .heading__button {
    padding: 0;
  }
  .heading__actions,
  .heading__info,
  .heading__filters {
    text-align: left;
    padding-left: 0;
  }
}
.content__blockWrap {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .content__blockWrap {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.content__block {
  background-color: #fff;
  padding: 15px;
  margin: 0 0 20px;
  border-radius: 4px;
}
.content__block h4.uppercase {
  color: var(--common_accent);
  margin-bottom: 20px;
}
.content__block-gap {
  background-color: #eff3f8;
  height: 28px;
  margin: 11px -15px;
  overflow: hidden;
  position: relative;
}
.content__block-gap:before,
.content__block-gap:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
  height: 8px;
  border-radius: 4px;
  background-color: #fff;
}
.content__block-gap:after {
  top: auto;
  bottom: -4px;
}
body._grey .container {
  box-sizing: border-box;
  padding: 0 15px;
  margin: auto;
  max-width: 1300px;
}
body._grey .layout__content > .container {
  margin-top: 20px;
}
body._grey .content__block > .container {
  padding-left: 0;
  padding-right: 0;
  max-width: 1270px;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.badge {
  background-color: #ccc;
  color: #fff;
  padding: 0.4em 0.4em 0.375em;
  border-radius: 0.8em;
  display: inline-block;
  font-size: 0.83em;
  letter-spacing: 0;
  text-transform: uppercase;
  -webkit-font-smoothing: auto;
  line-height: 1;
  min-width: 12px;
  text-align: center;
}
.badge._danger {
  background-color: #f00;
}
.table-ellipsis {
  position: relative;
  white-space: nowrap;
}
.table-ellipsis:before {
  content: ' ';
  visibility: hidden;
}
.table-ellipsis._person {
  min-height: 40px;
}
.table-ellipsis._button {
  min-height: 34px;
}
.table-ellipsis._event,
.table-ellipsis._config-item {
  min-height: 35px;
}
.table-ellipsis > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.quiet {
  font-size: 1rem;
  color: #999;
}
.mute {
  color: #999;
}
.striped-row {
  margin-top: 5px !important;
  padding-bottom: 5px;
  border-bottom: 1px solid #f1f1f1;
}
.striped-row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.striped-row-wrapper .striped-row {
  padding-bottom: 5px;
  border-bottom: 1px solid #f1f1f1;
}
.striped-row-lg {
  margin-top: 10px !important;
  padding-bottom: 10px;
}
.date-time td {
  padding-left: 8px;
}
.date-time td:first-child {
  padding-left: 0;
}
.state-block {
  background-color: #f2f2f2;
  font-size: 14px;
}
.content__block .state-block {
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.state-block .btn {
  background-color: #e1e5ec;
  color: #333;
  margin: 3px 0 3px 6px;
}
.state-block .btn:hover {
  background-color: #c2cad8;
}
.state-block._striped {
  border-top: 1px solid #f2f2f2;
}
.state-block._light {
  background-color: #ffffff;
}
.state-compact {
  text-align: right;
  white-space: nowrap;
}
.state-compact .btn {
  margin: 3px 0 3px 6px;
}
.state-table {
  display: table;
  width: 100%;
}
.table .state-table {
  text-align: right;
}
.state-compact._warning,
.state-cell._warning {
  color: #f00;
}
.state-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 10px;
}
.state-cell:first-child {
  padding-left: 15px;
}
.state-cell:last-child {
  padding-right: 15px;
}
.state-cell._text {
  border-left: 3px solid #009688;
  padding-left: 13px;
}
.state-cell._buttons {
  border-left: 3px solid #009688;
  padding-left: 13px;
  margin: 0px 5px 5px 5px;
}
.state-cell._buttons .btn {
  background-color: #e1e5ec;
  color: #333;
}
.state-cell._buttons .btn:hover {
  background-color: #c2cad8;
}
.state-table._compact .state-cell {
  padding: 0 6px 0 0;
}
.state-table._compact .state-cell:last-child {
  padding-right: 0;
}
.btn .fa-pencil,
.btn .fa-trash,
.btn-edit .fa {
  color: #ccc;
}
.btn .fa-pencil:hover,
.btn .fa-trash:hover,
.btn-edit .fa:hover {
  color: #bebebe;
}
.close-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
}
.close-icon:hover:before,
.close-icon:hover:after {
  background-color: #333;
}
.close-icon:before,
.close-icon:after {
  position: absolute;
  top: 50%;
  margin-top: -0.4em;
  left: 50%;
  content: ' ';
  height: 1.1em;
  width: 1px;
  background-color: #333;
}
.close-icon:before {
  transform: rotate(45deg);
}
.close-icon:after {
  transform: rotate(-45deg);
}
.close-icon._white:hover:before,
.close-icon._white:hover:after {
  background-color: rgba(255, 255, 255, 0.7);
}
.close-icon._white:before,
.close-icon._white:after {
  background-color: #fff;
}
.close-icon._mr {
  margin-right: 4px;
}
.uppercase {
  text-transform: uppercase;
}
:focus {
  outline: 0;
}
.table-caption {
  font-size: 16px;
  width: 100%;
  color: #000;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
}
.table-caption td {
  text-align: right;
  padding: 0 0 5px;
}
.table-caption td:first-child {
  text-align: left;
}
.layout {
  position: relative;
}
.layout._fullscreen {
  height: 100%;
}
.layout._privateOffice {
  /*footer height 124px*/
  min-height: 100%;
  margin-bottom: -124px;
  background: #f4f4f4;
  font-family: 'Roboto', sans-serif;
  color: #333;
  font-weight: 300;
}
.layout._privateOffice .layout__container:after {
  content: '';
  display: table;
  clear: both;
}
.layout._privateOffice:after {
  content: "";
  display: block;
  height: 124px;
}
.layout._privateOffice .row {
  margin: 0;
}
.layout._privateOffice h4 {
  color: var(--common_accent);
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 20px;
}
.layout._privateOffice h1,
.layout._privateOffice h2,
.layout._privateOffice h3,
.layout._privateOffice h4,
.layout._privateOffice h5,
.layout._privateOffice h6 {
  color: var(--common_accent);
}
.layout._privateOffice .quiet {
  color: #a6a6a6;
}
.layout._privateOffice .layout__header {
  box-shadow: none;
  border-bottom: 1px solid #e5e5e5;
}
.layout._privateOffice .layout__container {
  padding-top: 50px;
}
.layout._privateOffice .layout__configItem + .layout__container {
  padding-top: 0;
}
.layout__configItem {
  padding-top: 50px;
  background-color: var(--bkg_card);
  height: 50px;
}
.layout__container {
  padding-top: 50px;
}
.reactApp .layout__content {
  position: relative;
}
.layout__content {
  box-sizing: border-box;
  padding: 20px;
  margin: auto;
  max-width: 1300px;
  min-height: 100%;
}
body._grey .layout__content {
  padding: 0;
  max-width: none;
}
@media print {
  .layout__container {
    position: static;
  }
  .layout__content {
    padding: 0;
  }
  .table__sortable .fa {
    display: none;
  }
}
.responsive-image {
  max-width: 100%;
}
.empty-item {
  background-color: #eee;
  text-align: center;
}
.empty-item__content {
  padding: 100px 0;
}
.empty-item__title {
  font-size: 24px;
  margin-bottom: 20px;
}
.empty-item__title .fa {
  font-size: 2em;
  display: block;
  margin-bottom: 10px;
}
.gap {
  margin-bottom: 15px;
}
.gap._sm {
  margin-bottom: 5px;
}
.gap._md {
  margin-bottom: 30px;
}
.gap._lg {
  margin-bottom: 45px;
}
.money__sign {
  display: inline-block;
  margin-left: -7px;
}
.text-right {
  text-align: right;
}
.uploader-row {
  margin: -1px -15px 10px;
}
.uploader-row:last-child {
  margin-bottom: -15px;
}
.table-like-list {
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}
.table-like-list__item {
  display: inline-block;
  width: 25%;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: -1px;
  padding: 15px 0 15px 10px;
  box-sizing: border-box;
}
@media (max-width: 1100px) {
  .table-like-list__item {
    width: 33.33%;
  }
}
@media (max-width: 900px) {
  .table-like-list__item {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .table-like-list__item {
    width: 33.33%;
  }
}
@media (max-width: 650px) {
  .table-like-list__item {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .table-like-list__item {
    width: 100%;
  }
}
.key-value-list {
  margin: 0;
}
.key-value-list dd {
  margin: 0;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -0.5px;
}
.key-value-list dd._color-gray {
  color: #999;
}
.key-value-list dd._color-blue {
  color: #89c4e6;
}
.key-value-list dd._color-dark-blue {
  color: #66c;
}
.key-value-list dd._color-orange {
  color: #f7ca17;
}
.key-value-list dd._color-red {
  color: #ff6161;
}
.key-value-list dd._color-pink {
  color: #f283a2;
}
.key-value-list dt {
  font-size: 14px;
}
.commentNotification {
  color: #ff9999;
  margin-right: 6px;
}
.nowrap {
  white-space: nowrap;
}

/*

███████╗███████╗███╗   ███╗ █████╗ ███╗   ██╗████████╗██╗ ██████╗    ██╗   ██╗██╗
██╔════╝██╔════╝████╗ ████║██╔══██╗████╗  ██║╚══██╔══╝██║██╔════╝    ██║   ██║██║
███████╗█████╗  ██╔████╔██║███████║██╔██╗ ██║   ██║   ██║██║         ██║   ██║██║
╚════██║██╔══╝  ██║╚██╔╝██║██╔══██║██║╚██╗██║   ██║   ██║██║         ██║   ██║██║
███████║███████╗██║ ╚═╝ ██║██║  ██║██║ ╚████║   ██║   ██║╚██████╗    ╚██████╔╝██║
╚══════╝╚══════╝╚═╝     ╚═╝╚═╝  ╚═╝╚═╝  ╚═══╝   ╚═╝   ╚═╝ ╚═════╝     ╚═════╝ ╚═╝

  Import this file into your LESS project to use Semantic UI without build tools
*/
/* Global */
/*!
 * # Semantic UI - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Reset
*******************************/
/*******************************
             Reset
*******************************/
/* Border-Box */
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
/* iPad Input Shadows */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/*!
 * # Semantic UI - Site
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Page
*******************************/
html,
body {
  height: 100%;
}
html {
  font-size: 14px;
}
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  min-width: 320px;
  background: var(--basic-bg-primary);
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  color: var(--basic-on-bg-primary);
  font-smoothing: antialiased;
}
/*******************************
             Headers
*******************************/
h1,
h2,
h3,
h4,
h5 {
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  line-height: 1.28571429em;
  margin: calc(2rem -  0.14285714em ) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}
h1 {
  min-height: 1rem;
  font-size: 2rem;
}
h2 {
  font-size: 1.71428571rem;
}
h3 {
  font-size: 1.28571429rem;
}
h4 {
  font-size: 1.07142857rem;
}
h5 {
  font-size: 1rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
  margin-top: 0em;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin-bottom: 0em;
}
/*******************************
             Text
*******************************/
p {
  margin: 0em 0em 1em;
  line-height: 1.4285em;
}
p:first-child {
  margin-top: 0em;
}
p:last-child {
  margin-bottom: 0em;
}
/*-------------------
        Links
--------------------*/
a {
  color: var(--common_link);
  text-decoration: none;
}
a:hover {
  color: var(--link-darken-20-saturate-15);
  text-decoration: none;
}
/*******************************
         Scrollbars
*******************************/
/*******************************
          Highlighting
*******************************/
/* Site */
::-webkit-selection {
  background-color: #CCE2FF;
  color: var(--basic-on-bg-primary);
}
::-moz-selection {
  background-color: #CCE2FF;
  color: var(--basic-on-bg-primary);
}
::selection {
  background-color: #CCE2FF;
  color: var(--basic-on-bg-primary);
}
/* Form */
textarea::-webkit-selection,
input::-webkit-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: var(--basic-on-bg-primary);
}
textarea::-moz-selection,
input::-moz-selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: var(--basic-on-bg-primary);
}
textarea::selection,
input::selection {
  background-color: rgba(100, 100, 100, 0.4);
  color: var(--basic-on-bg-primary);
}
/* Force Simple Scrollbars */
body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
body ::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}
body ::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.25);
  transition: color 0.2s ease;
}
body ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}
body ::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}
/* Inverted UI */
body .ui.inverted::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
body .ui.inverted::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
}
body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}
body .ui.inverted::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}
/*******************************
        Global Overrides
*******************************/
/* Elements */
/*!
 * # Semantic UI - Button
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Button
*******************************/
/*-------------------
       Element
--------------------*/
/* Button */
/* Button defaults to using same height as input globally */
/* Text */
/* Internal Shadow */
/* Box Shadow */
/* Icon */
/* Loader */
/*
@willChange: box-shadow, transform, opacity, color, background;
*/
/*-------------------
        Group
--------------------*/
/*-------------------
        States
--------------------*/
/* Hovered */
/* Focused */
/* Disabled */
/* Pressed Down */
/* Active */
/* Active + Hovered */
/* Loading */
/*-------------------
        Types
--------------------*/
/* Or */
/* Icon */
/* Labeled */
/* hypotenuse of triangle */
/* Labeled Icon */
/* Inverted */
/* Basic */
/* Basic Hover */
/* Basic Focus */
/* Basic Down */
/* Basic Active */
/* Basic Inverted */
/* Basic Group */
/*-------------------
      Variations
--------------------*/
/* Colors */
/* Colored */
/* Inverted */
/* Ordinality */
/* Compact */
/* Attached */
/* Floated */
/* Animated */
/*******************************
            Button
*******************************/
.ui.button {
  cursor: pointer;
  display: inline-block;
  min-height: 1em;
  outline: none;
  border: none;
  vertical-align: baseline;
  background: var(--button_secondary_bkg_normal);
  color: rgba(0, 0, 0, 0.6);
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0em 0.7em 0em 0em;
  padding: 0.78571429em 1em 0.78571429em;
  text-transform: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 1em;
  font-style: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 0.28571429rem;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  user-select: none;
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}
/*******************************
            States
*******************************/
/*--------------
      Hover
---------------*/
.ui.button:hover {
  background-color: var(--button_secondary_bkg_hover);
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
  color: rgba(0, 0, 0, 0.8);
}
.ui.button:hover .icon {
  opacity: 0.85;
}
/*--------------
      Focus
---------------*/
.ui.button:focus {
  background-color: var(--button_secondary_bkg_hover);
  color: rgba(0, 0, 0, 0.8);
  background-image: '' !important;
  box-shadow: '' !important;
}
.ui.button:focus .icon {
  opacity: 0.85;
}
/*--------------
      Down
---------------*/
.ui.button:active,
.ui.active.button:active {
  background-color: var(--button_secondary_bkg_pressed);
  background-image: '';
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 0px 1px transparent inset, none;
}
/*--------------
     Active
---------------*/
.ui.active.button {
  background-color: #C0C1C2;
  background-image: none;
  box-shadow: 0px 0px 0px 1px transparent inset;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:hover {
  background-color: #C0C1C2;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.button:active {
  background-color: #C0C1C2;
  background-image: none;
}
/*--------------
    Loading
---------------*/
/* Specificity hack */
.ui.loading.loading.loading.loading.loading.loading.button {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  transition: all 0s linear, opacity 0.1s ease;
}
.ui.loading.button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.15);
}
.ui.loading.button:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #FFFFFF transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
.ui.labeled.icon.loading.button .icon {
  background-color: transparent;
  box-shadow: none;
}
@keyframes button-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ui.basic.loading.button:not(.inverted):before {
  border-color: rgba(0, 0, 0, 0.3);
}
.ui.basic.loading.button:not(.inverted):after {
  border-top-color: #DCDDDE;
}
/*-------------------
      Disabled
--------------------*/
.ui.buttons .disabled.button,
.ui.disabled.button,
.ui.button:disabled,
.ui.disabled.button:hover,
.ui.disabled.active.button {
  cursor: default;
  opacity: 0.6 !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
/* Basic Group With Disabled */
.ui.basic.buttons .ui.disabled.button {
  border-color: rgba(34, 36, 38, 0.5);
}
/*******************************
             Types
*******************************/
/*-------------------
       Animated
--------------------*/
.ui.animated.button {
  position: relative;
  overflow: hidden;
  padding-right: 0em !important;
  vertical-align: middle;
  z-index: 1;
}
.ui.animated.button .content {
  will-change: transform, opacity;
}
.ui.animated.button .visible.content {
  position: relative;
  margin-right: 1em;
}
.ui.animated.button .hidden.content {
  position: absolute;
  width: 100%;
}
/* Horizontal */
.ui.animated.button .visible.content,
.ui.animated.button .hidden.content {
  transition: right 0.3s ease 0s;
}
.ui.animated.button .visible.content {
  left: auto;
  right: 0%;
}
.ui.animated.button .hidden.content {
  top: 50%;
  left: auto;
  right: -100%;
  margin-top: -0.5em;
}
.ui.animated.button:focus .visible.content,
.ui.animated.button:hover .visible.content {
  left: auto;
  right: 200%;
}
.ui.animated.button:focus .hidden.content,
.ui.animated.button:hover .hidden.content {
  left: auto;
  right: 0%;
}
/* Vertical */
.ui.vertical.animated.button .visible.content,
.ui.vertical.animated.button .hidden.content {
  transition: top 0.3s ease, transform 0.3s ease;
}
.ui.vertical.animated.button .visible.content {
  transform: translateY(0%);
  right: auto;
}
.ui.vertical.animated.button .hidden.content {
  top: -50%;
  left: 0%;
  right: auto;
}
.ui.vertical.animated.button:focus .visible.content,
.ui.vertical.animated.button:hover .visible.content {
  transform: translateY(200%);
  right: auto;
}
.ui.vertical.animated.button:focus .hidden.content,
.ui.vertical.animated.button:hover .hidden.content {
  top: 50%;
  right: auto;
}
/* Fade */
.ui.fade.animated.button .visible.content,
.ui.fade.animated.button .hidden.content {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.ui.fade.animated.button .visible.content {
  left: auto;
  right: auto;
  opacity: 1;
  transform: scale(1);
}
.ui.fade.animated.button .hidden.content {
  opacity: 0;
  left: 0%;
  right: auto;
  transform: scale(1.5);
}
.ui.fade.animated.button:focus .visible.content,
.ui.fade.animated.button:hover .visible.content {
  left: auto;
  right: auto;
  opacity: 0;
  transform: scale(0.75);
}
.ui.fade.animated.button:focus .hidden.content,
.ui.fade.animated.button:hover .hidden.content {
  left: 0%;
  right: auto;
  opacity: 1;
  transform: scale(1);
}
/*-------------------
       Inverted
--------------------*/
.ui.inverted.button {
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  background: transparent none;
  color: #FFFFFF;
  text-shadow: none !important;
}
/* Group */
.ui.inverted.buttons .button {
  margin: 0px 0px 0px -2px;
}
.ui.inverted.buttons .button:first-child {
  margin-left: 0em;
}
.ui.inverted.vertical.buttons .button {
  margin: 0px 0px -2px 0px;
}
.ui.inverted.vertical.buttons .button:first-child {
  margin-top: 0em;
}
/* States */
/* Hover */
.ui.inverted.button:hover {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/* Active / Focus */
.ui.inverted.button:focus,
.ui.inverted.button.active {
  background: #FFFFFF;
  box-shadow: 0px 0px 0px 2px #FFFFFF inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/* Active Focus */
.ui.inverted.button.active:focus {
  background: #DCDDDE;
  box-shadow: 0px 0px 0px 2px #DCDDDE inset !important;
  color: rgba(0, 0, 0, 0.8);
}
/*-------------------
    Labeled Button
--------------------*/
.ui.labeled.button:not(.icon) {
  display: inline-flex;
  flex-direction: row;
  background: none !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none !important;
}
.ui.labeled.button > .button {
  margin: 0px;
}
.ui.labeled.button > .label {
  display: flex;
  align-items: center;
  margin: 0px 0px 0px -1px !important;
  padding: '';
  font-size: 1em;
  border-color: rgba(34, 36, 38, 0.15);
}
/* Tag */
.ui.labeled.button > .tag.label:before {
  width: 1.85em;
  height: 1.85em;
}
/* Right */
.ui.labeled.button:not([class*="left labeled"]) > .button {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui.labeled.button:not([class*="left labeled"]) > .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* Left Side */
.ui[class*="left labeled"].button > .button {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="left labeled"].button > .label {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
/*-------------------
       Social
--------------------*/
/* Facebook */
.ui.facebook.button {
  background-color: #3B5998;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.facebook.button:hover {
  background-color: #304d8a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.facebook.button:active {
  background-color: #2d4373;
  color: #FFFFFF;
  text-shadow: none;
}
/* Twitter */
.ui.twitter.button {
  background-color: #55ACEE;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.twitter.button:hover {
  background-color: #35a2f4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.twitter.button:active {
  background-color: #2795e9;
  color: #FFFFFF;
  text-shadow: none;
}
/* Google Plus */
.ui.google.plus.button {
  background-color: #DD4B39;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.google.plus.button:hover {
  background-color: #e0321c;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.google.plus.button:active {
  background-color: #c23321;
  color: #FFFFFF;
  text-shadow: none;
}
/* Linked In */
.ui.linkedin.button {
  background-color: #1F88BE;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:hover {
  background-color: #147baf;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.linkedin.button:active {
  background-color: #186992;
  color: #FFFFFF;
  text-shadow: none;
}
/* YouTube */
.ui.youtube.button {
  background-color: #CC181E;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.youtube.button:hover {
  background-color: #bd0d13;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.youtube.button:active {
  background-color: #9e1317;
  color: #FFFFFF;
  text-shadow: none;
}
/* Instagram */
.ui.instagram.button {
  background-color: #49769C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.instagram.button:hover {
  background-color: #3d698e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.instagram.button:active {
  background-color: #395c79;
  color: #FFFFFF;
  text-shadow: none;
}
/* Pinterest */
.ui.pinterest.button {
  background-color: #BD081C;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.pinterest.button:hover {
  background-color: #ac0013;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pinterest.button:active {
  background-color: #8c0615;
  color: #FFFFFF;
  text-shadow: none;
}
/* VK */
.ui.vk.button {
  background-color: #4D7198;
  color: #FFFFFF;
  background-image: none;
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.vk.button:hover {
  background-color: #41648a;
  color: #FFFFFF;
}
.ui.vk.button:active {
  background-color: #3c5876;
  color: #FFFFFF;
}
/*--------------
     Icon
---------------*/
.ui.button > .icon:not(.button) {
  height: 0.85714286em;
  opacity: 0.8;
  margin: 0em 0.42857143em 0em -0.21428571em;
  transition: opacity 0.1s ease;
  vertical-align: '';
  color: '';
}
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
  margin: 0em 0.42857143em 0em -0.21428571em;
}
.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
  margin: 0em -0.21428571em 0em 0.42857143em;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Floated
--------------------*/
.ui[class*="left floated"].buttons,
.ui[class*="left floated"].button {
  float: left;
  margin-left: 0em;
  margin-right: 0.25em;
}
.ui[class*="right floated"].buttons,
.ui[class*="right floated"].button {
  float: right;
  margin-right: 0em;
  margin-left: 0.25em;
}
/*-------------------
       Compact
--------------------*/
.ui.compact.buttons .button,
.ui.compact.button {
  padding: 0.58928571em 0.75em 0.58928571em;
}
.ui.compact.icon.buttons .button,
.ui.compact.icon.button {
  padding: 0.58928571em 0.58928571em 0.58928571em;
}
.ui.compact.labeled.icon.buttons .button,
.ui.compact.labeled.icon.button {
  padding: 0.58928571em 3.32142857em 0.58928571em;
}
/*-------------------
        Sizes
--------------------*/
.ui.mini.buttons .button,
.ui.mini.buttons .or,
.ui.mini.button {
  font-size: 0.78571429rem;
}
.ui.tiny.buttons .button,
.ui.tiny.buttons .or,
.ui.tiny.button {
  font-size: 0.85714286rem;
}
.ui.small.buttons .button,
.ui.small.buttons .or,
.ui.small.button {
  font-size: 0.92857143rem;
}
.ui.buttons .button,
.ui.buttons .or,
.ui.button {
  font-size: 1rem;
}
.ui.large.buttons .button,
.ui.large.buttons .or,
.ui.large.button {
  font-size: 1.14285714rem;
}
.ui.big.buttons .button,
.ui.big.buttons .or,
.ui.big.button {
  font-size: 1.28571429rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.42857143rem;
}
.ui.massive.buttons .button,
.ui.massive.buttons .or,
.ui.massive.button {
  font-size: 1.71428571rem;
}
/*--------------
    Icon Only
---------------*/
.ui.icon.buttons .button,
.ui.icon.button {
  padding: 0.78571429em 0.78571429em 0.78571429em;
}
.ui.icon.buttons .button > .icon,
.ui.icon.button > .icon {
  opacity: 0.9;
  margin: 0em !important;
  vertical-align: top;
}
/*-------------------
        Basic
--------------------*/
.ui.basic.buttons .button,
.ui.basic.button {
  background: transparent none !important;
  color: rgba(0, 0, 0, 0.6) !important;
  font-weight: normal;
  border-radius: 0.28571429rem;
  text-transform: none;
  text-shadow: none !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons {
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
.ui.basic.buttons .button {
  border-radius: 0em;
}
.ui.basic.buttons .button:hover,
.ui.basic.button:hover {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:focus,
.ui.basic.button:focus {
  background: #FFFFFF !important;
  color: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .button:active,
.ui.basic.button:active {
  background: #F8F8F8 !important;
  color: rgba(0, 0, 0, 0.9) !important;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.basic.buttons .active.button,
.ui.basic.active.button {
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: '' !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.basic.buttons .active.button:hover,
.ui.basic.active.button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
/* Vertical */
.ui.basic.buttons .button:hover {
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.35) inset, 0px 0px 0px 0px rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .button:active {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 4px 0px rgba(34, 36, 38, 0.15) inset inset;
}
.ui.basic.buttons .active.button {
  box-shadow: '' !important;
}
/* Standard Basic Inverted */
.ui.basic.inverted.buttons .button,
.ui.basic.inverted.button {
  background-color: transparent !important;
  color: #F9FAFB !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
}
.ui.basic.inverted.buttons .button:hover,
.ui.basic.inverted.button:hover {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
.ui.basic.inverted.buttons .button:focus,
.ui.basic.inverted.button:focus {
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
.ui.basic.inverted.buttons .button:active,
.ui.basic.inverted.button:active {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9) inset !important;
}
.ui.basic.inverted.buttons .active.button,
.ui.basic.inverted.active.button {
  background-color: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  text-shadow: none;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.7) inset;
}
.ui.basic.inverted.buttons .active.button:hover,
.ui.basic.inverted.active.button:hover {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
}
/* Basic Group */
.ui.basic.buttons .button {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}
.ui.basic.vertical.buttons .button {
  border-left: none;
}
.ui.basic.vertical.buttons .button {
  border-left-width: 0px;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.basic.vertical.buttons .button:first-child {
  border-top-width: 0px;
}
/*--------------
  Labeled Icon
---------------*/
.ui.labeled.icon.buttons .button,
.ui.labeled.icon.button {
  position: relative;
  padding-left: 3.57142857em !important;
  padding-right: 1em !important;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  position: absolute;
  height: 100%;
  line-height: 1;
  border-radius: 0px;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  text-align: center;
  margin: 0em;
  width: 2.57142857em;
  background-color: rgba(0, 0, 0, 0.05);
  color: '';
  box-shadow: -1px 0px 0px 0px transparent inset;
}
/* Left Labeled */
.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  top: 0em;
  left: 0em;
}
/* Right Labeled */
.ui[class*="right labeled"].icon.button {
  padding-right: 3.57142857em !important;
  padding-left: 1em !important;
}
.ui[class*="right labeled"].icon.button > .icon {
  left: auto;
  right: 0em;
  border-radius: 0px;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  box-shadow: 1px 0px 0px 0px transparent inset;
}
.ui.labeled.icon.buttons > .button > .icon:before,
.ui.labeled.icon.button > .icon:before,
.ui.labeled.icon.buttons > .button > .icon:after,
.ui.labeled.icon.button > .icon:after {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
}
.ui.labeled.icon.buttons .button > .icon {
  border-radius: 0em;
}
.ui.labeled.icon.buttons .button:first-child > .icon {
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.labeled.icon.buttons .button:last-child > .icon {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
  border-radius: 0em;
  border-top-left-radius: 0.28571429rem;
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
  border-radius: 0em;
  border-bottom-left-radius: 0.28571429rem;
}
/* Fluid Labeled */
.ui.fluid[class*="left labeled"].icon.button,
.ui.fluid[class*="right labeled"].icon.button {
  padding-left: 1em !important;
  padding-right: 1em !important;
}
/*--------------
     Toggle
---------------*/
/* Toggle (Modifies active state to give affordances) */
.ui.toggle.buttons .active.button,
.ui.buttons .button.toggle.active,
.ui.button.toggle.active {
  background-color: var(--button_primary_bkg_normal) !important;
  box-shadow: none !important;
  text-shadow: none;
  color: #FFFFFF !important;
}
.ui.button.toggle.active:hover {
  background-color: var(--primary-darken-05-saturate-10) !important;
  text-shadow: none;
  color: #FFFFFF !important;
}
/*--------------
    Circular
---------------*/
.ui.circular.button {
  border-radius: 10em;
}
.ui.circular.button > .icon {
  width: 1em;
  vertical-align: baseline;
}
/*-------------------
      Or Buttons
--------------------*/
.ui.buttons .or {
  position: relative;
  width: 0.3em;
  height: 2.57142857em;
  z-index: 3;
}
.ui.buttons .or:before {
  position: absolute;
  text-align: center;
  border-radius: 500rem;
  content: 'or';
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  text-shadow: none;
  margin-top: -0.89285714em;
  margin-left: -0.89285714em;
  width: 1.78571429em;
  height: 1.78571429em;
  line-height: 1.78571429em;
  color: rgba(0, 0, 0, 0.4);
  font-style: normal;
  font-weight: bold;
  box-shadow: 0px 0px 0px 1px transparent inset;
}
.ui.buttons .or[data-text]:before {
  content: attr(data-text);
}
/* Fluid Or */
.ui.fluid.buttons .or {
  width: 0em !important;
}
.ui.fluid.buttons .or:after {
  display: none;
}
/*-------------------
       Attached
--------------------*/
/* Singular */
.ui.attached.button {
  position: relative;
  display: block;
  margin: 0em;
  border-radius: 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) !important;
}
/* Top / Bottom */
.ui.attached.top.button {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.attached.bottom.button {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Left / Right */
.ui.left.attached.button {
  display: inline-block;
  border-left: none;
  text-align: right;
  padding-right: 0.75em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui.right.attached.button {
  display: inline-block;
  text-align: left;
  padding-left: 0.75em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
/* Plural */
.ui.attached.buttons {
  position: relative;
  display: flex;
  border-radius: 0em;
  width: auto !important;
  z-index: 2;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached.buttons .button {
  margin: 0em;
}
.ui.attached.buttons .button:first-child {
  border-radius: 0em;
}
.ui.attached.buttons .button:last-child {
  border-radius: 0em;
}
/* Top / Bottom */
.ui[class*="top attached"].buttons {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui[class*="top attached"].buttons .button:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui[class*="top attached"].buttons .button:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui[class*="bottom attached"].buttons {
  margin-top: -1px;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui[class*="bottom attached"].buttons .button:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
/* Left / Right */
.ui[class*="left attached"].buttons {
  display: inline-flex;
  margin-right: 0em;
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui[class*="left attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui[class*="left attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0.28571429rem 0em;
}
.ui[class*="right attached"].buttons {
  display: inline-flex;
  margin-left: 0em;
  margin-right: -1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="right attached"].buttons .button:first-child {
  margin-left: -1px;
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui[class*="right attached"].buttons .button:last-child {
  margin-left: -1px;
  border-radius: 0em 0em 0em 0.28571429rem;
}
/*-------------------
        Fluid
--------------------*/
.ui.fluid.buttons,
.ui.fluid.button {
  width: 100%;
}
.ui.fluid.button {
  display: block;
}
.ui.two.buttons {
  width: 100%;
}
.ui.two.buttons > .button {
  width: 50%;
}
.ui.three.buttons {
  width: 100%;
}
.ui.three.buttons > .button {
  width: 33.333%;
}
.ui.four.buttons {
  width: 100%;
}
.ui.four.buttons > .button {
  width: 25%;
}
.ui.five.buttons {
  width: 100%;
}
.ui.five.buttons > .button {
  width: 20%;
}
.ui.six.buttons {
  width: 100%;
}
.ui.six.buttons > .button {
  width: 16.666%;
}
.ui.seven.buttons {
  width: 100%;
}
.ui.seven.buttons > .button {
  width: 14.285%;
}
.ui.eight.buttons {
  width: 100%;
}
.ui.eight.buttons > .button {
  width: 12.5%;
}
.ui.nine.buttons {
  width: 100%;
}
.ui.nine.buttons > .button {
  width: 11.11%;
}
.ui.ten.buttons {
  width: 100%;
}
.ui.ten.buttons > .button {
  width: 10%;
}
.ui.eleven.buttons {
  width: 100%;
}
.ui.eleven.buttons > .button {
  width: 9.09%;
}
.ui.twelve.buttons {
  width: 100%;
}
.ui.twelve.buttons > .button {
  width: 8.3333%;
}
/* Fluid Vertical Buttons */
.ui.fluid.vertical.buttons,
.ui.fluid.vertical.buttons > .button {
  display: flex;
  width: auto;
}
.ui.two.vertical.buttons > .button {
  height: 50%;
}
.ui.three.vertical.buttons > .button {
  height: 33.333%;
}
.ui.four.vertical.buttons > .button {
  height: 25%;
}
.ui.five.vertical.buttons > .button {
  height: 20%;
}
.ui.six.vertical.buttons > .button {
  height: 16.666%;
}
.ui.seven.vertical.buttons > .button {
  height: 14.285%;
}
.ui.eight.vertical.buttons > .button {
  height: 12.5%;
}
.ui.nine.vertical.buttons > .button {
  height: 11.11%;
}
.ui.ten.vertical.buttons > .button {
  height: 10%;
}
.ui.eleven.vertical.buttons > .button {
  height: 9.09%;
}
.ui.twelve.vertical.buttons > .button {
  height: 8.3333%;
}
/*-------------------
       Colors
--------------------*/
/*--- Black ---*/
.ui.black.buttons .button,
.ui.black.button {
  background-color: #1B1C1D;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.black.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.black.buttons .button:hover,
.ui.black.button:hover {
  background-color: #27292a;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:focus,
.ui.black.button:focus {
  background-color: #2f3032;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .button:active,
.ui.black.button:active {
  background-color: #343637;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.black.buttons .active.button,
.ui.black.buttons .active.button:active,
.ui.black.active.button,
.ui.black.button .active.button:active {
  background-color: #0f0f10;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.black.buttons .button,
.ui.basic.black.button {
  box-shadow: 0px 0px 0px 1px #1B1C1D inset !important;
  color: #1B1C1D !important;
}
.ui.basic.black.buttons .button:hover,
.ui.basic.black.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #27292a inset !important;
  color: #27292a !important;
}
.ui.basic.black.buttons .button:focus,
.ui.basic.black.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #2f3032 inset !important;
  color: #27292a !important;
}
.ui.basic.black.buttons .active.button,
.ui.basic.black.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0f0f10 inset !important;
  color: #343637 !important;
}
.ui.basic.black.buttons .button:active,
.ui.basic.black.button:active {
  box-shadow: 0px 0px 0px 1px #343637 inset !important;
  color: #343637 !important;
}
.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.black.buttons .button,
.ui.inverted.black.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover,
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus,
.ui.inverted.black.buttons .button.active,
.ui.inverted.black.button.active,
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.black.buttons .button:hover,
.ui.inverted.black.button:hover {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:focus,
.ui.inverted.black.button:focus {
  background-color: #000000;
}
.ui.inverted.black.buttons .active.button,
.ui.inverted.black.active.button {
  background-color: #000000;
}
.ui.inverted.black.buttons .button:active,
.ui.inverted.black.button:active {
  background-color: #000000;
}
/* Inverted Basic */
.ui.inverted.black.basic.buttons .button,
.ui.inverted.black.buttons .basic.button,
.ui.inverted.black.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:hover,
.ui.inverted.black.buttons .basic.button:hover,
.ui.inverted.black.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.buttons .button:focus,
.ui.inverted.black.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #999999 !important;
}
.ui.inverted.black.basic.buttons .active.button,
.ui.inverted.black.buttons .basic.active.button,
.ui.inverted.black.basic.active.button {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.black.basic.buttons .button:active,
.ui.inverted.black.buttons .basic.button:active,
.ui.inverted.black.basic.button:active {
  box-shadow: 0px 0px 0px 2px #000000 inset !important;
  color: #FFFFFF !important;
}
/*--- Grey ---*/
.ui.grey.buttons .button,
.ui.grey.button {
  background-color: #DCDDDE;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.grey.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.grey.buttons .button:hover,
.ui.grey.button:hover {
  background-color: #e9eaea;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:focus,
.ui.grey.button:focus {
  background-color: #f1f1f2;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .button:active,
.ui.grey.button:active {
  background-color: #f6f7f7;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.grey.buttons .active.button,
.ui.grey.buttons .active.button:active,
.ui.grey.active.button,
.ui.grey.button .active.button:active {
  background-color: #cfd0d2;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.grey.buttons .button,
.ui.basic.grey.button {
  box-shadow: 0px 0px 0px 1px #DCDDDE inset !important;
  color: #DCDDDE !important;
}
.ui.basic.grey.buttons .button:hover,
.ui.basic.grey.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e9eaea inset !important;
  color: #e9eaea !important;
}
.ui.basic.grey.buttons .button:focus,
.ui.basic.grey.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #f1f1f2 inset !important;
  color: #e9eaea !important;
}
.ui.basic.grey.buttons .active.button,
.ui.basic.grey.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #cfd0d2 inset !important;
  color: #f6f7f7 !important;
}
.ui.basic.grey.buttons .button:active,
.ui.basic.grey.button:active {
  box-shadow: 0px 0px 0px 1px #f6f7f7 inset !important;
  color: #f6f7f7 !important;
}
.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.grey.buttons .button,
.ui.inverted.grey.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D4D4D5 inset !important;
  color: #FFFFFF;
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover,
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus,
.ui.inverted.grey.buttons .button.active,
.ui.inverted.grey.button.active,
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.grey.buttons .button:hover,
.ui.inverted.grey.button:hover {
  background-color: #dfdfdf;
}
.ui.inverted.grey.buttons .button:focus,
.ui.inverted.grey.button:focus {
  background-color: #d8d8d8;
}
.ui.inverted.grey.buttons .active.button,
.ui.inverted.grey.active.button {
  background-color: #dfdfdf;
}
.ui.inverted.grey.buttons .button:active,
.ui.inverted.grey.button:active {
  background-color: #d3d3d3;
}
/* Inverted Basic */
.ui.inverted.grey.basic.buttons .button,
.ui.inverted.grey.buttons .basic.button,
.ui.inverted.grey.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:hover,
.ui.inverted.grey.buttons .basic.button:hover,
.ui.inverted.grey.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #dfdfdf inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.buttons .button:focus,
.ui.inverted.grey.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #d8d8d8 inset !important;
  color: #ECECEC !important;
}
.ui.inverted.grey.basic.buttons .active.button,
.ui.inverted.grey.buttons .basic.active.button,
.ui.inverted.grey.basic.active.button {
  box-shadow: 0px 0px 0px 2px #dfdfdf inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.grey.basic.buttons .button:active,
.ui.inverted.grey.buttons .basic.button:active,
.ui.inverted.grey.basic.button:active {
  box-shadow: 0px 0px 0px 2px #d3d3d3 inset !important;
  color: #FFFFFF !important;
}
/*--- Brown ---*/
.ui.brown.buttons .button,
.ui.brown.button {
  background-color: #A5673F;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.brown.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.brown.buttons .button:hover,
.ui.brown.button:hover {
  background-color: #975b33;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:focus,
.ui.brown.button:focus {
  background-color: #90532b;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .button:active,
.ui.brown.button:active {
  background-color: #805031;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.brown.buttons .active.button,
.ui.brown.buttons .active.button:active,
.ui.brown.active.button,
.ui.brown.button .active.button:active {
  background-color: #995a31;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.brown.buttons .button,
.ui.basic.brown.button {
  box-shadow: 0px 0px 0px 1px #A5673F inset !important;
  color: #A5673F !important;
}
.ui.basic.brown.buttons .button:hover,
.ui.basic.brown.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #975b33 inset !important;
  color: #975b33 !important;
}
.ui.basic.brown.buttons .button:focus,
.ui.basic.brown.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #90532b inset !important;
  color: #975b33 !important;
}
.ui.basic.brown.buttons .active.button,
.ui.basic.brown.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #995a31 inset !important;
  color: #805031 !important;
}
.ui.basic.brown.buttons .button:active,
.ui.basic.brown.button:active {
  box-shadow: 0px 0px 0px 1px #805031 inset !important;
  color: #805031 !important;
}
.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.brown.buttons .button,
.ui.inverted.brown.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D67C1C inset !important;
  color: #D67C1C;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover,
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus,
.ui.inverted.brown.buttons .button.active,
.ui.inverted.brown.button.active,
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.brown.buttons .button:hover,
.ui.inverted.brown.button:hover {
  background-color: #c86f11;
}
.ui.inverted.brown.buttons .button:focus,
.ui.inverted.brown.button:focus {
  background-color: #c16808;
}
.ui.inverted.brown.buttons .active.button,
.ui.inverted.brown.active.button {
  background-color: #cc6f0d;
}
.ui.inverted.brown.buttons .button:active,
.ui.inverted.brown.button:active {
  background-color: #a96216;
}
/* Inverted Basic */
.ui.inverted.brown.basic.buttons .button,
.ui.inverted.brown.buttons .basic.button,
.ui.inverted.brown.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.brown.basic.buttons .button:hover,
.ui.inverted.brown.buttons .basic.button:hover,
.ui.inverted.brown.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #c86f11 inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.buttons .button:focus,
.ui.inverted.brown.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #c16808 inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .active.button,
.ui.inverted.brown.buttons .basic.active.button,
.ui.inverted.brown.basic.active.button {
  box-shadow: 0px 0px 0px 2px #cc6f0d inset !important;
  color: #D67C1C !important;
}
.ui.inverted.brown.basic.buttons .button:active,
.ui.inverted.brown.buttons .basic.button:active,
.ui.inverted.brown.basic.button:active {
  box-shadow: 0px 0px 0px 2px #a96216 inset !important;
  color: #D67C1C !important;
}
/*--- Blue ---*/
.ui.blue.buttons .button,
.ui.blue.button {
  background-color: #199ed8;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.blue.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.blue.buttons .button:hover,
.ui.blue.button:hover {
  background-color: #0e91ca;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:focus,
.ui.blue.button:focus {
  background-color: #0589c3;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .button:active,
.ui.blue.button:active {
  background-color: #147daa;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.blue.buttons .active.button,
.ui.blue.buttons .active.button:active,
.ui.blue.active.button,
.ui.blue.button .active.button:active {
  background-color: #0a92ce;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.blue.buttons .button,
.ui.basic.blue.button {
  box-shadow: 0px 0px 0px 1px #199ed8 inset !important;
  color: #199ed8 !important;
}
.ui.basic.blue.buttons .button:hover,
.ui.basic.blue.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0e91ca inset !important;
  color: #0e91ca !important;
}
.ui.basic.blue.buttons .button:focus,
.ui.basic.blue.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0589c3 inset !important;
  color: #0e91ca !important;
}
.ui.basic.blue.buttons .active.button,
.ui.basic.blue.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #0a92ce inset !important;
  color: #147daa !important;
}
.ui.basic.blue.buttons .button:active,
.ui.basic.blue.button:active {
  box-shadow: 0px 0px 0px 1px #147daa inset !important;
  color: #147daa !important;
}
.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.blue.buttons .button,
.ui.inverted.blue.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #54c2f7 inset !important;
  color: #54c2f7;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover,
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus,
.ui.inverted.blue.buttons .button.active,
.ui.inverted.blue.button.active,
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.blue.buttons .button:hover,
.ui.inverted.blue.button:hover {
  background-color: #32bdff;
}
.ui.inverted.blue.buttons .button:focus,
.ui.inverted.blue.button:focus {
  background-color: #23b8ff;
}
.ui.inverted.blue.buttons .active.button,
.ui.inverted.blue.active.button {
  background-color: #32bdff;
}
.ui.inverted.blue.buttons .button:active,
.ui.inverted.blue.button:active {
  background-color: #23b1f5;
}
/* Inverted Basic */
.ui.inverted.blue.basic.buttons .button,
.ui.inverted.blue.buttons .basic.button,
.ui.inverted.blue.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.blue.basic.buttons .button:hover,
.ui.inverted.blue.buttons .basic.button:hover,
.ui.inverted.blue.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #32bdff inset !important;
  color: #54c2f7 !important;
}
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.buttons .button:focus,
.ui.inverted.blue.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #23b8ff inset !important;
  color: #54c2f7 !important;
}
.ui.inverted.blue.basic.buttons .active.button,
.ui.inverted.blue.buttons .basic.active.button,
.ui.inverted.blue.basic.active.button {
  box-shadow: 0px 0px 0px 2px #32bdff inset !important;
  color: #54c2f7 !important;
}
.ui.inverted.blue.basic.buttons .button:active,
.ui.inverted.blue.buttons .basic.button:active,
.ui.inverted.blue.basic.button:active {
  box-shadow: 0px 0px 0px 2px #23b1f5 inset !important;
  color: #54c2f7 !important;
}
/*--- Green ---*/
.ui.green.buttons .button,
.ui.green.button {
  background-color: #73D822;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.green.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.green.buttons .button:hover,
.ui.green.button:hover {
  background-color: #66ca16;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:focus,
.ui.green.button:focus {
  background-color: #5fc40d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .button:active,
.ui.green.button:active {
  background-color: #5cac1b;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.green.buttons .active.button,
.ui.green.buttons .active.button:active,
.ui.green.active.button,
.ui.green.button .active.button:active {
  background-color: #66ce12;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.green.buttons .button,
.ui.basic.green.button {
  box-shadow: 0px 0px 0px 1px #73D822 inset !important;
  color: #73D822 !important;
}
.ui.basic.green.buttons .button:hover,
.ui.basic.green.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #66ca16 inset !important;
  color: #66ca16 !important;
}
.ui.basic.green.buttons .button:focus,
.ui.basic.green.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #5fc40d inset !important;
  color: #66ca16 !important;
}
.ui.basic.green.buttons .active.button,
.ui.basic.green.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #66ce12 inset !important;
  color: #5cac1b !important;
}
.ui.basic.green.buttons .button:active,
.ui.basic.green.button:active {
  box-shadow: 0px 0px 0px 1px #5cac1b inset !important;
  color: #5cac1b !important;
}
.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.green.buttons .button,
.ui.inverted.green.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #2ECC40 inset !important;
  color: #2ECC40;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover,
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus,
.ui.inverted.green.buttons .button.active,
.ui.inverted.green.button.active,
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.green.buttons .button:hover,
.ui.inverted.green.button:hover {
  background-color: #22be34;
}
.ui.inverted.green.buttons .button:focus,
.ui.inverted.green.button:focus {
  background-color: #19b82b;
}
.ui.inverted.green.buttons .active.button,
.ui.inverted.green.active.button {
  background-color: #1fc231;
}
.ui.inverted.green.buttons .button:active,
.ui.inverted.green.button:active {
  background-color: #25a233;
}
/* Inverted Basic */
.ui.inverted.green.basic.buttons .button,
.ui.inverted.green.buttons .basic.button,
.ui.inverted.green.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.green.basic.buttons .button:hover,
.ui.inverted.green.buttons .basic.button:hover,
.ui.inverted.green.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #22be34 inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.buttons .button:focus,
.ui.inverted.green.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #19b82b inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .active.button,
.ui.inverted.green.buttons .basic.active.button,
.ui.inverted.green.basic.active.button {
  box-shadow: 0px 0px 0px 2px #1fc231 inset !important;
  color: #2ECC40 !important;
}
.ui.inverted.green.basic.buttons .button:active,
.ui.inverted.green.buttons .basic.button:active,
.ui.inverted.green.basic.button:active {
  box-shadow: 0px 0px 0px 2px #25a233 inset !important;
  color: #2ECC40 !important;
}
/*--- Orange ---*/
.ui.orange.buttons .button,
.ui.orange.button {
  background-color: var(--common_alert);
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.orange.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.orange.buttons .button:hover,
.ui.orange.button:hover {
  background-color: var(--negative-darken-05-saturate-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:focus,
.ui.orange.button:focus {
  background-color: var(--negative-darken-08-saturate-20);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .button:active,
.ui.orange.button:active {
  background-color: var(--negative-darken-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.orange.buttons .active.button,
.ui.orange.buttons .active.button:active,
.ui.orange.active.button,
.ui.orange.button .active.button:active {
  background-color: var(--negative-darken-05-saturate-15);
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.orange.buttons .button,
.ui.basic.orange.button {
  box-shadow: 0px 0px 0px 1px var(--common_alert) inset !important;
  color: var(--common_alert) !important;
}
.ui.basic.orange.buttons .button:hover,
.ui.basic.orange.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--negative-darken-05-saturate-10) inset !important;
  color: var(--negative-darken-05-saturate-10) !important;
}
.ui.basic.orange.buttons .button:focus,
.ui.basic.orange.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--negative-darken-08-saturate-20) inset !important;
  color: var(--negative-darken-05-saturate-10) !important;
}
.ui.basic.orange.buttons .active.button,
.ui.basic.orange.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--negative-darken-05-saturate-15) inset !important;
  color: var(--negative-darken-10) !important;
}
.ui.basic.orange.buttons .button:active,
.ui.basic.orange.button:active {
  box-shadow: 0px 0px 0px 1px var(--negative-darken-10) inset !important;
  color: var(--negative-darken-10) !important;
}
.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.orange.buttons .button,
.ui.inverted.orange.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF851B inset !important;
  color: #FF851B;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover,
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus,
.ui.inverted.orange.buttons .button.active,
.ui.inverted.orange.button.active,
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.orange.buttons .button:hover,
.ui.inverted.orange.button:hover {
  background-color: #ff7701;
}
.ui.inverted.orange.buttons .button:focus,
.ui.inverted.orange.button:focus {
  background-color: #f17000;
}
.ui.inverted.orange.buttons .active.button,
.ui.inverted.orange.active.button {
  background-color: #ff7701;
}
.ui.inverted.orange.buttons .button:active,
.ui.inverted.orange.button:active {
  background-color: #e76b00;
}
/* Inverted Basic */
.ui.inverted.orange.basic.buttons .button,
.ui.inverted.orange.buttons .basic.button,
.ui.inverted.orange.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.orange.basic.buttons .button:hover,
.ui.inverted.orange.buttons .basic.button:hover,
.ui.inverted.orange.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.buttons .button:focus,
.ui.inverted.orange.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #f17000 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .active.button,
.ui.inverted.orange.buttons .basic.active.button,
.ui.inverted.orange.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff7701 inset !important;
  color: #FF851B !important;
}
.ui.inverted.orange.basic.buttons .button:active,
.ui.inverted.orange.buttons .basic.button:active,
.ui.inverted.orange.basic.button:active {
  box-shadow: 0px 0px 0px 2px #e76b00 inset !important;
  color: #FF851B !important;
}
/*--- Pink ---*/
.ui.pink.buttons .button,
.ui.pink.button {
  background-color: #E03997;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.pink.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.pink.buttons .button:hover,
.ui.pink.button:hover {
  background-color: #e61a8d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:focus,
.ui.pink.button:focus {
  background-color: #e10f85;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .button:active,
.ui.pink.button:active {
  background-color: #c71f7e;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.pink.buttons .active.button,
.ui.pink.buttons .active.button:active,
.ui.pink.active.button,
.ui.pink.button .active.button:active {
  background-color: #ea158d;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.pink.buttons .button,
.ui.basic.pink.button {
  box-shadow: 0px 0px 0px 1px #E03997 inset !important;
  color: #E03997 !important;
}
.ui.basic.pink.buttons .button:hover,
.ui.basic.pink.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e61a8d inset !important;
  color: #e61a8d !important;
}
.ui.basic.pink.buttons .button:focus,
.ui.basic.pink.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #e10f85 inset !important;
  color: #e61a8d !important;
}
.ui.basic.pink.buttons .active.button,
.ui.basic.pink.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #ea158d inset !important;
  color: #c71f7e !important;
}
.ui.basic.pink.buttons .button:active,
.ui.basic.pink.button:active {
  box-shadow: 0px 0px 0px 1px #c71f7e inset !important;
  color: #c71f7e !important;
}
.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.pink.buttons .button,
.ui.inverted.pink.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF8EDF inset !important;
  color: #FF8EDF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover,
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus,
.ui.inverted.pink.buttons .button.active,
.ui.inverted.pink.button.active,
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.pink.buttons .button:hover,
.ui.inverted.pink.button:hover {
  background-color: #ff74d8;
}
.ui.inverted.pink.buttons .button:focus,
.ui.inverted.pink.button:focus {
  background-color: #ff65d3;
}
.ui.inverted.pink.buttons .active.button,
.ui.inverted.pink.active.button {
  background-color: #ff74d8;
}
.ui.inverted.pink.buttons .button:active,
.ui.inverted.pink.button:active {
  background-color: #ff5bd1;
}
/* Inverted Basic */
.ui.inverted.pink.basic.buttons .button,
.ui.inverted.pink.buttons .basic.button,
.ui.inverted.pink.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.pink.basic.buttons .button:hover,
.ui.inverted.pink.buttons .basic.button:hover,
.ui.inverted.pink.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.buttons .button:focus,
.ui.inverted.pink.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #ff65d3 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .active.button,
.ui.inverted.pink.buttons .basic.active.button,
.ui.inverted.pink.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff74d8 inset !important;
  color: #FF8EDF !important;
}
.ui.inverted.pink.basic.buttons .button:active,
.ui.inverted.pink.buttons .basic.button:active,
.ui.inverted.pink.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ff5bd1 inset !important;
  color: #FF8EDF !important;
}
/*--- Violet ---*/
.ui.violet.buttons .button,
.ui.violet.button {
  background-color: #6b80ef;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.violet.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.violet.buttons .button:hover,
.ui.violet.button:hover {
  background-color: #4c67f4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:focus,
.ui.violet.button:focus {
  background-color: #3655fc;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .button:active,
.ui.violet.button:active {
  background-color: #3d59ea;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.violet.buttons .active.button,
.ui.violet.buttons .active.button:active,
.ui.violet.active.button,
.ui.violet.button .active.button:active {
  background-color: #4964f8;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.violet.buttons .button,
.ui.basic.violet.button {
  box-shadow: 0px 0px 0px 1px #6b80ef inset !important;
  color: #6b80ef !important;
}
.ui.basic.violet.buttons .button:hover,
.ui.basic.violet.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #4c67f4 inset !important;
  color: #4c67f4 !important;
}
.ui.basic.violet.buttons .button:focus,
.ui.basic.violet.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #3655fc inset !important;
  color: #4c67f4 !important;
}
.ui.basic.violet.buttons .active.button,
.ui.basic.violet.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #4964f8 inset !important;
  color: #3d59ea !important;
}
.ui.basic.violet.buttons .button:active,
.ui.basic.violet.button:active {
  box-shadow: 0px 0px 0px 1px #3d59ea inset !important;
  color: #3d59ea !important;
}
.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.violet.buttons .button,
.ui.inverted.violet.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #A291FB inset !important;
  color: #A291FB;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover,
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus,
.ui.inverted.violet.buttons .button.active,
.ui.inverted.violet.button.active,
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.violet.buttons .button:hover,
.ui.inverted.violet.button:hover {
  background-color: #8a73ff;
}
.ui.inverted.violet.buttons .button:focus,
.ui.inverted.violet.button:focus {
  background-color: #7d64ff;
}
.ui.inverted.violet.buttons .active.button,
.ui.inverted.violet.active.button {
  background-color: #8a73ff;
}
.ui.inverted.violet.buttons .button:active,
.ui.inverted.violet.button:active {
  background-color: #7860f9;
}
/* Inverted Basic */
.ui.inverted.violet.basic.buttons .button,
.ui.inverted.violet.buttons .basic.button,
.ui.inverted.violet.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.violet.basic.buttons .button:hover,
.ui.inverted.violet.buttons .basic.button:hover,
.ui.inverted.violet.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.buttons .button:focus,
.ui.inverted.violet.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #7d64ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .active.button,
.ui.inverted.violet.buttons .basic.active.button,
.ui.inverted.violet.basic.active.button {
  box-shadow: 0px 0px 0px 2px #8a73ff inset !important;
  color: #A291FB !important;
}
.ui.inverted.violet.basic.buttons .button:active,
.ui.inverted.violet.buttons .basic.button:active,
.ui.inverted.violet.basic.button:active {
  box-shadow: 0px 0px 0px 2px #7860f9 inset !important;
  color: #A291FB !important;
}
/*--- Purple ---*/
.ui.purple.buttons .button,
.ui.purple.button {
  background-color: #A333C8;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.purple.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.purple.buttons .button:hover,
.ui.purple.button:hover {
  background-color: #9627ba;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:focus,
.ui.purple.button:focus {
  background-color: #8f1eb4;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .button:active,
.ui.purple.button:active {
  background-color: #82299f;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.purple.buttons .active.button,
.ui.purple.buttons .active.button:active,
.ui.purple.active.button,
.ui.purple.button .active.button:active {
  background-color: #9724be;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.purple.buttons .button,
.ui.basic.purple.button {
  box-shadow: 0px 0px 0px 1px #A333C8 inset !important;
  color: #A333C8 !important;
}
.ui.basic.purple.buttons .button:hover,
.ui.basic.purple.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9627ba inset !important;
  color: #9627ba !important;
}
.ui.basic.purple.buttons .button:focus,
.ui.basic.purple.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #8f1eb4 inset !important;
  color: #9627ba !important;
}
.ui.basic.purple.buttons .active.button,
.ui.basic.purple.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #9724be inset !important;
  color: #82299f !important;
}
.ui.basic.purple.buttons .button:active,
.ui.basic.purple.button:active {
  box-shadow: 0px 0px 0px 1px #82299f inset !important;
  color: #82299f !important;
}
.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.purple.buttons .button,
.ui.inverted.purple.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #f48ef5 inset !important;
  color: #f48ef5;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover,
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus,
.ui.inverted.purple.buttons .button.active,
.ui.inverted.purple.button.active,
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.purple.buttons .button:hover,
.ui.inverted.purple.button:hover {
  background-color: #f870f9;
}
.ui.inverted.purple.buttons .button:focus,
.ui.inverted.purple.button:focus {
  background-color: #fd5bff;
}
.ui.inverted.purple.buttons .active.button,
.ui.inverted.purple.active.button {
  background-color: #fb6dfc;
}
.ui.inverted.purple.buttons .button:active,
.ui.inverted.purple.button:active {
  background-color: #ef5ff1;
}
/* Inverted Basic */
.ui.inverted.purple.basic.buttons .button,
.ui.inverted.purple.buttons .basic.button,
.ui.inverted.purple.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.purple.basic.buttons .button:hover,
.ui.inverted.purple.buttons .basic.button:hover,
.ui.inverted.purple.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #f870f9 inset !important;
  color: #f48ef5 !important;
}
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.buttons .button:focus,
.ui.inverted.purple.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #fd5bff inset !important;
  color: #f48ef5 !important;
}
.ui.inverted.purple.basic.buttons .active.button,
.ui.inverted.purple.buttons .basic.active.button,
.ui.inverted.purple.basic.active.button {
  box-shadow: 0px 0px 0px 2px #fb6dfc inset !important;
  color: #f48ef5 !important;
}
.ui.inverted.purple.basic.buttons .button:active,
.ui.inverted.purple.buttons .basic.button:active,
.ui.inverted.purple.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ef5ff1 inset !important;
  color: #f48ef5 !important;
}
/*--- Red ---*/
.ui.red.buttons .button,
.ui.red.button {
  background-color: var(--inputs_border_error);
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.red.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.red.buttons .button:hover,
.ui.red.button:hover {
  background-color: var(--error-darken-05-saturate-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:focus,
.ui.red.button:focus {
  background-color: var(--error-darken-08-saturate-20);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .button:active,
.ui.red.button:active {
  background-color: var(--error-darken-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.red.buttons .active.button,
.ui.red.buttons .active.button:active,
.ui.red.active.button,
.ui.red.button .active.button:active {
  background-color: var(--error-darken-05-saturate-15);
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.red.buttons .button,
.ui.basic.red.button {
  box-shadow: 0px 0px 0px 1px var(--inputs_border_error) inset !important;
  color: var(--inputs_border_error) !important;
}
.ui.basic.red.buttons .button:hover,
.ui.basic.red.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--error-darken-05-saturate-10) inset !important;
  color: var(--error-darken-05-saturate-10) !important;
}
.ui.basic.red.buttons .button:focus,
.ui.basic.red.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--error-darken-08-saturate-20) inset !important;
  color: var(--error-darken-05-saturate-10) !important;
}
.ui.basic.red.buttons .active.button,
.ui.basic.red.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--error-darken-05-saturate-15) inset !important;
  color: var(--error-darken-10) !important;
}
.ui.basic.red.buttons .button:active,
.ui.basic.red.button:active {
  box-shadow: 0px 0px 0px 1px var(--error-darken-10) inset !important;
  color: var(--error-darken-10) !important;
}
.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.red.buttons .button,
.ui.inverted.red.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FF695E inset !important;
  color: #FF695E;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover,
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus,
.ui.inverted.red.buttons .button.active,
.ui.inverted.red.button.active,
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.red.buttons .button:hover,
.ui.inverted.red.button:hover {
  background-color: #ff5144;
}
.ui.inverted.red.buttons .button:focus,
.ui.inverted.red.button:focus {
  background-color: #ff4335;
}
.ui.inverted.red.buttons .active.button,
.ui.inverted.red.active.button {
  background-color: #ff5144;
}
.ui.inverted.red.buttons .button:active,
.ui.inverted.red.button:active {
  background-color: #ff392b;
}
/* Inverted Basic */
.ui.inverted.red.basic.buttons .button,
.ui.inverted.red.buttons .basic.button,
.ui.inverted.red.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.red.basic.buttons .button:hover,
.ui.inverted.red.buttons .basic.button:hover,
.ui.inverted.red.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.buttons .button:focus,
.ui.inverted.red.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #ff4335 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .active.button,
.ui.inverted.red.buttons .basic.active.button,
.ui.inverted.red.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ff5144 inset !important;
  color: #FF695E !important;
}
.ui.inverted.red.basic.buttons .button:active,
.ui.inverted.red.buttons .basic.button:active,
.ui.inverted.red.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ff392b inset !important;
  color: #FF695E !important;
}
/*--- Teal ---*/
.ui.teal.buttons .button,
.ui.teal.button {
  background-color: var(--common_accent);
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.teal.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
  background-color: var(--accent-darken-05-saturate-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:focus,
.ui.teal.button:focus {
  background-color: var(--accent-darken-08-saturate-20);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .button:active,
.ui.teal.button:active {
  background-color: var(--accent-darken-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.teal.buttons .active.button,
.ui.teal.buttons .active.button:active,
.ui.teal.active.button,
.ui.teal.button .active.button:active {
  background-color: var(--accent-darken-05-saturate-15);
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.teal.buttons .button,
.ui.basic.teal.button {
  box-shadow: 0px 0px 0px 1px var(--common_accent) inset !important;
  color: var(--common_accent) !important;
}
.ui.basic.teal.buttons .button:hover,
.ui.basic.teal.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--accent-darken-05-saturate-10) inset !important;
  color: var(--accent-darken-05-saturate-10) !important;
}
.ui.basic.teal.buttons .button:focus,
.ui.basic.teal.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--accent-darken-08-saturate-20) inset !important;
  color: var(--accent-darken-05-saturate-10) !important;
}
.ui.basic.teal.buttons .active.button,
.ui.basic.teal.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--accent-darken-05-saturate-15) inset !important;
  color: var(--accent-darken-10) !important;
}
.ui.basic.teal.buttons .button:active,
.ui.basic.teal.button:active {
  box-shadow: 0px 0px 0px 1px var(--accent-darken-10) inset !important;
  color: var(--accent-darken-10) !important;
}
.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.teal.buttons .button,
.ui.inverted.teal.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #b2e8e0 inset !important;
  color: #b2e8e0;
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover,
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus,
.ui.inverted.teal.buttons .button.active,
.ui.inverted.teal.button.active,
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.teal.buttons .button:hover,
.ui.inverted.teal.button:hover {
  background-color: #9be6da;
}
.ui.inverted.teal.buttons .button:focus,
.ui.inverted.teal.button:focus {
  background-color: #8be6d9;
}
.ui.inverted.teal.buttons .active.button,
.ui.inverted.teal.active.button {
  background-color: #99e7dc;
}
.ui.inverted.teal.buttons .button:active,
.ui.inverted.teal.button:active {
  background-color: #8bdcd0;
}
/* Inverted Basic */
.ui.inverted.teal.basic.buttons .button,
.ui.inverted.teal.buttons .basic.button,
.ui.inverted.teal.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.teal.basic.buttons .button:hover,
.ui.inverted.teal.buttons .basic.button:hover,
.ui.inverted.teal.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #9be6da inset !important;
  color: #b2e8e0 !important;
}
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.buttons .button:focus,
.ui.inverted.teal.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #8be6d9 inset !important;
  color: #b2e8e0 !important;
}
.ui.inverted.teal.basic.buttons .active.button,
.ui.inverted.teal.buttons .basic.active.button,
.ui.inverted.teal.basic.active.button {
  box-shadow: 0px 0px 0px 2px #99e7dc inset !important;
  color: #b2e8e0 !important;
}
.ui.inverted.teal.basic.buttons .button:active,
.ui.inverted.teal.buttons .basic.button:active,
.ui.inverted.teal.basic.button:active {
  box-shadow: 0px 0px 0px 2px #8bdcd0 inset !important;
  color: #b2e8e0 !important;
}
/*--- Olive ---*/
.ui.olive.buttons .button,
.ui.olive.button {
  background-color: #B5CC18;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.olive.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.olive.buttons .button:hover,
.ui.olive.button:hover {
  background-color: #a7bd0d;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:focus,
.ui.olive.button:focus {
  background-color: #a0b605;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .button:active,
.ui.olive.button:active {
  background-color: #8d9e13;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.olive.buttons .active.button,
.ui.olive.buttons .active.button:active,
.ui.olive.active.button,
.ui.olive.button .active.button:active {
  background-color: #aac109;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.olive.buttons .button,
.ui.basic.olive.button {
  box-shadow: 0px 0px 0px 1px #B5CC18 inset !important;
  color: #B5CC18 !important;
}
.ui.basic.olive.buttons .button:hover,
.ui.basic.olive.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a7bd0d inset !important;
  color: #a7bd0d !important;
}
.ui.basic.olive.buttons .button:focus,
.ui.basic.olive.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #a0b605 inset !important;
  color: #a7bd0d !important;
}
.ui.basic.olive.buttons .active.button,
.ui.basic.olive.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #aac109 inset !important;
  color: #8d9e13 !important;
}
.ui.basic.olive.buttons .button:active,
.ui.basic.olive.button:active {
  box-shadow: 0px 0px 0px 1px #8d9e13 inset !important;
  color: #8d9e13 !important;
}
.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.olive.buttons .button,
.ui.inverted.olive.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #D9E778 inset !important;
  color: #D9E778;
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover,
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus,
.ui.inverted.olive.buttons .button.active,
.ui.inverted.olive.button.active,
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.olive.buttons .button:hover,
.ui.inverted.olive.button:hover {
  background-color: #d8ea5c;
}
.ui.inverted.olive.buttons .button:focus,
.ui.inverted.olive.button:focus {
  background-color: #daef47;
}
.ui.inverted.olive.buttons .active.button,
.ui.inverted.olive.active.button {
  background-color: #daed59;
}
.ui.inverted.olive.buttons .button:active,
.ui.inverted.olive.button:active {
  background-color: #cddf4d;
}
/* Inverted Basic */
.ui.inverted.olive.basic.buttons .button,
.ui.inverted.olive.buttons .basic.button,
.ui.inverted.olive.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.olive.basic.buttons .button:hover,
.ui.inverted.olive.buttons .basic.button:hover,
.ui.inverted.olive.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #d8ea5c inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.buttons .button:focus,
.ui.inverted.olive.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #daef47 inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .active.button,
.ui.inverted.olive.buttons .basic.active.button,
.ui.inverted.olive.basic.active.button {
  box-shadow: 0px 0px 0px 2px #daed59 inset !important;
  color: #D9E778 !important;
}
.ui.inverted.olive.basic.buttons .button:active,
.ui.inverted.olive.buttons .basic.button:active,
.ui.inverted.olive.basic.button:active {
  box-shadow: 0px 0px 0px 2px #cddf4d inset !important;
  color: #D9E778 !important;
}
/*--- Yellow ---*/
.ui.yellow.buttons .button,
.ui.yellow.button {
  background-color: #fcc73b;
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.yellow.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.yellow.buttons .button:hover,
.ui.yellow.button:hover {
  background-color: #ffc11f;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:focus,
.ui.yellow.button:focus {
  background-color: #ffbd0f;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .button:active,
.ui.yellow.button:active {
  background-color: #fbb909;
  color: #FFFFFF;
  text-shadow: none;
}
.ui.yellow.buttons .active.button,
.ui.yellow.buttons .active.button:active,
.ui.yellow.active.button,
.ui.yellow.button .active.button:active {
  background-color: #ffc11f;
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.yellow.buttons .button,
.ui.basic.yellow.button {
  box-shadow: 0px 0px 0px 1px #fcc73b inset !important;
  color: #fcc73b !important;
}
.ui.basic.yellow.buttons .button:hover,
.ui.basic.yellow.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #ffc11f inset !important;
  color: #ffc11f !important;
}
.ui.basic.yellow.buttons .button:focus,
.ui.basic.yellow.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #ffbd0f inset !important;
  color: #ffc11f !important;
}
.ui.basic.yellow.buttons .active.button,
.ui.basic.yellow.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px #ffc11f inset !important;
  color: #fbb909 !important;
}
.ui.basic.yellow.buttons .button:active,
.ui.basic.yellow.button:active {
  box-shadow: 0px 0px 0px 1px #fbb909 inset !important;
  color: #fbb909 !important;
}
.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.yellow.buttons .button,
.ui.inverted.yellow.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #FFE21F inset !important;
  color: #FFE21F;
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover,
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus,
.ui.inverted.yellow.buttons .button.active,
.ui.inverted.yellow.button.active,
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  box-shadow: none !important;
  color: rgba(0, 0, 0, 0.6);
}
.ui.inverted.yellow.buttons .button:hover,
.ui.inverted.yellow.button:hover {
  background-color: #ffdf05;
}
.ui.inverted.yellow.buttons .button:focus,
.ui.inverted.yellow.button:focus {
  background-color: #f5d500;
}
.ui.inverted.yellow.buttons .active.button,
.ui.inverted.yellow.active.button {
  background-color: #ffdf05;
}
.ui.inverted.yellow.buttons .button:active,
.ui.inverted.yellow.button:active {
  background-color: #ebcd00;
}
/* Inverted Basic */
.ui.inverted.yellow.basic.buttons .button,
.ui.inverted.yellow.buttons .basic.button,
.ui.inverted.yellow.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.yellow.basic.buttons .button:hover,
.ui.inverted.yellow.buttons .basic.button:hover,
.ui.inverted.yellow.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.buttons .button:focus,
.ui.inverted.yellow.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #f5d500 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .active.button,
.ui.inverted.yellow.buttons .basic.active.button,
.ui.inverted.yellow.basic.active.button {
  box-shadow: 0px 0px 0px 2px #ffdf05 inset !important;
  color: #FFE21F !important;
}
.ui.inverted.yellow.basic.buttons .button:active,
.ui.inverted.yellow.buttons .basic.button:active,
.ui.inverted.yellow.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ebcd00 inset !important;
  color: #FFE21F !important;
}
/*-------------------
       Primary
--------------------*/
/*--- Standard ---*/
.ui.primary.buttons .button,
.ui.primary.button {
  background-color: var(--button_primary_bkg_normal);
  color: var(--button_primary_on_bkg_normal);
  text-shadow: none;
  background-image: none;
}
.ui.primary.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
  background-color: var(--primary-darken-05-saturate-10);
  color: var(--button_primary_on_bkg_normal);
  text-shadow: none;
}
.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  background-color: var(--primary-darken-08-saturate-20);
  color: var(--button_primary_on_bkg_normal);
  text-shadow: none;
}
.ui.primary.buttons .button:active,
.ui.primary.button:active {
  background-color: var(--primary-darken-10);
  color: var(--button_primary_on_bkg_normal);
  text-shadow: none;
}
.ui.primary.buttons .active.button,
.ui.primary.buttons .active.button:active,
.ui.primary.active.button,
.ui.primary.button .active.button:active {
  background-color: var(--primary-darken-05-saturate-15);
  color: var(--button_primary_on_bkg_normal);
  text-shadow: none;
}
/* Basic */
.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
  box-shadow: 0px 0px 0px 1px var(--button_primary_bkg_normal) inset !important;
  color: var(--button_primary_bkg_normal) !important;
}
.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--primary-darken-05-saturate-10) inset !important;
  color: var(--primary-darken-05-saturate-10) !important;
}
.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--primary-darken-08-saturate-20) inset !important;
  color: var(--primary-darken-05-saturate-10) !important;
}
.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--primary-darken-05-saturate-15) inset !important;
  color: var(--primary-darken-10) !important;
}
.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
  box-shadow: 0px 0px 0px 1px var(--primary-darken-10) inset !important;
  color: var(--primary-darken-10) !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.primary.buttons .button,
.ui.inverted.primary.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #54c2f7 inset !important;
  color: #54c2f7;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover,
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus,
.ui.inverted.primary.buttons .button.active,
.ui.inverted.primary.button.active,
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.primary.buttons .button:hover,
.ui.inverted.primary.button:hover {
  background-color: #32bdff;
}
.ui.inverted.primary.buttons .button:focus,
.ui.inverted.primary.button:focus {
  background-color: #23b8ff;
}
.ui.inverted.primary.buttons .active.button,
.ui.inverted.primary.active.button {
  background-color: #32bdff;
}
.ui.inverted.primary.buttons .button:active,
.ui.inverted.primary.button:active {
  background-color: #23b1f5;
}
/* Inverted Basic */
.ui.inverted.primary.basic.buttons .button,
.ui.inverted.primary.buttons .basic.button,
.ui.inverted.primary.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.primary.basic.buttons .button:hover,
.ui.inverted.primary.buttons .basic.button:hover,
.ui.inverted.primary.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #32bdff inset !important;
  color: #54c2f7 !important;
}
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.buttons .button:focus,
.ui.inverted.primary.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #23b8ff inset !important;
  color: #54c2f7 !important;
}
.ui.inverted.primary.basic.buttons .active.button,
.ui.inverted.primary.buttons .basic.active.button,
.ui.inverted.primary.basic.active.button {
  box-shadow: 0px 0px 0px 2px #32bdff inset !important;
  color: #54c2f7 !important;
}
.ui.inverted.primary.basic.buttons .button:active,
.ui.inverted.primary.buttons .basic.button:active,
.ui.inverted.primary.basic.button:active {
  box-shadow: 0px 0px 0px 2px #23b1f5 inset !important;
  color: #54c2f7 !important;
}
/*-------------------
      Secondary
--------------------*/
/* Standard */
.ui.secondary.buttons .button,
.ui.secondary.button {
  background-color: var(--button_secondary_bkg_normal);
  color: var(--button_secondary_on_bkg_normal);
  text-shadow: none;
  background-image: none;
}
.ui.secondary.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
  background-color: var(--secondary-lighten-05-saturate-10);
  color: var(--button_secondary_on_bkg_normal);
  text-shadow: none;
}
.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
  background-color: var(--secondary-lighten-08-saturate-20);
  color: var(--button_secondary_on_bkg_normal);
  text-shadow: none;
}
.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  background-color: var(--secondary-lighten-10);
  color: var(--button_secondary_on_bkg_normal);
  text-shadow: none;
}
.ui.secondary.buttons .active.button,
.ui.secondary.buttons .active.button:active,
.ui.secondary.active.button,
.ui.secondary.button .active.button:active {
  background-color: var(--secondary-lighten-05-saturate-15);
  color: var(--button_secondary_on_bkg_normal);
  text-shadow: none;
}
/* Basic */
.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
  box-shadow: 0px 0px 0px 1px var(--button_secondary_bkg_normal) inset !important;
  color: var(--button_secondary_bkg_normal) !important;
}
.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--secondary-lighten-05-saturate-10) inset !important;
  color: var(--secondary-lighten-05-saturate-10) !important;
}
.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--secondary-lighten-08-saturate-20) inset !important;
  color: var(--secondary-lighten-05-saturate-10) !important;
}
.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--secondary-lighten-05-saturate-15) inset !important;
  color: var(--secondary-lighten-10) !important;
}
.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
  box-shadow: 0px 0px 0px 1px var(--secondary-lighten-10) inset !important;
  color: var(--secondary-lighten-10) !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/* Inverted */
.ui.inverted.secondary.buttons .button,
.ui.inverted.secondary.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px #ECECEC inset !important;
  color: #ECECEC;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover,
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus,
.ui.inverted.secondary.buttons .button.active,
.ui.inverted.secondary.button.active,
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.inverted.secondary.buttons .button:hover,
.ui.inverted.secondary.button:hover {
  background-color: #f9f9f9;
}
.ui.inverted.secondary.buttons .button:focus,
.ui.inverted.secondary.button:focus {
  background-color: #ffffff;
}
.ui.inverted.secondary.buttons .active.button,
.ui.inverted.secondary.active.button {
  background-color: #f9f9f9;
}
.ui.inverted.secondary.buttons .button:active,
.ui.inverted.secondary.button:active {
  background-color: #ffffff;
}
/* Inverted Basic */
.ui.inverted.secondary.basic.buttons .button,
.ui.inverted.secondary.buttons .basic.button,
.ui.inverted.secondary.basic.button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.5) inset !important;
  color: #FFFFFF !important;
}
.ui.inverted.secondary.basic.buttons .button:hover,
.ui.inverted.secondary.buttons .basic.button:hover,
.ui.inverted.secondary.basic.button:hover {
  box-shadow: 0px 0px 0px 2px #f9f9f9 inset !important;
  color: #ECECEC !important;
}
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.buttons .button:focus,
.ui.inverted.secondary.basic.button:focus {
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
  color: #ECECEC !important;
}
.ui.inverted.secondary.basic.buttons .active.button,
.ui.inverted.secondary.buttons .basic.active.button,
.ui.inverted.secondary.basic.active.button {
  box-shadow: 0px 0px 0px 2px #f9f9f9 inset !important;
  color: #ECECEC !important;
}
.ui.inverted.secondary.basic.buttons .button:active,
.ui.inverted.secondary.buttons .basic.button:active,
.ui.inverted.secondary.basic.button:active {
  box-shadow: 0px 0px 0px 2px #ffffff inset !important;
  color: #ECECEC !important;
}
/*---------------
    Positive
----------------*/
/* Standard */
.ui.positive.buttons .button,
.ui.positive.button {
  background-color: var(--button_primary_bkg_normal);
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.positive.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover {
  background-color: var(--primary-darken-05-saturate-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:focus,
.ui.positive.button:focus {
  background-color: var(--primary-darken-08-saturate-20);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .button:active,
.ui.positive.button:active {
  background-color: var(--primary-darken-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.positive.buttons .active.button,
.ui.positive.buttons .active.button:active,
.ui.positive.active.button,
.ui.positive.button .active.button:active {
  background-color: var(--primary-darken-05-saturate-15);
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.positive.buttons .button,
.ui.basic.positive.button {
  box-shadow: 0px 0px 0px 1px var(--button_primary_bkg_normal) inset !important;
  color: var(--button_primary_bkg_normal) !important;
}
.ui.basic.positive.buttons .button:hover,
.ui.basic.positive.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--primary-darken-05-saturate-10) inset !important;
  color: var(--primary-darken-05-saturate-10) !important;
}
.ui.basic.positive.buttons .button:focus,
.ui.basic.positive.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--primary-darken-08-saturate-20) inset !important;
  color: var(--primary-darken-05-saturate-10) !important;
}
.ui.basic.positive.buttons .active.button,
.ui.basic.positive.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--primary-darken-05-saturate-15) inset !important;
  color: var(--primary-darken-10) !important;
}
.ui.basic.positive.buttons .button:active,
.ui.basic.positive.button:active {
  box-shadow: 0px 0px 0px 1px var(--primary-darken-10) inset !important;
  color: var(--primary-darken-10) !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/*---------------
     Negative
----------------*/
/* Standard */
.ui.negative.buttons .button,
.ui.negative.button {
  background-color: var(--common_alert);
  color: #FFFFFF;
  text-shadow: none;
  background-image: none;
}
.ui.negative.button {
  box-shadow: 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.negative.buttons .button:hover,
.ui.negative.button:hover {
  background-color: var(--negative-darken-05-saturate-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:focus,
.ui.negative.button:focus {
  background-color: var(--negative-darken-08-saturate-20);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .button:active,
.ui.negative.button:active {
  background-color: var(--negative-darken-10);
  color: #FFFFFF;
  text-shadow: none;
}
.ui.negative.buttons .active.button,
.ui.negative.buttons .active.button:active,
.ui.negative.active.button,
.ui.negative.button .active.button:active {
  background-color: var(--negative-darken-05-saturate-15);
  color: #FFFFFF;
  text-shadow: none;
}
/* Basic */
.ui.basic.negative.buttons .button,
.ui.basic.negative.button {
  box-shadow: 0px 0px 0px 1px var(--common_alert) inset !important;
  color: var(--common_alert) !important;
}
.ui.basic.negative.buttons .button:hover,
.ui.basic.negative.button:hover {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--negative-darken-05-saturate-10) inset !important;
  color: var(--negative-darken-05-saturate-10) !important;
}
.ui.basic.negative.buttons .button:focus,
.ui.basic.negative.button:focus {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--negative-darken-08-saturate-20) inset !important;
  color: var(--negative-darken-05-saturate-10) !important;
}
.ui.basic.negative.buttons .active.button,
.ui.basic.negative.active.button {
  background: transparent !important;
  box-shadow: 0px 0px 0px 1px var(--negative-darken-05-saturate-15) inset !important;
  color: var(--negative-darken-10) !important;
}
.ui.basic.negative.buttons .button:active,
.ui.basic.negative.button:active {
  box-shadow: 0px 0px 0px 1px var(--negative-darken-10) inset !important;
  color: var(--negative-darken-10) !important;
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
  margin-left: -1px;
}
/*******************************
            Groups
*******************************/
.ui.buttons {
  display: inline-flex;
  flex-direction: row;
  font-size: 0em;
  vertical-align: baseline;
  margin: 0em 0.7em 0em 0em;
}
.ui.buttons:not(.basic):not(.inverted) {
  box-shadow: none;
}
/* Clearfix */
.ui.buttons:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Standard Group */
.ui.buttons .button {
  flex: 1 0 auto;
  margin: 0em;
  border-radius: 0em;
  margin: 0px 0px 0px 0px;
}
.ui.buttons > .ui.button:not(.basic):not(.inverted),
.ui.buttons:not(.basic):not(.inverted) > .button {
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}
.ui.buttons .button:first-child {
  border-left: none;
  margin-left: 0em;
  border-top-left-radius: 0.28571429rem;
  border-bottom-left-radius: 0.28571429rem;
}
.ui.buttons .button:last-child {
  border-top-right-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
/* Vertical  Style */
.ui.vertical.buttons {
  display: inline-flex;
  flex-direction: column;
}
.ui.vertical.buttons .button {
  display: block;
  float: none;
  width: 100%;
  margin: 0px 0px 0px 0px;
  box-shadow: none;
  border-radius: 0em;
}
.ui.vertical.buttons .button:first-child {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.vertical.buttons .button:last-child {
  margin-bottom: 0px;
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.vertical.buttons .button:only-child {
  border-radius: 0.28571429rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Container
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Container
*******************************/
/*-------------------
       Element
--------------------*/
/* Minimum Gutter is used to determine  the maximum container width for a given device */
/* Devices */
/* Coupling (Add Negative Margin to container size) */
/*-------------------
       Types
--------------------*/
/* Text */
/*******************************
            Container
*******************************/
/* All Sizes */
.ui.container {
  display: block;
  max-width: 100% !important;
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui.container {
    width: auto !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
  }
  .ui.grid.container {
    width: auto !important;
  }
  .ui.relaxed.grid.container {
    width: auto !important;
  }
  .ui.very.relaxed.grid.container {
    width: auto !important;
  }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.container {
    width: 723px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc( 723px  +  2rem ) !important;
  }
  .ui.relaxed.grid.container {
    width: calc( 723px  +  3rem ) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc( 723px  +  5rem ) !important;
  }
}
/* Small Monitor */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container {
    width: 933px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc( 933px  +  2rem ) !important;
  }
  .ui.relaxed.grid.container {
    width: calc( 933px  +  3rem ) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc( 933px  +  5rem ) !important;
  }
}
/* Large Monitor */
@media only screen and (min-width: 1200px) {
  .ui.container {
    width: 1127px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .ui.grid.container {
    width: calc( 1127px  +  2rem ) !important;
  }
  .ui.relaxed.grid.container {
    width: calc( 1127px  +  3rem ) !important;
  }
  .ui.very.relaxed.grid.container {
    width: calc( 1127px  +  5rem ) !important;
  }
}
/*******************************
             Types
*******************************/
/* Text Container */
.ui.text.container {
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  max-width: 700px !important;
  line-height: 1.5;
}
.ui.text.container {
  font-size: 1.14285714rem;
}
/* Fluid */
.ui.fluid.container {
  width: 100%;
}
/*******************************
           Variations
*******************************/
.ui[class*="left aligned"].container {
  text-align: left;
}
.ui[class*="center aligned"].container {
  text-align: center;
}
.ui[class*="right aligned"].container {
  text-align: right;
}
.ui.justified.container {
  text-align: justify;
  hyphens: auto;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Divider
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Divider
*******************************/
/*-------------------
       Element
--------------------*/
/* Text */
/*-------------------
       Coupling
--------------------*/
/* Icon */
/*******************************
         Variations
*******************************/
/* Horizontal / Vertical */
/* Inverted */
/* Section */
/* Sizes */
/*******************************
            Divider
*******************************/
.ui.divider {
  margin: 1rem 0rem;
  line-height: 1;
  height: 0em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(0, 0, 0, 0.85);
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*--------------
      Basic
---------------*/
.ui.divider:not(.vertical):not(.horizontal) {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/*--------------
    Coupling
---------------*/
/* Allow divider between each column row */
.ui.grid > .column + .divider,
.ui.grid > .row > .column + .divider {
  left: auto;
}
/*--------------
   Horizontal
---------------*/
.ui.horizontal.divider {
  display: table;
  white-space: nowrap;
  height: auto;
  margin: '';
  line-height: 1;
  text-align: center;
}
.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  content: '';
  display: table-cell;
  position: relative;
  top: 50%;
  width: 50%;
  background-repeat: no-repeat;
}
.ui.horizontal.divider:before {
  background-position: right 1em top 50%;
}
.ui.horizontal.divider:after {
  background-position: left 1em top 50%;
}
/*--------------
    Vertical
---------------*/
.ui.vertical.divider {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin: 0rem;
  padding: 0em;
  width: auto;
  height: 50%;
  line-height: 0em;
  text-align: center;
  transform: translateX(-50%);
}
.ui.vertical.divider:before,
.ui.vertical.divider:after {
  position: absolute;
  left: 50%;
  content: '';
  z-index: 3;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  width: 0%;
  height: calc(100% -  1rem );
}
.ui.vertical.divider:before {
  top: -100%;
}
.ui.vertical.divider:after {
  top: auto;
  bottom: 0px;
}
/* Inside grid */
@media only screen and (max-width: 767px) {
  .ui.stackable.grid .ui.vertical.divider,
  .ui.grid .stackable.row .ui.vertical.divider {
    display: table;
    white-space: nowrap;
    height: auto;
    margin: '';
    overflow: hidden;
    line-height: 1;
    text-align: center;
    position: static;
    top: 0;
    left: 0;
    transform: none;
  }
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    position: static;
    left: 0;
    border-left: none;
    border-right: none;
    content: '';
    display: table-cell;
    position: relative;
    top: 50%;
    width: 50%;
    background-repeat: no-repeat;
  }
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before {
    background-position: right 1em top 50%;
  }
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    background-position: left 1em top 50%;
  }
}
/*--------------
      Icon
---------------*/
.ui.divider > .icon {
  margin: 0rem;
  font-size: 1rem;
  height: 1em;
  vertical-align: middle;
}
/*******************************
          Variations
*******************************/
/*--------------
    Hidden
---------------*/
.ui.hidden.divider {
  border-color: transparent !important;
}
.ui.hidden.divider:before,
.ui.hidden.divider:after {
  display: none;
}
/*--------------
    Inverted
---------------*/
.ui.divider.inverted,
.ui.vertical.inverted.divider,
.ui.horizontal.inverted.divider {
  color: #FFFFFF;
}
.ui.divider.inverted,
.ui.divider.inverted:after,
.ui.divider.inverted:before {
  border-top-color: rgba(34, 36, 38, 0.15) !important;
  border-left-color: rgba(34, 36, 38, 0.15) !important;
  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
  border-right-color: rgba(255, 255, 255, 0.15) !important;
}
/*--------------
    Fitted
---------------*/
.ui.fitted.divider {
  margin: 0em;
}
/*--------------
    Clearing
---------------*/
.ui.clearing.divider {
  clear: both;
}
/*--------------
    Section
---------------*/
.ui.section.divider {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
/*--------------
     Sizes
---------------*/
.ui.divider {
  font-size: 1rem;
}
/*******************************
         Theme Overrides
*******************************/
.ui.horizontal.divider:before,
.ui.horizontal.divider:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}
@media only screen and (max-width: 767px) {
  .ui.stackable.grid .ui.vertical.divider:before,
  .ui.grid .stackable.row .ui.vertical.divider:before,
  .ui.stackable.grid .ui.vertical.divider:after,
  .ui.grid .stackable.row .ui.vertical.divider:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
  }
}
/*!
 * # Semantic UI - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Flag
*******************************/
/*-------------------
       Element
--------------------*/
/*******************************
             Flag
*******************************/
i.flag:not(.icon) {
  display: inline-block;
  width: 16px;
  height: 11px;
  line-height: 11px;
  vertical-align: baseline;
  margin: 0em 0.5em 0em 0em;
  text-decoration: inherit;
  speak: none;
  font-smoothing: antialiased;
  backface-visibility: hidden;
}
/* Sprite */
i.flag:not(.icon):before {
  display: inline-block;
  content: '';
  background: url(/99f63ae7a743f21ab308.png) no-repeat -108px -1976px;
  width: 16px;
  height: 11px;
}
/* Flag Sprite Based On http://www.famfamfam.com/lab/icons/flags/ */
/*******************************
         Theme Overrides
*******************************/
i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0px 0px;
}
i.flag.ae:before,
i.flag.united.arab.emirates:before,
i.flag.uae:before {
  background-position: 0px -26px;
}
i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0px -52px;
}
i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0px -78px;
}
i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0px -104px;
}
i.flag.al:before,
i.flag.albania:before {
  background-position: 0px -130px;
}
i.flag.am:before,
i.flag.armenia:before {
  background-position: 0px -156px;
}
i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0px -182px;
}
i.flag.ao:before,
i.flag.angola:before {
  background-position: 0px -208px;
}
i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0px -234px;
}
i.flag.as:before,
i.flag.american.samoa:before {
  background-position: 0px -260px;
}
i.flag.at:before,
i.flag.austria:before {
  background-position: 0px -286px;
}
i.flag.au:before,
i.flag.australia:before {
  background-position: 0px -312px;
}
i.flag.aw:before,
i.flag.aruba:before {
  background-position: 0px -338px;
}
i.flag.ax:before,
i.flag.aland.islands:before {
  background-position: 0px -364px;
}
i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0px -390px;
}
i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0px -416px;
}
i.flag.bb:before,
i.flag.barbados:before {
  background-position: 0px -442px;
}
i.flag.bd:before,
i.flag.bangladesh:before {
  background-position: 0px -468px;
}
i.flag.be:before,
i.flag.belgium:before {
  background-position: 0px -494px;
}
i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0px -520px;
}
i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0px -546px;
}
i.flag.bh:before,
i.flag.bahrain:before {
  background-position: 0px -572px;
}
i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0px -598px;
}
i.flag.bj:before,
i.flag.benin:before {
  background-position: 0px -624px;
}
i.flag.bm:before,
i.flag.bermuda:before {
  background-position: 0px -650px;
}
i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0px -676px;
}
i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0px -702px;
}
i.flag.br:before,
i.flag.brazil:before {
  background-position: 0px -728px;
}
i.flag.bs:before,
i.flag.bahamas:before {
  background-position: 0px -754px;
}
i.flag.bt:before,
i.flag.bhutan:before {
  background-position: 0px -780px;
}
i.flag.bv:before,
i.flag.bouvet.island:before {
  background-position: 0px -806px;
}
i.flag.bw:before,
i.flag.botswana:before {
  background-position: 0px -832px;
}
i.flag.by:before,
i.flag.belarus:before {
  background-position: 0px -858px;
}
i.flag.bz:before,
i.flag.belize:before {
  background-position: 0px -884px;
}
i.flag.ca:before,
i.flag.canada:before {
  background-position: 0px -910px;
}
i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0px -962px;
}
i.flag.cd:before,
i.flag.congo:before {
  background-position: 0px -988px;
}
i.flag.cf:before,
i.flag.central.african.republic:before {
  background-position: 0px -1014px;
}
i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0px -1040px;
}
i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0px -1066px;
}
i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0px -1092px;
}
i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0px -1118px;
}
i.flag.cl:before,
i.flag.chile:before {
  background-position: 0px -1144px;
}
i.flag.cm:before,
i.flag.cameroon:before {
  background-position: 0px -1170px;
}
i.flag.cn:before,
i.flag.china:before {
  background-position: 0px -1196px;
}
i.flag.co:before,
i.flag.colombia:before {
  background-position: 0px -1222px;
}
i.flag.cr:before,
i.flag.costa.rica:before {
  background-position: 0px -1248px;
}
i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0px -1274px;
}
i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0px -1300px;
}
i.flag.cv:before,
i.flag.cape.verde:before {
  background-position: 0px -1326px;
}
i.flag.cx:before,
i.flag.christmas.island:before {
  background-position: 0px -1352px;
}
i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0px -1378px;
}
i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0px -1404px;
}
i.flag.de:before,
i.flag.germany:before {
  background-position: 0px -1430px;
}
i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0px -1456px;
}
i.flag.dk:before,
i.flag.denmark:before {
  background-position: 0px -1482px;
}
i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0px -1508px;
}
i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0px -1534px;
}
i.flag.dz:before,
i.flag.algeria:before {
  background-position: 0px -1560px;
}
i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0px -1586px;
}
i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0px -1612px;
}
i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0px -1638px;
}
i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0px -1664px;
}
i.flag.gb.eng:before,
i.flag.england:before {
  background-position: 0px -1690px;
}
i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0px -1716px;
}
i.flag.es:before,
i.flag.spain:before {
  background-position: 0px -1742px;
}
i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0px -1768px;
}
i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0px -1794px;
}
i.flag.fi:before,
i.flag.finland:before {
  background-position: 0px -1846px;
}
i.flag.fj:before,
i.flag.fiji:before {
  background-position: 0px -1872px;
}
i.flag.fk:before,
i.flag.falkland.islands:before {
  background-position: 0px -1898px;
}
i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0px -1924px;
}
i.flag.fo:before,
i.flag.faroe.islands:before {
  background-position: 0px -1950px;
}
i.flag.fr:before,
i.flag.france:before {
  background-position: 0px -1976px;
}
i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0px;
}
i.flag.gb:before,
i.flag.uk:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px;
}
i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px;
}
i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px;
}
i.flag.gf:before,
i.flag.french.guiana:before {
  background-position: -36px -104px;
}
i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px;
}
i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px;
}
i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px;
}
i.flag.gm:before,
i.flag.gambia:before {
  background-position: -36px -208px;
}
i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px;
}
i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px;
}
i.flag.gq:before,
i.flag.equatorial.guinea:before {
  background-position: -36px -286px;
}
i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px;
}
i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px;
}
i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px;
}
i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px;
}
i.flag.gw:before,
i.flag.guinea-bissau:before {
  background-position: -36px -416px;
}
i.flag.gy:before,
i.flag.guyana:before {
  background-position: -36px -442px;
}
i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px;
}
i.flag.hm:before,
i.flag.heard.island:before {
  background-position: -36px -494px;
}
i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px;
}
i.flag.hr:before,
i.flag.croatia:before {
  background-position: -36px -546px;
}
i.flag.ht:before,
i.flag.haiti:before {
  background-position: -36px -572px;
}
i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px;
}
i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px;
}
i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px;
}
i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px;
}
i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px;
}
i.flag.io:before,
i.flag.indian.ocean.territory:before {
  background-position: -36px -728px;
}
i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px;
}
i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px;
}
i.flag.is:before,
i.flag.iceland:before {
  background-position: -36px -806px;
}
i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px;
}
i.flag.jm:before,
i.flag.jamaica:before {
  background-position: -36px -858px;
}
i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px;
}
i.flag.jp:before,
i.flag.japan:before {
  background-position: -36px -910px;
}
i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px;
}
i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px;
}
i.flag.kh:before,
i.flag.cambodia:before {
  background-position: -36px -988px;
}
i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px;
}
i.flag.km:before,
i.flag.comoros:before {
  background-position: -36px -1040px;
}
i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px;
}
i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px;
}
i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px;
}
i.flag.kw:before,
i.flag.kuwait:before {
  background-position: -36px -1144px;
}
i.flag.ky:before,
i.flag.cayman.islands:before {
  background-position: -36px -1170px;
}
i.flag.kz:before,
i.flag.kazakhstan:before {
  background-position: -36px -1196px;
}
i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px;
}
i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px;
}
i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px;
}
i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px;
}
i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px;
}
i.flag.lr:before,
i.flag.liberia:before {
  background-position: -36px -1352px;
}
i.flag.ls:before,
i.flag.lesotho:before {
  background-position: -36px -1378px;
}
i.flag.lt:before,
i.flag.lithuania:before {
  background-position: -36px -1404px;
}
i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px;
}
i.flag.lv:before,
i.flag.latvia:before {
  background-position: -36px -1456px;
}
i.flag.ly:before,
i.flag.libya:before {
  background-position: -36px -1482px;
}
i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px;
}
i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px;
}
i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px;
}
i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px;
}
i.flag.mg:before,
i.flag.madagascar:before {
  background-position: -36px -1613px;
}
i.flag.mh:before,
i.flag.marshall.islands:before {
  background-position: -36px -1639px;
}
i.flag.mk:before,
i.flag.macedonia:before {
  background-position: -36px -1665px;
}
i.flag.ml:before,
i.flag.mali:before {
  background-position: -36px -1691px;
}
i.flag.mm:before,
i.flag.myanmar:before,
i.flag.burma:before {
  background-position: -73px -1821px;
}
i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px;
}
i.flag.mo:before,
i.flag.macau:before {
  background-position: -36px -1769px;
}
i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px;
}
i.flag.mq:before,
i.flag.martinique:before {
  background-position: -36px -1821px;
}
i.flag.mr:before,
i.flag.mauritania:before {
  background-position: -36px -1847px;
}
i.flag.ms:before,
i.flag.montserrat:before {
  background-position: -36px -1873px;
}
i.flag.mt:before,
i.flag.malta:before {
  background-position: -36px -1899px;
}
i.flag.mu:before,
i.flag.mauritius:before {
  background-position: -36px -1925px;
}
i.flag.mv:before,
i.flag.maldives:before {
  background-position: -36px -1951px;
}
i.flag.mw:before,
i.flag.malawi:before {
  background-position: -36px -1977px;
}
i.flag.mx:before,
i.flag.mexico:before {
  background-position: -72px 0px;
}
i.flag.my:before,
i.flag.malaysia:before {
  background-position: -72px -26px;
}
i.flag.mz:before,
i.flag.mozambique:before {
  background-position: -72px -52px;
}
i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px;
}
i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px;
}
i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px;
}
i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px;
}
i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px;
}
i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px;
}
i.flag.nl:before,
i.flag.netherlands:before {
  background-position: -72px -234px;
}
i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px;
}
i.flag.np:before,
i.flag.nepal:before {
  background-position: -72px -286px;
}
i.flag.nr:before,
i.flag.nauru:before {
  background-position: -72px -312px;
}
i.flag.nu:before,
i.flag.niue:before {
  background-position: -72px -338px;
}
i.flag.nz:before,
i.flag.new.zealand:before {
  background-position: -72px -364px;
}
i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px;
}
i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px;
}
i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px;
}
i.flag.pf:before,
i.flag.french.polynesia:before {
  background-position: -72px -468px;
}
i.flag.pg:before,
i.flag.new.guinea:before {
  background-position: -72px -494px;
}
i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px;
}
i.flag.pk:before,
i.flag.pakistan:before {
  background-position: -72px -546px;
}
i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px;
}
i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px;
}
i.flag.pn:before,
i.flag.pitcairn.islands:before {
  background-position: -72px -624px;
}
i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px;
}
i.flag.ps:before,
i.flag.palestine:before {
  background-position: -72px -676px;
}
i.flag.pt:before,
i.flag.portugal:before {
  background-position: -72px -702px;
}
i.flag.pw:before,
i.flag.palau:before {
  background-position: -72px -728px;
}
i.flag.py:before,
i.flag.paraguay:before {
  background-position: -72px -754px;
}
i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px;
}
i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px;
}
i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px;
}
i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px;
}
i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px;
}
i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px;
}
i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px;
}
i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px;
}
i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px;
}
i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px;
}
i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px;
}
i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px;
}
i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px;
}
i.flag.sh:before,
i.flag.saint.helena:before {
  background-position: -72px -1118px;
}
i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px;
}
i.flag.sj:before,
i.flag.svalbard:before,
i.flag.jan.mayen:before {
  background-position: -72px -1170px;
}
i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px;
}
i.flag.sl:before,
i.flag.sierra.leone:before {
  background-position: -72px -1222px;
}
i.flag.sm:before,
i.flag.san.marino:before {
  background-position: -72px -1248px;
}
i.flag.sn:before,
i.flag.senegal:before {
  background-position: -72px -1274px;
}
i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px;
}
i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px;
}
i.flag.st:before,
i.flag.sao.tome:before {
  background-position: -72px -1352px;
}
i.flag.sv:before,
i.flag.el.salvador:before {
  background-position: -72px -1378px;
}
i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px;
}
i.flag.sz:before,
i.flag.swaziland:before {
  background-position: -72px -1430px;
}
i.flag.tc:before,
i.flag.caicos.islands:before {
  background-position: -72px -1456px;
}
i.flag.td:before,
i.flag.chad:before {
  background-position: -72px -1482px;
}
i.flag.tf:before,
i.flag.french.territories:before {
  background-position: -72px -1508px;
}
i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px;
}
i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px;
}
i.flag.tj:before,
i.flag.tajikistan:before {
  background-position: -72px -1586px;
}
i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px;
}
i.flag.tl:before,
i.flag.timorleste:before {
  background-position: -72px -1638px;
}
i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px;
}
i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px;
}
i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px;
}
i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px;
}
i.flag.tt:before,
i.flag.trinidad:before {
  background-position: -72px -1768px;
}
i.flag.tv:before,
i.flag.tuvalu:before {
  background-position: -72px -1794px;
}
i.flag.tw:before,
i.flag.taiwan:before {
  background-position: -72px -1820px;
}
i.flag.tz:before,
i.flag.tanzania:before {
  background-position: -72px -1846px;
}
i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px;
}
i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px;
}
i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px;
}
i.flag.us:before,
i.flag.america:before,
i.flag.united.states:before {
  background-position: -72px -1950px;
}
i.flag.uy:before,
i.flag.uruguay:before {
  background-position: -72px -1976px;
}
i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0px;
}
i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px;
}
i.flag.vc:before,
i.flag.saint.vincent:before {
  background-position: -108px -52px;
}
i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px;
}
i.flag.vg:before,
i.flag.british.virgin.islands:before {
  background-position: -108px -104px;
}
i.flag.vi:before,
i.flag.us.virgin.islands:before {
  background-position: -108px -130px;
}
i.flag.vn:before,
i.flag.vietnam:before {
  background-position: -108px -156px;
}
i.flag.vu:before,
i.flag.vanuatu:before {
  background-position: -108px -182px;
}
i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px;
}
i.flag.wf:before,
i.flag.wallis.and.futuna:before {
  background-position: -108px -234px;
}
i.flag.ws:before,
i.flag.samoa:before {
  background-position: -108px -260px;
}
i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px;
}
i.flag.yt:before,
i.flag.mayotte:before {
  background-position: -108px -312px;
}
i.flag.za:before,
i.flag.south.africa:before {
  background-position: -108px -338px;
}
i.flag.zm:before,
i.flag.zambia:before {
  background-position: -108px -364px;
}
i.flag.zw:before,
i.flag.zimbabwe:before {
  background-position: -108px -390px;
}
/*!
 * # Semantic UI - Header
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Header
*******************************/
/*-------------------
       Element
--------------------*/
/* Sub Heading */
/* Sub Header */
/* Icon */
/* Image */
/* Label */
/* TerminalTypeModalContent */
/* Paragraph after Header */
/*-------------------
      Variations
--------------------*/
/* Sizing */
/* Sub Header */
/* Icon Header */
/* No Line Height Offset */
/* Divided */
/* Block */
/* Attached */
/* Inverted */
/* Floated */
/*******************************
            Header
*******************************/
/* Standard */
.ui.header {
  border: none;
  margin: calc(2rem -  0.14285714em ) 0em 1rem;
  padding: 0em 0em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.28571429em;
  text-transform: none;
  color: var(--basic-on-bg-primary);
}
.ui.header:first-child {
  margin-top: -0.14285714em;
}
.ui.header:last-child {
  margin-bottom: 0em;
}
/*--------------
   Sub Header
---------------*/
.ui.header .sub.header {
  display: block;
  font-weight: normal;
  padding: 0em;
  margin: 0em;
  font-size: 1rem;
  line-height: 1.2em;
  color: #999999;
}
/*--------------
      Icon
---------------*/
.ui.header > .icon {
  display: table-cell;
  opacity: 1;
  font-size: 1.5em;
  padding-top: 0em;
  vertical-align: middle;
}
/* With Text Node */
.ui.header .icon:only-child {
  display: inline-block;
  padding: 0em;
  margin-right: 0.75rem;
}
/*-------------------
        Image
--------------------*/
.ui.header > .image:not(.icon),
.ui.header > img {
  display: inline-block;
  margin-top: 0.14285714em;
  width: 2.5em;
  height: auto;
  vertical-align: middle;
}
.ui.header > .image:not(.icon):only-child,
.ui.header > img:only-child {
  margin-right: 0.75rem;
}
/*--------------
     Content
---------------*/
.ui.header .content {
  display: inline-block;
  vertical-align: top;
}
/* After Image */
.ui.header > img + .content,
.ui.header > .image + .content {
  padding-left: 0.75rem;
  vertical-align: middle;
}
/* After Icon */
.ui.header > .icon + .content {
  padding-left: 0.75rem;
  display: table-cell;
  vertical-align: middle;
}
/*--------------
 Loose Coupling
---------------*/
.ui.header .ui.label {
  font-size: '';
  margin-left: 0.5rem;
  vertical-align: middle;
}
/* Positioning */
.ui.header + p {
  margin-top: 0em;
}
/*******************************
            Types
*******************************/
/*--------------
     Page
---------------*/
h1.ui.header {
  font-size: 2rem;
}
h2.ui.header {
  font-size: 1.71428571rem;
}
h3.ui.header {
  font-size: 1.28571429rem;
}
h4.ui.header {
  font-size: 1.07142857rem;
}
h5.ui.header {
  font-size: 1rem;
}
/* Sub Header */
h1.ui.header .sub.header {
  font-size: 1.14285714rem;
}
h2.ui.header .sub.header {
  font-size: 1.14285714rem;
}
h3.ui.header .sub.header {
  font-size: 1rem;
}
h4.ui.header .sub.header {
  font-size: 1rem;
}
h5.ui.header .sub.header {
  font-size: 0.92857143rem;
}
/*--------------
 Content Heading
---------------*/
.ui.huge.header {
  min-height: 1em;
  font-size: 2em;
}
.ui.large.header {
  font-size: 1.71428571em;
}
.ui.medium.header {
  font-size: 1.28571429em;
}
.ui.small.header {
  font-size: 1.07142857em;
}
.ui.tiny.header {
  font-size: 1em;
}
/* Sub Header */
.ui.huge.header .sub.header {
  font-size: 1.14285714rem;
}
.ui.large.header .sub.header {
  font-size: 1.14285714rem;
}
.ui.header .sub.header {
  font-size: 1rem;
}
.ui.small.header .sub.header {
  font-size: 1rem;
}
.ui.tiny.header .sub.header {
  font-size: 0.92857143rem;
}
/*--------------
   Sub Heading
---------------*/
.ui.sub.header {
  padding: 0em;
  margin-bottom: 0.14285714rem;
  font-weight: bold;
  font-size: 0.85714286em;
  text-transform: uppercase;
  color: '';
}
.ui.small.sub.header {
  font-size: 0.78571429em;
}
.ui.sub.header {
  font-size: 0.85714286em;
}
.ui.large.sub.header {
  font-size: 0.92857143em;
}
.ui.huge.sub.header {
  font-size: 1em;
}
/*-------------------
        Icon
--------------------*/
.ui.icon.header {
  display: inline-block;
  text-align: center;
  margin: 2rem 0em 1rem;
}
.ui.icon.header:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.ui.icon.header:first-child {
  margin-top: 0em;
}
.ui.icon.header .icon {
  float: none;
  display: block;
  width: auto;
  height: auto;
  line-height: 1;
  padding: 0em;
  font-size: 3em;
  margin: 0em auto 0.5rem;
  opacity: 1;
}
.ui.icon.header .content {
  display: block;
  padding: 0em;
}
.ui.icon.header .circular.icon {
  font-size: 2em;
}
.ui.icon.header .square.icon {
  font-size: 2em;
}
.ui.block.icon.header .icon {
  margin-bottom: 0em;
}
.ui.icon.header.aligned {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
/*******************************
            States
*******************************/
.ui.disabled.header {
  opacity: 0.6;
}
/*******************************
           Variations
*******************************/
/*-------------------
      Inverted
--------------------*/
.ui.inverted.header {
  color: #FFFFFF;
}
.ui.inverted.header .sub.header {
  color: rgba(255, 255, 255, 0.8);
}
.ui.inverted.attached.header {
  background: #999999 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
  border-color: transparent;
}
.ui.inverted.block.header {
  background: #999999 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  box-shadow: none;
}
.ui.inverted.block.header {
  border-bottom: none;
}
/*-------------------
       Colors
--------------------*/
/*--- Red ---*/
.ui.red.header {
  color: var(--inputs_border_error) !important;
}
a.ui.red.header:hover {
  color: var(--error-darken-05-saturate-10) !important;
}
.ui.red.dividing.header {
  border-bottom: 2px solid var(--inputs_border_error);
}
/* Inverted */
.ui.inverted.red.header {
  color: #FF695E !important;
}
a.ui.inverted.red.header:hover {
  color: #ff5144 !important;
}
/*--- Orange ---*/
.ui.orange.header {
  color: var(--common_alert) !important;
}
a.ui.orange.header:hover {
  color: var(--negative-darken-05-saturate-10) !important;
}
.ui.orange.dividing.header {
  border-bottom: 2px solid var(--common_alert);
}
/* Inverted */
.ui.inverted.orange.header {
  color: #FF851B !important;
}
a.ui.inverted.orange.header:hover {
  color: #ff7701 !important;
}
/*--- Olive ---*/
.ui.olive.header {
  color: #B5CC18 !important;
}
a.ui.olive.header:hover {
  color: #a7bd0d !important;
}
.ui.olive.dividing.header {
  border-bottom: 2px solid #B5CC18;
}
/* Inverted */
.ui.inverted.olive.header {
  color: #D9E778 !important;
}
a.ui.inverted.olive.header:hover {
  color: #d8ea5c !important;
}
/*--- Yellow ---*/
.ui.yellow.header {
  color: #fcc73b !important;
}
a.ui.yellow.header:hover {
  color: #ffc11f !important;
}
.ui.yellow.dividing.header {
  border-bottom: 2px solid #fcc73b;
}
/* Inverted */
.ui.inverted.yellow.header {
  color: #FFE21F !important;
}
a.ui.inverted.yellow.header:hover {
  color: #ffdf05 !important;
}
/*--- Green ---*/
.ui.green.header {
  color: #73D822 !important;
}
a.ui.green.header:hover {
  color: #66ca16 !important;
}
.ui.green.dividing.header {
  border-bottom: 2px solid #73D822;
}
/* Inverted */
.ui.inverted.green.header {
  color: #2ECC40 !important;
}
a.ui.inverted.green.header:hover {
  color: #22be34 !important;
}
/*--- Teal ---*/
.ui.teal.header {
  color: var(--common_accent) !important;
}
a.ui.teal.header:hover {
  color: var(--accent-darken-05-saturate-10) !important;
}
.ui.teal.dividing.header {
  border-bottom: 2px solid var(--common_accent);
}
/* Inverted */
.ui.inverted.teal.header {
  color: #b2e8e0 !important;
}
a.ui.inverted.teal.header:hover {
  color: #9be6da !important;
}
/*--- Blue ---*/
.ui.blue.header {
  color: #199ed8 !important;
}
a.ui.blue.header:hover {
  color: #0e91ca !important;
}
.ui.blue.dividing.header {
  border-bottom: 2px solid #199ed8;
}
/* Inverted */
.ui.inverted.blue.header {
  color: #54c2f7 !important;
}
a.ui.inverted.blue.header:hover {
  color: #32bdff !important;
}
/*--- Violet ---*/
.ui.violet.header {
  color: #6b80ef !important;
}
a.ui.violet.header:hover {
  color: #4c67f4 !important;
}
.ui.violet.dividing.header {
  border-bottom: 2px solid #6b80ef;
}
/* Inverted */
.ui.inverted.violet.header {
  color: #A291FB !important;
}
a.ui.inverted.violet.header:hover {
  color: #8a73ff !important;
}
/*--- Purple ---*/
.ui.purple.header {
  color: #A333C8 !important;
}
a.ui.purple.header:hover {
  color: #9627ba !important;
}
.ui.purple.dividing.header {
  border-bottom: 2px solid #A333C8;
}
/* Inverted */
.ui.inverted.purple.header {
  color: #f48ef5 !important;
}
a.ui.inverted.purple.header:hover {
  color: #f870f9 !important;
}
/*--- Pink ---*/
.ui.pink.header {
  color: #E03997 !important;
}
a.ui.pink.header:hover {
  color: #e61a8d !important;
}
.ui.pink.dividing.header {
  border-bottom: 2px solid #E03997;
}
/* Inverted */
.ui.inverted.pink.header {
  color: #FF8EDF !important;
}
a.ui.inverted.pink.header:hover {
  color: #ff74d8 !important;
}
/*--- Brown ---*/
.ui.brown.header {
  color: #A5673F !important;
}
a.ui.brown.header:hover {
  color: #975b33 !important;
}
.ui.brown.dividing.header {
  border-bottom: 2px solid #A5673F;
}
/* Inverted */
.ui.inverted.brown.header {
  color: #D67C1C !important;
}
a.ui.inverted.brown.header:hover {
  color: #c86f11 !important;
}
/*--- Grey ---*/
.ui.grey.header {
  color: #DCDDDE !important;
}
a.ui.grey.header:hover {
  color: #e9eaea !important;
}
.ui.grey.dividing.header {
  border-bottom: 2px solid #DCDDDE;
}
/* Inverted */
.ui.inverted.grey.header {
  color: #ECECEC !important;
}
a.ui.inverted.grey.header:hover {
  color: #dfdfdf !important;
}
/*-------------------
       Aligned
--------------------*/
.ui.left.aligned.header {
  text-align: left;
}
.ui.right.aligned.header {
  text-align: right;
}
.ui.centered.header,
.ui.center.aligned.header {
  text-align: center;
}
.ui.justified.header {
  text-align: justify;
}
.ui.justified.header:after {
  display: inline-block;
  content: '';
  width: 100%;
}
/*-------------------
       Floated
--------------------*/
.ui.floated.header,
.ui[class*="left floated"].header {
  float: left;
  margin-top: 0em;
  margin-right: 0.5em;
}
.ui[class*="right floated"].header {
  float: right;
  margin-top: 0em;
  margin-left: 0.5em;
}
/*-------------------
       Fitted
--------------------*/
.ui.fitted.header {
  padding: 0em;
}
/*-------------------
      Dividing
--------------------*/
.ui.dividing.header {
  padding-bottom: 0.21428571rem;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.dividing.header .sub.header {
  padding-bottom: 0.21428571rem;
}
.ui.dividing.header .icon {
  margin-bottom: 0em;
}
.ui.inverted.dividing.header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
/*-------------------
        Block
--------------------*/
.ui.block.header {
  background: #F8F8F8;
  padding: 0.78571429rem 1rem;
  box-shadow: none;
  border: 1px solid #D4D4D5;
  border-radius: 0.28571429rem;
}
.ui.tiny.block.header {
  font-size: 0.85714286rem;
}
.ui.small.block.header {
  font-size: 0.92857143rem;
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1rem;
}
.ui.large.block.header {
  font-size: 1.14285714rem;
}
.ui.huge.block.header {
  font-size: 1.42857143rem;
}
/*-------------------
       Attached
--------------------*/
.ui.attached.header {
  background: #FFFFFF;
  padding: 0.78571429rem 1rem;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached.block.header {
  background: #F8F8F8;
}
.ui.attached:not(.top):not(.bottom).header {
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: none;
  border-radius: 0em;
}
.ui.top.attached.header {
  margin-bottom: 0em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.bottom.attached.header {
  margin-top: 0em;
  border-top: none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Attached Sizes */
.ui.tiny.attached.header {
  font-size: 0.85714286em;
}
.ui.small.attached.header {
  font-size: 0.92857143em;
}
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1em;
}
.ui.large.attached.header {
  font-size: 1.14285714em;
}
.ui.huge.attached.header {
  font-size: 1.42857143em;
}
/*-------------------
        Sizing
--------------------*/
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28571429em;
}
/*******************************
         Theme Overrides
*******************************/
h3.ui.header {
  color: var(--common_accent);
}
h5.ui.header {
  color: var(--common_accent);
}
h4.ui.header {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}
/*!
 * # Semantic UI - Icon
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Icon
*******************************/
/*--------------
   Definition
---------------*/
/* Icon Variables */
/* Variations */
/*******************************
             Icon
*******************************/
@font-face {
  font-family: 'Icons';
  src: url(/38c6d8bab26db77d8c80.woff2) format('woff2');
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-decoration: inherit;
  text-transform: none;
}
i.icon {
  display: inline-block;
  opacity: 1;
  margin: 0em 0.25rem 0em 0em;
  width: 1.18em;
  height: 1em;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
}
i.icon:before {
  background: none !important;
}
/*******************************
             Types
*******************************/
/*--------------
    Loading
---------------*/
i.icon.loading {
  height: 1em;
  line-height: 1;
  animation: icon-loading 2s linear infinite;
}
@keyframes icon-loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*******************************
             States
*******************************/
i.icon.hover {
  opacity: 1 !important;
}
i.icon.active {
  opacity: 1 !important;
}
i.emphasized.icon {
  opacity: 1 !important;
}
i.disabled.icon {
  opacity: 0.6 !important;
}
/*******************************
           Variations
*******************************/
/*-------------------
        Fitted
--------------------*/
i.fitted.icon {
  width: auto;
  margin: 0em !important;
}
/*-------------------
         Link
--------------------*/
i.link.icon,
i.link.icons {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.1s ease;
}
i.link.icon:hover,
i.link.icons:hover {
  opacity: 1 !important;
}
/*-------------------
      Circular
--------------------*/
i.circular.icon {
  border-radius: 500em !important;
  line-height: 1 !important;
  padding: 0.5em 0em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
  width: 2em !important;
  height: 2em !important;
}
i.circular.inverted.icon {
  border: none;
  box-shadow: none;
}
/*-------------------
      Flipped
--------------------*/
i.flipped.icon,
i.horizontally.flipped.icon {
  transform: scale(-1, 1);
}
i.vertically.flipped.icon {
  transform: scale(1, -1);
}
/*-------------------
      Rotated
--------------------*/
i.rotated.icon,
i.right.rotated.icon,
i.clockwise.rotated.icon {
  transform: rotate(90deg);
}
i.left.rotated.icon,
i.counterclockwise.rotated.icon {
  transform: rotate(-90deg);
}
/*-------------------
      Bordered
--------------------*/
i.bordered.icon {
  line-height: 1;
  vertical-align: baseline;
  width: 2em;
  height: 2em;
  padding: 0.5em 0em !important;
  box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
}
i.bordered.inverted.icon {
  border: none;
  box-shadow: none;
}
/*-------------------
      Inverted
--------------------*/
/* Inverted Shapes */
i.inverted.bordered.icon,
i.inverted.circular.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
i.inverted.icon {
  color: #FFFFFF;
}
/*-------------------
       Colors
--------------------*/
/* Red */
i.red.icon {
  color: var(--inputs_border_error) !important;
}
i.inverted.red.icon {
  color: #FF695E !important;
}
i.inverted.bordered.red.icon,
i.inverted.circular.red.icon {
  background-color: var(--inputs_border_error) !important;
  color: #FFFFFF !important;
}
/* Orange */
i.orange.icon {
  color: var(--common_alert) !important;
}
i.inverted.orange.icon {
  color: #FF851B !important;
}
i.inverted.bordered.orange.icon,
i.inverted.circular.orange.icon {
  background-color: var(--common_alert) !important;
  color: #FFFFFF !important;
}
/* Yellow */
i.yellow.icon {
  color: #fcc73b !important;
}
i.inverted.yellow.icon {
  color: #FFE21F !important;
}
i.inverted.bordered.yellow.icon,
i.inverted.circular.yellow.icon {
  background-color: #fcc73b !important;
  color: #FFFFFF !important;
}
/* Olive */
i.olive.icon {
  color: #B5CC18 !important;
}
i.inverted.olive.icon {
  color: #D9E778 !important;
}
i.inverted.bordered.olive.icon,
i.inverted.circular.olive.icon {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Green */
i.green.icon {
  color: #73D822 !important;
}
i.inverted.green.icon {
  color: #2ECC40 !important;
}
i.inverted.bordered.green.icon,
i.inverted.circular.green.icon {
  background-color: #73D822 !important;
  color: #FFFFFF !important;
}
/* Teal */
i.teal.icon {
  color: var(--common_accent) !important;
}
i.inverted.teal.icon {
  color: #b2e8e0 !important;
}
i.inverted.bordered.teal.icon,
i.inverted.circular.teal.icon {
  background-color: var(--common_accent) !important;
  color: #FFFFFF !important;
}
/* Blue */
i.blue.icon {
  color: #199ed8 !important;
}
i.inverted.blue.icon {
  color: #54c2f7 !important;
}
i.inverted.bordered.blue.icon,
i.inverted.circular.blue.icon {
  background-color: #199ed8 !important;
  color: #FFFFFF !important;
}
/* Violet */
i.violet.icon {
  color: #6b80ef !important;
}
i.inverted.violet.icon {
  color: #A291FB !important;
}
i.inverted.bordered.violet.icon,
i.inverted.circular.violet.icon {
  background-color: #6b80ef !important;
  color: #FFFFFF !important;
}
/* Purple */
i.purple.icon {
  color: #A333C8 !important;
}
i.inverted.purple.icon {
  color: #f48ef5 !important;
}
i.inverted.bordered.purple.icon,
i.inverted.circular.purple.icon {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Pink */
i.pink.icon {
  color: #E03997 !important;
}
i.inverted.pink.icon {
  color: #FF8EDF !important;
}
i.inverted.bordered.pink.icon,
i.inverted.circular.pink.icon {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Brown */
i.brown.icon {
  color: #A5673F !important;
}
i.inverted.brown.icon {
  color: #D67C1C !important;
}
i.inverted.bordered.brown.icon,
i.inverted.circular.brown.icon {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Grey */
i.grey.icon {
  color: #DCDDDE !important;
}
i.inverted.grey.icon {
  color: #ECECEC !important;
}
i.inverted.bordered.grey.icon,
i.inverted.circular.grey.icon {
  background-color: #DCDDDE !important;
  color: #FFFFFF !important;
}
/* Black */
i.black.icon {
  color: #1B1C1D !important;
}
i.inverted.black.icon {
  color: #999999 !important;
}
i.inverted.bordered.black.icon,
i.inverted.circular.black.icon {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/*-------------------
        Sizes
--------------------*/
i.mini.icon,
i.mini.icons {
  line-height: 1;
  font-size: 0.4em;
}
i.tiny.icon,
i.tiny.icons {
  line-height: 1;
  font-size: 0.5em;
}
i.small.icon,
i.small.icons {
  line-height: 1;
  font-size: 0.75em;
}
i.icon,
i.icons {
  font-size: 1em;
}
i.large.icon,
i.large.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 1.5em;
}
i.big.icon,
i.big.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 2em;
}
i.huge.icon,
i.huge.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 4em;
}
i.massive.icon,
i.massive.icons {
  line-height: 1;
  vertical-align: middle;
  font-size: 8em;
}
/*******************************
            Groups
*******************************/
i.icons {
  display: inline-block;
  position: relative;
  line-height: 1;
}
i.icons .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  margin: 0em;
  margin: 0;
}
i.icons .icon:first-child {
  position: static;
  width: auto;
  height: auto;
  vertical-align: top;
  transform: none;
  margin-right: 0.25rem;
}
/* Corner Icon */
i.icons .corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
  transform: none;
  font-size: 0.45em;
  text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}
i.icons .top.right.corner.icon {
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
}
i.icons .top.left.corner.icon {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
}
i.icons .bottom.left.corner.icon {
  top: auto;
  left: 0;
  right: auto;
  bottom: 0;
}
i.icons .bottom.right.corner.icon {
  top: auto;
  left: auto;
  right: 0;
  bottom: 0;
}
i.icons .inverted.corner.icon {
  text-shadow: -1px -1px 0 #1B1C1D, 1px -1px 0 #1B1C1D, -1px 1px 0 #1B1C1D, 1px 1px 0 #1B1C1D;
}
/*
 * Font Awesome 5.0.8 by @fontawesome - http://fontawesome.io - @fontawesome
 * License - https://fontawesome.com/license (Icons: CC BY 4.0 License, Fonts: SIL OFL 1.1 License, CSS: MIT License)
 */
/*******************************

Semantic-UI integration of font-awesome :

///class names are separated
i.icon.circle => i.icon.circle
i.icon.circle-o => i.icon.circle.outline

//abbreviation are replaced by full letters:
i.icon.ellipsis-h => i.icon.ellipsis.horizontal
i.icon.ellipsis-v => i.icon.ellipsis.vertical
.alpha => .i.icon.alphabet
.asc => .i.icon.ascending
.desc => .i.icon.descending
.alt =>.alternate

ASCII order is conserved for easier maintenance.

Icons that only have one style 'outline', 'square' etc do not require this class
for instance `lemon icon` not `lemon outline icon` since there is only one lemon

*******************************/
/*******************************
            Icons
*******************************/
/* Deprecated *In/Out Naming Conflict) */
i.icon.linkedin.in:before {
  content: "\f0e1";
}
i.icon.zoom.in:before {
  content: "\f00e";
}
i.icon.zoom.out:before {
  content: "\f010";
}
i.icon.sign.in:before {
  content: "\f2f6";
}
i.icon.in.cart:before {
  content: "\f218";
}
i.icon.log.out:before {
  content: "\f2f5";
}
i.icon.sign.out:before {
  content: "\f2f5";
}
/* Icons */
i.icon.\35 00px:before {
  content: "\f26e";
}
i.icon.accessible.icon:before {
  content: "\f368";
}
i.icon.accusoft:before {
  content: "\f369";
}
i.icon.address.book:before {
  content: "\f2b9";
}
i.icon.address.card:before {
  content: "\f2bb";
}
i.icon.adjust:before {
  content: "\f042";
}
i.icon.adn:before {
  content: "\f170";
}
i.icon.adversal:before {
  content: "\f36a";
}
i.icon.affiliatetheme:before {
  content: "\f36b";
}
i.icon.algolia:before {
  content: "\f36c";
}
i.icon.align.center:before {
  content: "\f037";
}
i.icon.align.justify:before {
  content: "\f039";
}
i.icon.align.left:before {
  content: "\f036";
}
i.icon.align.right:before {
  content: "\f038";
}
i.icon.amazon:before {
  content: "\f270";
}
i.icon.amazon.pay:before {
  content: "\f42c";
}
i.icon.ambulance:before {
  content: "\f0f9";
}
i.icon.american.sign.language.interpreting:before {
  content: "\f2a3";
}
i.icon.amilia:before {
  content: "\f36d";
}
i.icon.anchor:before {
  content: "\f13d";
}
i.icon.android:before {
  content: "\f17b";
}
i.icon.angellist:before {
  content: "\f209";
}
i.icon.angle.double.down:before {
  content: "\f103";
}
i.icon.angle.double.left:before {
  content: "\f100";
}
i.icon.angle.double.right:before {
  content: "\f101";
}
i.icon.angle.double.up:before {
  content: "\f102";
}
i.icon.angle.down:before {
  content: "\f107";
}
i.icon.angle.left:before {
  content: "\f104";
}
i.icon.angle.right:before {
  content: "\f105";
}
i.icon.angle.up:before {
  content: "\f106";
}
i.icon.angrycreative:before {
  content: "\f36e";
}
i.icon.angular:before {
  content: "\f420";
}
i.icon.app.store:before {
  content: "\f36f";
}
i.icon.app.store.ios:before {
  content: "\f370";
}
i.icon.apper:before {
  content: "\f371";
}
i.icon.apple:before {
  content: "\f179";
}
i.icon.apple.pay:before {
  content: "\f415";
}
i.icon.archive:before {
  content: "\f187";
}
i.icon.arrow.alternate.circle.down:before {
  content: "\f358";
}
i.icon.arrow.alternate.circle.left:before {
  content: "\f359";
}
i.icon.arrow.alternate.circle.right:before {
  content: "\f35a";
}
i.icon.arrow.alternate.circle.up:before {
  content: "\f35b";
}
i.icon.arrow.circle.down:before {
  content: "\f0ab";
}
i.icon.arrow.circle.left:before {
  content: "\f0a8";
}
i.icon.arrow.circle.right:before {
  content: "\f0a9";
}
i.icon.arrow.circle.up:before {
  content: "\f0aa";
}
i.icon.arrow.down:before {
  content: "\f063";
}
i.icon.arrow.left:before {
  content: "\f060";
}
i.icon.arrow.right:before {
  content: "\f061";
}
i.icon.arrow.up:before {
  content: "\f062";
}
i.icon.arrows.alternate:before {
  content: "\f0b2";
}
i.icon.arrows.alternate.horizontal:before {
  content: "\f337";
}
i.icon.arrows.alternate.vertical:before {
  content: "\f338";
}
i.icon.assistive.listening.systems:before {
  content: "\f2a2";
}
i.icon.asterisk:before {
  content: "\f069";
}
i.icon.asymmetrik:before {
  content: "\f372";
}
i.icon.at:before {
  content: "\f1fa";
}
i.icon.audible:before {
  content: "\f373";
}
i.icon.audio.description:before {
  content: "\f29e";
}
i.icon.autoprefixer:before {
  content: "\f41c";
}
i.icon.avianex:before {
  content: "\f374";
}
i.icon.aviato:before {
  content: "\f421";
}
i.icon.aws:before {
  content: "\f375";
}
i.icon.backward:before {
  content: "\f04a";
}
i.icon.balance.scale:before {
  content: "\f24e";
}
i.icon.ban:before {
  content: "\f05e";
}
i.icon.band.aid:before {
  content: "\f462";
}
i.icon.bandcamp:before {
  content: "\f2d5";
}
i.icon.barcode:before {
  content: "\f02a";
}
i.icon.bars:before {
  content: "\f0c9";
}
i.icon.baseball.ball:before {
  content: "\f433";
}
i.icon.basketball.ball:before {
  content: "\f434";
}
i.icon.bath:before {
  content: "\f2cd";
}
i.icon.battery.empty:before {
  content: "\f244";
}
i.icon.battery.full:before {
  content: "\f240";
}
i.icon.battery.half:before {
  content: "\f242";
}
i.icon.battery.quarter:before {
  content: "\f243";
}
i.icon.battery.three.quarters:before {
  content: "\f241";
}
i.icon.bed:before {
  content: "\f236";
}
i.icon.beer:before {
  content: "\f0fc";
}
i.icon.behance:before {
  content: "\f1b4";
}
i.icon.behance.square:before {
  content: "\f1b5";
}
i.icon.bell:before {
  content: "\f0f3";
}
i.icon.bell.slash:before {
  content: "\f1f6";
}
i.icon.bicycle:before {
  content: "\f206";
}
i.icon.bimobject:before {
  content: "\f378";
}
i.icon.binoculars:before {
  content: "\f1e5";
}
i.icon.birthday.cake:before {
  content: "\f1fd";
}
i.icon.bitbucket:before {
  content: "\f171";
}
i.icon.bitcoin:before {
  content: "\f379";
}
i.icon.bity:before {
  content: "\f37a";
}
i.icon.black.tie:before {
  content: "\f27e";
}
i.icon.blackberry:before {
  content: "\f37b";
}
i.icon.blind:before {
  content: "\f29d";
}
i.icon.blogger:before {
  content: "\f37c";
}
i.icon.blogger.b:before {
  content: "\f37d";
}
i.icon.bluetooth:before {
  content: "\f293";
}
i.icon.bluetooth.b:before {
  content: "\f294";
}
i.icon.bold:before {
  content: "\f032";
}
i.icon.bolt:before {
  content: "\f0e7";
}
i.icon.bomb:before {
  content: "\f1e2";
}
i.icon.book:before {
  content: "\f02d";
}
i.icon.bookmark:before {
  content: "\f02e";
}
i.icon.bowling.ball:before {
  content: "\f436";
}
i.icon.box:before {
  content: "\f466";
}
i.icon.boxes:before {
  content: "\f468";
}
i.icon.braille:before {
  content: "\f2a1";
}
i.icon.briefcase:before {
  content: "\f0b1";
}
i.icon.btc:before {
  content: "\f15a";
}
i.icon.bug:before {
  content: "\f188";
}
i.icon.building:before {
  content: "\f1ad";
}
i.icon.bullhorn:before {
  content: "\f0a1";
}
i.icon.bullseye:before {
  content: "\f140";
}
i.icon.buromobelexperte:before {
  content: "\f37f";
}
i.icon.bus:before {
  content: "\f207";
}
i.icon.buysellads:before {
  content: "\f20d";
}
i.icon.calculator:before {
  content: "\f1ec";
}
i.icon.calendar:before {
  content: "\f133";
}
i.icon.calendar.alternate:before {
  content: "\f073";
}
i.icon.calendar.check:before {
  content: "\f274";
}
i.icon.calendar.minus:before {
  content: "\f272";
}
i.icon.calendar.plus:before {
  content: "\f271";
}
i.icon.calendar.times:before {
  content: "\f273";
}
i.icon.camera:before {
  content: "\f030";
}
i.icon.camera.retro:before {
  content: "\f083";
}
i.icon.car:before {
  content: "\f1b9";
}
i.icon.caret.down:before {
  content: "\f0d7";
}
i.icon.caret.left:before {
  content: "\f0d9";
}
i.icon.caret.right:before {
  content: "\f0da";
}
i.icon.caret.square.down:before {
  content: "\f150";
}
i.icon.caret.square.left:before {
  content: "\f191";
}
i.icon.caret.square.right:before {
  content: "\f152";
}
i.icon.caret.square.up:before {
  content: "\f151";
}
i.icon.caret.up:before {
  content: "\f0d8";
}
i.icon.cart.arrow.down:before {
  content: "\f218";
}
i.icon.cart.plus:before {
  content: "\f217";
}
i.icon.cc.amazon.pay:before {
  content: "\f42d";
}
i.icon.cc.amex:before {
  content: "\f1f3";
}
i.icon.cc.apple.pay:before {
  content: "\f416";
}
i.icon.cc.diners.club:before {
  content: "\f24c";
}
i.icon.cc.discover:before {
  content: "\f1f2";
}
i.icon.cc.jcb:before {
  content: "\f24b";
}
i.icon.cc.mastercard:before {
  content: "\f1f1";
}
i.icon.cc.paypal:before {
  content: "\f1f4";
}
i.icon.cc.stripe:before {
  content: "\f1f5";
}
i.icon.cc.visa:before {
  content: "\f1f0";
}
i.icon.centercode:before {
  content: "\f380";
}
i.icon.certificate:before {
  content: "\f0a3";
}
i.icon.chart.area:before {
  content: "\f1fe";
}
i.icon.chart.bar:before {
  content: "\f080";
}
i.icon.chart.line:before {
  content: "\f201";
}
i.icon.chart.pie:before {
  content: "\f200";
}
i.icon.check:before {
  content: "\f00c";
}
i.icon.check.circle:before {
  content: "\f058";
}
i.icon.check.square:before {
  content: "\f14a";
}
i.icon.chess:before {
  content: "\f439";
}
i.icon.chess.bishop:before {
  content: "\f43a";
}
i.icon.chess.board:before {
  content: "\f43c";
}
i.icon.chess.king:before {
  content: "\f43f";
}
i.icon.chess.knight:before {
  content: "\f441";
}
i.icon.chess.pawn:before {
  content: "\f443";
}
i.icon.chess.queen:before {
  content: "\f445";
}
i.icon.chess.rook:before {
  content: "\f447";
}
i.icon.chevron.circle.down:before {
  content: "\f13a";
}
i.icon.chevron.circle.left:before {
  content: "\f137";
}
i.icon.chevron.circle.right:before {
  content: "\f138";
}
i.icon.chevron.circle.up:before {
  content: "\f139";
}
i.icon.chevron.down:before {
  content: "\f078";
}
i.icon.chevron.left:before {
  content: "\f053";
}
i.icon.chevron.right:before {
  content: "\f054";
}
i.icon.chevron.up:before {
  content: "\f077";
}
i.icon.child:before {
  content: "\f1ae";
}
i.icon.chrome:before {
  content: "\f268";
}
i.icon.circle:before {
  content: "\f111";
}
i.icon.circle.notch:before {
  content: "\f1ce";
}
i.icon.clipboard:before {
  content: "\f328";
}
i.icon.clipboard.check:before {
  content: "\f46c";
}
i.icon.clipboard.list:before {
  content: "\f46d";
}
i.icon.clock:before {
  content: "\f017";
}
i.icon.clone:before {
  content: "\f24d";
}
i.icon.closed.captioning:before {
  content: "\f20a";
}
i.icon.cloud:before {
  content: "\f0c2";
}
i.icon.cloudscale:before {
  content: "\f383";
}
i.icon.cloudsmith:before {
  content: "\f384";
}
i.icon.cloudversify:before {
  content: "\f385";
}
i.icon.code:before {
  content: "\f121";
}
i.icon.code.branch:before {
  content: "\f126";
}
i.icon.codepen:before {
  content: "\f1cb";
}
i.icon.codiepie:before {
  content: "\f284";
}
i.icon.coffee:before {
  content: "\f0f4";
}
i.icon.cog:before {
  content: "\f013";
}
i.icon.cogs:before {
  content: "\f085";
}
i.icon.columns:before {
  content: "\f0db";
}
i.icon.comment:before {
  content: "\f075";
}
i.icon.comment.alternate:before {
  content: "\f27a";
}
i.icon.comments:before {
  content: "\f086";
}
i.icon.compass:before {
  content: "\f14e";
}
i.icon.compress:before {
  content: "\f066";
}
i.icon.connectdevelop:before {
  content: "\f20e";
}
i.icon.contao:before {
  content: "\f26d";
}
i.icon.copy:before {
  content: "\f0c5";
}
i.icon.copyright:before {
  content: "\f1f9";
}
i.icon.cpanel:before {
  content: "\f388";
}
i.icon.creative.commons:before {
  content: "\f25e";
}
i.icon.credit.card:before {
  content: "\f09d";
}
i.icon.crop:before {
  content: "\f125";
}
i.icon.crosshairs:before {
  content: "\f05b";
}
i.icon.css3:before {
  content: "\f13c";
}
i.icon.css3.alternate:before {
  content: "\f38b";
}
i.icon.cube:before {
  content: "\f1b2";
}
i.icon.cubes:before {
  content: "\f1b3";
}
i.icon.cut:before {
  content: "\f0c4";
}
i.icon.cuttlefish:before {
  content: "\f38c";
}
i.icon.d.and.d:before {
  content: "\f38d";
}
i.icon.dashcube:before {
  content: "\f210";
}
i.icon.database:before {
  content: "\f1c0";
}
i.icon.deaf:before {
  content: "\f2a4";
}
i.icon.delicious:before {
  content: "\f1a5";
}
i.icon.deploydog:before {
  content: "\f38e";
}
i.icon.deskpro:before {
  content: "\f38f";
}
i.icon.desktop:before {
  content: "\f108";
}
i.icon.deviantart:before {
  content: "\f1bd";
}
i.icon.digg:before {
  content: "\f1a6";
}
i.icon.digital.ocean:before {
  content: "\f391";
}
i.icon.discord:before {
  content: "\f392";
}
i.icon.discourse:before {
  content: "\f393";
}
i.icon.dna:before {
  content: "\f471";
}
i.icon.dochub:before {
  content: "\f394";
}
i.icon.docker:before {
  content: "\f395";
}
i.icon.dollar.sign:before {
  content: "\f155";
}
i.icon.dolly:before {
  content: "\f472";
}
i.icon.dolly.flatbed:before {
  content: "\f474";
}
i.icon.dot.circle:before {
  content: "\f192";
}
i.icon.download:before {
  content: "\f019";
}
i.icon.draft2digital:before {
  content: "\f396";
}
i.icon.dribbble:before {
  content: "\f17d";
}
i.icon.dribbble.square:before {
  content: "\f397";
}
i.icon.dropbox:before {
  content: "\f16b";
}
i.icon.drupal:before {
  content: "\f1a9";
}
i.icon.dyalog:before {
  content: "\f399";
}
i.icon.earlybirds:before {
  content: "\f39a";
}
i.icon.edge:before {
  content: "\f282";
}
i.icon.edit:before {
  content: "\f044";
}
i.icon.eject:before {
  content: "\f052";
}
i.icon.elementor:before {
  content: "\f430";
}
i.icon.ellipsis.horizontal:before {
  content: "\f141";
}
i.icon.ellipsis.vertical:before {
  content: "\f142";
}
i.icon.ember:before {
  content: "\f423";
}
i.icon.empire:before {
  content: "\f1d1";
}
i.icon.envelope:before {
  content: "\f0e0";
}
i.icon.envelope.open:before {
  content: "\f2b6";
}
i.icon.envelope.square:before {
  content: "\f199";
}
i.icon.envira:before {
  content: "\f299";
}
i.icon.eraser:before {
  content: "\f12d";
}
i.icon.erlang:before {
  content: "\f39d";
}
i.icon.ethereum:before {
  content: "\f42e";
}
i.icon.etsy:before {
  content: "\f2d7";
}
i.icon.euro.sign:before {
  content: "\f153";
}
i.icon.exchange.alternate:before {
  content: "\f362";
}
i.icon.exclamation:before {
  content: "\f12a";
}
i.icon.exclamation.circle:before {
  content: "\f06a";
}
i.icon.exclamation.triangle:before {
  content: "\f071";
}
i.icon.expand:before {
  content: "\f065";
}
i.icon.expand.arrows.alternate:before {
  content: "\f31e";
}
i.icon.expeditedssl:before {
  content: "\f23e";
}
i.icon.external.alternate:before {
  content: "\f35d";
}
i.icon.external.square.alternate:before {
  content: "\f360";
}
i.icon.eye:before {
  content: "\f06e";
}
i.icon.eye.dropper:before {
  content: "\f1fb";
}
i.icon.eye.slash:before {
  content: "\f070";
}
i.icon.facebook:before {
  content: "\f09a";
}
i.icon.facebook.f:before {
  content: "\f39e";
}
i.icon.facebook.messenger:before {
  content: "\f39f";
}
i.icon.facebook.square:before {
  content: "\f082";
}
i.icon.fast.backward:before {
  content: "\f049";
}
i.icon.fast.forward:before {
  content: "\f050";
}
i.icon.fax:before {
  content: "\f1ac";
}
i.icon.female:before {
  content: "\f182";
}
i.icon.fighter.jet:before {
  content: "\f0fb";
}
i.icon.file:before {
  content: "\f15b";
}
i.icon.file.alternate:before {
  content: "\f15c";
}
i.icon.file.archive:before {
  content: "\f1c6";
}
i.icon.file.audio:before {
  content: "\f1c7";
}
i.icon.file.code:before {
  content: "\f1c9";
}
i.icon.file.excel:before {
  content: "\f1c3";
}
i.icon.file.image:before {
  content: "\f1c5";
}
i.icon.file.pdf:before {
  content: "\f1c1";
}
i.icon.file.powerpoint:before {
  content: "\f1c4";
}
i.icon.file.video:before {
  content: "\f1c8";
}
i.icon.file.word:before {
  content: "\f1c2";
}
i.icon.film:before {
  content: "\f008";
}
i.icon.filter:before {
  content: "\f0b0";
}
i.icon.fire:before {
  content: "\f06d";
}
i.icon.fire.extinguisher:before {
  content: "\f134";
}
i.icon.firefox:before {
  content: "\f269";
}
i.icon.first.aid:before {
  content: "\f479";
}
i.icon.first.order:before {
  content: "\f2b0";
}
i.icon.firstdraft:before {
  content: "\f3a1";
}
i.icon.flag:before {
  content: "\f024";
}
i.icon.flag.checkered:before {
  content: "\f11e";
}
i.icon.flask:before {
  content: "\f0c3";
}
i.icon.flickr:before {
  content: "\f16e";
}
i.icon.flipboard:before {
  content: "\f44d";
}
i.icon.fly:before {
  content: "\f417";
}
i.icon.folder:before {
  content: "\f07b";
}
i.icon.folder.open:before {
  content: "\f07c";
}
i.icon.font:before {
  content: "\f031";
}
i.icon.font.awesome:before {
  content: "\f2b4";
}
i.icon.font.awesome.alternate:before {
  content: "\f35c";
}
i.icon.font.awesome.flag:before {
  content: "\f425";
}
i.icon.fonticons:before {
  content: "\f280";
}
i.icon.fonticons.fi:before {
  content: "\f3a2";
}
i.icon.football.ball:before {
  content: "\f44e";
}
i.icon.fort.awesome:before {
  content: "\f286";
}
i.icon.fort.awesome.alternate:before {
  content: "\f3a3";
}
i.icon.forumbee:before {
  content: "\f211";
}
i.icon.forward:before {
  content: "\f04e";
}
i.icon.foursquare:before {
  content: "\f180";
}
i.icon.free.code.camp:before {
  content: "\f2c5";
}
i.icon.freebsd:before {
  content: "\f3a4";
}
i.icon.frown:before {
  content: "\f119";
}
i.icon.futbol:before {
  content: "\f1e3";
}
i.icon.gamepad:before {
  content: "\f11b";
}
i.icon.gavel:before {
  content: "\f0e3";
}
i.icon.gem:before {
  content: "\f3a5";
}
i.icon.genderless:before {
  content: "\f22d";
}
i.icon.get.pocket:before {
  content: "\f265";
}
i.icon.gg:before {
  content: "\f260";
}
i.icon.gg.circle:before {
  content: "\f261";
}
i.icon.gift:before {
  content: "\f06b";
}
i.icon.git:before {
  content: "\f1d3";
}
i.icon.git.square:before {
  content: "\f1d2";
}
i.icon.github:before {
  content: "\f09b";
}
i.icon.github.alternate:before {
  content: "\f113";
}
i.icon.github.square:before {
  content: "\f092";
}
i.icon.gitkraken:before {
  content: "\f3a6";
}
i.icon.gitlab:before {
  content: "\f296";
}
i.icon.gitter:before {
  content: "\f426";
}
i.icon.glass.martini:before {
  content: "\f000";
}
i.icon.glide:before {
  content: "\f2a5";
}
i.icon.glide.g:before {
  content: "\f2a6";
}
i.icon.globe:before {
  content: "\f0ac";
}
i.icon.gofore:before {
  content: "\f3a7";
}
i.icon.golf.ball:before {
  content: "\f450";
}
i.icon.goodreads:before {
  content: "\f3a8";
}
i.icon.goodreads.g:before {
  content: "\f3a9";
}
i.icon.google:before {
  content: "\f1a0";
}
i.icon.google.drive:before {
  content: "\f3aa";
}
i.icon.google.play:before {
  content: "\f3ab";
}
i.icon.google.plus:before {
  content: "\f2b3";
}
i.icon.google.plus.g:before {
  content: "\f0d5";
}
i.icon.google.plus.square:before {
  content: "\f0d4";
}
i.icon.google.wallet:before {
  content: "\f1ee";
}
i.icon.graduation.cap:before {
  content: "\f19d";
}
i.icon.gratipay:before {
  content: "\f184";
}
i.icon.grav:before {
  content: "\f2d6";
}
i.icon.gripfire:before {
  content: "\f3ac";
}
i.icon.grunt:before {
  content: "\f3ad";
}
i.icon.gulp:before {
  content: "\f3ae";
}
i.icon.h.square:before {
  content: "\f0fd";
}
i.icon.hacker.news:before {
  content: "\f1d4";
}
i.icon.hacker.news.square:before {
  content: "\f3af";
}
i.icon.hand.lizard:before {
  content: "\f258";
}
i.icon.hand.paper:before {
  content: "\f256";
}
i.icon.hand.peace:before {
  content: "\f25b";
}
i.icon.hand.point.down:before {
  content: "\f0a7";
}
i.icon.hand.point.left:before {
  content: "\f0a5";
}
i.icon.hand.point.right:before {
  content: "\f0a4";
}
i.icon.hand.point.up:before {
  content: "\f0a6";
}
i.icon.hand.pointer:before {
  content: "\f25a";
}
i.icon.hand.rock:before {
  content: "\f255";
}
i.icon.hand.scissors:before {
  content: "\f257";
}
i.icon.hand.spock:before {
  content: "\f259";
}
i.icon.handshake:before {
  content: "\f2b5";
}
i.icon.hashtag:before {
  content: "\f292";
}
i.icon.hdd:before {
  content: "\f0a0";
}
i.icon.heading:before {
  content: "\f1dc";
}
i.icon.headphones:before {
  content: "\f025";
}
i.icon.heart:before {
  content: "\f004";
}
i.icon.heartbeat:before {
  content: "\f21e";
}
i.icon.hips:before {
  content: "\f452";
}
i.icon.hire.a.helper:before {
  content: "\f3b0";
}
i.icon.history:before {
  content: "\f1da";
}
i.icon.hockey.puck:before {
  content: "\f453";
}
i.icon.home:before {
  content: "\f015";
}
i.icon.hooli:before {
  content: "\f427";
}
i.icon.hospital:before {
  content: "\f0f8";
}
i.icon.hospital.symbol:before {
  content: "\f47e";
}
i.icon.hotjar:before {
  content: "\f3b1";
}
i.icon.hourglass:before {
  content: "\f254";
}
i.icon.hourglass.end:before {
  content: "\f253";
}
i.icon.hourglass.half:before {
  content: "\f252";
}
i.icon.hourglass.start:before {
  content: "\f251";
}
i.icon.houzz:before {
  content: "\f27c";
}
i.icon.html5:before {
  content: "\f13b";
}
i.icon.hubspot:before {
  content: "\f3b2";
}
i.icon.i.cursor:before {
  content: "\f246";
}
i.icon.id.badge:before {
  content: "\f2c1";
}
i.icon.id.card:before {
  content: "\f2c2";
}
i.icon.image:before {
  content: "\f03e";
}
i.icon.images:before {
  content: "\f302";
}
i.icon.imdb:before {
  content: "\f2d8";
}
i.icon.inbox:before {
  content: "\f01c";
}
i.icon.indent:before {
  content: "\f03c";
}
i.icon.industry:before {
  content: "\f275";
}
i.icon.info:before {
  content: "\f129";
}
i.icon.info.circle:before {
  content: "\f05a";
}
i.icon.instagram:before {
  content: "\f16d";
}
i.icon.internet.explorer:before {
  content: "\f26b";
}
i.icon.ioxhost:before {
  content: "\f208";
}
i.icon.italic:before {
  content: "\f033";
}
i.icon.itunes:before {
  content: "\f3b4";
}
i.icon.itunes.note:before {
  content: "\f3b5";
}
i.icon.jenkins:before {
  content: "\f3b6";
}
i.icon.joget:before {
  content: "\f3b7";
}
i.icon.joomla:before {
  content: "\f1aa";
}
i.icon.js:before {
  content: "\f3b8";
}
i.icon.js.square:before {
  content: "\f3b9";
}
i.icon.jsfiddle:before {
  content: "\f1cc";
}
i.icon.key:before {
  content: "\f084";
}
i.icon.keyboard:before {
  content: "\f11c";
}
i.icon.keycdn:before {
  content: "\f3ba";
}
i.icon.kickstarter:before {
  content: "\f3bb";
}
i.icon.kickstarter.k:before {
  content: "\f3bc";
}
i.icon.korvue:before {
  content: "\f42f";
}
i.icon.language:before {
  content: "\f1ab";
}
i.icon.laptop:before {
  content: "\f109";
}
i.icon.laravel:before {
  content: "\f3bd";
}
i.icon.lastfm:before {
  content: "\f202";
}
i.icon.lastfm.square:before {
  content: "\f203";
}
i.icon.leaf:before {
  content: "\f06c";
}
i.icon.leanpub:before {
  content: "\f212";
}
i.icon.lemon:before {
  content: "\f094";
}
i.icon.less:before {
  content: "\f41d";
}
i.icon.level.down.alternate:before {
  content: "\f3be";
}
i.icon.level.up.alternate:before {
  content: "\f3bf";
}
i.icon.life.ring:before {
  content: "\f1cd";
}
i.icon.lightbulb:before {
  content: "\f0eb";
}
i.icon.linechat:before {
  content: "\f3c0";
}
i.icon.linkify:before {
  content: "\f0c1";
}
i.icon.linkedin:before {
  content: "\f08c";
}
i.icon.linkedin.alt:before {
  content: "\f0e1";
}
i.icon.linode:before {
  content: "\f2b8";
}
i.icon.linux:before {
  content: "\f17c";
}
i.icon.lira.sign:before {
  content: "\f195";
}
i.icon.list:before {
  content: "\f03a";
}
i.icon.list.alternate:before {
  content: "\f022";
}
i.icon.list.ol:before {
  content: "\f0cb";
}
i.icon.list.ul:before {
  content: "\f0ca";
}
i.icon.location.arrow:before {
  content: "\f124";
}
i.icon.lock:before {
  content: "\f023";
}
i.icon.lock.open:before {
  content: "\f3c1";
}
i.icon.long.arrow.alternate.down:before {
  content: "\f309";
}
i.icon.long.arrow.alternate.left:before {
  content: "\f30a";
}
i.icon.long.arrow.alternate.right:before {
  content: "\f30b";
}
i.icon.long.arrow.alternate.up:before {
  content: "\f30c";
}
i.icon.low.vision:before {
  content: "\f2a8";
}
i.icon.lyft:before {
  content: "\f3c3";
}
i.icon.magento:before {
  content: "\f3c4";
}
i.icon.magic:before {
  content: "\f0d0";
}
i.icon.magnet:before {
  content: "\f076";
}
i.icon.male:before {
  content: "\f183";
}
i.icon.map:before {
  content: "\f279";
}
i.icon.map.marker:before {
  content: "\f041";
}
i.icon.map.marker.alternate:before {
  content: "\f3c5";
}
i.icon.map.pin:before {
  content: "\f276";
}
i.icon.map.signs:before {
  content: "\f277";
}
i.icon.mars:before {
  content: "\f222";
}
i.icon.mars.double:before {
  content: "\f227";
}
i.icon.mars.stroke:before {
  content: "\f229";
}
i.icon.mars.stroke.horizontal:before {
  content: "\f22b";
}
i.icon.mars.stroke.vertical:before {
  content: "\f22a";
}
i.icon.maxcdn:before {
  content: "\f136";
}
i.icon.medapps:before {
  content: "\f3c6";
}
i.icon.medium:before {
  content: "\f23a";
}
i.icon.medium.m:before {
  content: "\f3c7";
}
i.icon.medkit:before {
  content: "\f0fa";
}
i.icon.medrt:before {
  content: "\f3c8";
}
i.icon.meetup:before {
  content: "\f2e0";
}
i.icon.meh:before {
  content: "\f11a";
}
i.icon.mercury:before {
  content: "\f223";
}
i.icon.microchip:before {
  content: "\f2db";
}
i.icon.microphone:before {
  content: "\f130";
}
i.icon.microphone.slash:before {
  content: "\f131";
}
i.icon.microsoft:before {
  content: "\f3ca";
}
i.icon.minus:before {
  content: "\f068";
}
i.icon.minus.circle:before {
  content: "\f056";
}
i.icon.minus.square:before {
  content: "\f146";
}
i.icon.mix:before {
  content: "\f3cb";
}
i.icon.mixcloud:before {
  content: "\f289";
}
i.icon.mizuni:before {
  content: "\f3cc";
}
i.icon.mobile:before {
  content: "\f10b";
}
i.icon.mobile.alternate:before {
  content: "\f3cd";
}
i.icon.modx:before {
  content: "\f285";
}
i.icon.monero:before {
  content: "\f3d0";
}
i.icon.money.bill.alternate:before {
  content: "\f3d1";
}
i.icon.moon:before {
  content: "\f186";
}
i.icon.motorcycle:before {
  content: "\f21c";
}
i.icon.mouse.pointer:before {
  content: "\f245";
}
i.icon.music:before {
  content: "\f001";
}
i.icon.napster:before {
  content: "\f3d2";
}
i.icon.neuter:before {
  content: "\f22c";
}
i.icon.newspaper:before {
  content: "\f1ea";
}
i.icon.nintendo.switch:before {
  content: "\f418";
}
i.icon.node:before {
  content: "\f419";
}
i.icon.node.js:before {
  content: "\f3d3";
}
i.icon.npm:before {
  content: "\f3d4";
}
i.icon.ns8:before {
  content: "\f3d5";
}
i.icon.nutritionix:before {
  content: "\f3d6";
}
i.icon.object.group:before {
  content: "\f247";
}
i.icon.object.ungroup:before {
  content: "\f248";
}
i.icon.odnoklassniki:before {
  content: "\f263";
}
i.icon.odnoklassniki.square:before {
  content: "\f264";
}
i.icon.opencart:before {
  content: "\f23d";
}
i.icon.openid:before {
  content: "\f19b";
}
i.icon.opera:before {
  content: "\f26a";
}
i.icon.optin.monster:before {
  content: "\f23c";
}
i.icon.osi:before {
  content: "\f41a";
}
i.icon.outdent:before {
  content: "\f03b";
}
i.icon.page4:before {
  content: "\f3d7";
}
i.icon.pagelines:before {
  content: "\f18c";
}
i.icon.paint.brush:before {
  content: "\f1fc";
}
i.icon.palfed:before {
  content: "\f3d8";
}
i.icon.pallet:before {
  content: "\f482";
}
i.icon.paper.plane:before {
  content: "\f1d8";
}
i.icon.paperclip:before {
  content: "\f0c6";
}
i.icon.paragraph:before {
  content: "\f1dd";
}
i.icon.paste:before {
  content: "\f0ea";
}
i.icon.patreon:before {
  content: "\f3d9";
}
i.icon.pause:before {
  content: "\f04c";
}
i.icon.pause.circle:before {
  content: "\f28b";
}
i.icon.paw:before {
  content: "\f1b0";
}
i.icon.paypal:before {
  content: "\f1ed";
}
i.icon.pen.square:before {
  content: "\f14b";
}
i.icon.pencil.alternate:before {
  content: "\f303";
}
i.icon.percent:before {
  content: "\f295";
}
i.icon.periscope:before {
  content: "\f3da";
}
i.icon.phabricator:before {
  content: "\f3db";
}
i.icon.phoenix.framework:before {
  content: "\f3dc";
}
i.icon.phone:before {
  content: "\f095";
}
i.icon.phone.square:before {
  content: "\f098";
}
i.icon.phone.volume:before {
  content: "\f2a0";
}
i.icon.php:before {
  content: "\f457";
}
i.icon.pied.piper:before {
  content: "\f2ae";
}
i.icon.pied.piper.alternate:before {
  content: "\f1a8";
}
i.icon.pied.piper.pp:before {
  content: "\f1a7";
}
i.icon.pills:before {
  content: "\f484";
}
i.icon.pinterest:before {
  content: "\f0d2";
}
i.icon.pinterest.p:before {
  content: "\f231";
}
i.icon.pinterest.square:before {
  content: "\f0d3";
}
i.icon.plane:before {
  content: "\f072";
}
i.icon.play:before {
  content: "\f04b";
}
i.icon.play.circle:before {
  content: "\f144";
}
i.icon.playstation:before {
  content: "\f3df";
}
i.icon.plug:before {
  content: "\f1e6";
}
i.icon.plus:before {
  content: "\f067";
}
i.icon.plus.circle:before {
  content: "\f055";
}
i.icon.plus.square:before {
  content: "\f0fe";
}
i.icon.podcast:before {
  content: "\f2ce";
}
i.icon.pound.sign:before {
  content: "\f154";
}
i.icon.power.off:before {
  content: "\f011";
}
i.icon.print:before {
  content: "\f02f";
}
i.icon.product.hunt:before {
  content: "\f288";
}
i.icon.pushed:before {
  content: "\f3e1";
}
i.icon.puzzle.piece:before {
  content: "\f12e";
}
i.icon.python:before {
  content: "\f3e2";
}
i.icon.qq:before {
  content: "\f1d6";
}
i.icon.qrcode:before {
  content: "\f029";
}
i.icon.question:before {
  content: "\f128";
}
i.icon.question.circle:before {
  content: "\f059";
}
i.icon.quidditch:before {
  content: "\f458";
}
i.icon.quinscape:before {
  content: "\f459";
}
i.icon.quora:before {
  content: "\f2c4";
}
i.icon.quote.left:before {
  content: "\f10d";
}
i.icon.quote.right:before {
  content: "\f10e";
}
i.icon.random:before {
  content: "\f074";
}
i.icon.ravelry:before {
  content: "\f2d9";
}
i.icon.react:before {
  content: "\f41b";
}
i.icon.rebel:before {
  content: "\f1d0";
}
i.icon.recycle:before {
  content: "\f1b8";
}
i.icon.redriver:before {
  content: "\f3e3";
}
i.icon.reddit:before {
  content: "\f1a1";
}
i.icon.reddit.alien:before {
  content: "\f281";
}
i.icon.reddit.square:before {
  content: "\f1a2";
}
i.icon.redo:before {
  content: "\f01e";
}
i.icon.redo.alternate:before {
  content: "\f2f9";
}
i.icon.registered:before {
  content: "\f25d";
}
i.icon.rendact:before {
  content: "\f3e4";
}
i.icon.renren:before {
  content: "\f18b";
}
i.icon.reply:before {
  content: "\f3e5";
}
i.icon.reply.all:before {
  content: "\f122";
}
i.icon.replyd:before {
  content: "\f3e6";
}
i.icon.resolving:before {
  content: "\f3e7";
}
i.icon.retweet:before {
  content: "\f079";
}
i.icon.road:before {
  content: "\f018";
}
i.icon.rocket:before {
  content: "\f135";
}
i.icon.rocketchat:before {
  content: "\f3e8";
}
i.icon.rockrms:before {
  content: "\f3e9";
}
i.icon.rss:before {
  content: "\f09e";
}
i.icon.rss.square:before {
  content: "\f143";
}
i.icon.ruble.sign:before {
  content: "\f158";
}
i.icon.rupee.sign:before {
  content: "\f156";
}
i.icon.safari:before {
  content: "\f267";
}
i.icon.sass:before {
  content: "\f41e";
}
i.icon.save:before {
  content: "\f0c7";
}
i.icon.schlix:before {
  content: "\f3ea";
}
i.icon.scribd:before {
  content: "\f28a";
}
i.icon.search:before {
  content: "\f002";
}
i.icon.search.minus:before {
  content: "\f010";
}
i.icon.search.plus:before {
  content: "\f00e";
}
i.icon.searchengin:before {
  content: "\f3eb";
}
i.icon.sellcast:before {
  content: "\f2da";
}
i.icon.sellsy:before {
  content: "\f213";
}
i.icon.server:before {
  content: "\f233";
}
i.icon.servicestack:before {
  content: "\f3ec";
}
i.icon.share:before {
  content: "\f064";
}
i.icon.share.alternate:before {
  content: "\f1e0";
}
i.icon.share.alternate.square:before {
  content: "\f1e1";
}
i.icon.share.square:before {
  content: "\f14d";
}
i.icon.shekel.sign:before {
  content: "\f20b";
}
i.icon.shield.alternate:before {
  content: "\f3ed";
}
i.icon.ship:before {
  content: "\f21a";
}
i.icon.shipping.fast:before {
  content: "\f48b";
}
i.icon.shirtsinbulk:before {
  content: "\f214";
}
i.icon.shopping.bag:before {
  content: "\f290";
}
i.icon.shopping.basket:before {
  content: "\f291";
}
i.icon.shopping.cart:before {
  content: "\f07a";
}
i.icon.shower:before {
  content: "\f2cc";
}
i.icon.sign.language:before {
  content: "\f2a7";
}
i.icon.signal:before {
  content: "\f012";
}
i.icon.simplybuilt:before {
  content: "\f215";
}
i.icon.sistrix:before {
  content: "\f3ee";
}
i.icon.sitemap:before {
  content: "\f0e8";
}
i.icon.skyatlas:before {
  content: "\f216";
}
i.icon.skype:before {
  content: "\f17e";
}
i.icon.slack:before {
  content: "\f198";
}
i.icon.slack.hash:before {
  content: "\f3ef";
}
i.icon.sliders.horizontal:before {
  content: "\f1de";
}
i.icon.slideshare:before {
  content: "\f1e7";
}
i.icon.smile:before {
  content: "\f118";
}
i.icon.snapchat:before {
  content: "\f2ab";
}
i.icon.snapchat.ghost:before {
  content: "\f2ac";
}
i.icon.snapchat.square:before {
  content: "\f2ad";
}
i.icon.snowflake:before {
  content: "\f2dc";
}
i.icon.sort:before {
  content: "\f0dc";
}
i.icon.sort.alphabet.down:before {
  content: "\f15d";
}
i.icon.sort.alphabet.up:before {
  content: "\f15e";
}
i.icon.sort.amount.down:before {
  content: "\f160";
}
i.icon.sort.amount.up:before {
  content: "\f161";
}
i.icon.sort.down:before {
  content: "\f0dd";
}
i.icon.sort.numeric.down:before {
  content: "\f162";
}
i.icon.sort.numeric.up:before {
  content: "\f163";
}
i.icon.sort.up:before {
  content: "\f0de";
}
i.icon.soundcloud:before {
  content: "\f1be";
}
i.icon.space.shuttle:before {
  content: "\f197";
}
i.icon.speakap:before {
  content: "\f3f3";
}
i.icon.spinner:before {
  content: "\f110";
}
i.icon.spotify:before {
  content: "\f1bc";
}
i.icon.square:before {
  content: "\f0c8";
}
i.icon.square.full:before {
  content: "\f45c";
}
i.icon.stack.exchange:before {
  content: "\f18d";
}
i.icon.stack.overflow:before {
  content: "\f16c";
}
i.icon.star:before {
  content: "\f005";
}
i.icon.star.half:before {
  content: "\f089";
}
i.icon.staylinked:before {
  content: "\f3f5";
}
i.icon.steam:before {
  content: "\f1b6";
}
i.icon.steam.square:before {
  content: "\f1b7";
}
i.icon.steam.symbol:before {
  content: "\f3f6";
}
i.icon.step.backward:before {
  content: "\f048";
}
i.icon.step.forward:before {
  content: "\f051";
}
i.icon.stethoscope:before {
  content: "\f0f1";
}
i.icon.sticker.mule:before {
  content: "\f3f7";
}
i.icon.sticky.note:before {
  content: "\f249";
}
i.icon.stop:before {
  content: "\f04d";
}
i.icon.stop.circle:before {
  content: "\f28d";
}
i.icon.stopwatch:before {
  content: "\f2f2";
}
i.icon.strava:before {
  content: "\f428";
}
i.icon.street.view:before {
  content: "\f21d";
}
i.icon.strikethrough:before {
  content: "\f0cc";
}
i.icon.stripe:before {
  content: "\f429";
}
i.icon.stripe.s:before {
  content: "\f42a";
}
i.icon.studiovinari:before {
  content: "\f3f8";
}
i.icon.stumbleupon:before {
  content: "\f1a4";
}
i.icon.stumbleupon.circle:before {
  content: "\f1a3";
}
i.icon.subscript:before {
  content: "\f12c";
}
i.icon.subway:before {
  content: "\f239";
}
i.icon.suitcase:before {
  content: "\f0f2";
}
i.icon.sun:before {
  content: "\f185";
}
i.icon.superpowers:before {
  content: "\f2dd";
}
i.icon.superscript:before {
  content: "\f12b";
}
i.icon.supple:before {
  content: "\f3f9";
}
i.icon.sync:before {
  content: "\f021";
}
i.icon.sync.alternate:before {
  content: "\f2f1";
}
i.icon.syringe:before {
  content: "\f48e";
}
i.icon.table:before {
  content: "\f0ce";
}
i.icon.table.tennis:before {
  content: "\f45d";
}
i.icon.tablet:before {
  content: "\f10a";
}
i.icon.tablet.alternate:before {
  content: "\f3fa";
}
i.icon.tachometer.alternate:before {
  content: "\f3fd";
}
i.icon.tag:before {
  content: "\f02b";
}
i.icon.tags:before {
  content: "\f02c";
}
i.icon.tasks:before {
  content: "\f0ae";
}
i.icon.taxi:before {
  content: "\f1ba";
}
i.icon.telegram:before {
  content: "\f2c6";
}
i.icon.telegram.plane:before {
  content: "\f3fe";
}
i.icon.tencent.weibo:before {
  content: "\f1d5";
}
i.icon.terminal:before {
  content: "\f120";
}
i.icon.text.height:before {
  content: "\f034";
}
i.icon.text.width:before {
  content: "\f035";
}
i.icon.th:before {
  content: "\f00a";
}
i.icon.th.large:before {
  content: "\f009";
}
i.icon.th.list:before {
  content: "\f00b";
}
i.icon.themeisle:before {
  content: "\f2b2";
}
i.icon.thermometer:before {
  content: "\f491";
}
i.icon.thermometer.empty:before {
  content: "\f2cb";
}
i.icon.thermometer.full:before {
  content: "\f2c7";
}
i.icon.thermometer.half:before {
  content: "\f2c9";
}
i.icon.thermometer.quarter:before {
  content: "\f2ca";
}
i.icon.thermometer.three.quarters:before {
  content: "\f2c8";
}
i.icon.thumbs.down:before {
  content: "\f165";
}
i.icon.thumbs.up:before {
  content: "\f164";
}
i.icon.thumbtack:before {
  content: "\f08d";
}
i.icon.ticket.alternate:before {
  content: "\f3ff";
}
i.icon.times:before {
  content: "\f00d";
}
i.icon.times.circle:before {
  content: "\f057";
}
i.icon.tint:before {
  content: "\f043";
}
i.icon.toggle.off:before {
  content: "\f204";
}
i.icon.toggle.on:before {
  content: "\f205";
}
i.icon.trademark:before {
  content: "\f25c";
}
i.icon.train:before {
  content: "\f238";
}
i.icon.transgender:before {
  content: "\f224";
}
i.icon.transgender.alternate:before {
  content: "\f225";
}
i.icon.trash:before {
  content: "\f1f8";
}
i.icon.trash.alternate:before {
  content: "\f2ed";
}
i.icon.tree:before {
  content: "\f1bb";
}
i.icon.trello:before {
  content: "\f181";
}
i.icon.tripadvisor:before {
  content: "\f262";
}
i.icon.trophy:before {
  content: "\f091";
}
i.icon.truck:before {
  content: "\f0d1";
}
i.icon.tty:before {
  content: "\f1e4";
}
i.icon.tumblr:before {
  content: "\f173";
}
i.icon.tumblr.square:before {
  content: "\f174";
}
i.icon.tv:before {
  content: "\f26c";
}
i.icon.twitch:before {
  content: "\f1e8";
}
i.icon.twitter:before {
  content: "\f099";
}
i.icon.twitter.square:before {
  content: "\f081";
}
i.icon.typo3:before {
  content: "\f42b";
}
i.icon.uber:before {
  content: "\f402";
}
i.icon.uikit:before {
  content: "\f403";
}
i.icon.umbrella:before {
  content: "\f0e9";
}
i.icon.underline:before {
  content: "\f0cd";
}
i.icon.undo:before {
  content: "\f0e2";
}
i.icon.undo.alternate:before {
  content: "\f2ea";
}
i.icon.uniregistry:before {
  content: "\f404";
}
i.icon.universal.access:before {
  content: "\f29a";
}
i.icon.university:before {
  content: "\f19c";
}
i.icon.unlink:before {
  content: "\f127";
}
i.icon.unlock:before {
  content: "\f09c";
}
i.icon.unlock.alternate:before {
  content: "\f13e";
}
i.icon.untappd:before {
  content: "\f405";
}
i.icon.upload:before {
  content: "\f093";
}
i.icon.usb:before {
  content: "\f287";
}
i.icon.user:before {
  content: "\f007";
}
i.icon.user.circle:before {
  content: "\f2bd";
}
i.icon.user.md:before {
  content: "\f0f0";
}
i.icon.user.plus:before {
  content: "\f234";
}
i.icon.user.secret:before {
  content: "\f21b";
}
i.icon.user.times:before {
  content: "\f235";
}
i.icon.users:before {
  content: "\f0c0";
}
i.icon.ussunnah:before {
  content: "\f407";
}
i.icon.utensil.spoon:before {
  content: "\f2e5";
}
i.icon.utensils:before {
  content: "\f2e7";
}
i.icon.vaadin:before {
  content: "\f408";
}
i.icon.venus:before {
  content: "\f221";
}
i.icon.venus.double:before {
  content: "\f226";
}
i.icon.venus.mars:before {
  content: "\f228";
}
i.icon.viacoin:before {
  content: "\f237";
}
i.icon.viadeo:before {
  content: "\f2a9";
}
i.icon.viadeo.square:before {
  content: "\f2aa";
}
i.icon.viber:before {
  content: "\f409";
}
i.icon.video:before {
  content: "\f03d";
}
i.icon.vimeo:before {
  content: "\f40a";
}
i.icon.vimeo.square:before {
  content: "\f194";
}
i.icon.vimeo.v:before {
  content: "\f27d";
}
i.icon.vine:before {
  content: "\f1ca";
}
i.icon.vk:before {
  content: "\f189";
}
i.icon.vnv:before {
  content: "\f40b";
}
i.icon.volleyball.ball:before {
  content: "\f45f";
}
i.icon.volume.down:before {
  content: "\f027";
}
i.icon.volume.off:before {
  content: "\f026";
}
i.icon.volume.up:before {
  content: "\f028";
}
i.icon.vuejs:before {
  content: "\f41f";
}
i.icon.warehouse:before {
  content: "\f494";
}
i.icon.weibo:before {
  content: "\f18a";
}
i.icon.weight:before {
  content: "\f496";
}
i.icon.weixin:before {
  content: "\f1d7";
}
i.icon.whatsapp:before {
  content: "\f232";
}
i.icon.whatsapp.square:before {
  content: "\f40c";
}
i.icon.wheelchair:before {
  content: "\f193";
}
i.icon.whmcs:before {
  content: "\f40d";
}
i.icon.wifi:before {
  content: "\f1eb";
}
i.icon.wikipedia.w:before {
  content: "\f266";
}
i.icon.window.close:before {
  content: "\f410";
}
i.icon.window.maximize:before {
  content: "\f2d0";
}
i.icon.window.minimize:before {
  content: "\f2d1";
}
i.icon.window.restore:before {
  content: "\f2d2";
}
i.icon.windows:before {
  content: "\f17a";
}
i.icon.won.sign:before {
  content: "\f159";
}
i.icon.wordpress:before {
  content: "\f19a";
}
i.icon.wordpress.simple:before {
  content: "\f411";
}
i.icon.wpbeginner:before {
  content: "\f297";
}
i.icon.wpexplorer:before {
  content: "\f2de";
}
i.icon.wpforms:before {
  content: "\f298";
}
i.icon.wrench:before {
  content: "\f0ad";
}
i.icon.xbox:before {
  content: "\f412";
}
i.icon.xing:before {
  content: "\f168";
}
i.icon.xing.square:before {
  content: "\f169";
}
i.icon.y.combinator:before {
  content: "\f23b";
}
i.icon.yahoo:before {
  content: "\f19e";
}
i.icon.yandex:before {
  content: "\f413";
}
i.icon.yandex.international:before {
  content: "\f414";
}
i.icon.yelp:before {
  content: "\f1e9";
}
i.icon.yen.sign:before {
  content: "\f157";
}
i.icon.yoast:before {
  content: "\f2b1";
}
i.icon.youtube:before {
  content: "\f167";
}
i.icon.youtube.square:before {
  content: "\f431";
}
/* Aliases */
i.icon.chess.rock:before {
  content: "\f447";
}
i.icon.ordered.list:before {
  content: "\f0cb";
}
i.icon.unordered.list:before {
  content: "\f0ca";
}
i.icon.user.doctor:before {
  content: "\f0f0";
}
i.icon.shield:before {
  content: "\f3ed";
}
i.icon.puzzle:before {
  content: "\f12e";
}
i.icon.credit.card.amazon.pay:before {
  content: "\f42d";
}
i.icon.credit.card.american.express:before {
  content: "\f1f3";
}
i.icon.credit.card.diners.club:before {
  content: "\f24c";
}
i.icon.credit.card.discover:before {
  content: "\f1f2";
}
i.icon.credit.card.jcb:before {
  content: "\f24b";
}
i.icon.credit.card.mastercard:before {
  content: "\f1f1";
}
i.icon.credit.card.paypal:before {
  content: "\f1f4";
}
i.icon.credit.card.stripe:before {
  content: "\f1f5";
}
i.icon.credit.card.visa:before {
  content: "\f1f0";
}
i.icon.add.circle:before {
  content: "\f055";
}
i.icon.add.square:before {
  content: "\f0fe";
}
i.icon.add.to.calendar:before {
  content: "\f271";
}
i.icon.add.to.cart:before {
  content: "\f217";
}
i.icon.add.user:before {
  content: "\f234";
}
i.icon.add:before {
  content: "\f067";
}
i.icon.alarm.mute:before {
  content: "\f1f6";
}
i.icon.alarm:before {
  content: "\f0f3";
}
i.icon.ald:before {
  content: "\f2a2";
}
i.icon.als:before {
  content: "\f2a2";
}
i.icon.american.express.card:before {
  content: "\f1f3";
}
i.icon.american.express:before {
  content: "\f1f3";
}
i.icon.amex:before {
  content: "\f1f3";
}
i.icon.announcement:before {
  content: "\f0a1";
}
i.icon.area.chart:before {
  content: "\f1fe";
}
i.icon.area.graph:before {
  content: "\f1fe";
}
i.icon.arrow.down.cart:before {
  content: "\f218";
}
i.icon.asexual:before {
  content: "\f22d";
}
i.icon.asl.interpreting:before {
  content: "\f2a3";
}
i.icon.asl:before {
  content: "\f2a3";
}
i.icon.assistive.listening.devices:before {
  content: "\f2a2";
}
i.icon.attach:before {
  content: "\f0c6";
}
i.icon.attention:before {
  content: "\f06a";
}
i.icon.balance:before {
  content: "\f24e";
}
i.icon.bar:before {
  content: "\f0fc";
}
i.icon.bathtub:before {
  content: "\f2cd";
}
i.icon.battery.four:before {
  content: "\f240";
}
i.icon.battery.high:before {
  content: "\f241";
}
i.icon.battery.low:before {
  content: "\f243";
}
i.icon.battery.medium:before {
  content: "\f242";
}
i.icon.battery.one:before {
  content: "\f243";
}
i.icon.battery.three:before {
  content: "\f241";
}
i.icon.battery.two:before {
  content: "\f242";
}
i.icon.battery.zero:before {
  content: "\f244";
}
i.icon.birthday:before {
  content: "\f1fd";
}
i.icon.block.layout:before {
  content: "\f009";
}
i.icon.bluetooth.alternative:before {
  content: "\f294";
}
i.icon.broken.chain:before {
  content: "\f127";
}
i.icon.browser:before {
  content: "\f022";
}
i.icon.call.square:before {
  content: "\f098";
}
i.icon.call:before {
  content: "\f095";
}
i.icon.cancel:before {
  content: "\f00d";
}
i.icon.cart:before {
  content: "\f07a";
}
i.icon.cc:before {
  content: "\f20a";
}
i.icon.chain:before {
  content: "\f0c1";
}
i.icon.chat:before {
  content: "\f075";
}
i.icon.checked.calendar:before {
  content: "\f274";
}
i.icon.checkmark:before {
  content: "\f00c";
}
i.icon.circle.notched:before {
  content: "\f1ce";
}
i.icon.close:before {
  content: "\f00d";
}
i.icon.cny:before {
  content: "\f157";
}
i.icon.cocktail:before {
  content: "\f000";
}
i.icon.commenting:before {
  content: "\f27a";
}
i.icon.computer:before {
  content: "\f108";
}
i.icon.configure:before {
  content: "\f0ad";
}
i.icon.content:before {
  content: "\f0c9";
}
i.icon.deafness:before {
  content: "\f2a4";
}
i.icon.delete.calendar:before {
  content: "\f273";
}
i.icon.delete:before {
  content: "\f00d";
}
i.icon.detective:before {
  content: "\f21b";
}
i.icon.diners.club.card:before {
  content: "\f24c";
}
i.icon.diners.club:before {
  content: "\f24c";
}
i.icon.discover.card:before {
  content: "\f1f2";
}
i.icon.discover:before {
  content: "\f1f2";
}
i.icon.discussions:before {
  content: "\f086";
}
i.icon.doctor:before {
  content: "\f0f0";
}
i.icon.dollar:before {
  content: "\f155";
}
i.icon.dont:before {
  content: "\f05e";
}
i.icon.dribble:before {
  content: "\f17d";
}
i.icon.drivers.license:before {
  content: "\f2c2";
}
i.icon.dropdown:before {
  content: "\f0d7";
}
i.icon.eercast:before {
  content: "\f2da";
}
i.icon.emergency:before {
  content: "\f0f9";
}
i.icon.envira.gallery:before {
  content: "\f299";
}
i.icon.erase:before {
  content: "\f12d";
}
i.icon.eur:before {
  content: "\f153";
}
i.icon.euro:before {
  content: "\f153";
}
i.icon.eyedropper:before {
  content: "\f1fb";
}
i.icon.fa:before {
  content: "\f2b4";
}
i.icon.factory:before {
  content: "\f275";
}
i.icon.favorite:before {
  content: "\f005";
}
i.icon.feed:before {
  content: "\f09e";
}
i.icon.female.homosexual:before {
  content: "\f226";
}
i.icon.file.text:before {
  content: "\f15c";
}
i.icon.find:before {
  content: "\f1e5";
}
i.icon.first.aid:before {
  content: "\f0fa";
}
i.icon.five.hundred.pixels:before {
  content: "\f26e";
}
i.icon.fork:before {
  content: "\f126";
}
i.icon.game:before {
  content: "\f11b";
}
i.icon.gay:before {
  content: "\f227";
}
i.icon.gbp:before {
  content: "\f154";
}
i.icon.gittip:before {
  content: "\f184";
}
i.icon.google.plus.circle:before {
  content: "\f2b3";
}
i.icon.google.plus.official:before {
  content: "\f2b3";
}
i.icon.grab:before {
  content: "\f255";
}
i.icon.graduation:before {
  content: "\f19d";
}
i.icon.grid.layout:before {
  content: "\f00a";
}
i.icon.group:before {
  content: "\f0c0";
}
i.icon.h:before {
  content: "\f0fd";
}
i.icon.hand.victory:before {
  content: "\f25b";
}
i.icon.handicap:before {
  content: "\f193";
}
i.icon.hard.of.hearing:before {
  content: "\f2a4";
}
i.icon.header:before {
  content: "\f1dc";
}
i.icon.help.circle:before {
  content: "\f059";
}
i.icon.help:before {
  content: "\f128";
}
i.icon.heterosexual:before {
  content: "\f228";
}
i.icon.hide:before {
  content: "\f070";
}
i.icon.hotel:before {
  content: "\f236";
}
i.icon.hourglass.four:before {
  content: "\f254";
}
i.icon.hourglass.full:before {
  content: "\f254";
}
i.icon.hourglass.one:before {
  content: "\f251";
}
i.icon.hourglass.three:before {
  content: "\f253";
}
i.icon.hourglass.two:before {
  content: "\f252";
}
i.icon.idea:before {
  content: "\f0eb";
}
i.icon.ils:before {
  content: "\f20b";
}
i.icon.in-cart:before {
  content: "\f218";
}
i.icon.inr:before {
  content: "\f156";
}
i.icon.intergender:before {
  content: "\f224";
}
i.icon.intersex:before {
  content: "\f224";
}
i.icon.japan.credit.bureau.card:before {
  content: "\f24b";
}
i.icon.japan.credit.bureau:before {
  content: "\f24b";
}
i.icon.jcb:before {
  content: "\f24b";
}
i.icon.jpy:before {
  content: "\f157";
}
i.icon.krw:before {
  content: "\f159";
}
i.icon.lab:before {
  content: "\f0c3";
}
i.icon.law:before {
  content: "\f24e";
}
i.icon.legal:before {
  content: "\f0e3";
}
i.icon.lesbian:before {
  content: "\f226";
}
i.icon.lightning:before {
  content: "\f0e7";
}
i.icon.like:before {
  content: "\f004";
}
i.icon.line.graph:before {
  content: "\f201";
}
i.icon.linkedin.square:before {
  content: "\f08c";
}
i.icon.linkify:before {
  content: "\f0c1";
}
i.icon.lira:before {
  content: "\f195";
}
i.icon.list.layout:before {
  content: "\f00b";
}
i.icon.magnify:before {
  content: "\f00e";
}
i.icon.mail.forward:before {
  content: "\f064";
}
i.icon.mail.square:before {
  content: "\f199";
}
i.icon.mail:before {
  content: "\f0e0";
}
i.icon.male.homosexual:before {
  content: "\f227";
}
i.icon.man:before {
  content: "\f222";
}
i.icon.marker:before {
  content: "\f041";
}
i.icon.mars.alternate:before {
  content: "\f229";
}
i.icon.mars.horizontal:before {
  content: "\f22b";
}
i.icon.mars.vertical:before {
  content: "\f22a";
}
i.icon.mastercard.card:before {
  content: "\f1f1";
}
i.icon.mastercard:before {
  content: "\f1f1";
}
i.icon.microsoft.edge:before {
  content: "\f282";
}
i.icon.military:before {
  content: "\f0fb";
}
i.icon.ms.edge:before {
  content: "\f282";
}
i.icon.mute:before {
  content: "\f131";
}
i.icon.new.pied.piper:before {
  content: "\f2ae";
}
i.icon.non.binary.transgender:before {
  content: "\f223";
}
i.icon.numbered.list:before {
  content: "\f0cb";
}
i.icon.optinmonster:before {
  content: "\f23c";
}
i.icon.options:before {
  content: "\f1de";
}
i.icon.other.gender.horizontal:before {
  content: "\f22b";
}
i.icon.other.gender.vertical:before {
  content: "\f22a";
}
i.icon.other.gender:before {
  content: "\f229";
}
i.icon.payment:before {
  content: "\f09d";
}
i.icon.paypal.card:before {
  content: "\f1f4";
}
i.icon.pencil.square:before {
  content: "\f14b";
}
i.icon.photo:before {
  content: "\f030";
}
i.icon.picture:before {
  content: "\f03e";
}
i.icon.pie.chart:before {
  content: "\f200";
}
i.icon.pie.graph:before {
  content: "\f200";
}
i.icon.pied.piper.hat:before {
  content: "\f2ae";
}
i.icon.pin:before {
  content: "\f08d";
}
i.icon.plus.cart:before {
  content: "\f217";
}
i.icon.pocket:before {
  content: "\f265";
}
i.icon.point:before {
  content: "\f041";
}
i.icon.pointing.down:before {
  content: "\f0a7";
}
i.icon.pointing.left:before {
  content: "\f0a5";
}
i.icon.pointing.right:before {
  content: "\f0a4";
}
i.icon.pointing.up:before {
  content: "\f0a6";
}
i.icon.pound:before {
  content: "\f154";
}
i.icon.power.cord:before {
  content: "\f1e6";
}
i.icon.power:before {
  content: "\f011";
}
i.icon.privacy:before {
  content: "\f084";
}
i.icon.r.circle:before {
  content: "\f25d";
}
i.icon.rain:before {
  content: "\f0e9";
}
i.icon.record:before {
  content: "\f03d";
}
i.icon.refresh:before {
  content: "\f021";
}
i.icon.remove.circle:before {
  content: "\f057";
}
i.icon.remove.from.calendar:before {
  content: "\f272";
}
i.icon.remove.user:before {
  content: "\f235";
}
i.icon.remove:before {
  content: "\f00d";
}
i.icon.repeat:before {
  content: "\f01e";
}
i.icon.rmb:before {
  content: "\f157";
}
i.icon.rouble:before {
  content: "\f158";
}
i.icon.rub:before {
  content: "\f158";
}
i.icon.ruble:before {
  content: "\f158";
}
i.icon.rupee:before {
  content: "\f156";
}
i.icon.s15:before {
  content: "\f2cd";
}
i.icon.selected.radio:before {
  content: "\f192";
}
i.icon.send:before {
  content: "\f1d8";
}
i.icon.setting:before {
  content: "\f013";
}
i.icon.settings:before {
  content: "\f085";
}
i.icon.shekel:before {
  content: "\f20b";
}
i.icon.sheqel:before {
  content: "\f20b";
}
i.icon.shipping:before {
  content: "\f0d1";
}
i.icon.shop:before {
  content: "\f07a";
}
i.icon.shuffle:before {
  content: "\f074";
}
i.icon.shutdown:before {
  content: "\f011";
}
i.icon.sidebar:before {
  content: "\f0c9";
}
i.icon.signing:before {
  content: "\f2a7";
}
i.icon.signup:before {
  content: "\f044";
}
i.icon.sliders:before {
  content: "\f1de";
}
i.icon.soccer:before {
  content: "\f1e3";
}
i.icon.sort.alphabet.ascending:before {
  content: "\f15d";
}
i.icon.sort.alphabet.descending:before {
  content: "\f15e";
}
i.icon.sort.ascending:before {
  content: "\f0de";
}
i.icon.sort.content.ascending:before {
  content: "\f160";
}
i.icon.sort.content.descending:before {
  content: "\f161";
}
i.icon.sort.descending:before {
  content: "\f0dd";
}
i.icon.sort.numeric.ascending:before {
  content: "\f162";
}
i.icon.sort.numeric.descending:before {
  content: "\f163";
}
i.icon.sound:before {
  content: "\f025";
}
i.icon.spy:before {
  content: "\f21b";
}
i.icon.stripe.card:before {
  content: "\f1f5";
}
i.icon.student:before {
  content: "\f19d";
}
i.icon.talk:before {
  content: "\f27a";
}
i.icon.target:before {
  content: "\f140";
}
i.icon.teletype:before {
  content: "\f1e4";
}
i.icon.television:before {
  content: "\f26c";
}
i.icon.text.cursor:before {
  content: "\f246";
}
i.icon.text.telephone:before {
  content: "\f1e4";
}
i.icon.theme.isle:before {
  content: "\f2b2";
}
i.icon.theme:before {
  content: "\f043";
}
i.icon.thermometer:before {
  content: "\f2c7";
}
i.icon.thumb.tack:before {
  content: "\f08d";
}
i.icon.time:before {
  content: "\f017";
}
i.icon.tm:before {
  content: "\f25c";
}
i.icon.toggle.down:before {
  content: "\f150";
}
i.icon.toggle.left:before {
  content: "\f191";
}
i.icon.toggle.right:before {
  content: "\f152";
}
i.icon.toggle.up:before {
  content: "\f151";
}
i.icon.translate:before {
  content: "\f1ab";
}
i.icon.travel:before {
  content: "\f0b1";
}
i.icon.treatment:before {
  content: "\f0f1";
}
i.icon.triangle.down:before {
  content: "\f0d7";
}
i.icon.triangle.left:before {
  content: "\f0d9";
}
i.icon.triangle.right:before {
  content: "\f0da";
}
i.icon.triangle.up:before {
  content: "\f0d8";
}
i.icon.try:before {
  content: "\f195";
}
i.icon.unhide:before {
  content: "\f06e";
}
i.icon.unlinkify:before {
  content: "\f127";
}
i.icon.unmute:before {
  content: "\f130";
}
i.icon.usd:before {
  content: "\f155";
}
i.icon.user.cancel:before {
  content: "\f235";
}
i.icon.user.close:before {
  content: "\f235";
}
i.icon.user.delete:before {
  content: "\f235";
}
i.icon.user.x:before {
  content: "\f235";
}
i.icon.vcard:before {
  content: "\f2bb";
}
i.icon.video.camera:before {
  content: "\f03d";
}
i.icon.video.play:before {
  content: "\f144";
}
i.icon.visa.card:before {
  content: "\f1f0";
}
i.icon.visa:before {
  content: "\f1f0";
}
i.icon.volume.control.phone:before {
  content: "\f2a0";
}
i.icon.wait:before {
  content: "\f017";
}
i.icon.warning.circle:before {
  content: "\f06a";
}
i.icon.warning.sign:before {
  content: "\f071";
}
i.icon.warning:before {
  content: "\f12a";
}
i.icon.wechat:before {
  content: "\f1d7";
}
i.icon.wi-fi:before {
  content: "\f1eb";
}
i.icon.wikipedia:before {
  content: "\f266";
}
i.icon.winner:before {
  content: "\f091";
}
i.icon.wizard:before {
  content: "\f0d0";
}
i.icon.woman:before {
  content: "\f221";
}
i.icon.won:before {
  content: "\f159";
}
i.icon.wordpress.beginner:before {
  content: "\f297";
}
i.icon.wordpress.forms:before {
  content: "\f298";
}
i.icon.world:before {
  content: "\f0ac";
}
i.icon.write.square:before {
  content: "\f14b";
}
i.icon.x:before {
  content: "\f00d";
}
i.icon.yc:before {
  content: "\f23b";
}
i.icon.ycombinator:before {
  content: "\f23b";
}
i.icon.yen:before {
  content: "\f157";
}
i.icon.zip:before {
  content: "\f187";
}
i.icon.zoom-in:before {
  content: "\f00e";
}
i.icon.zoom-out:before {
  content: "\f010";
}
i.icon.zoom:before {
  content: "\f00e";
}
i.icon.bitbucket.square:before {
  content: "\f171";
}
i.icon.checkmark.box:before {
  content: "\f14a";
}
i.icon.circle.thin:before {
  content: "\f111";
}
i.icon.cloud.download:before {
  content: "\f381";
}
i.icon.cloud.upload:before {
  content: "\f382";
}
i.icon.compose:before {
  content: "\f303";
}
i.icon.conversation:before {
  content: "\f086";
}
i.icon.credit.card.alternative:before {
  content: "\f09d";
}
i.icon.currency:before {
  content: "\f3d1";
}
i.icon.dashboard:before {
  content: "\f3fd";
}
i.icon.diamond:before {
  content: "\f3a5";
}
i.icon.disk:before {
  content: "\f0a0";
}
i.icon.exchange:before {
  content: "\f362";
}
i.icon.external.share:before {
  content: "\f14d";
}
i.icon.external.square:before {
  content: "\f360";
}
i.icon.external:before {
  content: "\f35d";
}
i.icon.facebook.official:before {
  content: "\f082";
}
i.icon.food:before {
  content: "\f2e7";
}
i.icon.hourglass.zero:before {
  content: "\f253";
}
i.icon.level.down:before {
  content: "\f3be";
}
i.icon.level.up:before {
  content: "\f3bf";
}
i.icon.logout:before {
  content: "\f2f5";
}
i.icon.meanpath:before {
  content: "\f0c8";
}
i.icon.money:before {
  content: "\f3d1";
}
i.icon.move:before {
  content: "\f0b2";
}
i.icon.pencil:before {
  content: "\f303";
}
i.icon.protect:before {
  content: "\f023";
}
i.icon.radio:before {
  content: "\f192";
}
i.icon.remove.bookmark:before {
  content: "\f02e";
}
i.icon.resize.horizontal:before {
  content: "\f337";
}
i.icon.resize.vertical:before {
  content: "\f338";
}
i.icon.sign-in:before {
  content: "\f2f6";
}
i.icon.sign-out:before {
  content: "\f2f5";
}
i.icon.spoon:before {
  content: "\f2e5";
}
i.icon.star.half.empty:before {
  content: "\f089";
}
i.icon.star.half.full:before {
  content: "\f089";
}
i.icon.ticket:before {
  content: "\f3ff";
}
i.icon.times.rectangle:before {
  content: "\f410";
}
i.icon.write:before {
  content: "\f303";
}
i.icon.youtube.play:before {
  content: "\f167";
}
/*******************************
        Outline Icons
*******************************/
/* Outline Icon */
i.icon.outline {
  font-family: 'outline-icons';
}
/* Icon Definitions */
i.icon.address.book.outline:before {
  content: "\f2b9";
}
i.icon.address.card.outline:before {
  content: "\f2bb";
}
i.icon.arrow.alternate.circle.down.outline:before {
  content: "\f358";
}
i.icon.arrow.alternate.circle.left.outline:before {
  content: "\f359";
}
i.icon.arrow.alternate.circle.right.outline:before {
  content: "\f35a";
}
i.icon.arrow.alternate.circle.up.outline:before {
  content: "\f35b";
}
i.icon.bell.outline:before {
  content: "\f0f3";
}
i.icon.bell.slash.outline:before {
  content: "\f1f6";
}
i.icon.bookmark.outline:before {
  content: "\f02e";
}
i.icon.building.outline:before {
  content: "\f1ad";
}
i.icon.calendar.outline:before {
  content: "\f133";
}
i.icon.calendar.alternate.outline:before {
  content: "\f073";
}
i.icon.calendar.check.outline:before {
  content: "\f274";
}
i.icon.calendar.minus.outline:before {
  content: "\f272";
}
i.icon.calendar.plus.outline:before {
  content: "\f271";
}
i.icon.calendar.times.outline:before {
  content: "\f273";
}
i.icon.caret.square.down.outline:before {
  content: "\f150";
}
i.icon.caret.square.left.outline:before {
  content: "\f191";
}
i.icon.caret.square.right.outline:before {
  content: "\f152";
}
i.icon.caret.square.up.outline:before {
  content: "\f151";
}
i.icon.chart.bar.outline:before {
  content: "\f080";
}
i.icon.check.circle.outline:before {
  content: "\f058";
}
i.icon.check.square.outline:before {
  content: "\f14a";
}
i.icon.circle.outline:before {
  content: "\f111";
}
i.icon.clipboard.outline:before {
  content: "\f328";
}
i.icon.clock.outline:before {
  content: "\f017";
}
i.icon.clone.outline:before {
  content: "\f24d";
}
i.icon.closed.captioning.outline:before {
  content: "\f20a";
}
i.icon.comment.outline:before {
  content: "\f075";
}
i.icon.comment.alternate.outline:before {
  content: "\f27a";
}
i.icon.comments.outline:before {
  content: "\f086";
}
i.icon.compass.outline:before {
  content: "\f14e";
}
i.icon.copy.outline:before {
  content: "\f0c5";
}
i.icon.copyright.outline:before {
  content: "\f1f9";
}
i.icon.credit.card.outline:before {
  content: "\f09d";
}
i.icon.dot.circle.outline:before {
  content: "\f192";
}
i.icon.edit.outline:before {
  content: "\f044";
}
i.icon.envelope.outline:before {
  content: "\f0e0";
}
i.icon.envelope.open.outline:before {
  content: "\f2b6";
}
i.icon.eye.slash.outline:before {
  content: "\f070";
}
i.icon.file.outline:before {
  content: "\f15b";
}
i.icon.file.alternate.outline:before {
  content: "\f15c";
}
i.icon.file.archive.outline:before {
  content: "\f1c6";
}
i.icon.file.audio.outline:before {
  content: "\f1c7";
}
i.icon.file.code.outline:before {
  content: "\f1c9";
}
i.icon.file.excel.outline:before {
  content: "\f1c3";
}
i.icon.file.image.outline:before {
  content: "\f1c5";
}
i.icon.file.pdf.outline:before {
  content: "\f1c1";
}
i.icon.file.powerpoint.outline:before {
  content: "\f1c4";
}
i.icon.file.video.outline:before {
  content: "\f1c8";
}
i.icon.file.word.outline:before {
  content: "\f1c2";
}
i.icon.flag.outline:before {
  content: "\f024";
}
i.icon.folder.outline:before {
  content: "\f07b";
}
i.icon.folder.open.outline:before {
  content: "\f07c";
}
i.icon.frown.outline:before {
  content: "\f119";
}
i.icon.futbol.outline:before {
  content: "\f1e3";
}
i.icon.gem.outline:before {
  content: "\f3a5";
}
i.icon.hand.lizard.outline:before {
  content: "\f258";
}
i.icon.hand.paper.outline:before {
  content: "\f256";
}
i.icon.hand.peace.outline:before {
  content: "\f25b";
}
i.icon.hand.point.down.outline:before {
  content: "\f0a7";
}
i.icon.hand.point.left.outline:before {
  content: "\f0a5";
}
i.icon.hand.point.right.outline:before {
  content: "\f0a4";
}
i.icon.hand.point.up.outline:before {
  content: "\f0a6";
}
i.icon.hand.pointer.outline:before {
  content: "\f25a";
}
i.icon.hand.rock.outline:before {
  content: "\f255";
}
i.icon.hand.scissors.outline:before {
  content: "\f257";
}
i.icon.hand.spock.outline:before {
  content: "\f259";
}
i.icon.handshake.outline:before {
  content: "\f2b5";
}
i.icon.hdd.outline:before {
  content: "\f0a0";
}
i.icon.heart.outline:before {
  content: "\f004";
}
i.icon.hospital.outline:before {
  content: "\f0f8";
}
i.icon.hourglass.outline:before {
  content: "\f254";
}
i.icon.id.badge.outline:before {
  content: "\f2c1";
}
i.icon.id.card.outline:before {
  content: "\f2c2";
}
i.icon.image.outline:before {
  content: "\f03e";
}
i.icon.images.outline:before {
  content: "\f302";
}
i.icon.keyboard.outline:before {
  content: "\f11c";
}
i.icon.lemon.outline:before {
  content: "\f094";
}
i.icon.life.ring.outline:before {
  content: "\f1cd";
}
i.icon.lightbulb.outline:before {
  content: "\f0eb";
}
i.icon.list.alternate.outline:before {
  content: "\f022";
}
i.icon.map.outline:before {
  content: "\f279";
}
i.icon.meh.outline:before {
  content: "\f11a";
}
i.icon.minus.square.outline:before {
  content: "\f146";
}
i.icon.money.bill.alternate.outline:before {
  content: "\f3d1";
}
i.icon.moon.outline:before {
  content: "\f186";
}
i.icon.newspaper.outline:before {
  content: "\f1ea";
}
i.icon.object.group.outline:before {
  content: "\f247";
}
i.icon.object.ungroup.outline:before {
  content: "\f248";
}
i.icon.paper.plane.outline:before {
  content: "\f1d8";
}
i.icon.pause.circle.outline:before {
  content: "\f28b";
}
i.icon.play.circle.outline:before {
  content: "\f144";
}
i.icon.plus.square.outline:before {
  content: "\f0fe";
}
i.icon.question.circle.outline:before {
  content: "\f059";
}
i.icon.registered.outline:before {
  content: "\f25d";
}
i.icon.save.outline:before {
  content: "\f0c7";
}
i.icon.share.square.outline:before {
  content: "\f14d";
}
i.icon.smile.outline:before {
  content: "\f118";
}
i.icon.snowflake.outline:before {
  content: "\f2dc";
}
i.icon.square.outline:before {
  content: "\f0c8";
}
i.icon.star.outline:before {
  content: "\f005";
}
i.icon.star.half.outline:before {
  content: "\f089";
}
i.icon.sticky.note.outline:before {
  content: "\f249";
}
i.icon.stop.circle.outline:before {
  content: "\f28d";
}
i.icon.sun.outline:before {
  content: "\f185";
}
i.icon.thumbs.down.outline:before {
  content: "\f165";
}
i.icon.thumbs.up.outline:before {
  content: "\f164";
}
i.icon.times.circle.outline:before {
  content: "\f057";
}
i.icon.trash.alternate.outline:before {
  content: "\f2ed";
}
i.icon.user.outline:before {
  content: "\f007";
}
i.icon.user.circle.outline:before {
  content: "\f2bd";
}
i.icon.window.close.outline:before {
  content: "\f410";
}
i.icon.window.maximize.outline:before {
  content: "\f2d0";
}
i.icon.window.minimize.outline:before {
  content: "\f2d1";
}
i.icon.window.restore.outline:before {
  content: "\f2d2";
}
/* Outline Aliases */
i.icon.disk.outline:before {
  content: "\f0a0";
}
i.icon.heart.empty,
i.icon.star.empty {
  font-family: 'outline-icons';
}
i.icon.heart.empty:before {
  content: "\f004";
}
i.icon.star.empty:before {
  content: "\f089";
}
/*******************************
           Brand Icons
*******************************/
/* Brand Icon Font Family */
i.icon.\35 00px,
i.icon.accessible.icon,
i.icon.accusoft,
i.icon.adn,
i.icon.adversal,
i.icon.affiliatetheme,
i.icon.algolia,
i.icon.amazon,
i.icon.amazon.pay,
i.icon.amilia,
i.icon.android,
i.icon.angellist,
i.icon.angrycreative,
i.icon.angular,
i.icon.app.store,
i.icon.app.store.ios,
i.icon.apper,
i.icon.apple,
i.icon.apple.pay,
i.icon.asymmetrik,
i.icon.audible,
i.icon.autoprefixer,
i.icon.avianex,
i.icon.aviato,
i.icon.aws,
i.icon.bandcamp,
i.icon.behance,
i.icon.behance.square,
i.icon.bimobject,
i.icon.bitbucket,
i.icon.bitcoin,
i.icon.bity,
i.icon.black.tie,
i.icon.blackberry,
i.icon.blogger,
i.icon.blogger.b,
i.icon.bluetooth,
i.icon.bluetooth.b,
i.icon.btc,
i.icon.buromobelexperte,
i.icon.buysellads,
i.icon.cc.amazon.pay,
i.icon.cc.amex,
i.icon.cc.apple.pay,
i.icon.cc.diners.club,
i.icon.cc.discover,
i.icon.cc.jcb,
i.icon.cc.mastercard,
i.icon.cc.paypal,
i.icon.cc.stripe,
i.icon.cc.visa,
i.icon.centercode,
i.icon.chrome,
i.icon.cloudscale,
i.icon.cloudsmith,
i.icon.cloudversify,
i.icon.codepen,
i.icon.codiepie,
i.icon.connectdevelop,
i.icon.contao,
i.icon.cpanel,
i.icon.creative.commons,
i.icon.css3,
i.icon.css3.alternate,
i.icon.cuttlefish,
i.icon.d.and.d,
i.icon.dashcube,
i.icon.delicious,
i.icon.deploydog,
i.icon.deskpro,
i.icon.deviantart,
i.icon.digg,
i.icon.digital.ocean,
i.icon.discord,
i.icon.discourse,
i.icon.dochub,
i.icon.docker,
i.icon.draft2digital,
i.icon.dribbble,
i.icon.dribbble.square,
i.icon.dropbox,
i.icon.drupal,
i.icon.dyalog,
i.icon.earlybirds,
i.icon.edge,
i.icon.elementor,
i.icon.ember,
i.icon.empire,
i.icon.envira,
i.icon.erlang,
i.icon.ethereum,
i.icon.etsy,
i.icon.expeditedssl,
i.icon.facebook,
i.icon.facebook.f,
i.icon.facebook.messenger,
i.icon.facebook.square,
i.icon.firefox,
i.icon.first.order,
i.icon.firstdraft,
i.icon.flickr,
i.icon.flipboard,
i.icon.fly,
i.icon.font.awesome,
i.icon.font.awesome.alternate,
i.icon.font.awesome.flag,
i.icon.fonticons,
i.icon.fonticons.fi,
i.icon.fort.awesome,
i.icon.fort.awesome.alternate,
i.icon.forumbee,
i.icon.foursquare,
i.icon.free.code.camp,
i.icon.freebsd,
i.icon.get.pocket,
i.icon.gg,
i.icon.gg.circle,
i.icon.git,
i.icon.git.square,
i.icon.github,
i.icon.github.alternate,
i.icon.github.square,
i.icon.gitkraken,
i.icon.gitlab,
i.icon.gitter,
i.icon.glide,
i.icon.glide.g,
i.icon.gofore,
i.icon.goodreads,
i.icon.goodreads.g,
i.icon.google,
i.icon.google.drive,
i.icon.google.play,
i.icon.google.plus,
i.icon.google.plus.g,
i.icon.google.plus.square,
i.icon.google.wallet,
i.icon.gratipay,
i.icon.grav,
i.icon.gripfire,
i.icon.grunt,
i.icon.gulp,
i.icon.hacker.news,
i.icon.hacker.news.square,
i.icon.hips,
i.icon.hire.a.helper,
i.icon.hooli,
i.icon.hotjar,
i.icon.houzz,
i.icon.html5,
i.icon.hubspot,
i.icon.imdb,
i.icon.instagram,
i.icon.internet.explorer,
i.icon.ioxhost,
i.icon.itunes,
i.icon.itunes.note,
i.icon.jenkins,
i.icon.joget,
i.icon.joomla,
i.icon.js,
i.icon.js.square,
i.icon.jsfiddle,
i.icon.keycdn,
i.icon.kickstarter,
i.icon.kickstarter.k,
i.icon.korvue,
i.icon.laravel,
i.icon.lastfm,
i.icon.lastfm.square,
i.icon.leanpub,
i.icon.less,
i.icon.linechat,
i.icon.linkedin,
i.icon.linkedin.alternate,
i.icon.linkedin.in,
i.icon.linode,
i.icon.linux,
i.icon.lyft,
i.icon.magento,
i.icon.maxcdn,
i.icon.medapps,
i.icon.medium,
i.icon.medium.m,
i.icon.medrt,
i.icon.meetup,
i.icon.microsoft,
i.icon.mix,
i.icon.mixcloud,
i.icon.mizuni,
i.icon.modx,
i.icon.monero,
i.icon.napster,
i.icon.nintendo.switch,
i.icon.node,
i.icon.node.js,
i.icon.npm,
i.icon.ns8,
i.icon.nutritionix,
i.icon.odnoklassniki,
i.icon.odnoklassniki.square,
i.icon.opencart,
i.icon.openid,
i.icon.opera,
i.icon.optin.monster,
i.icon.osi,
i.icon.page4,
i.icon.pagelines,
i.icon.palfed,
i.icon.patreon,
i.icon.paypal,
i.icon.periscope,
i.icon.phabricator,
i.icon.phoenix.framework,
i.icon.php,
i.icon.pied.piper,
i.icon.pied.piper.alternate,
i.icon.pied.piper.pp,
i.icon.pinterest,
i.icon.pinterest.p,
i.icon.pinterest.square,
i.icon.playstation,
i.icon.product.hunt,
i.icon.pushed,
i.icon.python,
i.icon.qq,
i.icon.quinscape,
i.icon.quora,
i.icon.ravelry,
i.icon.react,
i.icon.rebel,
i.icon.redriver,
i.icon.reddit,
i.icon.reddit.alien,
i.icon.reddit.square,
i.icon.rendact,
i.icon.renren,
i.icon.replyd,
i.icon.resolving,
i.icon.rocketchat,
i.icon.rockrms,
i.icon.safari,
i.icon.sass,
i.icon.schlix,
i.icon.scribd,
i.icon.searchengin,
i.icon.sellcast,
i.icon.sellsy,
i.icon.servicestack,
i.icon.shirtsinbulk,
i.icon.simplybuilt,
i.icon.sistrix,
i.icon.skyatlas,
i.icon.skype,
i.icon.slack,
i.icon.slack.hash,
i.icon.slideshare,
i.icon.snapchat,
i.icon.snapchat.ghost,
i.icon.snapchat.square,
i.icon.soundcloud,
i.icon.speakap,
i.icon.spotify,
i.icon.stack.exchange,
i.icon.stack.overflow,
i.icon.staylinked,
i.icon.steam,
i.icon.steam.square,
i.icon.steam.symbol,
i.icon.sticker.mule,
i.icon.strava,
i.icon.stripe,
i.icon.stripe.s,
i.icon.studiovinari,
i.icon.stumbleupon,
i.icon.stumbleupon.circle,
i.icon.superpowers,
i.icon.supple,
i.icon.telegram,
i.icon.telegram.plane,
i.icon.tencent.weibo,
i.icon.themeisle,
i.icon.trello,
i.icon.tripadvisor,
i.icon.tumblr,
i.icon.tumblr.square,
i.icon.twitch,
i.icon.twitter,
i.icon.twitter.square,
i.icon.typo3,
i.icon.uber,
i.icon.uikit,
i.icon.uniregistry,
i.icon.untappd,
i.icon.usb,
i.icon.ussunnah,
i.icon.vaadin,
i.icon.viacoin,
i.icon.viadeo,
i.icon.viadeo.square,
i.icon.viber,
i.icon.vimeo,
i.icon.vimeo.square,
i.icon.vimeo.v,
i.icon.vine,
i.icon.vk,
i.icon.vnv,
i.icon.vuejs,
i.icon.wechat,
i.icon.weibo,
i.icon.weixin,
i.icon.whatsapp,
i.icon.whatsapp.square,
i.icon.whmcs,
i.icon.wikipedia.w,
i.icon.windows,
i.icon.wordpress,
i.icon.wordpress.simple,
i.icon.wpbeginner,
i.icon.wpexplorer,
i.icon.wpforms,
i.icon.xbox,
i.icon.xing,
i.icon.xing.square,
i.icon.y.combinator,
i.icon.yahoo,
i.icon.yandex,
i.icon.yandex.international,
i.icon.yelp,
i.icon.yoast,
i.icon.youtube,
i.icon.youtube.square {
  font-family: 'brand-icons';
}
/* Brand Icons Ideally Would Be Defined Here */
/*******************************
         Theme Overrides
*******************************/
i.icon.accent {
  color: var(--icon_accent);
}
/*!
 * # Semantic UI - Image
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Image
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Types
--------------------*/
/* Avatar */
/*-------------------
       Variations
--------------------*/
/* Spaced */
/* Floated */
/* Size */
/*******************************
             Image
*******************************/
.ui.image {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  background-color: transparent;
}
img.ui.image {
  display: block;
}
.ui.image svg,
.ui.image img {
  display: block;
  max-width: 100%;
  height: auto;
}
/*******************************
            States
*******************************/
.ui.hidden.images,
.ui.hidden.image {
  display: none;
}
.ui.hidden.transition.images,
.ui.hidden.transition.image {
  display: block;
  visibility: hidden;
}
.ui.images > .hidden.transition {
  display: inline-block;
  visibility: hidden;
}
.ui.disabled.images,
.ui.disabled.image {
  cursor: default;
  opacity: 0.6;
}
/*******************************
          Variations
*******************************/
/*--------------
     Inline
---------------*/
.ui.inline.image,
.ui.inline.image svg,
.ui.inline.image img {
  display: inline-block;
}
/*------------------
  Vertical Aligned
-------------------*/
.ui.top.aligned.images .image,
.ui.top.aligned.image,
.ui.top.aligned.image svg,
.ui.top.aligned.image img {
  display: inline-block;
  vertical-align: top;
}
.ui.middle.aligned.images .image,
.ui.middle.aligned.image,
.ui.middle.aligned.image svg,
.ui.middle.aligned.image img {
  display: inline-block;
  vertical-align: middle;
}
.ui.bottom.aligned.images .image,
.ui.bottom.aligned.image,
.ui.bottom.aligned.image svg,
.ui.bottom.aligned.image img {
  display: inline-block;
  vertical-align: bottom;
}
/*--------------
     Rounded
---------------*/
.ui.rounded.images .image,
.ui.rounded.image,
.ui.rounded.images .image > *,
.ui.rounded.image > * {
  border-radius: 0.3125em;
}
/*--------------
    Bordered
---------------*/
.ui.bordered.images .image,
.ui.bordered.images img,
.ui.bordered.images svg,
.ui.bordered.image img,
.ui.bordered.image svg,
img.ui.bordered.image {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
/*--------------
    Circular
---------------*/
.ui.circular.images,
.ui.circular.image {
  overflow: hidden;
}
.ui.circular.images .image,
.ui.circular.image,
.ui.circular.images .image > *,
.ui.circular.image > * {
  -webkit-border-radius: 500rem;
  -moz-border-radius: 500rem;
  border-radius: 500rem;
}
/*--------------
     Fluid
---------------*/
.ui.fluid.images,
.ui.fluid.image,
.ui.fluid.images img,
.ui.fluid.images svg,
.ui.fluid.image svg,
.ui.fluid.image img {
  display: block;
  width: 100%;
  height: auto;
}
/*--------------
     Avatar
---------------*/
.ui.avatar.images .image,
.ui.avatar.images img,
.ui.avatar.images svg,
.ui.avatar.image img,
.ui.avatar.image svg,
.ui.avatar.image {
  margin-right: 0.25em;
  display: inline-block;
  width: 2em;
  height: 2em;
  -webkit-border-radius: 500rem;
  -moz-border-radius: 500rem;
  border-radius: 500rem;
}
/*-------------------
       Spaced
--------------------*/
.ui.spaced.image {
  display: inline-block !important;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui[class*="left spaced"].image {
  margin-left: 0.5em;
  margin-right: 0em;
}
.ui[class*="right spaced"].image {
  margin-left: 0em;
  margin-right: 0.5em;
}
/*-------------------
       Floated
--------------------*/
.ui.floated.image,
.ui.floated.images {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.ui.right.floated.images,
.ui.right.floated.image {
  float: right;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 1em;
}
.ui.floated.images:last-child,
.ui.floated.image:last-child {
  margin-bottom: 0em;
}
.ui.centered.images,
.ui.centered.image {
  margin-left: auto;
  margin-right: auto;
}
/*--------------
     Sizes
---------------*/
.ui.mini.images .image,
.ui.mini.images img,
.ui.mini.images svg,
.ui.mini.image {
  width: 35px;
  height: auto;
  font-size: 0.78571429rem;
}
.ui.tiny.images .image,
.ui.tiny.images img,
.ui.tiny.images svg,
.ui.tiny.image {
  width: 80px;
  height: auto;
  font-size: 0.85714286rem;
}
.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg,
.ui.small.image {
  width: 150px;
  height: auto;
  font-size: 0.92857143rem;
}
.ui.medium.images .image,
.ui.medium.images img,
.ui.medium.images svg,
.ui.medium.image {
  width: 300px;
  height: auto;
  font-size: 1rem;
}
.ui.large.images .image,
.ui.large.images img,
.ui.large.images svg,
.ui.large.image {
  width: 450px;
  height: auto;
  font-size: 1.14285714rem;
}
.ui.big.images .image,
.ui.big.images img,
.ui.big.images svg,
.ui.big.image {
  width: 600px;
  height: auto;
  font-size: 1.28571429rem;
}
.ui.huge.images .image,
.ui.huge.images img,
.ui.huge.images svg,
.ui.huge.image {
  width: 800px;
  height: auto;
  font-size: 1.42857143rem;
}
.ui.massive.images .image,
.ui.massive.images img,
.ui.massive.images svg,
.ui.massive.image {
  width: 960px;
  height: auto;
  font-size: 1.71428571rem;
}
/*******************************
              Groups
*******************************/
.ui.images {
  font-size: 0em;
  margin: 0em -0.25rem 0rem;
}
.ui.images .image,
.ui.images > img,
.ui.images > svg {
  display: inline-block;
  margin: 0em 0.25rem 0.5rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Input
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Input
*******************************/
/*-------------------
      Element
--------------------*/
/*-------------------
        Types
--------------------*/
/* Icon Input */
/* Circular Icon Input */
/* Labeled Input */
/*-------------------
        States
--------------------*/
/* Placeholder */
/* Down */
/* Focus */
/* Error */
/* Loader */
/*-------------------
      Variations
--------------------*/
/* Inverted */
/*******************************
           Standard
*******************************/
/*--------------------
        Inputs
---------------------*/
.ui.input {
  position: relative;
  font-weight: normal;
  font-style: normal;
  display: inline-flex;
  color: var(--common_main);
}
.ui.input > input {
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 1.21428571em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  padding: 0.67857143em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: var(--common_main);
  border-radius: 0.28571429rem;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: none;
}
/*--------------------
      Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.input > input::-webkit-input-placeholder {
  color: var(--text-lighten-75);
}
.ui.input > input::-moz-placeholder {
  color: var(--text-lighten-75);
}
.ui.input > input:-ms-input-placeholder {
  color: var(--text-lighten-75);
}
/*******************************
            States
*******************************/
/*--------------------
        Disabled
---------------------*/
.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
  opacity: 0.6;
}
.ui.disabled.input > input,
.ui.input:not(.disabled) input[disabled] {
  pointer-events: none;
}
/*--------------------
        Active
---------------------*/
.ui.input > input:active,
.ui.input.down input {
  border-color: rgba(0, 0, 0, 0.3);
  background: #FAFAFA;
  color: var(--basic-on-bg-primary);
  box-shadow: none;
}
/*--------------------
       Loading
---------------------*/
.ui.loading.loading.input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.3);
}
.ui.loading.loading.input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #DCDDDE transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*--------------------
        Focus
---------------------*/
.ui.input.focus > input,
.ui.input > input:focus {
  border-color: var(--inputs_border_active);
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: none;
}
.ui.input.focus > input::-webkit-input-placeholder,
.ui.input > input:focus::-webkit-input-placeholder {
  color: var(--text-lighten-45);
}
.ui.input.focus > input::-moz-placeholder,
.ui.input > input:focus::-moz-placeholder {
  color: var(--text-lighten-45);
}
.ui.input.focus > input:-ms-input-placeholder,
.ui.input > input:focus:-ms-input-placeholder {
  color: var(--text-lighten-45);
}
/*--------------------
        Error
---------------------*/
.ui.input.error > input {
  background-color: var(--inputs_bkg_error);
  border-color: var(--inputs_border_error);
  color: var(--basic-on-bg-primary);
  box-shadow: none;
}
/* Error Placeholder */
.ui.input.error > input::-webkit-input-placeholder {
  color: var(--negative-lighten-10);
}
.ui.input.error > input::-moz-placeholder {
  color: var(--negative-lighten-10);
}
.ui.input.error > input:-ms-input-placeholder {
  color: var(--negative-lighten-10) !important;
}
/* Focused Error Placeholder */
.ui.input.error > input:focus::-webkit-input-placeholder {
  color: var(--negative-lighten-05);
}
.ui.input.error > input:focus::-moz-placeholder {
  color: var(--negative-lighten-05);
}
.ui.input.error > input:focus:-ms-input-placeholder {
  color: var(--negative-lighten-05) !important;
}
/*******************************
           Variations
*******************************/
/*--------------------
      Transparent
---------------------*/
.ui.transparent.input > input {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0em !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}
/* Transparent Icon */
.ui.transparent.icon.input > i.icon {
  width: 1.1em;
}
.ui.transparent.icon.input > input {
  padding-left: 0em !important;
  padding-right: 2em !important;
}
.ui.transparent[class*="left icon"].input > input {
  padding-left: 2em !important;
  padding-right: 0em !important;
}
/* Transparent Inverted */
.ui.transparent.inverted.input {
  color: #FFFFFF;
}
.ui.transparent.inverted.input > input {
  color: inherit;
}
.ui.transparent.inverted.input > input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.ui.transparent.inverted.input > input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
/*--------------------
         Icon
---------------------*/
.ui.icon.input > i.icon {
  cursor: default;
  position: absolute;
  line-height: 1;
  text-align: center;
  top: 0px;
  right: 0px;
  margin: 0em;
  height: 100%;
  width: 2.67142857em;
  opacity: 0.5;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  transition: opacity 0.3s ease;
}
.ui.icon.input > i.icon:not(.link) {
  pointer-events: none;
}
.ui.icon.input > input {
  padding-right: 2.67142857em !important;
}
.ui.icon.input > i.icon:before,
.ui.icon.input > i.icon:after {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  margin-top: -0.5em;
}
.ui.icon.input > i.link.icon {
  cursor: pointer;
}
.ui.icon.input > i.circular.icon {
  top: 0.35em;
  right: 0.5em;
}
/* Left Icon Input */
.ui[class*="left icon"].input > i.icon {
  right: auto;
  left: 1px;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="left icon"].input > i.circular.icon {
  right: auto;
  left: 0.5em;
}
.ui[class*="left icon"].input > input {
  padding-left: 2.67142857em !important;
  padding-right: 1em !important;
}
/* Focus */
.ui.icon.input > input:focus ~ i.icon {
  opacity: 1;
}
/*--------------------
        Labeled
---------------------*/
/* Adjacent Label */
.ui.labeled.input > .label {
  flex: 0 0 auto;
  margin: 0;
  font-size: 1em;
}
.ui.labeled.input > .label:not(.corner) {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
}
/* Regular Label on Left */
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-color: transparent;
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
  border-left-color: var(--inputs_border_active);
}
/* Regular Label on Right */
.ui[class*="right labeled"].input > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui[class*="right labeled"].input > input + .label {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui[class*="right labeled"].input > input:focus {
  border-right-color: var(--inputs_border_active) !important;
}
/* Corner Label */
.ui.labeled.input .corner.label {
  top: 1px;
  right: 1px;
  font-size: 0.64285714em;
  border-radius: 0em 0.28571429rem 0em 0em;
}
/* Spacing with corner label */
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
  padding-right: 2.5em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
  padding-right: 3.25em !important;
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
  margin-right: 1.25em;
}
/* Left Labeled */
.ui[class*="left corner labeled"].labeled.input > input {
  padding-left: 2.5em !important;
}
.ui[class*="left corner labeled"].icon.input > input {
  padding-left: 3.25em !important;
}
.ui[class*="left corner labeled"].icon.input > .icon {
  margin-left: 1.25em;
}
/* Corner Label Position  */
.ui.input > .ui.corner.label {
  top: 1px;
  right: 1px;
}
.ui.input > .ui.left.corner.label {
  right: auto;
  left: 1px;
}
/*--------------------
        Action
---------------------*/
.ui.action.input > .button,
.ui.action.input > .buttons {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.ui.action.input > .button,
.ui.action.input > .buttons > .button {
  padding-top: 0.78571429em;
  padding-bottom: 0.78571429em;
  margin: 0;
}
/* Button on Right */
.ui.action.input:not([class*="left action"]) > input {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right-color: transparent !important;
}
.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
  border-radius: 0px;
}
.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
.ui.action.input:not([class*="left action"]) > .button:last-child,
.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
}
/* Input Focus */
.ui.action.input:not([class*="left action"]) > input:focus {
  border-right-color: var(--inputs_border_active) !important;
}
/* Button on Left */
.ui[class*="left action"].input > input {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-color: transparent !important;
}
.ui[class*="left action"].input > .dropdown,
.ui[class*="left action"].input > .button,
.ui[class*="left action"].input > .buttons > .button {
  border-radius: 0px;
}
.ui[class*="left action"].input > .dropdown:first-child,
.ui[class*="left action"].input > .button:first-child,
.ui[class*="left action"].input > .buttons:first-child > .button {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
/* Input Focus */
.ui[class*="left action"].input > input:focus {
  border-left-color: var(--inputs_border_active) !important;
}
/*--------------------
       Inverted
---------------------*/
/* Standard */
.ui.inverted.input > input {
  border: none;
}
/*--------------------
        Fluid
---------------------*/
.ui.fluid.input {
  display: flex;
}
.ui.fluid.input > input {
  width: 0px !important;
}
/*--------------------
        Size
---------------------*/
.ui.mini.input {
  font-size: 0.78571429em;
}
.ui.small.input {
  font-size: 0.92857143em;
}
.ui.input {
  font-size: 1em;
}
.ui.large.input {
  font-size: 1.14285714em;
}
.ui.big.input {
  font-size: 1.28571429em;
}
.ui.huge.input {
  font-size: 1.42857143em;
}
.ui.massive.input {
  font-size: 1.71428571em;
}
/*******************************
         Theme Overrides
*******************************/
.ui.disabled.input,
.ui.input:not(.disabled) input[disabled] {
  opacity: 1 !important;
  color: #999999;
}
.ui.disabled.input input,
.ui.input:not(.disabled) input[disabled] {
  background-color: #F8F8F8 !important;
  opacity: 1 !important;
}
.ui.icon.input > i.icon.password {
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
}
.ui.icon.input > i.icon.password:hover {
  opacity: 1;
}
/*!
 * # Semantic UI - Label
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Label
*******************************/
/*-------------------
       Element
--------------------*/
/* medium is not @emSize custom value required */
/* Group */
/*-------------------
        Parts
--------------------*/
/* Link */
/* Icon */
/* Image */
/* Detail */
/* Delete */
/*-------------------
        Types
--------------------*/
/* Image Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Active */
/* Active Hover */
/*-------------------
      Variations
--------------------*/
/* Basic */
/* TerminalTypeModalTag */
/* Avoids error with background: inherit; on animation */
/* Ribbon */
/* Rounding Offset on Triangle */
/* Rounding Offset on Triangle */
/* Colors */
/* Attached */
/* Corner */
/* Corner Text */
/* Horizontal */
/* Circular Padding */
/* Pointing */
/* Basic Pointing */
/* Floating */
/*-------------------
        Group
--------------------*/
/* Sizing */
/*******************************
            Label
*******************************/
.ui.label {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  margin: 0em 0.14285714em;
  background-color: #E8E8E8;
  background-image: none;
  padding: 0.5833em 0.833em;
  color: rgba(0, 0, 0, 0.6);
  text-transform: none;
  font-weight: bold;
  border: 0px solid transparent;
  border-radius: 0.28571429rem;
  transition: background 0.1s ease;
}
.ui.label:first-child {
  margin-left: 0em;
}
.ui.label:last-child {
  margin-right: 0em;
}
/* Link */
a.ui.label {
  cursor: pointer;
}
/* Inside Link */
.ui.label > a {
  cursor: pointer;
  color: inherit;
  opacity: 0.5;
  transition: 0.1s opacity ease;
}
.ui.label > a:hover {
  opacity: 1;
}
/* Image */
.ui.label > img {
  width: auto !important;
  vertical-align: middle;
  height: 2.1666em !important;
}
/* Icon */
.ui.label > .icon {
  width: auto;
  margin: 0em 0.75em 0em 0em;
}
/* Detail */
.ui.label > .detail {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-left: 1em;
  opacity: 0.8;
}
.ui.label > .detail .icon {
  margin: 0em 0.25em 0em 0em;
}
/* Removable label */
.ui.label > .close.icon,
.ui.label > .delete.icon {
  cursor: pointer;
  margin-right: 0em;
  margin-left: 0.5em;
  font-size: 0.92857143em;
  opacity: 0.5;
  transition: background 0.1s ease;
}
.ui.label > .delete.icon:hover {
  opacity: 1;
}
/*-------------------
       Group
--------------------*/
.ui.labels > .label {
  margin: 0em 0.5em 0.5em 0em;
}
/*-------------------
       Coupling
--------------------*/
.ui.header > .ui.label {
  margin-top: -0.29165em;
}
/* Remove border radius on attached segment */
.ui.attached.segment > .ui.top.left.attached.label,
.ui.bottom.attached.segment > .ui.top.left.attached.label {
  border-top-left-radius: 0;
}
.ui.attached.segment > .ui.top.right.attached.label,
.ui.bottom.attached.segment > .ui.top.right.attached.label {
  border-top-right-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.left.attached.label {
  border-bottom-left-radius: 0;
}
.ui.top.attached.segment > .ui.bottom.right.attached.label {
  border-bottom-right-radius: 0;
}
/* Padding on next content after a label */
.ui.top.attached.label:first-child + :not(.attached),
.ui.top.attached.label + [class*="right floated"] + * {
  margin-top: 2rem !important;
}
.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
  margin-top: 0em;
  margin-bottom: 2rem !important;
}
/*******************************
             Types
*******************************/
.ui.image.label {
  width: auto !important;
  margin-top: 0em;
  margin-bottom: 0em;
  max-width: 9999px;
  vertical-align: baseline;
  text-transform: none;
  background: #E8E8E8;
  padding: 0.5833em 0.833em 0.5833em 0.5em;
  border-radius: 0.28571429rem;
  box-shadow: none;
}
.ui.image.label img {
  display: inline-block;
  vertical-align: top;
  height: 2.1666em;
  margin: -0.5833em 0.5em -0.5833em -0.5em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui.image.label .detail {
  background: rgba(0, 0, 0, 0.1);
  margin: -0.5833em -0.833em -0.5833em 0.5em;
  padding: 0.5833em 0.833em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
/*-------------------
         Tag
--------------------*/
.ui.tag.labels .label,
.ui.tag.label {
  margin-left: 1em;
  position: relative;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  transition: none;
}
.ui.tag.labels .label:before,
.ui.tag.label:before {
  position: absolute;
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
  top: 50%;
  right: 100%;
  content: '';
  background-color: inherit;
  background-image: none;
  width: 1.56em;
  height: 1.56em;
  transition: none;
}
.ui.tag.labels .label:after,
.ui.tag.label:after {
  position: absolute;
  content: '';
  top: 50%;
  left: -0.25em;
  margin-top: -0.25em;
  background-color: #FFFFFF !important;
  width: 0.5em;
  height: 0.5em;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 500rem;
}
/*-------------------
    Corner Label
--------------------*/
.ui.corner.label {
  position: absolute;
  top: 0em;
  right: 0em;
  margin: 0em;
  padding: 0em;
  text-align: center;
  border-color: #E8E8E8;
  width: 4em;
  height: 4em;
  z-index: 1;
  transition: border-color 0.1s ease;
}
/* Icon Label */
.ui.corner.label {
  background-color: transparent !important;
}
.ui.corner.label:after {
  position: absolute;
  content: "";
  right: 0em;
  top: 0em;
  z-index: -1;
  width: 0em;
  height: 0em;
  background-color: transparent !important;
  border-top: 0em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 4em solid transparent;
  border-left: 0em solid transparent;
  border-right-color: inherit;
  transition: border-color 0.1s ease;
}
.ui.corner.label .icon {
  cursor: default;
  position: relative;
  top: 0.64285714em;
  left: 0.78571429em;
  font-size: 1.14285714em;
  margin: 0em;
}
/* Left Corner */
.ui.left.corner.label,
.ui.left.corner.label:after {
  right: auto;
  left: 0em;
}
.ui.left.corner.label:after {
  border-top: 4em solid transparent;
  border-right: 4em solid transparent;
  border-bottom: 0em solid transparent;
  border-left: 0em solid transparent;
  border-top-color: inherit;
}
.ui.left.corner.label .icon {
  left: -0.78571429em;
}
/* Segment */
.ui.segment > .ui.corner.label {
  top: -1px;
  right: -1px;
}
.ui.segment > .ui.left.corner.label {
  right: auto;
  left: -1px;
}
/*-------------------
       Ribbon
--------------------*/
.ui.ribbon.label {
  position: relative;
  margin: 0em;
  min-width: max-content;
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
  border-color: rgba(0, 0, 0, 0.15);
}
.ui.ribbon.label:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0%;
  background-color: transparent !important;
  border-style: solid;
  border-width: 0em 1.2em 1.2em 0em;
  border-color: transparent;
  border-right-color: inherit;
  width: 0em;
  height: 0em;
}
/* Positioning */
.ui.ribbon.label {
  left: calc(-1rem - 1.2em);
  margin-right: -1.2em;
  padding-left: calc(1rem + 1.2em);
  padding-right: 1.2em;
}
.ui[class*="right ribbon"].label {
  left: calc(100% + 1rem + 1.2em);
  padding-left: 1.2em;
  padding-right: calc(1rem + 1.2em);
}
/* Right Ribbon */
.ui[class*="right ribbon"].label {
  text-align: left;
  transform: translateX(-100%);
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
.ui[class*="right ribbon"].label:after {
  left: auto;
  right: 0%;
  border-style: solid;
  border-width: 1.2em 1.2em 0em 0em;
  border-color: transparent;
  border-top-color: inherit;
}
/* Inside Table */
.ui.image > .ribbon.label,
.ui.card .image > .ribbon.label {
  position: absolute;
  top: 1rem;
}
.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc(--0.05rem - 1.2em);
}
.ui.card .image > .ui[class*="right ribbon"].label,
.ui.image > .ui[class*="right ribbon"].label {
  left: calc(100% + -0.05rem + 1.2em);
  padding-left: 0.833em;
}
/* Inside Table */
.ui.table td > .ui.ribbon.label {
  left: calc(-0.78571429em - 1.2em);
}
.ui.table td > .ui[class*="right ribbon"].label {
  left: calc(100% + 0.78571429em + 1.2em);
  padding-left: 0.833em;
}
/*-------------------
      Attached
--------------------*/
.ui[class*="top attached"].label,
.ui.attached.label {
  width: 100%;
  position: absolute;
  margin: 0em;
  top: 0em;
  left: 0em;
  padding: 0.75em 1em;
  border-radius: 0.21428571rem 0.21428571rem 0em 0em;
}
.ui[class*="bottom attached"].label {
  top: auto;
  bottom: 0em;
  border-radius: 0em 0em 0.21428571rem 0.21428571rem;
}
.ui[class*="top left attached"].label {
  width: auto;
  margin-top: 0em !important;
  border-radius: 0.21428571rem 0em 0.28571429rem 0em;
}
.ui[class*="top right attached"].label {
  width: auto;
  left: auto;
  right: 0em;
  border-radius: 0em 0.21428571rem 0em 0.28571429rem;
}
.ui[class*="bottom left attached"].label {
  width: auto;
  top: auto;
  bottom: 0em;
  border-radius: 0em 0.28571429rem 0em 0.21428571rem;
}
.ui[class*="bottom right attached"].label {
  top: auto;
  bottom: 0em;
  left: auto;
  right: 0em;
  width: auto;
  border-radius: 0.28571429rem 0em 0.21428571rem 0em;
}
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
.ui.label.disabled {
  opacity: 0.5;
}
/*-------------------
        Hover
--------------------*/
a.ui.labels .label:hover,
a.ui.label:hover {
  background-color: #E0E0E0;
  border-color: #E0E0E0;
  background-image: none;
  color: rgba(0, 0, 0, 0.8);
}
.ui.labels a.label:hover:before,
a.ui.label:hover:before {
  color: rgba(0, 0, 0, 0.8);
}
/*-------------------
        Active
--------------------*/
.ui.active.label {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.active.label:before {
  background-color: #D0D0D0;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
/*-------------------
     Active Hover
--------------------*/
a.ui.labels .active.label:hover,
a.ui.active.label:hover {
  background-color: #C8C8C8;
  border-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
.ui.labels a.active.label:ActiveHover:before,
a.ui.active.label:ActiveHover:before {
  background-color: #C8C8C8;
  background-image: none;
  color: rgba(0, 0, 0, 0.95);
}
/*-------------------
      Visible
--------------------*/
.ui.labels.visible .label,
.ui.label.visible:not(.dropdown) {
  display: inline-block !important;
}
/*-------------------
      Hidden
--------------------*/
.ui.labels.hidden .label,
.ui.label.hidden {
  display: none !important;
}
/*******************************
           Variations
*******************************/
/*-------------------
       Colors
--------------------*/
/*--- Red ---*/
.ui.red.labels .label,
.ui.red.label {
  background-color: var(--inputs_border_error) !important;
  border-color: var(--inputs_border_error) !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.red.labels .label:hover,
a.ui.red.label:hover {
  background-color: var(--error-darken-05-saturate-10) !important;
  border-color: var(--error-darken-05-saturate-10) !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.red.corner.label,
.ui.red.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.red.ribbon.label {
  border-color: var(--error-darken-10) !important;
}
/* Basic */
.ui.basic.red.label {
  background: none #FFFFFF !important;
  color: var(--inputs_border_error) !important;
  border-color: var(--inputs_border_error) !important;
}
.ui.basic.red.labels a.label:hover,
a.ui.basic.red.label:hover {
  background-color: #FFFFFF !important;
  color: var(--error-darken-05-saturate-10) !important;
  border-color: var(--error-darken-05-saturate-10) !important;
}
/*--- Orange ---*/
.ui.orange.labels .label,
.ui.orange.label {
  background-color: var(--common_alert) !important;
  border-color: var(--common_alert) !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.orange.labels .label:hover,
a.ui.orange.label:hover {
  background-color: var(--negative-darken-05-saturate-10) !important;
  border-color: var(--negative-darken-05-saturate-10) !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.orange.corner.label,
.ui.orange.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.orange.ribbon.label {
  border-color: var(--negative-darken-10) !important;
}
/* Basic */
.ui.basic.orange.label {
  background: none #FFFFFF !important;
  color: var(--common_alert) !important;
  border-color: var(--common_alert) !important;
}
.ui.basic.orange.labels a.label:hover,
a.ui.basic.orange.label:hover {
  background-color: #FFFFFF !important;
  color: var(--negative-darken-05-saturate-10) !important;
  border-color: var(--negative-darken-05-saturate-10) !important;
}
/*--- Yellow ---*/
.ui.yellow.labels .label,
.ui.yellow.label {
  background-color: #fcc73b !important;
  border-color: #fcc73b !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.yellow.labels .label:hover,
a.ui.yellow.label:hover {
  background-color: #ffc11f !important;
  border-color: #ffc11f !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.yellow.corner.label,
.ui.yellow.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.yellow.ribbon.label {
  border-color: #fbb909 !important;
}
/* Basic */
.ui.basic.yellow.label {
  background: none #FFFFFF !important;
  color: #fcc73b !important;
  border-color: #fcc73b !important;
}
.ui.basic.yellow.labels a.label:hover,
a.ui.basic.yellow.label:hover {
  background-color: #FFFFFF !important;
  color: #ffc11f !important;
  border-color: #ffc11f !important;
}
/*--- Olive ---*/
.ui.olive.labels .label,
.ui.olive.label {
  background-color: #B5CC18 !important;
  border-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.olive.labels .label:hover,
a.ui.olive.label:hover {
  background-color: #a7bd0d !important;
  border-color: #a7bd0d !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.olive.corner.label,
.ui.olive.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.olive.ribbon.label {
  border-color: #5cac1b !important;
}
/* Basic */
.ui.basic.olive.label {
  background: none #FFFFFF !important;
  color: #B5CC18 !important;
  border-color: #B5CC18 !important;
}
.ui.basic.olive.labels a.label:hover,
a.ui.basic.olive.label:hover {
  background-color: #FFFFFF !important;
  color: #a7bd0d !important;
  border-color: #a7bd0d !important;
}
/*--- Green ---*/
.ui.green.labels .label,
.ui.green.label {
  background-color: #73D822 !important;
  border-color: #73D822 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.green.labels .label:hover,
a.ui.green.label:hover {
  background-color: #66ca16 !important;
  border-color: #66ca16 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.green.corner.label,
.ui.green.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.green.ribbon.label {
  border-color: #5cac1b !important;
}
/* Basic */
.ui.basic.green.label {
  background: none #FFFFFF !important;
  color: #73D822 !important;
  border-color: #73D822 !important;
}
.ui.basic.green.labels a.label:hover,
a.ui.basic.green.label:hover {
  background-color: #FFFFFF !important;
  color: #66ca16 !important;
  border-color: #66ca16 !important;
}
/*--- Teal ---*/
.ui.teal.labels .label,
.ui.teal.label {
  background-color: var(--common_accent) !important;
  border-color: var(--common_accent) !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.teal.labels .label:hover,
a.ui.teal.label:hover {
  background-color: var(--accent-darken-05-saturate-10) !important;
  border-color: var(--accent-darken-05-saturate-10) !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.teal.corner.label,
.ui.teal.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.teal.ribbon.label {
  border-color: var(--accent-darken-10) !important;
}
/* Basic */
.ui.basic.teal.label {
  background: none #FFFFFF !important;
  color: var(--common_accent) !important;
  border-color: var(--common_accent) !important;
}
.ui.basic.teal.labels a.label:hover,
a.ui.basic.teal.label:hover {
  background-color: #FFFFFF !important;
  color: var(--accent-darken-05-saturate-10) !important;
  border-color: var(--accent-darken-05-saturate-10) !important;
}
/*--- Blue ---*/
.ui.blue.labels .label,
.ui.blue.label {
  background-color: #199ed8 !important;
  border-color: #199ed8 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.blue.labels .label:hover,
a.ui.blue.label:hover {
  background-color: #0e91ca !important;
  border-color: #0e91ca !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.blue.corner.label,
.ui.blue.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.blue.ribbon.label {
  border-color: #147daa !important;
}
/* Basic */
.ui.basic.blue.label {
  background: none #FFFFFF !important;
  color: #199ed8 !important;
  border-color: #199ed8 !important;
}
.ui.basic.blue.labels a.label:hover,
a.ui.basic.blue.label:hover {
  background-color: #FFFFFF !important;
  color: #0e91ca !important;
  border-color: #0e91ca !important;
}
/*--- Violet ---*/
.ui.violet.labels .label,
.ui.violet.label {
  background-color: #6b80ef !important;
  border-color: #6b80ef !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.violet.labels .label:hover,
a.ui.violet.label:hover {
  background-color: #4c67f4 !important;
  border-color: #4c67f4 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.violet.corner.label,
.ui.violet.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.violet.ribbon.label {
  border-color: #3d59ea !important;
}
/* Basic */
.ui.basic.violet.label {
  background: none #FFFFFF !important;
  color: #6b80ef !important;
  border-color: #6b80ef !important;
}
.ui.basic.violet.labels a.label:hover,
a.ui.basic.violet.label:hover {
  background-color: #FFFFFF !important;
  color: #4c67f4 !important;
  border-color: #4c67f4 !important;
}
/*--- Purple ---*/
.ui.purple.labels .label,
.ui.purple.label {
  background-color: #A333C8 !important;
  border-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.purple.labels .label:hover,
a.ui.purple.label:hover {
  background-color: #9627ba !important;
  border-color: #9627ba !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.purple.corner.label,
.ui.purple.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.purple.ribbon.label {
  border-color: #82299f !important;
}
/* Basic */
.ui.basic.purple.label {
  background: none #FFFFFF !important;
  color: #A333C8 !important;
  border-color: #A333C8 !important;
}
.ui.basic.purple.labels a.label:hover,
a.ui.basic.purple.label:hover {
  background-color: #FFFFFF !important;
  color: #9627ba !important;
  border-color: #9627ba !important;
}
/*--- Pink ---*/
.ui.pink.labels .label,
.ui.pink.label {
  background-color: #E03997 !important;
  border-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.pink.labels .label:hover,
a.ui.pink.label:hover {
  background-color: #e61a8d !important;
  border-color: #e61a8d !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.pink.corner.label,
.ui.pink.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.pink.ribbon.label {
  border-color: #c71f7e !important;
}
/* Basic */
.ui.basic.pink.label {
  background: none #FFFFFF !important;
  color: #E03997 !important;
  border-color: #E03997 !important;
}
.ui.basic.pink.labels a.label:hover,
a.ui.basic.pink.label:hover {
  background-color: #FFFFFF !important;
  color: #e61a8d !important;
  border-color: #e61a8d !important;
}
/*--- Brown ---*/
.ui.brown.labels .label,
.ui.brown.label {
  background-color: #A5673F !important;
  border-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.brown.labels .label:hover,
a.ui.brown.label:hover {
  background-color: #975b33 !important;
  border-color: #975b33 !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.brown.corner.label,
.ui.brown.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.brown.ribbon.label {
  border-color: #805031 !important;
}
/* Basic */
.ui.basic.brown.label {
  background: none #FFFFFF !important;
  color: #A5673F !important;
  border-color: #A5673F !important;
}
.ui.basic.brown.labels a.label:hover,
a.ui.basic.brown.label:hover {
  background-color: #FFFFFF !important;
  color: #975b33 !important;
  border-color: #975b33 !important;
}
/*--- Grey ---*/
.ui.grey.labels .label,
.ui.grey.label {
  background-color: #DCDDDE !important;
  border-color: #DCDDDE !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.grey.labels .label:hover,
a.ui.grey.label:hover {
  background-color: #e9eaea !important;
  border-color: #e9eaea !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.grey.corner.label,
.ui.grey.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.grey.ribbon.label {
  border-color: #805031 !important;
}
/* Basic */
.ui.basic.grey.label {
  background: none #FFFFFF !important;
  color: #DCDDDE !important;
  border-color: #DCDDDE !important;
}
.ui.basic.grey.labels a.label:hover,
a.ui.basic.grey.label:hover {
  background-color: #FFFFFF !important;
  color: #e9eaea !important;
  border-color: #e9eaea !important;
}
/*--- Black ---*/
.ui.black.labels .label,
.ui.black.label {
  background-color: #1B1C1D !important;
  border-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/* Link */
.ui.black.labels .label:hover,
a.ui.black.label:hover {
  background-color: #27292a !important;
  border-color: #27292a !important;
  color: #FFFFFF !important;
}
/* Corner */
.ui.black.corner.label,
.ui.black.corner.label:hover {
  background-color: transparent !important;
}
/* Ribbon */
.ui.black.ribbon.label {
  border-color: #805031 !important;
}
/* Basic */
.ui.basic.black.label {
  background: none #FFFFFF !important;
  color: #1B1C1D !important;
  border-color: #1B1C1D !important;
}
.ui.basic.black.labels a.label:hover,
a.ui.basic.black.label:hover {
  background-color: #FFFFFF !important;
  color: #27292a !important;
  border-color: #27292a !important;
}
/*-------------------
        Basic
--------------------*/
.ui.basic.label {
  background: none #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: var(--basic-on-bg-primary);
  box-shadow: none;
}
/* Link */
a.ui.basic.label:hover {
  text-decoration: none;
  background: none #FFFFFF;
  color: var(--link-darken-20-saturate-15);
  box-shadow: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}
/* Pointing */
.ui.basic.pointing.label:before {
  border-color: inherit;
}
/*-------------------
       Fluid
--------------------*/
.ui.label.fluid,
.ui.fluid.labels > .label {
  width: 100%;
  box-sizing: border-box;
}
/*-------------------
       Inverted
--------------------*/
.ui.inverted.labels .label,
.ui.inverted.label {
  color: rgba(255, 255, 255, 0.9) !important;
}
/*-------------------
     Horizontal
--------------------*/
.ui.horizontal.labels .label,
.ui.horizontal.label {
  margin: 0em 0.5em 0em 0em;
  padding: 0.4em 0.833em;
  min-width: 3em;
  text-align: center;
}
/*-------------------
       Circular
--------------------*/
.ui.circular.labels .label,
.ui.circular.label {
  min-width: 2em;
  min-height: 2em;
  padding: 0.5em !important;
  line-height: 1em;
  text-align: center;
  border-radius: 500rem;
}
.ui.empty.circular.labels .label,
.ui.empty.circular.label {
  min-width: 0em;
  min-height: 0em;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  vertical-align: baseline;
}
/*-------------------
       Pointing
--------------------*/
.ui.pointing.label {
  position: relative;
}
.ui.attached.pointing.label {
  position: absolute;
}
.ui.pointing.label:before {
  background-color: inherit;
  background-image: inherit;
  border-width: none;
  border-style: solid;
  border-color: inherit;
}
/* Arrow */
.ui.pointing.label:before {
  position: absolute;
  content: '';
  transform: rotate(45deg);
  background-image: none;
  z-index: 2;
  width: 0.6666em;
  height: 0.6666em;
  transition: background 0.1s ease;
}
/*--- Above ---*/
.ui.pointing.label,
.ui[class*="pointing above"].label {
  margin-top: 1em;
}
.ui.pointing.label:before,
.ui[class*="pointing above"].label:before {
  border-width: 1px 0px 0px 1px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 0%;
  left: 50%;
}
/*--- Below ---*/
.ui[class*="bottom pointing"].label,
.ui[class*="pointing below"].label {
  margin-top: 0em;
  margin-bottom: 1em;
}
.ui[class*="bottom pointing"].label:before,
.ui[class*="pointing below"].label:before {
  border-width: 0px 1px 1px 0px;
  top: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  top: 100%;
  left: 50%;
}
/*--- Left ---*/
.ui[class*="left pointing"].label {
  margin-top: 0em;
  margin-left: 0.6666em;
}
.ui[class*="left pointing"].label:before {
  border-width: 0px 0px 1px 1px;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}
/*--- Right ---*/
.ui[class*="right pointing"].label {
  margin-top: 0em;
  margin-right: 0.6666em;
}
.ui[class*="right pointing"].label:before {
  border-width: 1px 1px 0px 0px;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
}
/* Basic Pointing */
/*--- Above ---*/
.ui.basic.pointing.label:before,
.ui.basic[class*="pointing above"].label:before {
  margin-top: -1px;
}
/*--- Below ---*/
.ui.basic[class*="bottom pointing"].label:before,
.ui.basic[class*="pointing below"].label:before {
  bottom: auto;
  top: 100%;
  margin-top: 1px;
}
/*--- Left ---*/
.ui.basic[class*="left pointing"].label:before {
  top: 50%;
  left: -1px;
}
/*--- Right ---*/
.ui.basic[class*="right pointing"].label:before {
  top: 50%;
  right: -1px;
}
/*------------------
   Floating Label
-------------------*/
.ui.floating.label {
  position: absolute;
  z-index: 100;
  top: -1em;
  left: 100%;
  margin: 0em 0em 0em -1.5em !important;
}
/*-------------------
        Sizes
--------------------*/
.ui.mini.labels .label,
.ui.mini.label {
  font-size: 0.64285714rem;
}
.ui.tiny.labels .label,
.ui.tiny.label {
  font-size: 0.71428571rem;
}
.ui.small.labels .label,
.ui.small.label {
  font-size: 0.78571429rem;
}
.ui.labels .label,
.ui.label {
  font-size: 0.85714286rem;
}
.ui.large.labels .label,
.ui.large.label {
  font-size: 1rem;
}
.ui.big.labels .label,
.ui.big.label {
  font-size: 1.28571429rem;
}
.ui.huge.labels .label,
.ui.huge.label {
  font-size: 1.42857143rem;
}
.ui.massive.labels .label,
.ui.massive.label {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - List
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             List
*******************************/
/*-------------------
         View
--------------------*/
/* List */
/* List Item */
/* Sub List */
/* Sub List Item */
/*-------------------
      Elements
--------------------*/
/* Icon */
/* Image */
/* TerminalTypeModalContent */
/* Header */
/* Description */
/* Link */
/* Header Link */
/* Linked Icon */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Float */
/* Horizontal */
/* Inverted */
/* Link List */
/* Inverted Link List */
/* Selection List */
/* Selection List States */
/* Inverted Selection List */
/* Animated List */
/* Bulleted */
/* Horizontal Bullets */
/* Ordered List */
/* Horizontal Ordered */
/* Divided */
/* Divided Horizontal */
/* Divided */
/* Divided Horizontal */
/* Relaxed */
/* Very Relaxed */
/*******************************
            List
*******************************/
ul.ui.list,
ol.ui.list,
.ui.list {
  list-style-type: none;
  margin: 1em 0em;
  padding: 0em 0em;
}
ul.ui.list:first-child,
ol.ui.list:first-child,
.ui.list:first-child {
  margin-top: 0em;
  padding-top: 0em;
}
ul.ui.list:last-child,
ol.ui.list:last-child,
.ui.list:last-child {
  margin-bottom: 0em;
  padding-bottom: 0em;
}
/*******************************
            Content
*******************************/
/* List Item */
ul.ui.list li,
ol.ui.list li,
.ui.list > .item,
.ui.list .list > .item {
  display: list-item;
  table-layout: fixed;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.21428571em 0em;
  line-height: 1.14285714em;
}
ul.ui.list > li:first-child:after,
ol.ui.list > li:first-child:after,
.ui.list > .list > .item,
.ui.list > .item:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
ul.ui.list li:first-child,
ol.ui.list li:first-child,
.ui.list .list > .item:first-child,
.ui.list > .item:first-child {
  padding-top: 0em;
}
ul.ui.list li:last-child,
ol.ui.list li:last-child,
.ui.list .list > .item:last-child,
.ui.list > .item:last-child {
  padding-bottom: 0em;
}
/* Child List */
ul.ui.list ul,
ol.ui.list ol,
.ui.list .list {
  clear: both;
  margin: 0em;
  padding: 0.75em 0em 0.25em 0.5em;
}
/* Child Item */
ul.ui.list ul li,
ol.ui.list ol li,
.ui.list .list > .item {
  padding: 0.14285714em 0em;
  line-height: inherit;
}
/* Icon */
.ui.list .list > .item > i.icon,
.ui.list > .item > i.icon {
  display: table-cell;
  margin: 0em;
  padding-top: 0em;
  padding-right: 0.28571429em;
  vertical-align: top;
  transition: color 0.1s ease;
}
.ui.list .list > .item > i.icon:only-child,
.ui.list > .item > i.icon:only-child {
  display: inline-block;
  vertical-align: top;
}
/* Image */
.ui.list .list > .item > .image,
.ui.list > .item > .image {
  display: table-cell;
  background-color: transparent;
  margin: 0em;
  vertical-align: top;
}
.ui.list .list > .item > .image:not(:only-child):not(img),
.ui.list > .item > .image:not(:only-child):not(img) {
  padding-right: 0.5em;
}
.ui.list .list > .item > .image img,
.ui.list > .item > .image img {
  vertical-align: top;
}
.ui.list .list > .item > img.image,
.ui.list .list > .item > .image:only-child,
.ui.list > .item > img.image,
.ui.list > .item > .image:only-child {
  display: inline-block;
}
/* Content */
.ui.list .list > .item > .content,
.ui.list > .item > .content {
  line-height: 1.14285714em;
}
.ui.list .list > .item > .image + .content,
.ui.list .list > .item > .icon + .content,
.ui.list > .item > .image + .content,
.ui.list > .item > .icon + .content {
  display: table-cell;
  width: 100%;
  padding: 0em 0em 0em 0.5em;
  vertical-align: top;
}
.ui.list .list > .item > img.image + .content,
.ui.list > .item > img.image + .content {
  display: inline-block;
  width: auto;
}
.ui.list .list > .item > .content > .list,
.ui.list > .item > .content > .list {
  margin-left: 0em;
  padding-left: 0em;
}
/* Header */
.ui.list .list > .item .header,
.ui.list > .item .header {
  display: block;
  margin: 0em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: var(--basic-on-bg-primary);
}
/* Description */
.ui.list .list > .item .description,
.ui.list > .item .description {
  display: block;
  color: rgba(0, 0, 0, 0.7);
}
/* Child Link */
.ui.list > .item a,
.ui.list .list > .item a {
  cursor: pointer;
}
/* Linking Item */
.ui.list .list > a.item,
.ui.list > a.item {
  cursor: pointer;
  color: var(--common_link);
}
.ui.list .list > a.item:hover,
.ui.list > a.item:hover {
  color: var(--link-darken-20-saturate-15);
}
/* Linked Item Icons */
.ui.list .list > a.item i.icon,
.ui.list > a.item i.icon {
  color: rgba(0, 0, 0, 0.4);
}
/* Header Link */
.ui.list .list > .item a.header,
.ui.list > .item a.header {
  cursor: pointer;
  color: var(--common_link) !important;
}
.ui.list .list > .item a.header:hover,
.ui.list > .item a.header:hover {
  color: var(--link-darken-20-saturate-15) !important;
}
/* Floated Content */
.ui[class*="left floated"].list {
  float: left;
}
.ui[class*="right floated"].list {
  float: right;
}
.ui.list .list > .item [class*="left floated"],
.ui.list > .item [class*="left floated"] {
  float: left;
  margin: 0em 1em 0em 0em;
}
.ui.list .list > .item [class*="right floated"],
.ui.list > .item [class*="right floated"] {
  float: right;
  margin: 0em 0em 0em 1em;
}
/*******************************
            Coupling
*******************************/
.ui.menu .ui.list > .item,
.ui.menu .ui.list .list > .item {
  display: list-item;
  table-layout: fixed;
  background-color: transparent;
  list-style-type: none;
  list-style-position: outside;
  padding: 0.21428571em 0em;
  line-height: 1.14285714em;
}
.ui.menu .ui.list .list > .item:before,
.ui.menu .ui.list > .item:before {
  border: none;
  background: none;
}
.ui.menu .ui.list .list > .item:first-child,
.ui.menu .ui.list > .item:first-child {
  padding-top: 0em;
}
.ui.menu .ui.list .list > .item:last-child,
.ui.menu .ui.list > .item:last-child {
  padding-bottom: 0em;
}
/*******************************
            Types
*******************************/
/*-------------------
      Horizontal
--------------------*/
.ui.horizontal.list {
  display: inline-block;
  font-size: 0em;
}
.ui.horizontal.list > .item {
  display: inline-block;
  margin-left: 1em;
  font-size: 1rem;
}
.ui.horizontal.list:not(.celled) > .item:first-child {
  margin-left: 0em !important;
  padding-left: 0em !important;
}
.ui.horizontal.list .list {
  padding-left: 0em;
  padding-bottom: 0em;
}
.ui.horizontal.list > .item > .image,
.ui.horizontal.list .list > .item > .image,
.ui.horizontal.list > .item > .icon,
.ui.horizontal.list .list > .item > .icon,
.ui.horizontal.list > .item > .content,
.ui.horizontal.list .list > .item > .content {
  vertical-align: middle;
}
/* Padding on all elements */
.ui.horizontal.list > .item:first-child,
.ui.horizontal.list > .item:last-child {
  padding-top: 0.21428571em;
  padding-bottom: 0.21428571em;
}
/* Horizontal List */
.ui.horizontal.list > .item > i.icon {
  margin: 0em;
  padding: 0em 0.25em 0em 0em;
}
.ui.horizontal.list > .item > .icon,
.ui.horizontal.list > .item > .icon + .content {
  float: none;
  display: inline-block;
}
/*******************************
             States
*******************************/
/*-------------------
       Disabled
--------------------*/
.ui.list .list > .disabled.item,
.ui.list > .disabled.item {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3) !important;
}
.ui.inverted.list .list > .disabled.item,
.ui.inverted.list > .disabled.item {
  color: rgba(225, 225, 225, 0.3) !important;
}
/*-------------------
        Hover
--------------------*/
.ui.list .list > a.item:hover .icon,
.ui.list > a.item:hover .icon {
  color: var(--basic-on-bg-primary);
}
/*******************************
           Variations
*******************************/
/*-------------------
       Inverted
--------------------*/
.ui.inverted.list .list > a.item > .icon,
.ui.inverted.list > a.item > .icon {
  color: rgba(255, 255, 255, 0.7);
}
.ui.inverted.list .list > .item .header,
.ui.inverted.list > .item .header {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.list .list > .item .description,
.ui.inverted.list > .item .description {
  color: rgba(255, 255, 255, 0.7);
}
/* Item Link */
.ui.inverted.list .list > a.item,
.ui.inverted.list > a.item {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.list .list > a.item:hover,
.ui.inverted.list > a.item:hover {
  color: var(--link-darken-20-saturate-15);
}
/* Linking Content */
.ui.inverted.list .item a:not(.ui) {
  color: rgba(255, 255, 255, 0.9) !important;
}
.ui.inverted.list .item a:not(.ui):hover {
  color: var(--link-darken-20-saturate-15) !important;
}
/*-------------------
       Aligned
--------------------*/
.ui.list[class*="top aligned"] .image,
.ui.list[class*="top aligned"] .content,
.ui.list [class*="top aligned"] {
  vertical-align: top !important;
}
.ui.list[class*="middle aligned"] .image,
.ui.list[class*="middle aligned"] .content,
.ui.list [class*="middle aligned"] {
  vertical-align: middle !important;
}
.ui.list[class*="bottom aligned"] .image,
.ui.list[class*="bottom aligned"] .content,
.ui.list [class*="bottom aligned"] {
  vertical-align: bottom !important;
}
/*-------------------
       Link
--------------------*/
.ui.link.list .item,
.ui.link.list a.item,
.ui.link.list .item a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
  transition: 0.1s color ease;
}
.ui.link.list.list a.item:hover,
.ui.link.list.list .item a:not(.ui):hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.link.list.list a.item:active,
.ui.link.list.list .item a:not(.ui):active {
  color: rgba(0, 0, 0, 0.9);
}
.ui.link.list.list .active.item,
.ui.link.list.list .active.item a:not(.ui) {
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.inverted.link.list .item,
.ui.inverted.link.list a.item,
.ui.inverted.link.list .item a:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.link.list.list a.item:hover,
.ui.inverted.link.list.list .item a:not(.ui):hover {
  color: #ffffff;
}
.ui.inverted.link.list.list a.item:active,
.ui.inverted.link.list.list .item a:not(.ui):active {
  color: #ffffff;
}
.ui.inverted.link.list.list a.active.item,
.ui.inverted.link.list.list .active.item a:not(.ui) {
  color: #ffffff;
}
/*-------------------
      Selection
--------------------*/
.ui.selection.list .list > .item,
.ui.selection.list > .item {
  cursor: pointer;
  background: transparent;
  padding: 0.5em 0.5em;
  margin: 0em;
  color: rgba(0, 0, 0, 0.4);
  border-radius: 0.5em;
  transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
}
.ui.selection.list .list > .item:last-child,
.ui.selection.list > .item:last-child {
  margin-bottom: 0em;
}
.ui.selection.list.list > .item:hover,
.ui.selection.list > .item:hover {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.8);
}
.ui.selection.list .list > .item:active,
.ui.selection.list > .item:active {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.9);
}
.ui.selection.list .list > .item.active,
.ui.selection.list > .item.active {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.inverted.selection.list > .item,
.ui.inverted.selection.list > .item {
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
}
.ui.inverted.selection.list > .item:hover,
.ui.inverted.selection.list > .item:hover {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}
.ui.inverted.selection.list > .item:active,
.ui.inverted.selection.list > .item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.ui.inverted.selection.list > .item.active,
.ui.inverted.selection.list > .item.active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
/* Celled / Divided Selection List */
.ui.celled.selection.list .list > .item,
.ui.divided.selection.list .list > .item,
.ui.celled.selection.list > .item,
.ui.divided.selection.list > .item {
  border-radius: 0em;
}
/*-------------------
       Animated
--------------------*/
.ui.animated.list > .item {
  transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
}
.ui.animated.list:not(.horizontal) > .item:hover {
  padding-left: 1em;
}
/*-------------------
       Fitted
--------------------*/
.ui.fitted.list:not(.selection) .list > .item,
.ui.fitted.list:not(.selection) > .item {
  padding-left: 0em;
  padding-right: 0em;
}
.ui.fitted.selection.list .list > .item,
.ui.fitted.selection.list > .item {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
/*-------------------
      Bulleted
--------------------*/
ul.ui.list,
.ui.bulleted.list {
  margin-left: 1.25rem;
}
ul.ui.list li,
.ui.bulleted.list .list > .item,
.ui.bulleted.list > .item {
  position: relative;
}
ul.ui.list li:before,
.ui.bulleted.list .list > .item:before,
.ui.bulleted.list > .item:before {
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: auto;
  font-weight: normal;
  margin-left: -1.25rem;
  content: '•';
  opacity: 1;
  color: inherit;
  vertical-align: top;
}
ul.ui.list li:before,
.ui.bulleted.list .list > a.item:before,
.ui.bulleted.list > a.item:before {
  color: var(--basic-on-bg-primary);
}
ul.ui.list ul,
.ui.bulleted.list .list {
  padding-left: 1.25rem;
}
/* Horizontal Bulleted */
ul.ui.horizontal.bulleted.list,
.ui.horizontal.bulleted.list {
  margin-left: 0em;
}
ul.ui.horizontal.bulleted.list li,
.ui.horizontal.bulleted.list > .item {
  margin-left: 1.75rem;
}
ul.ui.horizontal.bulleted.list li:first-child,
.ui.horizontal.bulleted.list > .item:first-child {
  margin-left: 0em;
}
ul.ui.horizontal.bulleted.list li::before,
.ui.horizontal.bulleted.list > .item::before {
  color: var(--basic-on-bg-primary);
}
ul.ui.horizontal.bulleted.list li:first-child::before,
.ui.horizontal.bulleted.list > .item:first-child::before {
  display: none;
}
/*-------------------
       Ordered
--------------------*/
ol.ui.list,
.ui.ordered.list,
.ui.ordered.list .list,
ol.ui.list ol {
  counter-reset: ordered;
  margin-left: 1.25rem;
  list-style-type: none;
}
ol.ui.list li,
.ui.ordered.list .list > .item,
.ui.ordered.list > .item {
  list-style-type: none;
  position: relative;
}
ol.ui.list li:before,
.ui.ordered.list .list > .item:before,
.ui.ordered.list > .item:before {
  position: absolute;
  top: auto;
  left: auto;
  user-select: none;
  pointer-events: none;
  margin-left: -1.25rem;
  counter-increment: ordered;
  content: counters(ordered, ".") " ";
  text-align: right;
  color: var(--basic-on-bg-primary);
  vertical-align: middle;
  opacity: 0.8;
}
ol.ui.inverted.list li:before,
.ui.ordered.inverted.list .list > .item:before,
.ui.ordered.inverted.list > .item:before {
  color: rgba(255, 255, 255, 0.7);
}
/* Value */
.ui.ordered.list > .list > .item[data-value],
.ui.ordered.list > .item[data-value] {
  content: attr(data-value);
}
ol.ui.list li[value]:before {
  content: attr(value);
}
/* Child Lists */
ol.ui.list ol,
.ui.ordered.list .list {
  margin-left: 1em;
}
ol.ui.list ol li:before,
.ui.ordered.list .list > .item:before {
  margin-left: -2em;
}
/* Horizontal Ordered */
ol.ui.horizontal.list,
.ui.ordered.horizontal.list {
  margin-left: 0em;
}
ol.ui.horizontal.list li:before,
.ui.ordered.horizontal.list .list > .item:before,
.ui.ordered.horizontal.list > .item:before {
  position: static;
  margin: 0em 0.5em 0em 0em;
}
/*-------------------
       Divided
--------------------*/
.ui.divided.list > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.divided.list .list > .item {
  border-top: none;
}
.ui.divided.list .item .list > .item {
  border-top: none;
}
.ui.divided.list .list > .item:first-child,
.ui.divided.list > .item:first-child {
  border-top: none;
}
/* Sub Menu */
.ui.divided.list:not(.horizontal) .list > .item:first-child {
  border-top-width: 1px;
}
/* Divided bulleted */
.ui.divided.bulleted.list:not(.horizontal),
.ui.divided.bulleted.list .list {
  margin-left: 0em;
  padding-left: 0em;
}
.ui.divided.bulleted.list > .item:not(.horizontal) {
  padding-left: 1.25rem;
}
/* Divided Ordered */
.ui.divided.ordered.list {
  margin-left: 0em;
}
.ui.divided.ordered.list .list > .item,
.ui.divided.ordered.list > .item {
  padding-left: 1.25rem;
}
.ui.divided.ordered.list .item .list {
  margin-left: 0em;
  margin-right: 0em;
  padding-bottom: 0.21428571em;
}
.ui.divided.ordered.list .item .list > .item {
  padding-left: 1em;
}
/* Divided Selection */
.ui.divided.selection.list .list > .item,
.ui.divided.selection.list > .item {
  margin: 0em;
  border-radius: 0em;
}
/* Divided horizontal */
.ui.divided.horizontal.list {
  margin-left: 0em;
}
.ui.divided.horizontal.list > .item:not(:first-child) {
  padding-left: 0.5em;
}
.ui.divided.horizontal.list > .item:not(:last-child) {
  padding-right: 0.5em;
}
.ui.divided.horizontal.list > .item {
  border-top: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0em;
  line-height: 0.6;
}
.ui.horizontal.divided.list > .item:first-child {
  border-left: none;
}
/* Inverted */
.ui.divided.inverted.list > .item,
.ui.divided.inverted.list > .list,
.ui.divided.inverted.horizontal.list > .item {
  border-color: rgba(255, 255, 255, 0.1);
}
/*-------------------
        Celled
--------------------*/
.ui.celled.list > .item,
.ui.celled.list > .list {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.celled.list > .item:last-child {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
/* Padding on all elements */
.ui.celled.list > .item:first-child,
.ui.celled.list > .item:last-child {
  padding-top: 0.21428571em;
  padding-bottom: 0.21428571em;
}
/* Sub Menu */
.ui.celled.list .item .list > .item {
  border-width: 0px;
}
.ui.celled.list .list > .item:first-child {
  border-top-width: 0px;
}
/* Celled Bulleted */
.ui.celled.bulleted.list {
  margin-left: 0em;
}
.ui.celled.bulleted.list .list > .item,
.ui.celled.bulleted.list > .item {
  padding-left: 1.25rem;
}
.ui.celled.bulleted.list .item .list {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  padding-bottom: 0.21428571em;
}
/* Celled Ordered */
.ui.celled.ordered.list {
  margin-left: 0em;
}
.ui.celled.ordered.list .list > .item,
.ui.celled.ordered.list > .item {
  padding-left: 1.25rem;
}
.ui.celled.ordered.list .item .list {
  margin-left: 0em;
  margin-right: 0em;
  padding-bottom: 0.21428571em;
}
.ui.celled.ordered.list .list > .item {
  padding-left: 1em;
}
/* Celled Horizontal */
.ui.horizontal.celled.list {
  margin-left: 0em;
}
.ui.horizontal.celled.list .list > .item,
.ui.horizontal.celled.list > .item {
  border-top: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  line-height: 0.6;
}
.ui.horizontal.celled.list .list > .item:last-child,
.ui.horizontal.celled.list > .item:last-child {
  border-bottom: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
/* Inverted */
.ui.celled.inverted.list > .item,
.ui.celled.inverted.list > .list {
  border-color: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.celled.inverted.horizontal.list .list > .item,
.ui.celled.inverted.horizontal.list > .item {
  border-color: 1px solid rgba(255, 255, 255, 0.1);
}
/*-------------------
       Relaxed
--------------------*/
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.42857143em;
}
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.42857143em;
}
.ui.horizontal.relaxed.list .list > .item:not(:first-child),
.ui.horizontal.relaxed.list > .item:not(:first-child) {
  padding-left: 1rem;
}
.ui.horizontal.relaxed.list .list > .item:not(:last-child),
.ui.horizontal.relaxed.list > .item:not(:last-child) {
  padding-right: 1rem;
}
/* Very Relaxed */
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
  padding-top: 0.85714286em;
}
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
  padding-bottom: 0.85714286em;
}
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
  padding-left: 1.5rem;
}
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
  padding-right: 1.5rem;
}
/*-------------------
      Sizes
--------------------*/
.ui.mini.list {
  font-size: 0.78571429em;
}
.ui.tiny.list {
  font-size: 0.85714286em;
}
.ui.small.list {
  font-size: 0.92857143em;
}
.ui.list {
  font-size: 1em;
}
.ui.large.list {
  font-size: 1.14285714em;
}
.ui.big.list {
  font-size: 1.28571429em;
}
.ui.huge.list {
  font-size: 1.42857143em;
}
.ui.massive.list {
  font-size: 1.71428571em;
}
.ui.mini.horizontal.list .list > .item,
.ui.mini.horizontal.list > .item {
  font-size: 0.78571429rem;
}
.ui.tiny.horizontal.list .list > .item,
.ui.tiny.horizontal.list > .item {
  font-size: 0.85714286rem;
}
.ui.small.horizontal.list .list > .item,
.ui.small.horizontal.list > .item {
  font-size: 0.92857143rem;
}
.ui.horizontal.list .list > .item,
.ui.horizontal.list > .item {
  font-size: 1rem;
}
.ui.large.horizontal.list .list > .item,
.ui.large.horizontal.list > .item {
  font-size: 1.14285714rem;
}
.ui.big.horizontal.list .list > .item,
.ui.big.horizontal.list > .item {
  font-size: 1.28571429rem;
}
.ui.huge.horizontal.list .list > .item,
.ui.huge.horizontal.list > .item {
  font-size: 1.42857143rem;
}
.ui.massive.horizontal.list .list > .item,
.ui.massive.horizontal.list > .item {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Loader
*******************************/
/* Some global loader styles defined in site.variables */
/*-------------------
      Standard
--------------------*/
/*-------------------
        Types
--------------------*/
/* Text */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Exact Sizes (Avoids Rounding Errors) */
/*******************************
            Loader
*******************************/
/* Standard Size */
.ui.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0px;
  text-align: center;
  z-index: 1000;
  transform: translateX(-50%) translateY(-50%);
}
/* Static Shape */
.ui.loader:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.3);
}
/* Active Shape */
.ui.loader:after {
  position: absolute;
  content: '';
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  animation: loader 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #DCDDDE transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/* Active Animation */
@keyframes loader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* Sizes */
.ui.mini.loader:before,
.ui.mini.loader:after {
  width: 1rem;
  height: 1rem;
  margin: 0em 0em 0em -0.5rem;
}
.ui.tiny.loader:before,
.ui.tiny.loader:after {
  width: 1.14285714rem;
  height: 1.14285714rem;
  margin: 0em 0em 0em -0.57142857rem;
}
.ui.small.loader:before,
.ui.small.loader:after {
  width: 1.71428571rem;
  height: 1.71428571rem;
  margin: 0em 0em 0em -0.85714286rem;
}
.ui.loader:before,
.ui.loader:after {
  width: 2.28571429rem;
  height: 2.28571429rem;
  margin: 0em 0em 0em -1.14285714rem;
}
.ui.large.loader:before,
.ui.large.loader:after {
  width: 3.42857143rem;
  height: 3.42857143rem;
  margin: 0em 0em 0em -1.71428571rem;
}
.ui.big.loader:before,
.ui.big.loader:after {
  width: 3.71428571rem;
  height: 3.71428571rem;
  margin: 0em 0em 0em -1.85714286rem;
}
.ui.huge.loader:before,
.ui.huge.loader:after {
  width: 4.14285714rem;
  height: 4.14285714rem;
  margin: 0em 0em 0em -2.07142857rem;
}
.ui.massive.loader:before,
.ui.massive.loader:after {
  width: 4.57142857rem;
  height: 4.57142857rem;
  margin: 0em 0em 0em -2.28571429rem;
}
/*-------------------
      Coupling
--------------------*/
/* Show inside active dimmer */
.ui.dimmer .loader {
  display: block;
}
/* Black Dimmer */
.ui.dimmer .ui.loader {
  color: rgba(255, 255, 255, 0.9);
}
.ui.dimmer .ui.loader:before {
  border-color: rgba(255, 255, 255, 0.15);
}
.ui.dimmer .ui.loader:after {
  border-color: #FFFFFF transparent transparent;
}
/* White Dimmer (Inverted) */
.ui.inverted.dimmer .ui.loader {
  color: var(--basic-on-bg-primary);
}
.ui.inverted.dimmer .ui.loader:before {
  border-color: rgba(0, 0, 0, 0.3);
}
.ui.inverted.dimmer .ui.loader:after {
  border-color: #DCDDDE transparent transparent;
}
/*******************************
             Types
*******************************/
/*-------------------
        Text
--------------------*/
.ui.text.loader {
  width: auto !important;
  height: auto !important;
  text-align: center;
  font-style: normal;
}
/*******************************
            States
*******************************/
.ui.indeterminate.loader:after {
  animation-direction: reverse;
  animation-duration: 1.2s;
}
.ui.loader.active,
.ui.loader.visible {
  display: block;
}
.ui.loader.disabled,
.ui.loader.hidden {
  display: none;
}
/*******************************
            Variations
*******************************/
/*-------------------
        Sizes
--------------------*/
/* Loader */
.ui.inverted.dimmer .ui.mini.loader,
.ui.mini.loader {
  width: 1rem;
  height: 1rem;
  font-size: 0.78571429em;
}
.ui.inverted.dimmer .ui.tiny.loader,
.ui.tiny.loader {
  width: 1.14285714rem;
  height: 1.14285714rem;
  font-size: 0.85714286em;
}
.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
  width: 1.71428571rem;
  height: 1.71428571rem;
  font-size: 0.92857143em;
}
.ui.inverted.dimmer .ui.loader,
.ui.loader {
  width: 2.28571429rem;
  height: 2.28571429rem;
  font-size: 1em;
}
.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
  width: 3.42857143rem;
  height: 3.42857143rem;
  font-size: 1.14285714em;
}
.ui.inverted.dimmer .ui.big.loader,
.ui.big.loader {
  width: 3.71428571rem;
  height: 3.71428571rem;
  font-size: 1.28571429em;
}
.ui.inverted.dimmer .ui.huge.loader,
.ui.huge.loader {
  width: 4.14285714rem;
  height: 4.14285714rem;
  font-size: 1.42857143em;
}
.ui.inverted.dimmer .ui.massive.loader,
.ui.massive.loader {
  width: 4.57142857rem;
  height: 4.57142857rem;
  font-size: 1.71428571em;
}
/* Text Loader */
.ui.mini.text.loader {
  min-width: 1rem;
  padding-top: 1.78571429rem;
}
.ui.tiny.text.loader {
  min-width: 1.14285714rem;
  padding-top: 1.92857143rem;
}
.ui.small.text.loader {
  min-width: 1.71428571rem;
  padding-top: 2.5rem;
}
.ui.text.loader {
  min-width: 2.28571429rem;
  padding-top: 3.07142857rem;
}
.ui.large.text.loader {
  min-width: 3.42857143rem;
  padding-top: 4.21428571rem;
}
.ui.big.text.loader {
  min-width: 3.71428571rem;
  padding-top: 4.5rem;
}
.ui.huge.text.loader {
  min-width: 4.14285714rem;
  padding-top: 4.92857143rem;
}
.ui.massive.text.loader {
  min-width: 4.57142857rem;
  padding-top: 5.35714286rem;
}
/*-------------------
       Inverted
--------------------*/
.ui.inverted.loader {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.loader:before {
  border-color: rgba(255, 255, 255, 0.15);
}
.ui.inverted.loader:after {
  border-top-color: #FFFFFF;
}
/*-------------------
       Inline
--------------------*/
.ui.inline.loader {
  position: relative;
  vertical-align: middle;
  margin: 0em;
  left: 0em;
  top: 0em;
  transform: none;
}
.ui.inline.loader.active,
.ui.inline.loader.visible {
  display: inline-block;
}
/* Centered Inline */
.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Loader
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/* Key TerminalTypeModalContent Sizing */
/* Interval between consecutive placeholders */
/* Repeated Placeholder */
/* Image */
/* Header Image */
/* Paragraph */
/* Glow Gradient */
/* Variations */
/*-------------------
      Content
--------------------*/
.ui.placeholder {
  position: static;
  overflow: hidden;
  animation: placeholderShimmer 2s linear;
  animation-iteration-count: infinite;
  background-color: #FFFFFF;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.08) 30%);
  background-size: 1200px 100%;
  max-width: 30rem;
}
@keyframes placeholderShimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.ui.placeholder + .ui.placeholder {
  margin-top: 2rem;
}
.ui.placeholder + .ui.placeholder {
  animation-delay: 0.15s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder {
  animation-delay: 0.3s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
  animation-delay: 0.45s;
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
  animation-delay: 0.6s;
}
.ui.placeholder,
.ui.placeholder > :before,
.ui.placeholder .image.header:after,
.ui.placeholder .line,
.ui.placeholder .line:after {
  background-color: #FFFFFF;
}
/* Image */
.ui.placeholder .image:not(.header):not(.ui) {
  height: 100px;
}
.ui.placeholder .square.image:not(.header) {
  height: 0px;
  overflow: hidden;
  /* 1/1 aspect ratio */
  padding-top: 100%;
}
.ui.placeholder .rectangular.image:not(.header) {
  height: 0px;
  overflow: hidden;
  /* 4/3 aspect ratio */
  padding-top: 75%;
}
/* Lines */
.ui.placeholder .line {
  position: relative;
  height: 0.85714286em;
}
.ui.placeholder .line:before,
.ui.placeholder .line:after {
  top: 100%;
  position: absolute;
  content: '';
  background-color: inherit;
}
.ui.placeholder .line:before {
  left: 0px;
}
.ui.placeholder .line:after {
  right: 0px;
}
/* Any Lines */
.ui.placeholder .line {
  margin-bottom: 0.5em;
}
.ui.placeholder .line:before,
.ui.placeholder .line:after {
  height: 0.5em;
}
.ui.placeholder .line:not(:first-child) {
  margin-top: 0.5em;
}
/* Header Image + 2 Lines */
.ui.placeholder .header {
  position: relative;
  overflow: hidden;
}
/* Line Outdent */
.ui.placeholder .line:nth-child(1):after {
  width: 0%;
}
.ui.placeholder .line:nth-child(2):after {
  width: 50%;
}
.ui.placeholder .line:nth-child(3):after {
  width: 10%;
}
.ui.placeholder .line:nth-child(4):after {
  width: 35%;
}
.ui.placeholder .line:nth-child(5):after {
  width: 65%;
}
/* Header Line 1 & 2*/
.ui.placeholder .header .line {
  margin-bottom: 0.64285714em;
}
.ui.placeholder .header .line:before,
.ui.placeholder .header .line:after {
  height: 0.64285714em;
}
.ui.placeholder .header .line:not(:first-child) {
  margin-top: 0.64285714em;
}
.ui.placeholder .header .line:after {
  width: 20%;
}
.ui.placeholder .header .line:nth-child(2):after {
  width: 60%;
}
/* Image Header */
.ui.placeholder .image.header .line {
  margin-left: 3em;
}
.ui.placeholder .image.header .line:before {
  width: 0.71428571rem;
}
.ui.placeholder .image.header:after {
  display: block;
  height: 0.85714286em;
  content: '';
  margin-left: 3em;
}
/* Spacing */
.ui.placeholder .image .line:first-child,
.ui.placeholder .paragraph .line:first-child,
.ui.placeholder .header .line:first-child {
  height: 0.01px;
}
.ui.placeholder .image:not(:first-child):before,
.ui.placeholder .paragraph:not(:first-child):before,
.ui.placeholder .header:not(:first-child):before {
  height: 1.42857143em;
  content: '';
  display: block;
}
/* Inverted Content Loader */
.ui.inverted.placeholder {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.14) 15%, rgba(255, 255, 255, 0.08) 30%);
}
.ui.inverted.placeholder,
.ui.inverted.placeholder > :before,
.ui.inverted.placeholder .image.header:after,
.ui.inverted.placeholder .line,
.ui.inverted.placeholder .line:after {
  background-color: #1B1C1D;
}
/*******************************
            Variations
*******************************/
/*-------------------
        Sizes
--------------------*/
.ui.placeholder .full.line.line.line:after {
  width: 0%;
}
.ui.placeholder .very.long.line.line.line:after {
  width: 10%;
}
.ui.placeholder .long.line.line.line:after {
  width: 35%;
}
.ui.placeholder .medium.line.line.line:after {
  width: 50%;
}
.ui.placeholder .short.line.line.line:after {
  width: 65%;
}
.ui.placeholder .very.short.line.line.line:after {
  width: 80%;
}
/*-------------------
        Fluid
--------------------*/
.ui.fluid.placeholder {
  max-width: none;
}
/*!
 * # Semantic UI - Rail
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Rail
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Close */
/* Dividing */
/*******************************
             Rails
*******************************/
.ui.rail {
  position: absolute;
  top: 0%;
  width: 300px;
  height: 100%;
}
.ui.left.rail {
  left: auto;
  right: 100%;
  padding: 0em 2rem 0em 0em;
  margin: 0em 2rem 0em 0em;
}
.ui.right.rail {
  left: 100%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem;
}
/*******************************
           Variations
*******************************/
/*--------------
     Internal
---------------*/
.ui.left.internal.rail {
  left: 0%;
  right: auto;
  padding: 0em 0em 0em 2rem;
  margin: 0em 0em 0em 2rem;
}
.ui.right.internal.rail {
  left: auto;
  right: 0%;
  padding: 0em 2rem 0em 0em;
  margin: 0em 2rem 0em 0em;
}
/*--------------
    Dividing
---------------*/
.ui.dividing.rail {
  width: 302.5px;
}
.ui.left.dividing.rail {
  padding: 0em 2.5rem 0em 0em;
  margin: 0em 2.5rem 0em 0em;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.right.dividing.rail {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  padding: 0em 0em 0em 2.5rem;
  margin: 0em 0em 0em 2.5rem;
}
/*--------------
    Distance
---------------*/
.ui.close.rail {
  width: calc( 300px  +  1em );
}
.ui.close.left.rail {
  padding: 0em 1em 0em 0em;
  margin: 0em 1em 0em 0em;
}
.ui.close.right.rail {
  padding: 0em 0em 0em 1em;
  margin: 0em 0em 0em 1em;
}
.ui.very.close.rail {
  width: calc( 300px  +  0.5em );
}
.ui.very.close.left.rail {
  padding: 0em 0.5em 0em 0em;
  margin: 0em 0.5em 0em 0em;
}
.ui.very.close.right.rail {
  padding: 0em 0em 0em 0.5em;
  margin: 0em 0em 0em 0.5em;
}
/*--------------
    Attached
---------------*/
.ui.attached.left.rail,
.ui.attached.right.rail {
  padding: 0em;
  margin: 0em;
}
/*--------------
     Sizing
---------------*/
.ui.mini.rail {
  font-size: 0.78571429rem;
}
.ui.tiny.rail {
  font-size: 0.85714286rem;
}
.ui.small.rail {
  font-size: 0.92857143rem;
}
.ui.rail {
  font-size: 1rem;
}
.ui.large.rail {
  font-size: 1.14285714rem;
}
.ui.big.rail {
  font-size: 1.28571429rem;
}
.ui.huge.rail {
  font-size: 1.42857143rem;
}
.ui.massive.rail {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Reveal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Reveal
*******************************/
/* Types */
/*******************************
            Reveal
*******************************/
.ui.reveal {
  display: inherit;
  position: relative !important;
  font-size: 0em !important;
}
.ui.reveal > .visible.content {
  position: absolute !important;
  top: 0em !important;
  left: 0em !important;
  z-index: 3 !important;
  transition: all 0.5s ease 0.1s;
}
.ui.reveal > .hidden.content {
  position: relative !important;
  z-index: 2 !important;
}
/* Make sure hovered element is on top of other reveal */
.ui.active.reveal .visible.content,
.ui.reveal:hover .visible.content {
  z-index: 4 !important;
}
/*******************************
              Types
*******************************/
/*--------------
      Slide
---------------*/
.ui.slide.reveal {
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap;
}
.ui.slide.reveal > .content {
  display: block;
  width: 100%;
  white-space: normal;
  float: left;
  margin: 0em;
  transition: transform 0.5s ease 0.1s;
}
.ui.slide.reveal > .visible.content {
  position: relative !important;
}
.ui.slide.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important;
  transform: translateX(100%) !important;
}
.ui.slide.active.reveal > .visible.content,
.ui.slide.reveal:hover > .visible.content {
  transform: translateX(-100%) !important;
}
.ui.slide.active.reveal > .hidden.content,
.ui.slide.reveal:hover > .hidden.content {
  transform: translateX(0%) !important;
}
.ui.slide.right.reveal > .visible.content {
  transform: translateX(0%) !important;
}
.ui.slide.right.reveal > .hidden.content {
  transform: translateX(-100%) !important;
}
.ui.slide.right.active.reveal > .visible.content,
.ui.slide.right.reveal:hover > .visible.content {
  transform: translateX(100%) !important;
}
.ui.slide.right.active.reveal > .hidden.content,
.ui.slide.right.reveal:hover > .hidden.content {
  transform: translateX(0%) !important;
}
.ui.slide.up.reveal > .hidden.content {
  transform: translateY(100%) !important;
}
.ui.slide.up.active.reveal > .visible.content,
.ui.slide.up.reveal:hover > .visible.content {
  transform: translateY(-100%) !important;
}
.ui.slide.up.active.reveal > .hidden.content,
.ui.slide.up.reveal:hover > .hidden.content {
  transform: translateY(0%) !important;
}
.ui.slide.down.reveal > .hidden.content {
  transform: translateY(-100%) !important;
}
.ui.slide.down.active.reveal > .visible.content,
.ui.slide.down.reveal:hover > .visible.content {
  transform: translateY(100%) !important;
}
.ui.slide.down.active.reveal > .hidden.content,
.ui.slide.down.reveal:hover > .hidden.content {
  transform: translateY(0%) !important;
}
/*--------------
      Fade
---------------*/
.ui.fade.reveal > .visible.content {
  opacity: 1;
}
.ui.fade.active.reveal > .visible.content,
.ui.fade.reveal:hover > .visible.content {
  opacity: 0;
}
/*--------------
      Move
---------------*/
.ui.move.reveal {
  position: relative !important;
  overflow: hidden !important;
  white-space: nowrap;
}
.ui.move.reveal > .content {
  display: block;
  float: left;
  white-space: normal;
  margin: 0em;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1) 0.1s;
}
.ui.move.reveal > .visible.content {
  position: relative !important;
}
.ui.move.reveal > .hidden.content {
  position: absolute !important;
  left: 0% !important;
  width: 100% !important;
}
.ui.move.active.reveal > .visible.content,
.ui.move.reveal:hover > .visible.content {
  transform: translateX(-100%) !important;
}
.ui.move.right.active.reveal > .visible.content,
.ui.move.right.reveal:hover > .visible.content {
  transform: translateX(100%) !important;
}
.ui.move.up.active.reveal > .visible.content,
.ui.move.up.reveal:hover > .visible.content {
  transform: translateY(-100%) !important;
}
.ui.move.down.active.reveal > .visible.content,
.ui.move.down.reveal:hover > .visible.content {
  transform: translateY(100%) !important;
}
/*--------------
     Rotate
---------------*/
.ui.rotate.reveal > .visible.content {
  transition-duration: 0.5s;
  transform: rotate(0deg);
}
.ui.rotate.reveal > .visible.content,
.ui.rotate.right.reveal > .visible.content {
  transform-origin: bottom right;
}
.ui.rotate.active.reveal > .visible.content,
.ui.rotate.reveal:hover > .visible.content,
.ui.rotate.right.active.reveal > .visible.content,
.ui.rotate.right.reveal:hover > .visible.content {
  transform: rotate(110deg);
}
.ui.rotate.left.reveal > .visible.content {
  transform-origin: bottom left;
}
.ui.rotate.left.active.reveal > .visible.content,
.ui.rotate.left.reveal:hover > .visible.content {
  transform: rotate(-110deg);
}
/*******************************
              States
*******************************/
.ui.disabled.reveal:hover > .visible.visible.content {
  position: static !important;
  display: block !important;
  opacity: 1 !important;
  top: 0 !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.ui.disabled.reveal:hover > .hidden.hidden.content {
  display: none !important;
}
/*******************************
           Coupling
*******************************/
.ui.reveal > .ui.ribbon.label {
  z-index: 5;
}
/*******************************
           Variations
*******************************/
/*--------------
     Visible
---------------*/
.ui.visible.reveal {
  overflow: visible;
}
/*--------------
     Instant
---------------*/
.ui.instant.reveal > .content {
  transition-delay: 0s !important;
}
/*--------------
     Sizing
---------------*/
.ui.reveal > .content {
  font-size: 1rem !important;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Segment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Segment
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Group
--------------------*/
/*-------------------
       Coupling
--------------------*/
/* Page Grid Segment */
/*******************************
            Types
*******************************/
/* Placeholder */
/* Piled */
/* Circular */
/* Stacked */
/*******************************
            States
*******************************/
/* Loading Dimmer */
/* Loading Spinner */
/*******************************
            Variations
*******************************/
/* Raised */
/* Padded */
/* Attached */
/* Inverted */
/* Floated */
/* Basic */
/* Colors */
/* Ordinality */
/*******************************
            Segment
*******************************/
.ui.segment {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  padding: 1em 1em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segment:first-child {
  margin-top: 0em;
}
.ui.segment:last-child {
  margin-bottom: 0em;
}
/* Vertical */
.ui.vertical.segment {
  margin: 0em;
  padding-left: 0em;
  padding-right: 0em;
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.vertical.segment:last-child {
  border-bottom: none;
}
/*-------------------
    Loose Coupling
--------------------*/
/* Header */
.ui.inverted.segment > .ui.header {
  color: #FFFFFF;
}
/* Label */
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
  border-top-left-radius: 0em;
  border-top-right-radius: 0em;
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
  border-bottom-left-radius: 0em;
  border-bottom-right-radius: 0em;
}
/* Grid */
.ui.page.grid.segment,
.ui.grid > .row > .ui.segment.column,
.ui.grid > .ui.segment.column {
  padding-top: 2em;
  padding-bottom: 2em;
}
.ui.grid.segment {
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
}
/* Table */
.ui.basic.table.segment {
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui[class*="very basic"].table.segment {
  padding: 1em 1em;
}
/*******************************
             Types
*******************************/
/*-------------------
     Placeholder
--------------------*/
.ui.placeholder.segment {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: initial;
  animation: none;
  overflow: visible;
  padding: 1em 1em;
  min-height: 18rem;
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.15);
  box-shadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
}
.ui.placeholder.segment .button,
.ui.placeholder.segment textarea {
  display: block;
}
.ui.placeholder.segment .field,
.ui.placeholder.segment textarea,
.ui.placeholder.segment > .ui.input,
.ui.placeholder.segment .button {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment .column .button,
.ui.placeholder.segment .column .field,
.ui.placeholder.segment .column textarea,
.ui.placeholder.segment .column > .ui.input {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
}
.ui.placeholder.segment > .inline {
  align-self: center;
}
.ui.placeholder.segment > .inline > .button {
  display: inline-block;
  width: auto;
  margin: 0px 0.35714286rem 0px 0px;
}
.ui.placeholder.segment > .inline > .button:last-child {
  margin-right: 0px;
}
/*-------------------
        Piled
--------------------*/
.ui.piled.segments,
.ui.piled.segment {
  margin: 3em 0em;
  box-shadow: '';
  z-index: auto;
}
.ui.piled.segment:first-child {
  margin-top: 0em;
}
.ui.piled.segment:last-child {
  margin-bottom: 0em;
}
.ui.piled.segments:after,
.ui.piled.segments:before,
.ui.piled.segment:after,
.ui.piled.segment:before {
  background-color: #FFFFFF;
  visibility: visible;
  content: '';
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: '';
}
.ui.piled.segments:before,
.ui.piled.segment:before {
  transform: rotate(-1.2deg);
  top: 0;
  z-index: -2;
}
.ui.piled.segments:after,
.ui.piled.segment:after {
  transform: rotate(1.2deg);
  top: 0;
  z-index: -1;
}
/* Piled Attached */
.ui[class*="top attached"].piled.segment {
  margin-top: 3em;
  margin-bottom: 0em;
}
.ui.piled.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}
.ui.piled.segment[class*="bottom attached"] {
  margin-top: 0em;
  margin-bottom: 3em;
}
.ui.piled.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}
/*-------------------
       Stacked
--------------------*/
.ui.stacked.segment {
  padding-bottom: 1.4em;
}
.ui.stacked.segments:before,
.ui.stacked.segments:after,
.ui.stacked.segment:before,
.ui.stacked.segment:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0%;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: rgba(0, 0, 0, 0.03);
  width: 100%;
  height: 6px;
  visibility: visible;
}
.ui.stacked.segments:before,
.ui.stacked.segment:before {
  display: none;
}
/* Add additional page */
.ui.tall.stacked.segments:before,
.ui.tall.stacked.segment:before {
  display: block;
  bottom: 0px;
}
/* Inverted */
.ui.stacked.inverted.segments:before,
.ui.stacked.inverted.segments:after,
.ui.stacked.inverted.segment:before,
.ui.stacked.inverted.segment:after {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(34, 36, 38, 0.35);
}
/*-------------------
       Padded
--------------------*/
.ui.padded.segment {
  padding: 1.5em;
}
.ui[class*="very padded"].segment {
  padding: 3em;
}
/* Padded vertical */
.ui.padded.segment.vertical.segment,
.ui[class*="very padded"].vertical.segment {
  padding-left: 0px;
  padding-right: 0px;
}
/*-------------------
       Compact
--------------------*/
.ui.compact.segment {
  display: table;
}
/* Compact Group */
.ui.compact.segments {
  display: inline-flex;
}
.ui.compact.segments .segment,
.ui.segments .compact.segment {
  display: block;
  flex: 0 1 auto;
}
/*-------------------
       Circular
--------------------*/
.ui.circular.segment {
  display: table-cell;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  border-radius: 500em;
}
/*-------------------
       Raised
--------------------*/
.ui.raised.segments,
.ui.raised.segment {
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
/*******************************
            Groups
*******************************/
/* Group */
.ui.segments {
  flex-direction: column;
  position: relative;
  margin: 1rem 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
}
.ui.segments:first-child {
  margin-top: 0em;
}
.ui.segments:last-child {
  margin-bottom: 0em;
}
/* Nested Segment */
.ui.segments > .segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em;
  width: auto;
  box-shadow: none;
  border: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.segments:not(.horizontal) > .segment:first-child {
  border-top: none;
  margin-top: 0em;
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Bottom */
.ui.segments:not(.horizontal) > .segment:last-child {
  top: 0px;
  bottom: 0px;
  margin-top: 0em;
  margin-bottom: 0em;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Only */
.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0.28571429rem;
}
/* Nested Group */
.ui.segments > .ui.segments {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 1rem 1rem;
}
.ui.segments > .segments:first-child {
  border-top: none;
}
.ui.segments > .segment + .segments:not(.horizontal) {
  margin-top: 0em;
}
/* Horizontal Group */
.ui.horizontal.segments {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  border-radius: 0px;
  padding: 0em;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  margin: 1rem 0em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
/* Nested Horizontal Group */
.ui.segments > .horizontal.segments {
  margin: 0em;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
/* Horizontal Segment */
.ui.horizontal.segments > .segment {
  flex: 1 1 auto;
  -ms-flex: 1 1 0px;
  /* Solves #2550 MS Flex */
  margin: 0em;
  min-width: 0px;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  box-shadow: none;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
/* Border Fixes */
.ui.segments > .horizontal.segments:first-child {
  border-top: none;
}
.ui.horizontal.segments > .segment:first-child {
  border-left: none;
}
/*******************************
            States
*******************************/
/*--------------
    Disabled
---------------*/
.ui.disabled.segment {
  opacity: 0.6;
  color: rgba(40, 40, 40, 0.3);
}
/*--------------
    Loading
---------------*/
.ui.loading.segment {
  position: relative;
  cursor: default;
  pointer-events: none;
  text-shadow: none !important;
  color: transparent !important;
  transition: all 0s linear;
}
.ui.loading.segment:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  border-radius: 0.28571429rem;
  z-index: 100;
}
.ui.loading.segment:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  animation: segment-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #DCDDDE rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@keyframes segment-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*******************************
           Variations
*******************************/
/*-------------------
       Basic
--------------------*/
.ui.basic.segment {
  background: none transparent;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}
/*-------------------
       Clearing
--------------------*/
.ui.clearing.segment:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*-------------------
       Colors
--------------------*/
/* Red */
.ui.red.segment:not(.inverted) {
  border-top: 2px solid var(--inputs_border_error) !important;
}
.ui.inverted.red.segment {
  background-color: var(--inputs_border_error) !important;
  color: #FFFFFF !important;
}
/* Orange */
.ui.orange.segment:not(.inverted) {
  border-top: 2px solid var(--common_alert) !important;
}
.ui.inverted.orange.segment {
  background-color: var(--common_alert) !important;
  color: #FFFFFF !important;
}
/* Yellow */
.ui.yellow.segment:not(.inverted) {
  border-top: 2px solid #fcc73b !important;
}
.ui.inverted.yellow.segment {
  background-color: #fcc73b !important;
  color: #FFFFFF !important;
}
/* Olive */
.ui.olive.segment:not(.inverted) {
  border-top: 2px solid #B5CC18 !important;
}
.ui.inverted.olive.segment {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Green */
.ui.green.segment:not(.inverted) {
  border-top: 2px solid #73D822 !important;
}
.ui.inverted.green.segment {
  background-color: #73D822 !important;
  color: #FFFFFF !important;
}
/* Teal */
.ui.teal.segment:not(.inverted) {
  border-top: 2px solid var(--common_accent) !important;
}
.ui.inverted.teal.segment {
  background-color: var(--common_accent) !important;
  color: #FFFFFF !important;
}
/* Blue */
.ui.blue.segment:not(.inverted) {
  border-top: 2px solid #199ed8 !important;
}
.ui.inverted.blue.segment {
  background-color: #199ed8 !important;
  color: #FFFFFF !important;
}
/* Violet */
.ui.violet.segment:not(.inverted) {
  border-top: 2px solid #6b80ef !important;
}
.ui.inverted.violet.segment {
  background-color: #6b80ef !important;
  color: #FFFFFF !important;
}
/* Purple */
.ui.purple.segment:not(.inverted) {
  border-top: 2px solid #A333C8 !important;
}
.ui.inverted.purple.segment {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Pink */
.ui.pink.segment:not(.inverted) {
  border-top: 2px solid #E03997 !important;
}
.ui.inverted.pink.segment {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Brown */
.ui.brown.segment:not(.inverted) {
  border-top: 2px solid #A5673F !important;
}
.ui.inverted.brown.segment {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Grey */
.ui.grey.segment:not(.inverted) {
  border-top: 2px solid #DCDDDE !important;
}
.ui.inverted.grey.segment {
  background-color: #DCDDDE !important;
  color: #FFFFFF !important;
}
/* Black */
.ui.black.segment:not(.inverted) {
  border-top: 2px solid #1B1C1D !important;
}
.ui.inverted.black.segment {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/*-------------------
       Aligned
--------------------*/
.ui[class*="left aligned"].segment {
  text-align: left;
}
.ui[class*="right aligned"].segment {
  text-align: right;
}
.ui[class*="center aligned"].segment {
  text-align: center;
}
/*-------------------
       Floated
--------------------*/
.ui.floated.segment,
.ui[class*="left floated"].segment {
  float: left;
  margin-right: 1em;
}
.ui[class*="right floated"].segment {
  float: right;
  margin-left: 1em;
}
/*-------------------
      Inverted
--------------------*/
.ui.inverted.segment {
  border: none;
  box-shadow: none;
}
.ui.inverted.segment,
.ui.primary.inverted.segment {
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
/* Nested */
.ui.inverted.segment .segment {
  color: var(--basic-on-bg-primary);
}
.ui.inverted.segment .inverted.segment {
  color: rgba(255, 255, 255, 0.9);
}
/* Attached */
.ui.inverted.attached.segment {
  border-color: #555555;
}
/*-------------------
     Emphasis
--------------------*/
/* Secondary */
.ui.secondary.segment {
  background: #F8F8F8;
  color: rgba(0, 0, 0, 0.6);
}
.ui.secondary.inverted.segment {
  background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%);
  color: rgba(255, 255, 255, 0.8);
}
/* Tertiary */
.ui.tertiary.segment {
  background: #DCDDDE;
  color: rgba(0, 0, 0, 0.6);
}
.ui.tertiary.inverted.segment {
  background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%);
  color: rgba(255, 255, 255, 0.8);
}
/*-------------------
      Attached
--------------------*/
/* Middle */
.ui.attached.segment {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% - (-1px * 2));
  max-width: calc(100% - (-1px * 2));
  box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
  border-top: none;
}
/* Top */
.ui[class*="top attached"].segment {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.segment[class*="top attached"]:first-child {
  margin-top: 0em;
}
/* Bottom */
.ui.segment[class*="bottom attached"] {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.segment[class*="bottom attached"]:last-child {
  margin-bottom: 0em;
}
/*-------------------
        Size
--------------------*/
.ui.mini.segments .segment,
.ui.mini.segment {
  font-size: 0.78571429rem;
}
.ui.tiny.segments .segment,
.ui.tiny.segment {
  font-size: 0.85714286rem;
}
.ui.small.segments .segment,
.ui.small.segment {
  font-size: 0.92857143rem;
}
.ui.segments .segment,
.ui.segment {
  font-size: 1rem;
}
.ui.large.segments .segment,
.ui.large.segment {
  font-size: 1.14285714rem;
}
.ui.big.segments .segment,
.ui.big.segment {
  font-size: 1.28571429rem;
}
.ui.huge.segments .segment,
.ui.huge.segment {
  font-size: 1.42857143rem;
}
.ui.massive.segments .segment,
.ui.massive.segment {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
.ui.secondary.segment.error {
  /*background: fade(@_common_alert, 20%);*/
  border-color: var(--common_alert);
}
/*!
 * # Semantic UI - Step
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
             Step
*******************************/
/*--------------
   Load Theme
---------------*/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Step
*******************************/
/*-------------------
       Group
--------------------*/
/*-------------------
      Element
--------------------*/
/* Icon */
/* Title */
/* Description */
/* Arrow */
/* Mobile */
/*-------------------
       Types
--------------------*/
/* Vertical */
/*-------------------
      Variations
--------------------*/
/*-------------------
       States
--------------------*/
/* Completed */
/* Hover */
/* Down */
/* Active */
/* Active + Hover */
/* Disabled */
/*******************************
            Plural
*******************************/
.ui.steps {
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  margin: 1em 0em;
  background: '';
  box-shadow: none;
  line-height: 1.14285714em;
  border-radius: 0.28571429rem;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
/* First Steps */
.ui.steps:first-child {
  margin-top: 0em;
}
/* Last Steps */
.ui.steps:last-child {
  margin-bottom: 0em;
}
/*******************************
           Singular
*******************************/
.ui.steps .step {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  flex-wrap: wrap;
  flex-direction: row;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  margin: 0em 0em;
  padding: 1.14285714em 2em;
  background: #FFFFFF;
  color: var(--basic-on-bg-primary);
  box-shadow: none;
  border-radius: 0em;
  border: none;
  border-right: 1px solid rgba(34, 36, 38, 0.15);
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
}
/* Arrow */
.ui.steps .step:after {
  display: none;
  position: absolute;
  z-index: 2;
  content: '';
  top: 50%;
  right: 0%;
  border: medium none;
  background-color: #FFFFFF;
  width: 1.14285714em;
  height: 1.14285714em;
  border-style: solid;
  border-color: rgba(34, 36, 38, 0.15);
  border-width: 0px 1px 1px 0px;
  transition: background-color 0.1s ease, opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease;
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
/* First Step */
.ui.steps .step:first-child {
  padding-left: 2em;
  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
}
/* Last Step */
.ui.steps .step:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.steps .step:last-child {
  border-right: none;
  margin-right: 0em;
}
/* Only Step */
.ui.steps .step:only-child {
  border-radius: 0.28571429rem;
}
/*******************************
            Content
*******************************/
/* Title */
.ui.steps .step .title {
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.14285714em;
  font-weight: bold;
}
.ui.steps .step > .title {
  width: 100%;
}
/* Description */
.ui.steps .step .description {
  font-weight: normal;
  font-size: 0.92857143em;
  color: var(--basic-on-bg-primary);
}
.ui.steps .step > .description {
  width: 100%;
}
.ui.steps .step .title ~ .description {
  margin-top: 0.25em;
}
/* Icon */
.ui.steps .step > .icon {
  line-height: 1;
  font-size: 2.5em;
  margin: 0em 1rem 0em 0em;
}
.ui.steps .step > .icon,
.ui.steps .step > .icon ~ .content {
  display: block;
  flex: 0 1 auto;
  align-self: middle;
}
.ui.steps .step > .icon ~ .content {
  flex-grow: 1 0 auto;
}
/* Horizontal Icon */
.ui.steps:not(.vertical) .step > .icon {
  width: auto;
}
/* Link */
.ui.steps .link.step,
.ui.steps a.step {
  cursor: pointer;
}
/*******************************
            Types
*******************************/
/*--------------
     Ordered
---------------*/
.ui.ordered.steps {
  counter-reset: ordered;
}
.ui.ordered.steps .step:before {
  display: block;
  position: static;
  text-align: center;
  content: counters(ordered, ".");
  align-self: middle;
  margin-right: 1rem;
  font-size: 2.5em;
  counter-increment: ordered;
  font-family: inherit;
  font-weight: bold;
}
.ui.ordered.steps .step > * {
  display: block;
  align-self: middle;
}
/*--------------
    Vertical
---------------*/
.ui.vertical.steps {
  display: inline-flex;
  flex-direction: column;
  overflow: visible;
}
.ui.vertical.steps .step {
  justify-content: flex-start;
  border-radius: 0em;
  padding: 1.14285714em 2em;
  border-right: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.vertical.steps .step:first-child {
  padding: 1.14285714em 2em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.vertical.steps .step:last-child {
  border-bottom: none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.vertical.steps .step:only-child {
  border-radius: 0.28571429rem;
}
/* Arrow */
.ui.vertical.steps .step:after {
  display: none;
}
.ui.vertical.steps .step:after {
  top: 50%;
  right: 0%;
  border-width: 0px 1px 1px 0px;
}
.ui.vertical.steps .step:after {
  display: none;
}
.ui.vertical.steps .active.step:after {
  display: block;
}
.ui.vertical.steps .step:last-child:after {
  display: none;
}
.ui.vertical.steps .active.step:last-child:after {
  display: block;
}
/*---------------
    Responsive
----------------*/
/* Mobile (Default) */
@media only screen and (max-width: 767px) {
  .ui.steps:not(.unstackable) {
    display: inline-flex;
    overflow: visible;
    flex-direction: column;
  }
  .ui.steps:not(.unstackable) .step {
    width: 100% !important;
    flex-direction: column;
    border-radius: 0em;
    padding: 1.14285714em 2em;
  }
  .ui.steps:not(.unstackable) .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  }
  .ui.steps:not(.unstackable) .step:last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  }
  /* Arrow */
  .ui.steps:not(.unstackable) .step:after {
    display: none !important;
  }
  /* Content */
  .ui.steps:not(.unstackable) .step .content {
    text-align: center;
  }
  /* Icon */
  .ui.steps:not(.unstackable) .step > .icon,
  .ui.ordered.steps:not(.unstackable) .step:before {
    margin: 0em 0em 1rem 0em;
  }
}
/*******************************
             States
*******************************/
/* Link Hover */
.ui.steps .link.step:hover::after,
.ui.steps .link.step:hover,
.ui.steps a.step:hover::after,
.ui.steps a.step:hover {
  background: #F9FAFB;
  color: rgba(0, 0, 0, 0.8);
}
/* Link Down */
.ui.steps .link.step:active::after,
.ui.steps .link.step:active,
.ui.steps a.step:active::after,
.ui.steps a.step:active {
  background: #F8F8F8;
  color: rgba(0, 0, 0, 0.9);
}
/* Active */
.ui.steps .step.active {
  cursor: auto;
  background: #F8F8F8;
}
.ui.steps .step.active:after {
  background: #F8F8F8;
}
.ui.steps .step.active .title {
  color: var(--common_link);
}
.ui.ordered.steps .step.active:before,
.ui.steps .active.step .icon {
  color: rgba(0, 0, 0, 0.85);
}
/* Active Arrow */
.ui.steps .step:after {
  display: block;
}
.ui.steps .active.step:after {
  display: block;
}
.ui.steps .step:last-child:after {
  display: none;
}
.ui.steps .active.step:last-child:after {
  display: none;
}
/* Active Hover */
.ui.steps .link.active.step:hover::after,
.ui.steps .link.active.step:hover,
.ui.steps a.active.step:hover::after,
.ui.steps a.active.step:hover {
  cursor: pointer;
  background: #ECECEC;
  color: var(--basic-on-bg-primary);
}
/* Completed */
.ui.steps .step.completed > .icon:before,
.ui.ordered.steps .step.completed:before {
  color: var(--button_primary_bkg_normal);
}
/* Disabled */
.ui.steps .disabled.step {
  cursor: auto;
  background: #FFFFFF;
  pointer-events: none;
}
.ui.steps .disabled.step,
.ui.steps .disabled.step .title,
.ui.steps .disabled.step .description {
  color: rgba(40, 40, 40, 0.3);
}
.ui.steps .disabled.step:after {
  background: #FFFFFF;
}
/*******************************
           Variations
*******************************/
/*--------------
   Stackable
---------------*/
/* Tablet Or Below */
@media only screen and (max-width: 991px) {
  .ui[class*="tablet stackable"].steps {
    display: inline-flex;
    overflow: visible;
    flex-direction: column;
  }
  /* Steps */
  .ui[class*="tablet stackable"].steps .step {
    flex-direction: column;
    border-radius: 0em;
    padding: 1.14285714em 2em;
  }
  .ui[class*="tablet stackable"].steps .step:first-child {
    padding: 1.14285714em 2em;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  }
  .ui[class*="tablet stackable"].steps .step:last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  }
  /* Arrow */
  .ui[class*="tablet stackable"].steps .step:after {
    display: none !important;
  }
  /* Content */
  .ui[class*="tablet stackable"].steps .step .content {
    text-align: center;
  }
  /* Icon */
  .ui[class*="tablet stackable"].steps .step > .icon,
  .ui[class*="tablet stackable"].ordered.steps .step:before {
    margin: 0em 0em 1rem 0em;
  }
}
/*--------------
      Fluid
---------------*/
/* Fluid */
.ui.fluid.steps {
  display: flex;
  width: 100%;
}
/*--------------
    Attached
---------------*/
/* Top */
.ui.attached.steps {
  width: calc(100% + (--1px * 2)) !important;
  margin: 0em -1px 0;
  max-width: calc(100% + (--1px * 2));
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.attached.steps .step:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.attached.steps .step:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
/* Bottom */
.ui.bottom.attached.steps {
  margin: 0 -1px 0em;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.bottom.attached.steps .step:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui.bottom.attached.steps .step:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
/*-------------------
    Evenly Divided
--------------------*/
.ui.one.steps,
.ui.two.steps,
.ui.three.steps,
.ui.four.steps,
.ui.five.steps,
.ui.six.steps,
.ui.seven.steps,
.ui.eight.steps {
  width: 100%;
}
.ui.one.steps > .step,
.ui.two.steps > .step,
.ui.three.steps > .step,
.ui.four.steps > .step,
.ui.five.steps > .step,
.ui.six.steps > .step,
.ui.seven.steps > .step,
.ui.eight.steps > .step {
  flex-wrap: nowrap;
}
.ui.one.steps > .step {
  width: 100%;
}
.ui.two.steps > .step {
  width: 50%;
}
.ui.three.steps > .step {
  width: 33.333%;
}
.ui.four.steps > .step {
  width: 25%;
}
.ui.five.steps > .step {
  width: 20%;
}
.ui.six.steps > .step {
  width: 16.666%;
}
.ui.seven.steps > .step {
  width: 14.285%;
}
.ui.eight.steps > .step {
  width: 12.5%;
}
/*-------------------
       Sizes
--------------------*/
.ui.mini.steps .step,
.ui.mini.step {
  font-size: 0.78571429rem;
}
.ui.tiny.steps .step,
.ui.tiny.step {
  font-size: 0.85714286rem;
}
.ui.small.steps .step,
.ui.small.step {
  font-size: 0.92857143rem;
}
.ui.steps .step,
.ui.step {
  font-size: 1rem;
}
.ui.large.steps .step,
.ui.large.step {
  font-size: 1.14285714rem;
}
.ui.big.steps .step,
.ui.big.step {
  font-size: 1.28571429rem;
}
.ui.huge.steps .step,
.ui.huge.step {
  font-size: 1.42857143rem;
}
.ui.massive.steps .step,
.ui.massive.step {
  font-size: 1.71428571rem;
}
/* Collections */
/*!
 * # Semantic UI - Breadcrumb
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
          Breadcrumb
*******************************/
/*-------------------
     Breadcrumb
--------------------*/
/* Coupling */
/*-------------------
       States
--------------------*/
/*******************************
           Breadcrumb
*******************************/
.ui.breadcrumb {
  line-height: 1;
  display: inline-block;
  margin: 0em 0em;
  vertical-align: middle;
}
.ui.breadcrumb:first-child {
  margin-top: 0em;
}
.ui.breadcrumb:last-child {
  margin-bottom: 0em;
}
/*******************************
          Content
*******************************/
/* Divider */
.ui.breadcrumb .divider {
  display: inline-block;
  opacity: 0.7;
  margin: 0em 0.21428571rem 0em;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
  vertical-align: baseline;
}
/* Link */
.ui.breadcrumb a {
  color: var(--common_link);
}
.ui.breadcrumb a:hover {
  color: var(--link-darken-20-saturate-15);
}
/* Icon Divider */
.ui.breadcrumb .icon.divider {
  font-size: 0.85714286em;
  vertical-align: baseline;
}
/* Section */
.ui.breadcrumb a.section {
  cursor: pointer;
}
.ui.breadcrumb .section {
  display: inline-block;
  margin: 0em;
  padding: 0em;
}
/* Loose Coupling */
.ui.breadcrumb.segment {
  display: inline-block;
  padding: 0.78571429em 1em;
}
/*******************************
            States
*******************************/
.ui.breadcrumb .active.section {
  font-weight: bold;
}
/*******************************
           Variations
*******************************/
.ui.mini.breadcrumb {
  font-size: 0.78571429rem;
}
.ui.tiny.breadcrumb {
  font-size: 0.85714286rem;
}
.ui.small.breadcrumb {
  font-size: 0.92857143rem;
}
.ui.breadcrumb {
  font-size: 1rem;
}
.ui.large.breadcrumb {
  font-size: 1.14285714rem;
}
.ui.big.breadcrumb {
  font-size: 1.28571429rem;
}
.ui.huge.breadcrumb {
  font-size: 1.42857143rem;
}
.ui.massive.breadcrumb {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Form
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Form
*******************************/
/*-------------------
       Elements
--------------------*/
/* Form */
/* Text */
/* Field */
/* Fields */
/* Form Label */
/* Input */
/* Select */
/* Text Area */
/* Checkbox */
/* Inline Validation Prompt */
/*-------------------
        States
--------------------*/
/* Focus */
/* Input Focus */
/* Text Area Focus */
/* Disabled */
/* Errored Input */
/* AutoFill */
/* Input Error */
/* Dropdown Error */
/* Focused Error */
/* Placeholder Error */
/* Loading Dimmer */
/* Loading Spinner */
/*-------------------
        Types
--------------------*/
/* Required */
/* Inverted */
/*-------------------
      Variations
--------------------*/
/* Grouped Fields */
/* Inline */
/*-------------------
       Groups
--------------------*/
/*******************************
            Elements
*******************************/
/*--------------------
        Form
---------------------*/
.ui.form {
  position: relative;
  max-width: 100%;
}
/*--------------------
        Content
---------------------*/
.ui.form > p {
  margin: 1em 0em;
}
/*--------------------
        Field
---------------------*/
.ui.form .field {
  clear: both;
  margin: 0em 0em 1em;
}
.ui.form .field:last-child,
.ui.form .fields:last-child .field {
  margin-bottom: 0em;
}
.ui.form .fields .field {
  clear: both;
  margin: 0em;
}
/*--------------------
        Labels
---------------------*/
.ui.form .field > label {
  display: block;
  margin: 0em 0em 0.28571429rem 0em;
  color: var(--basic-on-bg-primary);
  font-size: 1em;
  font-weight: normal;
  text-transform: none;
}
/*--------------------
    Standard Inputs
---------------------*/
.ui.form textarea,
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
  width: 100%;
  vertical-align: top;
}
/* Set max height on unusual input */
.ui.form ::-webkit-datetime-edit,
.ui.form ::-webkit-inner-spin-button {
  height: 1.21428571em;
}
.ui.form input:not([type]),
.ui.form input[type="date"],
.ui.form input[type="datetime-local"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="password"],
.ui.form input[type="search"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="file"],
.ui.form input[type="url"] {
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: var(--basic-on-bg-primary);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  transition: color 0.1s ease, border-color 0.1s ease;
}
/* Text Area */
.ui.form textarea {
  margin: 0em;
  -webkit-appearance: none;
  tap-highlight-color: rgba(255, 255, 255, 0);
  padding: 0.78571429em 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  outline: none;
  color: var(--basic-on-bg-primary);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  transition: color 0.1s ease, border-color 0.1s ease;
  font-size: 1em;
  line-height: 1.2857;
  resize: vertical;
}
.ui.form textarea:not([rows]) {
  height: 12em;
  min-height: 8em;
  max-height: 24em;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: top;
}
/*--------------------------
  Input w/ attached Button
---------------------------*/
.ui.form input.attached {
  width: auto;
}
/*--------------------
     Basic Select
---------------------*/
.ui.form select {
  display: block;
  height: auto;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  box-shadow: 0em 0em 0em 0em transparent inset;
  padding: 0.62em 1em;
  color: var(--basic-on-bg-primary);
  transition: color 0.1s ease, border-color 0.1s ease;
}
/*--------------------
       Dropdown
---------------------*/
/* Block */
.ui.form .field > .selection.dropdown {
  width: 100%;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
  float: right;
}
/* Inline */
.ui.form .inline.fields .field > .selection.dropdown,
.ui.form .inline.field > .selection.dropdown {
  width: auto;
}
.ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon,
.ui.form .inline.field > .selection.dropdown > .dropdown.icon {
  float: none;
}
/*--------------------
       UI Input
---------------------*/
/* Block */
.ui.form .field .ui.input,
.ui.form .fields .field .ui.input,
.ui.form .wide.field .ui.input {
  width: 100%;
}
/* Inline  */
.ui.form .inline.fields .field:not(.wide) .ui.input,
.ui.form .inline.field:not(.wide) .ui.input {
  width: auto;
  vertical-align: middle;
}
/* Auto Input */
.ui.form .fields .field .ui.input input,
.ui.form .field .ui.input input {
  width: auto;
}
/* Full Width Input */
.ui.form .ten.fields .ui.input input,
.ui.form .nine.fields .ui.input input,
.ui.form .eight.fields .ui.input input,
.ui.form .seven.fields .ui.input input,
.ui.form .six.fields .ui.input input,
.ui.form .five.fields .ui.input input,
.ui.form .four.fields .ui.input input,
.ui.form .three.fields .ui.input input,
.ui.form .two.fields .ui.input input,
.ui.form .wide.field .ui.input input {
  flex: 1 0 auto;
  width: 0px;
}
/*--------------------
   Types of Messages
---------------------*/
.ui.form .success.message,
.ui.form .warning.message,
.ui.form .error.message {
  display: none;
}
/* Assumptions */
.ui.form .message:first-child {
  margin-top: 0px;
}
/*--------------------
   Validation Prompt
---------------------*/
.ui.form .field .prompt.label {
  white-space: normal;
  background: #FFFFFF !important;
  border: 1px solid var(--inputs_border_error) !important;
  color: var(--common_alert) !important;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: -0.25em 0em -0.5em 0.5em;
}
.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
  border-width: 0px 0px 1px 1px;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}
/*******************************
            States
*******************************/
/*--------------------
      Autofilled
---------------------*/
.ui.form .field.field input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #E5DFA1 !important;
}
/* Focus */
.ui.form .field.field input:-webkit-autofill:focus {
  box-shadow: 0px 0px 0px 100px #FFFFF0 inset !important;
  border-color: #D5C315 !important;
}
/* Error */
.ui.form .error.error input:-webkit-autofill {
  box-shadow: 0px 0px 0px 100px #FFFAF0 inset !important;
  border-color: #E0B4B4 !important;
}
/*--------------------
      Placeholder
---------------------*/
/* browsers require these rules separate */
.ui.form ::-webkit-input-placeholder {
  color: var(--text-lighten-75);
}
.ui.form :-ms-input-placeholder {
  color: var(--text-lighten-75) !important;
}
.ui.form ::-moz-placeholder {
  color: var(--text-lighten-75);
}
.ui.form :focus::-webkit-input-placeholder {
  color: var(--text-lighten-45);
}
.ui.form :focus:-ms-input-placeholder {
  color: var(--text-lighten-45) !important;
}
.ui.form :focus::-moz-placeholder {
  color: var(--text-lighten-45);
}
/* Error Placeholder */
.ui.form .error ::-webkit-input-placeholder {
  color: #FF6F4D;
}
.ui.form .error :-ms-input-placeholder {
  color: #FF6F4D !important;
}
.ui.form .error ::-moz-placeholder {
  color: #FF6F4D;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #8C8C8C;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #8C8C8C !important;
}
.ui.form .error :focus::-moz-placeholder {
  color: #8C8C8C;
}
/*--------------------
        Focus
---------------------*/
.ui.form input:not([type]):focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="search"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="file"]:focus,
.ui.form input[type="url"]:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: var(--common_accent);
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
}
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.95);
  border-color: var(--common_accent);
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  box-shadow: 0px 0em 0em 0em rgba(34, 36, 38, 0.35) inset;
  -webkit-appearance: none;
}
/*--------------------
        Success
---------------------*/
/* On Form */
.ui.form.success .success.message:not(:empty) {
  display: block;
}
.ui.form.success .compact.success.message:not(:empty) {
  display: inline-block;
}
.ui.form.success .icon.success.message:not(:empty) {
  display: flex;
}
/*--------------------
        Warning
---------------------*/
/* On Form */
.ui.form.warning .warning.message:not(:empty) {
  display: block;
}
.ui.form.warning .compact.warning.message:not(:empty) {
  display: inline-block;
}
.ui.form.warning .icon.warning.message:not(:empty) {
  display: flex;
}
/*--------------------
        Error
---------------------*/
/* On Form */
.ui.form.error .error.message:not(:empty) {
  display: block;
}
.ui.form.error .compact.error.message:not(:empty) {
  display: inline-block;
}
.ui.form.error .icon.error.message:not(:empty) {
  display: flex;
}
/* On Field(s) */
.ui.form .fields.error .field label,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .field.error .input {
  color: var(--common_alert);
}
.ui.form .fields.error .field .corner.label,
.ui.form .field.error .corner.label {
  border-color: var(--common_alert);
  color: #FFFFFF;
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="url"] {
  background: var(--inputs_bkg_error);
  border-color: var(--inputs_border_error);
  color: var(--common_alert);
  border-radius: '';
  box-shadow: none;
}
.ui.form .field.error textarea:focus,
.ui.form .field.error select:focus,
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="url"]:focus {
  background: var(--inputs_bkg_error);
  border-color: var(--common_alert);
  color: var(--common_alert);
  -webkit-appearance: none;
  box-shadow: none;
}
/* Preserve Native Select Stylings */
.ui.form .field.error select {
  -webkit-appearance: menulist-button;
}
/*------------------
    Dropdown Error
--------------------*/
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .text,
.ui.form .field.error .ui.dropdown .item {
  background: var(--inputs_bkg_error);
  color: var(--common_alert);
}
.ui.form .fields.error .field .ui.dropdown,
.ui.form .field.error .ui.dropdown {
  border-color: var(--inputs_border_error) !important;
}
.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field.error .ui.dropdown:hover {
  border-color: var(--inputs_border_error) !important;
}
.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field.error .ui.dropdown:hover .menu {
  border-color: var(--inputs_border_error);
}
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.error .ui.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: var(--common_alert);
}
/* Hover */
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .item:hover {
  background-color: #FBE7E7;
}
/* Selected */
.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field.error .ui.dropdown .menu .selected.item {
  background-color: #FBE7E7;
}
/* Active */
.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field.error .ui.dropdown .menu .active.item {
  background-color: #FDCFCF !important;
}
/*--------------------
    Checkbox Error
---------------------*/
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box {
  color: var(--common_alert);
}
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before {
  background: var(--inputs_bkg_error);
  border-color: var(--inputs_border_error);
}
.ui.form .fields.error .field .checkbox label:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field.error .checkbox .box:after {
  color: var(--common_alert);
}
/*--------------------
       Disabled
---------------------*/
.ui.form .disabled.fields .field,
.ui.form .disabled.field,
.ui.form .field :disabled {
  pointer-events: none;
  opacity: 0.6;
}
.ui.form .field.disabled > label,
.ui.form .fields.disabled > label {
  opacity: 0.6;
}
.ui.form .field.disabled :disabled {
  opacity: 1;
}
/*--------------
    Loading
---------------*/
.ui.loading.form {
  position: relative;
  cursor: default;
  pointer-events: none;
}
.ui.loading.form:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0%;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 100;
}
.ui.loading.form:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0em 0em -1.5em;
  width: 3em;
  height: 3em;
  animation: form-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #DCDDDE rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3);
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
  visibility: visible;
  z-index: 101;
}
@keyframes form-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*******************************
         Element Types
*******************************/
/*--------------------
     Required Field
---------------------*/
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  margin: -0.2em 0em 0em 0.2em;
  content: '*';
  color: var(--common_alert);
}
.ui.form .required.fields:not(.grouped) > .field > label:after,
.ui.form .required.fields.grouped > label:after,
.ui.form .required.field > label:after {
  display: inline-block;
  vertical-align: top;
}
.ui.form .required.fields:not(.grouped) > .field > .checkbox:after,
.ui.form .required.field > .checkbox:after {
  position: absolute;
  top: 0%;
  left: 100%;
}
/*******************************
           Variations
*******************************/
/*--------------------
    Inverted Colors
---------------------*/
.ui.inverted.form label,
.ui.form .inverted.segment label,
.ui.form .inverted.segment .ui.checkbox label,
.ui.form .inverted.segment .ui.checkbox .box,
.ui.inverted.form .ui.checkbox label,
.ui.inverted.form .ui.checkbox .box,
.ui.inverted.form .inline.fields > label,
.ui.inverted.form .inline.fields .field > label,
.ui.inverted.form .inline.fields .field > p,
.ui.inverted.form .inline.field > label,
.ui.inverted.form .inline.field > p {
  color: rgba(255, 255, 255, 0.9);
}
/* Inverted Field */
.ui.inverted.form input:not([type]),
.ui.inverted.form input[type="date"],
.ui.inverted.form input[type="datetime-local"],
.ui.inverted.form input[type="email"],
.ui.inverted.form input[type="number"],
.ui.inverted.form input[type="password"],
.ui.inverted.form input[type="search"],
.ui.inverted.form input[type="tel"],
.ui.inverted.form input[type="time"],
.ui.inverted.form input[type="text"],
.ui.inverted.form input[type="file"],
.ui.inverted.form input[type="url"] {
  background: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--basic-on-bg-primary);
  box-shadow: none;
}
/*--------------------
     Field Groups
---------------------*/
/* Grouped Vertically */
.ui.form .grouped.fields {
  display: block;
  margin: 0em 0em 1em;
}
.ui.form .grouped.fields:last-child {
  margin-bottom: 0em;
}
.ui.form .grouped.fields > label {
  margin: 0em 0em 0.28571429rem 0em;
  color: var(--basic-on-bg-primary);
  font-size: 1em;
  font-weight: normal;
  text-transform: none;
}
.ui.form .grouped.fields .field,
.ui.form .grouped.inline.fields .field {
  display: block;
  margin: 0.5em 0em;
  padding: 0em;
}
/*--------------------
        Fields
---------------------*/
/* Split fields */
.ui.form .fields {
  display: flex;
  flex-direction: row;
  margin: 0em -0.5em 1em;
}
.ui.form .fields > .field {
  flex: 0 1 auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .fields > .field:first-child {
  border-left: none;
  box-shadow: none;
}
/* Other Combinations */
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
  width: 50%;
}
.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
  width: 33.33333333%;
}
.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
  width: 25%;
}
.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
  width: 20%;
}
.ui.form .six.fields > .fields,
.ui.form .six.fields > .field {
  width: 16.66666667%;
}
.ui.form .seven.fields > .fields,
.ui.form .seven.fields > .field {
  width: 14.28571429%;
}
.ui.form .eight.fields > .fields,
.ui.form .eight.fields > .field {
  width: 12.5%;
}
.ui.form .nine.fields > .fields,
.ui.form .nine.fields > .field {
  width: 11.11111111%;
}
.ui.form .ten.fields > .fields,
.ui.form .ten.fields > .field {
  width: 10%;
}
/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form .fields {
    flex-wrap: wrap;
  }
  .ui[class*="equal width"].form:not(.unstackable) .fields > .field,
  .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field {
    width: 100% !important;
    margin: 0em 0em 1em;
  }
}
/* Sizing Combinations */
.ui.form .fields .wide.field {
  width: 6.25%;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.ui.form .one.wide.field {
  width: 6.25% !important;
}
.ui.form .two.wide.field {
  width: 12.5% !important;
}
.ui.form .three.wide.field {
  width: 18.75% !important;
}
.ui.form .four.wide.field {
  width: 25% !important;
}
.ui.form .five.wide.field {
  width: 31.25% !important;
}
.ui.form .six.wide.field {
  width: 37.5% !important;
}
.ui.form .seven.wide.field {
  width: 43.75% !important;
}
.ui.form .eight.wide.field {
  width: 50% !important;
}
.ui.form .nine.wide.field {
  width: 56.25% !important;
}
.ui.form .ten.wide.field {
  width: 62.5% !important;
}
.ui.form .eleven.wide.field {
  width: 68.75% !important;
}
.ui.form .twelve.wide.field {
  width: 75% !important;
}
.ui.form .thirteen.wide.field {
  width: 81.25% !important;
}
.ui.form .fourteen.wide.field {
  width: 87.5% !important;
}
.ui.form .fifteen.wide.field {
  width: 93.75% !important;
}
.ui.form .sixteen.wide.field {
  width: 100% !important;
}
/* Swap to full width on mobile */
@media only screen and (max-width: 767px) {
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields,
  .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field,
  .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field {
    width: 100% !important;
  }
  .ui.form .fields {
    margin-bottom: 0em;
  }
}
/*--------------------
     Equal Width
---------------------*/
.ui[class*="equal width"].form .fields > .field,
.ui.form [class*="equal width"].fields > .field {
  width: 100%;
  flex: 1 1 auto;
}
/*--------------------
    Inline Fields
---------------------*/
.ui.form .inline.fields {
  margin: 0em 0em 1em;
  align-items: center;
}
.ui.form .inline.fields .field {
  margin: 0em;
  padding: 0em 1em 0em 0em;
}
/* Inline Label */
.ui.form .inline.fields > label,
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.field > label,
.ui.form .inline.field > p {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: baseline;
  font-size: 1em;
  font-weight: normal;
  color: var(--basic-on-bg-primary);
  text-transform: none;
}
/* Grouped Inline Label */
.ui.form .inline.fields > label {
  margin: 0.035714em 1em 0em 0em;
}
/* Inline Input */
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.field > input,
.ui.form .inline.field > select {
  display: inline-block;
  width: auto;
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: middle;
  font-size: 1em;
}
/* Label */
.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0em 0.85714286em 0em 0em;
}
.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0em;
}
/* Wide */
.ui.form .inline.fields .wide.field {
  display: flex;
  align-items: center;
}
.ui.form .inline.fields .wide.field > input,
.ui.form .inline.fields .wide.field > select {
  width: 100%;
}
/*--------------------
        Sizes
---------------------*/
.ui.mini.form {
  font-size: 0.78571429rem;
}
.ui.tiny.form {
  font-size: 0.85714286rem;
}
.ui.small.form {
  font-size: 0.92857143rem;
}
.ui.form {
  font-size: 1rem;
}
.ui.large.form {
  font-size: 1.14285714rem;
}
.ui.big.form {
  font-size: 1.28571429rem;
}
.ui.huge.form {
  font-size: 1.42857143rem;
}
.ui.massive.form {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
.ui.form .field.primaryFormField {
  display: flex;
  align-items: center;
}
.ui.form .field.primaryFormField .primaryFormField__control,
.ui.form .field.primaryFormField .ui.input,
.ui.form .field.primaryFormField textarea,
.ui.form .field.primaryFormField .ui.dropdown {
  flex: 1;
  min-width: 0;
}
.ui.form .field.primaryFormField label {
  width: 25%;
}
.ui.dropdown.error .item .text {
  color: #333333;
}
.ui.dropdown.error .item:hover {
  background-color: rgba(0, 0, 0, 0.03) !important;
}
.ui.checkbox.disabled label:before {
  background: #d5d5d5 !important;
}
/*!
 * # Semantic UI - Grid
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Grid
*******************************/
/* Inherited From Site */
/*******************************
            Grid
*******************************/
/*******************************
           Variations
*******************************/
/*--------------
     Relaxed
---------------*/
/*--------------
     Divided
---------------*/
/*--------------
    Celled
---------------*/
/*--------------
    Stackable
---------------*/
/*******************************
             Legacy
*******************************/
/*--------------
     Page
---------------*/
/* Legacy (DO NOT USE)
 */
/*******************************
            Standard
*******************************/
.ui.grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 0em;
}
/*----------------------
      Remove Gutters
-----------------------*/
.ui.grid {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.ui.relaxed.grid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.ui[class*="very relaxed"].grid {
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}
/* Preserve Rows Spacing on Consecutive Grids */
.ui.grid + .grid {
  margin-top: 0.75rem;
}
/*-------------------
       Columns
--------------------*/
/* Standard 16 column */
.ui.grid > .column:not(.row),
.ui.grid > .row > .column {
  position: relative;
  display: inline-block;
  width: 6.25%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  vertical-align: top;
}
.ui.grid > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
/*-------------------
        Rows
--------------------*/
.ui.grid > .row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: inherit;
  align-items: stretch;
  width: 100% !important;
  padding: 0rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
/*-------------------
       Columns
--------------------*/
/* Vertical padding when no rows */
.ui.grid > .column:not(.row) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.ui.grid > .row > .column {
  margin-top: 0em;
  margin-bottom: 0em;
}
/*-------------------
      Content
--------------------*/
.ui.grid > .row > img,
.ui.grid > .row > .column > img {
  max-width: 100%;
}
/*-------------------
    Loose Coupling
--------------------*/
/* Collapse Margin on Consecutive Grid */
.ui.grid > .ui.grid:first-child {
  margin-top: 0em;
}
.ui.grid > .ui.grid:last-child {
  margin-bottom: 0em;
}
/* Segment inside Aligned Grid */
.ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached),
.ui.aligned.grid .column > .segment:not(.compact):not(.attached) {
  width: 100%;
}
/* Align Dividers with Gutter */
.ui.grid .row + .ui.divider {
  flex-grow: 1;
  margin: 0.75rem 0.75rem;
}
.ui.grid .column + .ui.vertical.divider {
  height: calc(50% - (1.5rem / 2));
}
/* Remove Border on Last Horizontal Segment */
.ui.grid > .row > .column:last-child > .horizontal.segment,
.ui.grid > .column:last-child > .horizontal.segment {
  box-shadow: none;
}
/*******************************
           Variations
*******************************/
/*-----------------------
       Page Grid
-------------------------*/
@media only screen and (max-width: 767px) {
  .ui.page.grid {
    width: auto;
    padding-left: 0em;
    padding-right: 0em;
    margin-left: 0em;
    margin-right: 0em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 15%;
    padding-right: 15%;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.page.grid {
    width: auto;
    margin-left: 0em;
    margin-right: 0em;
    padding-left: 23%;
    padding-right: 23%;
  }
}
/*-------------------
     Column Count
--------------------*/
/* Assume full width with one column */
.ui.grid > .column:only-child,
.ui.grid > .row > .column:only-child {
  width: 100%;
}
/* Grid Based */
.ui[class*="one column"].grid > .row > .column,
.ui[class*="one column"].grid > .column:not(.row) {
  width: 100%;
}
.ui[class*="two column"].grid > .row > .column,
.ui[class*="two column"].grid > .column:not(.row) {
  width: 50%;
}
.ui[class*="three column"].grid > .row > .column,
.ui[class*="three column"].grid > .column:not(.row) {
  width: 33.33333333%;
}
.ui[class*="four column"].grid > .row > .column,
.ui[class*="four column"].grid > .column:not(.row) {
  width: 25%;
}
.ui[class*="five column"].grid > .row > .column,
.ui[class*="five column"].grid > .column:not(.row) {
  width: 20%;
}
.ui[class*="six column"].grid > .row > .column,
.ui[class*="six column"].grid > .column:not(.row) {
  width: 16.66666667%;
}
.ui[class*="seven column"].grid > .row > .column,
.ui[class*="seven column"].grid > .column:not(.row) {
  width: 14.28571429%;
}
.ui[class*="eight column"].grid > .row > .column,
.ui[class*="eight column"].grid > .column:not(.row) {
  width: 12.5%;
}
.ui[class*="nine column"].grid > .row > .column,
.ui[class*="nine column"].grid > .column:not(.row) {
  width: 11.11111111%;
}
.ui[class*="ten column"].grid > .row > .column,
.ui[class*="ten column"].grid > .column:not(.row) {
  width: 10%;
}
.ui[class*="eleven column"].grid > .row > .column,
.ui[class*="eleven column"].grid > .column:not(.row) {
  width: 9.09090909%;
}
.ui[class*="twelve column"].grid > .row > .column,
.ui[class*="twelve column"].grid > .column:not(.row) {
  width: 8.33333333%;
}
.ui[class*="thirteen column"].grid > .row > .column,
.ui[class*="thirteen column"].grid > .column:not(.row) {
  width: 7.69230769%;
}
.ui[class*="fourteen column"].grid > .row > .column,
.ui[class*="fourteen column"].grid > .column:not(.row) {
  width: 7.14285714%;
}
.ui[class*="fifteen column"].grid > .row > .column,
.ui[class*="fifteen column"].grid > .column:not(.row) {
  width: 6.66666667%;
}
.ui[class*="sixteen column"].grid > .row > .column,
.ui[class*="sixteen column"].grid > .column:not(.row) {
  width: 6.25%;
}
/* Row Based Overrides */
.ui.grid > [class*="one column"].row > .column {
  width: 100% !important;
}
.ui.grid > [class*="two column"].row > .column {
  width: 50% !important;
}
.ui.grid > [class*="three column"].row > .column {
  width: 33.33333333% !important;
}
.ui.grid > [class*="four column"].row > .column {
  width: 25% !important;
}
.ui.grid > [class*="five column"].row > .column {
  width: 20% !important;
}
.ui.grid > [class*="six column"].row > .column {
  width: 16.66666667% !important;
}
.ui.grid > [class*="seven column"].row > .column {
  width: 14.28571429% !important;
}
.ui.grid > [class*="eight column"].row > .column {
  width: 12.5% !important;
}
.ui.grid > [class*="nine column"].row > .column {
  width: 11.11111111% !important;
}
.ui.grid > [class*="ten column"].row > .column {
  width: 10% !important;
}
.ui.grid > [class*="eleven column"].row > .column {
  width: 9.09090909% !important;
}
.ui.grid > [class*="twelve column"].row > .column {
  width: 8.33333333% !important;
}
.ui.grid > [class*="thirteen column"].row > .column {
  width: 7.69230769% !important;
}
.ui.grid > [class*="fourteen column"].row > .column {
  width: 7.14285714% !important;
}
.ui.grid > [class*="fifteen column"].row > .column {
  width: 6.66666667% !important;
}
.ui.grid > [class*="sixteen column"].row > .column {
  width: 6.25% !important;
}
/* Celled Page */
.ui.celled.page.grid {
  box-shadow: none;
}
/*-------------------
    Column Width
--------------------*/
/* Sizing Combinations */
.ui.grid > .row > [class*="one wide"].column,
.ui.grid > .column.row > [class*="one wide"].column,
.ui.grid > [class*="one wide"].column,
.ui.column.grid > [class*="one wide"].column {
  width: 6.25% !important;
}
.ui.grid > .row > [class*="two wide"].column,
.ui.grid > .column.row > [class*="two wide"].column,
.ui.grid > [class*="two wide"].column,
.ui.column.grid > [class*="two wide"].column {
  width: 12.5% !important;
}
.ui.grid > .row > [class*="three wide"].column,
.ui.grid > .column.row > [class*="three wide"].column,
.ui.grid > [class*="three wide"].column,
.ui.column.grid > [class*="three wide"].column {
  width: 18.75% !important;
}
.ui.grid > .row > [class*="four wide"].column,
.ui.grid > .column.row > [class*="four wide"].column,
.ui.grid > [class*="four wide"].column,
.ui.column.grid > [class*="four wide"].column {
  width: 25% !important;
}
.ui.grid > .row > [class*="five wide"].column,
.ui.grid > .column.row > [class*="five wide"].column,
.ui.grid > [class*="five wide"].column,
.ui.column.grid > [class*="five wide"].column {
  width: 31.25% !important;
}
.ui.grid > .row > [class*="six wide"].column,
.ui.grid > .column.row > [class*="six wide"].column,
.ui.grid > [class*="six wide"].column,
.ui.column.grid > [class*="six wide"].column {
  width: 37.5% !important;
}
.ui.grid > .row > [class*="seven wide"].column,
.ui.grid > .column.row > [class*="seven wide"].column,
.ui.grid > [class*="seven wide"].column,
.ui.column.grid > [class*="seven wide"].column {
  width: 43.75% !important;
}
.ui.grid > .row > [class*="eight wide"].column,
.ui.grid > .column.row > [class*="eight wide"].column,
.ui.grid > [class*="eight wide"].column,
.ui.column.grid > [class*="eight wide"].column {
  width: 50% !important;
}
.ui.grid > .row > [class*="nine wide"].column,
.ui.grid > .column.row > [class*="nine wide"].column,
.ui.grid > [class*="nine wide"].column,
.ui.column.grid > [class*="nine wide"].column {
  width: 56.25% !important;
}
.ui.grid > .row > [class*="ten wide"].column,
.ui.grid > .column.row > [class*="ten wide"].column,
.ui.grid > [class*="ten wide"].column,
.ui.column.grid > [class*="ten wide"].column {
  width: 62.5% !important;
}
.ui.grid > .row > [class*="eleven wide"].column,
.ui.grid > .column.row > [class*="eleven wide"].column,
.ui.grid > [class*="eleven wide"].column,
.ui.column.grid > [class*="eleven wide"].column {
  width: 68.75% !important;
}
.ui.grid > .row > [class*="twelve wide"].column,
.ui.grid > .column.row > [class*="twelve wide"].column,
.ui.grid > [class*="twelve wide"].column,
.ui.column.grid > [class*="twelve wide"].column {
  width: 75% !important;
}
.ui.grid > .row > [class*="thirteen wide"].column,
.ui.grid > .column.row > [class*="thirteen wide"].column,
.ui.grid > [class*="thirteen wide"].column,
.ui.column.grid > [class*="thirteen wide"].column {
  width: 81.25% !important;
}
.ui.grid > .row > [class*="fourteen wide"].column,
.ui.grid > .column.row > [class*="fourteen wide"].column,
.ui.grid > [class*="fourteen wide"].column,
.ui.column.grid > [class*="fourteen wide"].column {
  width: 87.5% !important;
}
.ui.grid > .row > [class*="fifteen wide"].column,
.ui.grid > .column.row > [class*="fifteen wide"].column,
.ui.grid > [class*="fifteen wide"].column,
.ui.column.grid > [class*="fifteen wide"].column {
  width: 93.75% !important;
}
.ui.grid > .row > [class*="sixteen wide"].column,
.ui.grid > .column.row > [class*="sixteen wide"].column,
.ui.grid > [class*="sixteen wide"].column,
.ui.column.grid > [class*="sixteen wide"].column {
  width: 100% !important;
}
/*----------------------
    Width per Device
-----------------------*/
/* Mobile Sizing Combinations */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .ui.grid > .row > [class*="one wide mobile"].column,
  .ui.grid > .column.row > [class*="one wide mobile"].column,
  .ui.grid > [class*="one wide mobile"].column,
  .ui.column.grid > [class*="one wide mobile"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide mobile"].column,
  .ui.grid > .column.row > [class*="two wide mobile"].column,
  .ui.grid > [class*="two wide mobile"].column,
  .ui.column.grid > [class*="two wide mobile"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide mobile"].column,
  .ui.grid > .column.row > [class*="three wide mobile"].column,
  .ui.grid > [class*="three wide mobile"].column,
  .ui.column.grid > [class*="three wide mobile"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide mobile"].column,
  .ui.grid > .column.row > [class*="four wide mobile"].column,
  .ui.grid > [class*="four wide mobile"].column,
  .ui.column.grid > [class*="four wide mobile"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide mobile"].column,
  .ui.grid > .column.row > [class*="five wide mobile"].column,
  .ui.grid > [class*="five wide mobile"].column,
  .ui.column.grid > [class*="five wide mobile"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide mobile"].column,
  .ui.grid > .column.row > [class*="six wide mobile"].column,
  .ui.grid > [class*="six wide mobile"].column,
  .ui.column.grid > [class*="six wide mobile"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide mobile"].column,
  .ui.grid > .column.row > [class*="seven wide mobile"].column,
  .ui.grid > [class*="seven wide mobile"].column,
  .ui.column.grid > [class*="seven wide mobile"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide mobile"].column,
  .ui.grid > .column.row > [class*="eight wide mobile"].column,
  .ui.grid > [class*="eight wide mobile"].column,
  .ui.column.grid > [class*="eight wide mobile"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide mobile"].column,
  .ui.grid > .column.row > [class*="nine wide mobile"].column,
  .ui.grid > [class*="nine wide mobile"].column,
  .ui.column.grid > [class*="nine wide mobile"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide mobile"].column,
  .ui.grid > .column.row > [class*="ten wide mobile"].column,
  .ui.grid > [class*="ten wide mobile"].column,
  .ui.column.grid > [class*="ten wide mobile"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide mobile"].column,
  .ui.grid > .column.row > [class*="eleven wide mobile"].column,
  .ui.grid > [class*="eleven wide mobile"].column,
  .ui.column.grid > [class*="eleven wide mobile"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide mobile"].column,
  .ui.grid > .column.row > [class*="twelve wide mobile"].column,
  .ui.grid > [class*="twelve wide mobile"].column,
  .ui.column.grid > [class*="twelve wide mobile"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide mobile"].column,
  .ui.grid > .column.row > [class*="thirteen wide mobile"].column,
  .ui.grid > [class*="thirteen wide mobile"].column,
  .ui.column.grid > [class*="thirteen wide mobile"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fourteen wide mobile"].column,
  .ui.grid > [class*="fourteen wide mobile"].column,
  .ui.column.grid > [class*="fourteen wide mobile"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide mobile"].column,
  .ui.grid > .column.row > [class*="fifteen wide mobile"].column,
  .ui.grid > [class*="fifteen wide mobile"].column,
  .ui.column.grid > [class*="fifteen wide mobile"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide mobile"].column,
  .ui.grid > .column.row > [class*="sixteen wide mobile"].column,
  .ui.grid > [class*="sixteen wide mobile"].column,
  .ui.column.grid > [class*="sixteen wide mobile"].column {
    width: 100% !important;
  }
}
/* Tablet Sizing Combinations */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.grid > .row > [class*="one wide tablet"].column,
  .ui.grid > .column.row > [class*="one wide tablet"].column,
  .ui.grid > [class*="one wide tablet"].column,
  .ui.column.grid > [class*="one wide tablet"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide tablet"].column,
  .ui.grid > .column.row > [class*="two wide tablet"].column,
  .ui.grid > [class*="two wide tablet"].column,
  .ui.column.grid > [class*="two wide tablet"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide tablet"].column,
  .ui.grid > .column.row > [class*="three wide tablet"].column,
  .ui.grid > [class*="three wide tablet"].column,
  .ui.column.grid > [class*="three wide tablet"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide tablet"].column,
  .ui.grid > .column.row > [class*="four wide tablet"].column,
  .ui.grid > [class*="four wide tablet"].column,
  .ui.column.grid > [class*="four wide tablet"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide tablet"].column,
  .ui.grid > .column.row > [class*="five wide tablet"].column,
  .ui.grid > [class*="five wide tablet"].column,
  .ui.column.grid > [class*="five wide tablet"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide tablet"].column,
  .ui.grid > .column.row > [class*="six wide tablet"].column,
  .ui.grid > [class*="six wide tablet"].column,
  .ui.column.grid > [class*="six wide tablet"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide tablet"].column,
  .ui.grid > .column.row > [class*="seven wide tablet"].column,
  .ui.grid > [class*="seven wide tablet"].column,
  .ui.column.grid > [class*="seven wide tablet"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide tablet"].column,
  .ui.grid > .column.row > [class*="eight wide tablet"].column,
  .ui.grid > [class*="eight wide tablet"].column,
  .ui.column.grid > [class*="eight wide tablet"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide tablet"].column,
  .ui.grid > .column.row > [class*="nine wide tablet"].column,
  .ui.grid > [class*="nine wide tablet"].column,
  .ui.column.grid > [class*="nine wide tablet"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide tablet"].column,
  .ui.grid > .column.row > [class*="ten wide tablet"].column,
  .ui.grid > [class*="ten wide tablet"].column,
  .ui.column.grid > [class*="ten wide tablet"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide tablet"].column,
  .ui.grid > .column.row > [class*="eleven wide tablet"].column,
  .ui.grid > [class*="eleven wide tablet"].column,
  .ui.column.grid > [class*="eleven wide tablet"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide tablet"].column,
  .ui.grid > .column.row > [class*="twelve wide tablet"].column,
  .ui.grid > [class*="twelve wide tablet"].column,
  .ui.column.grid > [class*="twelve wide tablet"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide tablet"].column,
  .ui.grid > .column.row > [class*="thirteen wide tablet"].column,
  .ui.grid > [class*="thirteen wide tablet"].column,
  .ui.column.grid > [class*="thirteen wide tablet"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fourteen wide tablet"].column,
  .ui.grid > [class*="fourteen wide tablet"].column,
  .ui.column.grid > [class*="fourteen wide tablet"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide tablet"].column,
  .ui.grid > .column.row > [class*="fifteen wide tablet"].column,
  .ui.grid > [class*="fifteen wide tablet"].column,
  .ui.column.grid > [class*="fifteen wide tablet"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide tablet"].column,
  .ui.grid > .column.row > [class*="sixteen wide tablet"].column,
  .ui.grid > [class*="sixteen wide tablet"].column,
  .ui.column.grid > [class*="sixteen wide tablet"].column {
    width: 100% !important;
  }
}
/* Computer/Desktop Sizing Combinations */
@media only screen and (min-width: 992px) {
  .ui.grid > .row > [class*="one wide computer"].column,
  .ui.grid > .column.row > [class*="one wide computer"].column,
  .ui.grid > [class*="one wide computer"].column,
  .ui.column.grid > [class*="one wide computer"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide computer"].column,
  .ui.grid > .column.row > [class*="two wide computer"].column,
  .ui.grid > [class*="two wide computer"].column,
  .ui.column.grid > [class*="two wide computer"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide computer"].column,
  .ui.grid > .column.row > [class*="three wide computer"].column,
  .ui.grid > [class*="three wide computer"].column,
  .ui.column.grid > [class*="three wide computer"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide computer"].column,
  .ui.grid > .column.row > [class*="four wide computer"].column,
  .ui.grid > [class*="four wide computer"].column,
  .ui.column.grid > [class*="four wide computer"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide computer"].column,
  .ui.grid > .column.row > [class*="five wide computer"].column,
  .ui.grid > [class*="five wide computer"].column,
  .ui.column.grid > [class*="five wide computer"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide computer"].column,
  .ui.grid > .column.row > [class*="six wide computer"].column,
  .ui.grid > [class*="six wide computer"].column,
  .ui.column.grid > [class*="six wide computer"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide computer"].column,
  .ui.grid > .column.row > [class*="seven wide computer"].column,
  .ui.grid > [class*="seven wide computer"].column,
  .ui.column.grid > [class*="seven wide computer"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide computer"].column,
  .ui.grid > .column.row > [class*="eight wide computer"].column,
  .ui.grid > [class*="eight wide computer"].column,
  .ui.column.grid > [class*="eight wide computer"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide computer"].column,
  .ui.grid > .column.row > [class*="nine wide computer"].column,
  .ui.grid > [class*="nine wide computer"].column,
  .ui.column.grid > [class*="nine wide computer"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide computer"].column,
  .ui.grid > .column.row > [class*="ten wide computer"].column,
  .ui.grid > [class*="ten wide computer"].column,
  .ui.column.grid > [class*="ten wide computer"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide computer"].column,
  .ui.grid > .column.row > [class*="eleven wide computer"].column,
  .ui.grid > [class*="eleven wide computer"].column,
  .ui.column.grid > [class*="eleven wide computer"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide computer"].column,
  .ui.grid > .column.row > [class*="twelve wide computer"].column,
  .ui.grid > [class*="twelve wide computer"].column,
  .ui.column.grid > [class*="twelve wide computer"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide computer"].column,
  .ui.grid > .column.row > [class*="thirteen wide computer"].column,
  .ui.grid > [class*="thirteen wide computer"].column,
  .ui.column.grid > [class*="thirteen wide computer"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide computer"].column,
  .ui.grid > .column.row > [class*="fourteen wide computer"].column,
  .ui.grid > [class*="fourteen wide computer"].column,
  .ui.column.grid > [class*="fourteen wide computer"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide computer"].column,
  .ui.grid > .column.row > [class*="fifteen wide computer"].column,
  .ui.grid > [class*="fifteen wide computer"].column,
  .ui.column.grid > [class*="fifteen wide computer"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide computer"].column,
  .ui.grid > .column.row > [class*="sixteen wide computer"].column,
  .ui.grid > [class*="sixteen wide computer"].column,
  .ui.column.grid > [class*="sixteen wide computer"].column {
    width: 100% !important;
  }
}
/* Large Monitor Sizing Combinations */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui.grid > .row > [class*="one wide large screen"].column,
  .ui.grid > .column.row > [class*="one wide large screen"].column,
  .ui.grid > [class*="one wide large screen"].column,
  .ui.column.grid > [class*="one wide large screen"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide large screen"].column,
  .ui.grid > .column.row > [class*="two wide large screen"].column,
  .ui.grid > [class*="two wide large screen"].column,
  .ui.column.grid > [class*="two wide large screen"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide large screen"].column,
  .ui.grid > .column.row > [class*="three wide large screen"].column,
  .ui.grid > [class*="three wide large screen"].column,
  .ui.column.grid > [class*="three wide large screen"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide large screen"].column,
  .ui.grid > .column.row > [class*="four wide large screen"].column,
  .ui.grid > [class*="four wide large screen"].column,
  .ui.column.grid > [class*="four wide large screen"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide large screen"].column,
  .ui.grid > .column.row > [class*="five wide large screen"].column,
  .ui.grid > [class*="five wide large screen"].column,
  .ui.column.grid > [class*="five wide large screen"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide large screen"].column,
  .ui.grid > .column.row > [class*="six wide large screen"].column,
  .ui.grid > [class*="six wide large screen"].column,
  .ui.column.grid > [class*="six wide large screen"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide large screen"].column,
  .ui.grid > .column.row > [class*="seven wide large screen"].column,
  .ui.grid > [class*="seven wide large screen"].column,
  .ui.column.grid > [class*="seven wide large screen"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide large screen"].column,
  .ui.grid > .column.row > [class*="eight wide large screen"].column,
  .ui.grid > [class*="eight wide large screen"].column,
  .ui.column.grid > [class*="eight wide large screen"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide large screen"].column,
  .ui.grid > .column.row > [class*="nine wide large screen"].column,
  .ui.grid > [class*="nine wide large screen"].column,
  .ui.column.grid > [class*="nine wide large screen"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide large screen"].column,
  .ui.grid > .column.row > [class*="ten wide large screen"].column,
  .ui.grid > [class*="ten wide large screen"].column,
  .ui.column.grid > [class*="ten wide large screen"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide large screen"].column,
  .ui.grid > .column.row > [class*="eleven wide large screen"].column,
  .ui.grid > [class*="eleven wide large screen"].column,
  .ui.column.grid > [class*="eleven wide large screen"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide large screen"].column,
  .ui.grid > .column.row > [class*="twelve wide large screen"].column,
  .ui.grid > [class*="twelve wide large screen"].column,
  .ui.column.grid > [class*="twelve wide large screen"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide large screen"].column,
  .ui.grid > .column.row > [class*="thirteen wide large screen"].column,
  .ui.grid > [class*="thirteen wide large screen"].column,
  .ui.column.grid > [class*="thirteen wide large screen"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fourteen wide large screen"].column,
  .ui.grid > [class*="fourteen wide large screen"].column,
  .ui.column.grid > [class*="fourteen wide large screen"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide large screen"].column,
  .ui.grid > .column.row > [class*="fifteen wide large screen"].column,
  .ui.grid > [class*="fifteen wide large screen"].column,
  .ui.column.grid > [class*="fifteen wide large screen"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide large screen"].column,
  .ui.grid > .column.row > [class*="sixteen wide large screen"].column,
  .ui.grid > [class*="sixteen wide large screen"].column,
  .ui.column.grid > [class*="sixteen wide large screen"].column {
    width: 100% !important;
  }
}
/* Widescreen Sizing Combinations */
@media only screen and (min-width: 1920px) {
  .ui.grid > .row > [class*="one wide widescreen"].column,
  .ui.grid > .column.row > [class*="one wide widescreen"].column,
  .ui.grid > [class*="one wide widescreen"].column,
  .ui.column.grid > [class*="one wide widescreen"].column {
    width: 6.25% !important;
  }
  .ui.grid > .row > [class*="two wide widescreen"].column,
  .ui.grid > .column.row > [class*="two wide widescreen"].column,
  .ui.grid > [class*="two wide widescreen"].column,
  .ui.column.grid > [class*="two wide widescreen"].column {
    width: 12.5% !important;
  }
  .ui.grid > .row > [class*="three wide widescreen"].column,
  .ui.grid > .column.row > [class*="three wide widescreen"].column,
  .ui.grid > [class*="three wide widescreen"].column,
  .ui.column.grid > [class*="three wide widescreen"].column {
    width: 18.75% !important;
  }
  .ui.grid > .row > [class*="four wide widescreen"].column,
  .ui.grid > .column.row > [class*="four wide widescreen"].column,
  .ui.grid > [class*="four wide widescreen"].column,
  .ui.column.grid > [class*="four wide widescreen"].column {
    width: 25% !important;
  }
  .ui.grid > .row > [class*="five wide widescreen"].column,
  .ui.grid > .column.row > [class*="five wide widescreen"].column,
  .ui.grid > [class*="five wide widescreen"].column,
  .ui.column.grid > [class*="five wide widescreen"].column {
    width: 31.25% !important;
  }
  .ui.grid > .row > [class*="six wide widescreen"].column,
  .ui.grid > .column.row > [class*="six wide widescreen"].column,
  .ui.grid > [class*="six wide widescreen"].column,
  .ui.column.grid > [class*="six wide widescreen"].column {
    width: 37.5% !important;
  }
  .ui.grid > .row > [class*="seven wide widescreen"].column,
  .ui.grid > .column.row > [class*="seven wide widescreen"].column,
  .ui.grid > [class*="seven wide widescreen"].column,
  .ui.column.grid > [class*="seven wide widescreen"].column {
    width: 43.75% !important;
  }
  .ui.grid > .row > [class*="eight wide widescreen"].column,
  .ui.grid > .column.row > [class*="eight wide widescreen"].column,
  .ui.grid > [class*="eight wide widescreen"].column,
  .ui.column.grid > [class*="eight wide widescreen"].column {
    width: 50% !important;
  }
  .ui.grid > .row > [class*="nine wide widescreen"].column,
  .ui.grid > .column.row > [class*="nine wide widescreen"].column,
  .ui.grid > [class*="nine wide widescreen"].column,
  .ui.column.grid > [class*="nine wide widescreen"].column {
    width: 56.25% !important;
  }
  .ui.grid > .row > [class*="ten wide widescreen"].column,
  .ui.grid > .column.row > [class*="ten wide widescreen"].column,
  .ui.grid > [class*="ten wide widescreen"].column,
  .ui.column.grid > [class*="ten wide widescreen"].column {
    width: 62.5% !important;
  }
  .ui.grid > .row > [class*="eleven wide widescreen"].column,
  .ui.grid > .column.row > [class*="eleven wide widescreen"].column,
  .ui.grid > [class*="eleven wide widescreen"].column,
  .ui.column.grid > [class*="eleven wide widescreen"].column {
    width: 68.75% !important;
  }
  .ui.grid > .row > [class*="twelve wide widescreen"].column,
  .ui.grid > .column.row > [class*="twelve wide widescreen"].column,
  .ui.grid > [class*="twelve wide widescreen"].column,
  .ui.column.grid > [class*="twelve wide widescreen"].column {
    width: 75% !important;
  }
  .ui.grid > .row > [class*="thirteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="thirteen wide widescreen"].column,
  .ui.grid > [class*="thirteen wide widescreen"].column,
  .ui.column.grid > [class*="thirteen wide widescreen"].column {
    width: 81.25% !important;
  }
  .ui.grid > .row > [class*="fourteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fourteen wide widescreen"].column,
  .ui.grid > [class*="fourteen wide widescreen"].column,
  .ui.column.grid > [class*="fourteen wide widescreen"].column {
    width: 87.5% !important;
  }
  .ui.grid > .row > [class*="fifteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="fifteen wide widescreen"].column,
  .ui.grid > [class*="fifteen wide widescreen"].column,
  .ui.column.grid > [class*="fifteen wide widescreen"].column {
    width: 93.75% !important;
  }
  .ui.grid > .row > [class*="sixteen wide widescreen"].column,
  .ui.grid > .column.row > [class*="sixteen wide widescreen"].column,
  .ui.grid > [class*="sixteen wide widescreen"].column,
  .ui.column.grid > [class*="sixteen wide widescreen"].column {
    width: 100% !important;
  }
}
/*----------------------
        Centered
-----------------------*/
.ui.centered.grid,
.ui.centered.grid > .row,
.ui.grid > .centered.row {
  text-align: center;
  justify-content: center;
}
.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row),
.ui.centered.grid > .row > .column:not(.aligned):not(.justified),
.ui.grid .centered.row > .column:not(.aligned):not(.justified) {
  text-align: left;
}
.ui.grid > .centered.column,
.ui.grid > .row > .centered.column {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*----------------------
        Relaxed
-----------------------*/
.ui.relaxed.grid > .column:not(.row),
.ui.relaxed.grid > .row > .column,
.ui.grid > .relaxed.row > .column {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.ui[class*="very relaxed"].grid > .column:not(.row),
.ui[class*="very relaxed"].grid > .row > .column,
.ui.grid > [class*="very relaxed"].row > .column {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
/* Coupling with UI Divider */
.ui.relaxed.grid .row + .ui.divider,
.ui.grid .relaxed.row + .ui.divider {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.ui[class*="very relaxed"].grid .row + .ui.divider,
.ui.grid [class*="very relaxed"].row + .ui.divider {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
/*----------------------
        Padded
-----------------------*/
.ui.padded.grid:not(.vertically):not(.horizontally) {
  margin: 0em !important;
}
[class*="horizontally padded"].ui.grid {
  margin-left: 0em !important;
  margin-right: 0em !important;
}
[class*="vertically padded"].ui.grid {
  margin-top: 0em !important;
  margin-bottom: 0em !important;
}
/*----------------------
       "Floated"
-----------------------*/
.ui.grid [class*="left floated"].column {
  margin-right: auto;
}
.ui.grid [class*="right floated"].column {
  margin-left: auto;
}
/*----------------------
        Divided
-----------------------*/
.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}
/* Swap from padding to margin on columns to have dividers align */
.ui[class*="vertically divided"].grid > .column:not(.row),
.ui[class*="vertically divided"].grid > .row > .column {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.ui[class*="vertically divided"].grid > .row {
  margin-top: 0em;
  margin-bottom: 0em;
}
/* No divider on first column on row */
.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child,
.ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}
/* No space on top of first row */
.ui[class*="vertically divided"].grid > .row:first-child > .column {
  margin-top: 0em;
}
/* Divided Row */
.ui.grid > .divided.row > .column {
  box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
}
.ui.grid > .divided.row > .column:first-child {
  box-shadow: none;
}
/* Vertically Divided */
.ui[class*="vertically divided"].grid > .row {
  position: relative;
}
.ui[class*="vertically divided"].grid > .row:before {
  position: absolute;
  content: "";
  top: 0em;
  left: 0px;
  width: calc(100% - 1.5rem);
  height: 1px;
  margin: 0% 0.75rem;
  box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/* Padded Horizontally Divided */
[class*="horizontally padded"].ui.divided.grid,
.ui.padded.divided.grid:not(.vertically):not(.horizontally) {
  width: 100%;
}
/* First Row Vertically Divided */
.ui[class*="vertically divided"].grid > .row:first-child:before {
  box-shadow: none;
}
/* Inverted Divided */
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row),
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
  box-shadow: -1px 0px 0px 0px rgba(255, 255, 255, 0.1);
}
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child,
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
  box-shadow: none;
}
.ui.inverted[class*="vertically divided"].grid > .row:before {
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.1);
}
/* Relaxed */
.ui.relaxed[class*="vertically divided"].grid > .row:before {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  width: calc(100% - 3rem);
}
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  width: calc(100% - 5rem);
}
/*----------------------
         Celled
-----------------------*/
.ui.celled.grid {
  width: 100%;
  margin: 1em 0em;
  box-shadow: 0px 0px 0px 1px #D4D4D5;
}
.ui.celled.grid > .row {
  width: 100% !important;
  margin: 0em;
  padding: 0em;
  box-shadow: 0px -1px 0px 0px #D4D4D5;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  box-shadow: -1px 0px 0px 0px #D4D4D5;
}
.ui.celled.grid > .column:first-child,
.ui.celled.grid > .row > .column:first-child {
  box-shadow: none;
}
.ui.celled.grid > .column:not(.row),
.ui.celled.grid > .row > .column {
  padding: 1em;
}
.ui.relaxed.celled.grid > .column:not(.row),
.ui.relaxed.celled.grid > .row > .column {
  padding: 1.5em;
}
.ui[class*="very relaxed"].celled.grid > .column:not(.row),
.ui[class*="very relaxed"].celled.grid > .row > .column {
  padding: 2em;
}
/* Internally Celled */
.ui[class*="internally celled"].grid {
  box-shadow: none;
  margin: 0em;
}
.ui[class*="internally celled"].grid > .row:first-child {
  box-shadow: none;
}
.ui[class*="internally celled"].grid > .row > .column:first-child {
  box-shadow: none;
}
/*----------------------
   Vertically Aligned
-----------------------*/
/* Top Aligned */
.ui[class*="top aligned"].grid > .column:not(.row),
.ui[class*="top aligned"].grid > .row > .column,
.ui.grid > [class*="top aligned"].row > .column,
.ui.grid > [class*="top aligned"].column:not(.row),
.ui.grid > .row > [class*="top aligned"].column {
  flex-direction: column;
  vertical-align: top;
  align-self: flex-start !important;
}
/* Middle Aligned */
.ui[class*="middle aligned"].grid > .column:not(.row),
.ui[class*="middle aligned"].grid > .row > .column,
.ui.grid > [class*="middle aligned"].row > .column,
.ui.grid > [class*="middle aligned"].column:not(.row),
.ui.grid > .row > [class*="middle aligned"].column {
  flex-direction: column;
  vertical-align: middle;
  align-self: center !important;
}
/* Bottom Aligned */
.ui[class*="bottom aligned"].grid > .column:not(.row),
.ui[class*="bottom aligned"].grid > .row > .column,
.ui.grid > [class*="bottom aligned"].row > .column,
.ui.grid > [class*="bottom aligned"].column:not(.row),
.ui.grid > .row > [class*="bottom aligned"].column {
  flex-direction: column;
  vertical-align: bottom;
  align-self: flex-end !important;
}
/* Stretched */
.ui.stretched.grid > .row > .column,
.ui.stretched.grid > .column,
.ui.grid > .stretched.row > .column,
.ui.grid > .stretched.column:not(.row),
.ui.grid > .row > .stretched.column {
  display: inline-flex !important;
  align-self: stretch;
  flex-direction: column;
}
.ui.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
.ui.grid > .stretched.row > .column > *,
.ui.grid > .stretched.column:not(.row) > *,
.ui.grid > .row > .stretched.column > * {
  flex-grow: 1;
}
/*----------------------
  Horizontally Centered
-----------------------*/
/* Left Aligned */
.ui[class*="left aligned"].grid > .column,
.ui[class*="left aligned"].grid > .row > .column,
.ui.grid > [class*="left aligned"].row > .column,
.ui.grid > [class*="left aligned"].column.column,
.ui.grid > .row > [class*="left aligned"].column.column {
  text-align: left;
  align-self: inherit;
}
/* Center Aligned */
.ui[class*="center aligned"].grid > .column,
.ui[class*="center aligned"].grid > .row > .column,
.ui.grid > [class*="center aligned"].row > .column,
.ui.grid > [class*="center aligned"].column.column,
.ui.grid > .row > [class*="center aligned"].column.column {
  text-align: center;
  align-self: inherit;
}
.ui[class*="center aligned"].grid {
  justify-content: center;
}
/* Right Aligned */
.ui[class*="right aligned"].grid > .column,
.ui[class*="right aligned"].grid > .row > .column,
.ui.grid > [class*="right aligned"].row > .column,
.ui.grid > [class*="right aligned"].column.column,
.ui.grid > .row > [class*="right aligned"].column.column {
  text-align: right;
  align-self: inherit;
}
/* Justified */
.ui.justified.grid > .column,
.ui.justified.grid > .row > .column,
.ui.grid > .justified.row > .column,
.ui.grid > .justified.column.column,
.ui.grid > .row > .justified.column.column {
  text-align: justify;
  hyphens: auto;
}
/*----------------------
         Colored
-----------------------*/
.ui.grid > .row > .red.column,
.ui.grid > .row > .orange.column,
.ui.grid > .row > .yellow.column,
.ui.grid > .row > .olive.column,
.ui.grid > .row > .green.column,
.ui.grid > .row > .teal.column,
.ui.grid > .row > .blue.column,
.ui.grid > .row > .violet.column,
.ui.grid > .row > .purple.column,
.ui.grid > .row > .pink.column,
.ui.grid > .row > .brown.column,
.ui.grid > .row > .grey.column,
.ui.grid > .row > .black.column {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
/* Red */
.ui.grid > .red.row,
.ui.grid > .red.column,
.ui.grid > .row > .red.column {
  background-color: var(--inputs_border_error) !important;
  color: #FFFFFF;
}
/* Orange */
.ui.grid > .orange.row,
.ui.grid > .orange.column,
.ui.grid > .row > .orange.column {
  background-color: var(--common_alert) !important;
  color: #FFFFFF;
}
/* Yellow */
.ui.grid > .yellow.row,
.ui.grid > .yellow.column,
.ui.grid > .row > .yellow.column {
  background-color: #fcc73b !important;
  color: #FFFFFF;
}
/* Olive */
.ui.grid > .olive.row,
.ui.grid > .olive.column,
.ui.grid > .row > .olive.column {
  background-color: #B5CC18 !important;
  color: #FFFFFF;
}
/* Green */
.ui.grid > .green.row,
.ui.grid > .green.column,
.ui.grid > .row > .green.column {
  background-color: #73D822 !important;
  color: #FFFFFF;
}
/* Teal */
.ui.grid > .teal.row,
.ui.grid > .teal.column,
.ui.grid > .row > .teal.column {
  background-color: var(--common_accent) !important;
  color: #FFFFFF;
}
/* Blue */
.ui.grid > .blue.row,
.ui.grid > .blue.column,
.ui.grid > .row > .blue.column {
  background-color: #199ed8 !important;
  color: #FFFFFF;
}
/* Violet */
.ui.grid > .violet.row,
.ui.grid > .violet.column,
.ui.grid > .row > .violet.column {
  background-color: #6b80ef !important;
  color: #FFFFFF;
}
/* Purple */
.ui.grid > .purple.row,
.ui.grid > .purple.column,
.ui.grid > .row > .purple.column {
  background-color: #A333C8 !important;
  color: #FFFFFF;
}
/* Pink */
.ui.grid > .pink.row,
.ui.grid > .pink.column,
.ui.grid > .row > .pink.column {
  background-color: #E03997 !important;
  color: #FFFFFF;
}
/* Brown */
.ui.grid > .brown.row,
.ui.grid > .brown.column,
.ui.grid > .row > .brown.column {
  background-color: #A5673F !important;
  color: #FFFFFF;
}
/* Grey */
.ui.grid > .grey.row,
.ui.grid > .grey.column,
.ui.grid > .row > .grey.column {
  background-color: #DCDDDE !important;
  color: #FFFFFF;
}
/* Black */
.ui.grid > .black.row,
.ui.grid > .black.column,
.ui.grid > .row > .black.column {
  background-color: #1B1C1D !important;
  color: #FFFFFF;
}
/*----------------------
      Equal Width
-----------------------*/
.ui[class*="equal width"].grid > .column:not(.row),
.ui[class*="equal width"].grid > .row > .column,
.ui.grid > [class*="equal width"].row > .column {
  display: inline-block;
  flex-grow: 1;
}
.ui[class*="equal width"].grid > .wide.column,
.ui[class*="equal width"].grid > .row > .wide.column,
.ui.grid > [class*="equal width"].row > .wide.column {
  flex-grow: 0;
}
/*----------------------
        Reverse
-----------------------*/
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui[class*="mobile reversed"].grid,
  .ui[class*="mobile reversed"].grid > .row,
  .ui.grid > [class*="mobile reversed"].row {
    flex-direction: row-reverse;
  }
  .ui[class*="mobile vertically reversed"].grid,
  .ui.stackable[class*="mobile reversed"] {
    flex-direction: column-reverse;
  }
  /* Divided Reversed */
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }
  /* Celled Reversed */
  .ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }
  .ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="tablet reversed"].grid,
  .ui[class*="tablet reversed"].grid > .row,
  .ui.grid > [class*="tablet reversed"].row {
    flex-direction: row-reverse;
  }
  .ui[class*="tablet vertically reversed"].grid {
    flex-direction: column-reverse;
  }
  /* Divided Reversed */
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }
  /* Celled Reversed */
  .ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }
  .ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}
/* Computer */
@media only screen and (min-width: 992px) {
  .ui[class*="computer reversed"].grid,
  .ui[class*="computer reversed"].grid > .row,
  .ui.grid > [class*="computer reversed"].row {
    flex-direction: row-reverse;
  }
  .ui[class*="computer vertically reversed"].grid {
    flex-direction: column-reverse;
  }
  /* Divided Reversed */
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child,
  .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
    box-shadow: none;
  }
  /* Vertically Divided Reversed */
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
    box-shadow: 0px -1px 0px 0px rgba(34, 36, 38, 0.15);
  }
  .ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
    box-shadow: none;
  }
  /* Celled Reversed */
  .ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
    box-shadow: -1px 0px 0px 0px #D4D4D5;
  }
  .ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
    box-shadow: none;
  }
}
/*-------------------
      Doubling
--------------------*/
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.doubling.grid {
    width: auto;
  }
  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important;
  }
  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    display: inline-block !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    box-shadow: none !important;
    margin: 0em;
  }
  .ui[class*="two column"].doubling.grid > .row > .column,
  .ui[class*="two column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling.row.row > .column {
    width: 100% !important;
  }
  .ui[class*="three column"].doubling.grid > .row > .column,
  .ui[class*="three column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling.row.row > .column {
    width: 50% !important;
  }
  .ui[class*="four column"].doubling.grid > .row > .column,
  .ui[class*="four column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling.row.row > .column {
    width: 50% !important;
  }
  .ui[class*="five column"].doubling.grid > .row > .column,
  .ui[class*="five column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="six column"].doubling.grid > .row > .column,
  .ui[class*="six column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="seven column"].doubling.grid > .row > .column,
  .ui[class*="seven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling.row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="eight column"].doubling.grid > .row > .column,
  .ui[class*="eight column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling.row.row > .column {
    width: 25% !important;
  }
  .ui[class*="nine column"].doubling.grid > .row > .column,
  .ui[class*="nine column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling.row.row > .column {
    width: 25% !important;
  }
  .ui[class*="ten column"].doubling.grid > .row > .column,
  .ui[class*="ten column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling.row.row > .column {
    width: 20% !important;
  }
  .ui[class*="eleven column"].doubling.grid > .row > .column,
  .ui[class*="eleven column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling.row.row > .column {
    width: 20% !important;
  }
  .ui[class*="twelve column"].doubling.grid > .row > .column,
  .ui[class*="twelve column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }
  .ui[class*="thirteen column"].doubling.grid > .row > .column,
  .ui[class*="thirteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling.row.row > .column {
    width: 16.66666667% !important;
  }
  .ui[class*="fourteen column"].doubling.grid > .row > .column,
  .ui[class*="fourteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }
  .ui[class*="fifteen column"].doubling.grid > .row > .column,
  .ui[class*="fifteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling.row.row > .column {
    width: 14.28571429% !important;
  }
  .ui[class*="sixteen column"].doubling.grid > .row > .column,
  .ui[class*="sixteen column"].doubling.grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling.row.row > .column {
    width: 12.5% !important;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.grid > .doubling.row,
  .ui.doubling.grid > .row {
    margin: 0em !important;
    padding: 0em !important;
  }
  .ui.grid > .doubling.row > .column,
  .ui.doubling.grid > .row > .column {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    margin: 0em !important;
    box-shadow: none !important;
  }
  .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column {
    width: 100% !important;
  }
  .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column {
    width: 50% !important;
  }
  .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column {
    width: 33.33333333% !important;
  }
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column,
  .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row),
  .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column {
    width: 25% !important;
  }
}
/*-------------------
      Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.grid {
    width: auto;
    margin-left: 0em !important;
    margin-right: 0em !important;
  }
  .ui.stackable.grid > .row > .wide.column,
  .ui.stackable.grid > .wide.column,
  .ui.stackable.grid > .column.grid > .column,
  .ui.stackable.grid > .column.row > .column,
  .ui.stackable.grid > .row > .column,
  .ui.stackable.grid > .column:not(.row),
  .ui.grid > .stackable.stackable.row > .column {
    width: 100% !important;
    margin: 0em 0em !important;
    box-shadow: none !important;
    padding: 0.75rem 0.75rem !important;
  }
  .ui.stackable.grid:not(.vertically) > .row {
    margin: 0em;
    padding: 0em;
  }
  /* Coupling */
  .ui.container > .ui.stackable.grid > .column,
  .ui.container > .ui.stackable.grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
  /* Don't pad inside segment or nested grid */
  .ui.grid .ui.stackable.grid,
  .ui.segment:not(.vertical) .ui.stackable.page.grid {
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
  }
  /* Divided Stackable */
  .ui.stackable.divided.grid > .row:first-child > .column:first-child,
  .ui.stackable.celled.grid > .row:first-child > .column:first-child,
  .ui.stackable.divided.grid > .column:not(.row):first-child,
  .ui.stackable.celled.grid > .column:not(.row):first-child {
    border-top: none !important;
  }
  .ui.inverted.stackable.celled.grid > .column:not(.row),
  .ui.inverted.stackable.divided.grid > .column:not(.row),
  .ui.inverted.stackable.celled.grid > .row > .column,
  .ui.inverted.stackable.divided.grid > .row > .column {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
  .ui.stackable.celled.grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.celled.grid > .row > .column,
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .ui.stackable.celled.grid > .row {
    box-shadow: none !important;
  }
  .ui.stackable.divided:not(.vertically).grid > .column:not(.row),
  .ui.stackable.divided:not(.vertically).grid > .row > .column {
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
}
/*----------------------
     Only (Device)
-----------------------*/
/* These include arbitrary class repetitions for forced specificity */
/* Mobile Only Hide */
@media only screen and (max-width: 767px) {
  .ui[class*="tablet only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="computer only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Tablet Only Hide */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet) {
    display: none !important;
  }
  .ui[class*="computer only"].grid.grid.grid:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet),
  .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet),
  .ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Computer Only Hide */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="large screen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Large Screen Only Hide */
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="widescreen only"].grid.grid.grid:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile),
  .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile),
  .ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile) {
    display: none !important;
  }
}
/* Widescreen Only Hide */
@media only screen and (min-width: 1920px) {
  .ui[class*="mobile only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer) {
    display: none !important;
  }
  .ui[class*="tablet only"].grid.grid.grid:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer),
  .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer),
  .ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer) {
    display: none !important;
  }
}
/*******************************
         Theme Overrides
*******************************/
/*
 * # Semantic - Menu
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2015 Contributor
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Menu
*******************************/
/*-------------------
      Collection
--------------------*/
/* Menu */
/* Menu Item */
/* Divider */
/* Sub Menu */
/* Text Item */
/*--------------
    Elements
---------------*/
/* Icon */
/* Dropdown Icon */
/* Header */
/* Vertical Icon */
/* Vertical Header */
/* Pointing Arrow */
/*--------------
    Couplings
---------------*/
/* Button */
/* Input */
/* Image */
/* Label */
/* Dropdown in Menu */
/* Dropdown Variations */
/*--------------
     States
---------------*/
/* Hovered Item */
/* Pressed Item */
/* Active Item */
/* Active Hovered Item */
/* Selected Dropdown */
/* Active Dropdown */
/* Active Sub Menu */
/*--------------
     Types
---------------*/
/* Vertical */
/* Secondary */
/* Pointing */
/* Inverted Secondary */
/* Inverted Pointing */
/* Tiered */
/* Icon */
/* Tabular */
/* Pagination */
/* Labeled Icon */
/* Text */
/*--------------
   Variations
---------------*/
/* Inverted */
/* Inverted Sub Menu */
/* Inverted Hover */
/* Pressed */
/* Inverted Active */
/* Inverted Active Hover  */
/* Inverted Menu Divider */
/* Inverted Colored */
/* Fixed */
/* Floated */
/* Attached */
/* Resize large sizes */
/* Sizes */
/*******************************
            Standard
*******************************/
/*--------------
      Menu
---------------*/
.ui.menu {
  display: flex;
  margin: 1rem 0em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #FFFFFF;
  font-weight: normal;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  min-height: 2.85714286em;
}
.ui.menu:after {
  content: '';
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}
.ui.menu:first-child {
  margin-top: 0rem;
}
.ui.menu:last-child {
  margin-bottom: 0rem;
}
/*--------------
    Sub-Menu
---------------*/
.ui.menu .menu {
  margin: 0em;
}
.ui.menu:not(.vertical) > .menu {
  display: flex;
}
/*--------------
      Item
---------------*/
.ui.menu:not(.vertical) .item {
  display: flex;
  align-items: center;
}
.ui.menu .item {
  position: relative;
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 auto;
  user-select: none;
  background: none;
  padding: 0.92857143em 1.14285714em;
  text-transform: none;
  color: var(--basic-on-bg-primary);
  font-weight: normal;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.ui.menu > .item:first-child {
  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
}
/* Border */
.ui.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  right: 0px;
  height: 100%;
  width: 1px;
  background: rgba(34, 36, 38, 0.1);
}
/*--------------
  Text Content
---------------*/
.ui.menu .text.item > *,
.ui.menu .item > a:not(.ui),
.ui.menu .item > p:only-child {
  user-select: text;
  line-height: 1.3;
}
.ui.menu .item > p:first-child {
  margin-top: 0;
}
.ui.menu .item > p:last-child {
  margin-bottom: 0;
}
/*--------------
      Icons
---------------*/
.ui.menu .item > i.icon {
  opacity: 0.9;
  float: none;
  margin: 0em 0.35714286em 0em 0em;
}
/*--------------
     Button
---------------*/
.ui.menu:not(.vertical) .item > .button {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
  padding-bottom: 0.78571429em;
  padding-top: 0.78571429em;
  font-size: 1em;
}
/*----------------
 Grid / Container
-----------------*/
.ui.menu > .grid,
.ui.menu > .container {
  display: flex;
  align-items: inherit;
  flex-direction: inherit;
}
/*--------------
     Inputs
---------------*/
.ui.menu .item > .input {
  width: 100%;
}
.ui.menu:not(.vertical) .item > .input {
  position: relative;
  top: 0em;
  margin: -0.5em 0em;
}
.ui.menu .item > .input input {
  font-size: 1em;
  padding-top: 0.57142857em;
  padding-bottom: 0.57142857em;
}
/*--------------
     Header
---------------*/
.ui.menu .header.item,
.ui.vertical.menu .header.item {
  margin: 0em;
  background: '';
  text-transform: normal;
  font-weight: bold;
}
.ui.vertical.menu .item > .header:not(.ui) {
  margin: 0em 0em 0.5em;
  font-size: 1em;
  font-weight: bold;
}
/*--------------
    Dropdowns
---------------*/
/* Dropdown Icon */
.ui.menu .item > i.dropdown.icon {
  padding: 0em;
  float: right;
  margin: 0em 0em 0em 1em;
}
/* Menu */
.ui.menu .dropdown.item .menu {
  min-width: calc(100% - 1px);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  background: #FFFFFF;
  margin: 0em 0px 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  flex-direction: column !important;
}
/* Menu Items */
.ui.menu .ui.dropdown .menu > .item {
  margin: 0;
  text-align: left;
  font-size: 1em !important;
  padding: 0.78571429em 1.14285714em !important;
  background: transparent !important;
  color: var(--basic-on-bg-primary) !important;
  text-transform: none !important;
  font-weight: normal !important;
  box-shadow: none !important;
  transition: none !important;
}
.ui.menu .ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .selected.item {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown .menu > .active.item {
  background: rgba(0, 0, 0, 0.03) !important;
  font-weight: bold !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
  display: block;
}
.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
  display: inline-block;
  font-size: 1em !important;
  float: none;
  margin: 0em 0.75em 0em 0em !important;
}
/* Secondary */
.ui.secondary.menu .dropdown.item > .menu,
.ui.text.menu .dropdown.item > .menu {
  border-radius: 0.28571429rem;
  margin-top: 0.35714286em;
}
/* Pointing */
.ui.menu .pointing.dropdown.item .menu {
  margin-top: 0.75em;
}
/* Inverted */
.ui.inverted.menu .search.dropdown.item > .search,
.ui.inverted.menu .search.dropdown.item > .text {
  color: rgba(255, 255, 255, 0.9);
}
/* Vertical */
.ui.vertical.menu .dropdown.item > .icon {
  float: right;
  content: "\f0da";
  margin-left: 1em;
}
.ui.vertical.menu .dropdown.item .menu {
  left: 100%;
  min-width: 0;
  margin: 0em 0em 0em 0em;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0.28571429rem 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu .dropdown.item.upward .menu {
  bottom: 0;
}
.ui.vertical.menu .dropdown.item:not(.upward) .menu {
  top: 0;
}
.ui.vertical.menu .active.dropdown.item {
  border-top-right-radius: 0em;
  border-bottom-right-radius: 0em;
}
.ui.vertical.menu .dropdown.active.item {
  box-shadow: none;
}
/* Evenly Divided */
.ui.item.menu .dropdown .menu .item {
  width: 100%;
}
/*--------------
     Labels
---------------*/
.ui.menu .item > .label {
  background: #999999;
  color: #FFFFFF;
  margin-left: 1em;
  padding: 0.3em 0.78571429em;
}
.ui.vertical.menu .item > .label {
  background: #999999;
  color: #FFFFFF;
  margin-top: -0.15em;
  margin-bottom: -0.15em;
  padding: 0.3em 0.78571429em;
}
.ui.menu .item > .floating.label {
  padding: 0.3em 0.78571429em;
}
/*--------------
     Images
---------------*/
.ui.menu .item > img:not(.ui) {
  display: inline-block;
  vertical-align: middle;
  margin: -0.3em 0em;
  width: 2.5em;
}
.ui.vertical.menu .item > img:not(.ui):only-child {
  display: block;
  max-width: 100%;
  width: auto;
}
/*******************************
          Coupling
*******************************/
/*--------------
     List
---------------*/
/* Menu divider shouldnt apply */
.ui.menu .list .item:before {
  background: none !important;
}
/*--------------
     Sidebar
---------------*/
/* Show vertical dividers below last */
.ui.vertical.sidebar.menu > .item:first-child:before {
  display: block !important;
}
.ui.vertical.sidebar.menu > .item::before {
  top: auto;
  bottom: 0px;
}
/*--------------
    Container
---------------*/
@media only screen and (max-width: 767px) {
  .ui.menu > .ui.container {
    width: 100% !important;
    margin-left: 0em !important;
    margin-right: 0em !important;
  }
}
@media only screen and (min-width: 768px) {
  .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
    border-left: 1px solid rgba(34, 36, 38, 0.1);
  }
}
/*******************************
             States
*******************************/
/*--------------
      Hover
---------------*/
.ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
     Pressed
---------------*/
.ui.link.menu .item:active,
.ui.menu .link.item:active,
.ui.menu a.item:active {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
     Active
---------------*/
.ui.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  font-weight: normal;
  box-shadow: none;
}
.ui.menu .active.item > i.icon {
  opacity: 1;
}
/*--------------
  Active Hover
---------------*/
.ui.menu .active.item:hover,
.ui.vertical.menu .active.item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
     Disabled
---------------*/
.ui.menu .item.disabled,
.ui.menu .item.disabled:hover {
  cursor: default !important;
  background-color: transparent !important;
  color: rgba(40, 40, 40, 0.3) !important;
}
/*******************************
             Types
*******************************/
/*------------------
Floated Menu / Item
-------------------*/
/* Left Floated */
.ui.menu:not(.vertical) .left.item,
.ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
  display: flex;
  margin-right: auto !important;
}
/* Right Floated */
.ui.menu:not(.vertical) .right.item,
.ui.menu:not(.vertical) .right.menu {
  display: flex;
  margin-left: auto !important;
}
/* Swapped Borders */
.ui.menu .right.item::before,
.ui.menu .right.menu > .item::before {
  right: auto;
  left: 0;
}
/*--------------
    Vertical
---------------*/
.ui.vertical.menu {
  display: block;
  flex-direction: column;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
/*--- Item ---*/
.ui.vertical.menu .item {
  display: block;
  background: none;
  border-top: none;
  border-right: none;
}
.ui.vertical.menu > .item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0px 0px;
}
.ui.vertical.menu > .item:last-child {
  border-radius: 0px 0px 0.28571429rem 0.28571429rem;
}
/*--- Label ---*/
.ui.vertical.menu .item > .label {
  float: right;
  text-align: center;
}
/*--- Icon ---*/
.ui.vertical.menu .item > i.icon {
  width: 1.18em;
  float: right;
  margin: 0em 0em 0em 0.5em;
}
.ui.vertical.menu .item > .label + i.icon {
  float: none;
  margin: 0em 0.5em 0em 0em;
}
/*--- Border ---*/
.ui.vertical.menu .item:before {
  position: absolute;
  content: '';
  top: 0%;
  left: 0px;
  width: 100%;
  height: 1px;
  background: rgba(34, 36, 38, 0.1);
}
.ui.vertical.menu .item:first-child:before {
  display: none !important;
}
/*--- Sub Menu ---*/
.ui.vertical.menu .item > .menu {
  margin: 0.5em -1.14285714em 0em;
}
.ui.vertical.menu .menu .item {
  background: none;
  padding: 0.5em 1.33333333em;
  font-size: 0.85714286em;
  color: rgba(0, 0, 0, 0.5);
}
.ui.vertical.menu .item .menu a.item:hover,
.ui.vertical.menu .item .menu .link.item:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ui.vertical.menu .menu .item:before {
  display: none;
}
/* Vertical Active */
.ui.vertical.menu .active.item {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0em;
  box-shadow: none;
}
.ui.vertical.menu > .active.item:first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.vertical.menu > .active.item:last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.vertical.menu > .active.item:only-child {
  border-radius: 0.28571429rem;
}
.ui.vertical.menu .active.item .menu .active.item {
  border-left: none;
}
.ui.vertical.menu .item .menu .active.item {
  background-color: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
     Tabular
---------------*/
.ui.tabular.menu {
  border-radius: 0em;
  box-shadow: none !important;
  border: none;
  background: none transparent;
  border-bottom: 1px solid #D4D4D5;
}
.ui.tabular.fluid.menu {
  width: calc(100% + (1px * 2)) !important;
}
.ui.tabular.menu .item {
  background: transparent;
  border-bottom: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  padding: 0.92857143em 1.42857143em;
  color: var(--basic-on-bg-primary);
}
.ui.tabular.menu .item:before {
  display: none;
}
/* Hover */
.ui.tabular.menu .item:hover {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
/* Active */
.ui.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #D4D4D5;
  font-weight: bold;
  margin-bottom: -1px;
  box-shadow: none;
  border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;
}
/* Coupling with segment for attachment */
.ui.tabular.menu + .attached:not(.top).segment,
.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
  border-top: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  width: 100%;
}
.top.attached.segment + .ui.bottom.tabular.menu {
  position: relative;
  width: calc(100% + (1px * 2));
  left: -1px;
}
/* Bottom Vertical Tabular */
.ui.bottom.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-top: 1px solid #D4D4D5;
}
.ui.bottom.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: none;
}
.ui.bottom.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: -1px 0px 0px 0px;
  border-radius: 0px 0px 0.28571429rem 0.28571429rem !important;
}
/* Vertical Tabular (Left) */
.ui.vertical.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: 1px solid #D4D4D5;
}
.ui.vertical.tabular.menu .item {
  background: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: none;
}
.ui.vertical.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0px -1px 0px 0px;
  border-radius: 0.28571429rem 0px 0px 0.28571429rem !important;
}
/* Vertical Right Tabular */
.ui.vertical.right.tabular.menu {
  background: none transparent;
  border-radius: 0em;
  box-shadow: none !important;
  border-bottom: none;
  border-right: none;
  border-left: 1px solid #D4D4D5;
}
.ui.vertical.right.tabular.menu .item {
  background: none;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  border-left: none;
}
.ui.vertical.right.tabular.menu .active.item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-color: #D4D4D5;
  margin: 0px 0px 0px -1px;
  border-radius: 0px 0.28571429rem 0.28571429rem 0px !important;
}
/* Dropdown */
.ui.tabular.menu .active.dropdown.item {
  margin-bottom: 0px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 2px solid transparent;
  border-bottom: none;
}
/*--------------
   Pagination
---------------*/
.ui.pagination.menu {
  margin: 0em;
  display: inline-flex;
  vertical-align: middle;
}
.ui.pagination.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.compact.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.pagination.menu .item:last-child:before {
  display: none;
}
.ui.pagination.menu .item {
  min-width: 3em;
  text-align: center;
}
.ui.pagination.menu .icon.item i.icon {
  vertical-align: top;
}
/* Active */
.ui.pagination.menu .active.item {
  border-top: none;
  padding-top: 0.92857143em;
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
}
/*--------------
   Secondary
---------------*/
.ui.secondary.menu {
  background: none;
  margin-left: -0.35714286em;
  margin-right: -0.35714286em;
  border-radius: 0em;
  border: none;
  box-shadow: none;
}
/* Item */
.ui.secondary.menu .item {
  align-self: center;
  box-shadow: none;
  border: none;
  padding: 0.78571429em 0.92857143em;
  margin: 0em 0.35714286em;
  background: none;
  transition: color 0.1s ease;
  border-radius: 0.28571429rem;
}
/* No Divider */
.ui.secondary.menu .item:before {
  display: none !important;
}
/* Header */
.ui.secondary.menu .header.item {
  border-radius: 0em;
  border-right: none;
  background: none transparent;
}
/* Image */
.ui.secondary.menu .item > img:not(.ui) {
  margin: 0em;
}
/* Hover */
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Active */
.ui.secondary.menu .active.item {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  border-radius: 0.28571429rem;
}
/* Active Hover */
.ui.secondary.menu .active.item:hover {
  box-shadow: none;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.secondary.inverted.menu .link.item,
.ui.secondary.inverted.menu a.item {
  color: rgba(255, 255, 255, 0.7) !important;
}
.ui.secondary.inverted.menu .dropdown.item:hover,
.ui.secondary.inverted.menu .link.item:hover,
.ui.secondary.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff !important;
}
.ui.secondary.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff !important;
}
/* Fix item margins */
.ui.secondary.item.menu {
  margin-left: 0em;
  margin-right: 0em;
}
.ui.secondary.item.menu .item:last-child {
  margin-right: 0em;
}
.ui.secondary.attached.menu {
  box-shadow: none;
}
/* Sub Menu */
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
  margin: 0em -0.92857143em;
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
  margin: 0em;
  padding: 0.5em 1.33333333em;
}
/*---------------------
   Secondary Vertical
-----------------------*/
.ui.secondary.vertical.menu > .item {
  border: none;
  margin: 0em 0em 0.35714286em;
  border-radius: 0.28571429rem !important;
}
.ui.secondary.vertical.menu > .header.item {
  border-radius: 0em;
}
/* Sub Menu */
.ui.vertical.secondary.menu .item > .menu .item {
  background-color: transparent;
}
/* Inverted */
.ui.secondary.inverted.menu {
  background-color: transparent;
}
/*---------------------
   Secondary Pointing
-----------------------*/
.ui.secondary.pointing.menu {
  margin-left: 0em;
  margin-right: 0em;
  border-bottom: 2px solid rgba(34, 36, 38, 0.15);
}
.ui.secondary.pointing.menu .item {
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-radius: 0em;
  align-self: flex-end;
  margin: 0em 0em -2px;
  padding: 0.85714286em 1.14285714em;
  border-bottom-width: 2px;
  transition: color 0.1s ease;
}
/* Item Types */
.ui.secondary.pointing.menu .header.item {
  color: rgba(0, 0, 0, 0.85) !important;
}
.ui.secondary.pointing.menu .text.item {
  box-shadow: none !important;
}
.ui.secondary.pointing.menu .item:after {
  display: none;
}
/* Hover */
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
  background-color: transparent;
  color: var(--basic-on-bg-primary);
}
/* Pressed */
.ui.secondary.pointing.menu .dropdown.item:active,
.ui.secondary.pointing.menu .link.item:active,
.ui.secondary.pointing.menu a.item:active {
  background-color: transparent;
  border-color: rgba(34, 36, 38, 0.15);
}
/* Active */
.ui.secondary.pointing.menu .active.item {
  background-color: transparent;
  box-shadow: none;
  border-color: #1B1C1D;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
}
/* Active Hover */
.ui.secondary.pointing.menu .active.item:hover {
  border-color: #1B1C1D;
  color: rgba(0, 0, 0, 0.95);
}
/* Active Dropdown */
.ui.secondary.pointing.menu .active.dropdown.item {
  border-color: transparent;
}
/* Vertical Pointing */
.ui.secondary.vertical.pointing.menu {
  border-bottom-width: 0px;
  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: rgba(34, 36, 38, 0.15);
}
.ui.secondary.vertical.pointing.menu .item {
  border-bottom: none;
  border-right-style: solid;
  border-right-color: transparent;
  border-radius: 0em !important;
  margin: 0em -2px 0em 0em;
  border-right-width: 2px;
}
/* Vertical Active */
.ui.secondary.vertical.pointing.menu .active.item {
  border-color: #1B1C1D;
}
/* Inverted */
.ui.secondary.inverted.pointing.menu {
  border-color: rgba(255, 255, 255, 0.1);
}
.ui.secondary.inverted.pointing.menu {
  border-width: 2px;
  border-color: rgba(34, 36, 38, 0.15);
}
.ui.secondary.inverted.pointing.menu .item {
  color: rgba(255, 255, 255, 0.9);
}
.ui.secondary.inverted.pointing.menu .header.item {
  color: #FFFFFF !important;
}
/* Hover */
.ui.secondary.inverted.pointing.menu .link.item:hover,
.ui.secondary.inverted.pointing.menu a.item:hover {
  color: rgba(0, 0, 0, 0.95);
}
/* Active */
.ui.secondary.inverted.pointing.menu .active.item {
  border-color: #FFFFFF;
  color: #ffffff;
}
/*--------------
    Text Menu
---------------*/
.ui.text.menu {
  background: none transparent;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  margin: 1em -0.5em;
}
.ui.text.menu .item {
  border-radius: 0px;
  box-shadow: none;
  align-self: center;
  margin: 0em 0em;
  padding: 0.35714286em 0.5em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.6);
  transition: opacity 0.1s ease;
}
/* Border */
.ui.text.menu .item:before,
.ui.text.menu .menu .item:before {
  display: none !important;
}
/* Header */
.ui.text.menu .header.item {
  background-color: transparent;
  opacity: 1;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.92857143em;
  text-transform: uppercase;
  font-weight: bold;
}
/* Image */
.ui.text.menu .item > img:not(.ui) {
  margin: 0em;
}
/*--- fluid text ---*/
.ui.text.item.menu .item {
  margin: 0em;
}
/*--- vertical text ---*/
.ui.vertical.text.menu {
  margin: 1em 0em;
}
.ui.vertical.text.menu:first-child {
  margin-top: 0rem;
}
.ui.vertical.text.menu:last-child {
  margin-bottom: 0rem;
}
.ui.vertical.text.menu .item {
  margin: 0.57142857em 0em;
  padding-left: 0em;
  padding-right: 0em;
}
.ui.vertical.text.menu .item > i.icon {
  float: none;
  margin: 0em 0.35714286em 0em 0em;
}
.ui.vertical.text.menu .header.item {
  margin: 0.57142857em 0em 0.71428571em;
}
/* Vertical Sub Menu */
.ui.vertical.text.menu .item:not(.dropdown) > .menu {
  margin: 0em;
}
.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
  margin: 0em;
  padding: 0.5em 0em;
}
/*--- hover ---*/
.ui.text.menu .item:hover {
  opacity: 1;
  background-color: transparent;
}
/*--- active ---*/
.ui.text.menu .active.item {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.95);
}
/*--- active hover ---*/
.ui.text.menu .active.item:hover {
  background-color: transparent;
}
/* Disable Bariations */
.ui.text.pointing.menu .active.item:after {
  box-shadow: none;
}
.ui.text.attached.menu {
  box-shadow: none;
}
/* Inverted */
.ui.inverted.text.menu,
.ui.inverted.text.menu .item,
.ui.inverted.text.menu .item:hover,
.ui.inverted.text.menu .active.item {
  background-color: transparent !important;
}
/* Fluid */
.ui.fluid.text.menu {
  margin-left: 0em;
  margin-right: 0em;
}
/*--------------
    Icon Only
---------------*/
/* Vertical Menu */
.ui.vertical.icon.menu {
  display: inline-block;
  width: auto;
}
/* Item */
.ui.icon.menu .item {
  height: auto;
  text-align: center;
  color: #1B1C1D;
}
/* Icon */
.ui.icon.menu .item > .icon:not(.dropdown) {
  margin: 0;
  opacity: 1;
}
/* Icon Gylph */
.ui.icon.menu .icon:before {
  opacity: 1;
}
/* (x) Item Icon */
.ui.menu .icon.item > .icon {
  width: auto;
  margin: 0em auto;
}
/* Vertical Icon */
.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
  display: block;
  opacity: 1;
  margin: 0em auto;
  float: none;
}
/* Inverted */
.ui.inverted.icon.menu .item {
  color: #FFFFFF;
}
/*--------------
   Labeled Icon
---------------*/
/* Menu */
.ui.labeled.icon.menu {
  text-align: center;
}
/* Item */
.ui.labeled.icon.menu .item {
  min-width: 6em;
  flex-direction: column;
}
/* Icon */
.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
  height: 1em;
  display: block;
  font-size: 1.71428571em !important;
  margin: 0em auto 0.5rem !important;
}
/* Fluid */
.ui.fluid.labeled.icon.menu > .item {
  min-width: 0em;
}
/*******************************
           Variations
*******************************/
/*--------------
    Stackable
---------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.menu {
    flex-direction: column;
  }
  .ui.stackable.menu .item {
    width: 100% !important;
  }
  .ui.stackable.menu .item:before {
    position: absolute;
    content: '';
    top: auto;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: rgba(34, 36, 38, 0.1);
  }
  .ui.stackable.menu .left.menu,
  .ui.stackable.menu .left.item {
    margin-right: 0 !important;
  }
  .ui.stackable.menu .right.menu,
  .ui.stackable.menu .right.item {
    margin-left: 0 !important;
  }
  .ui.stackable.menu .right.menu,
  .ui.stackable.menu .left.menu {
    flex-direction: column;
  }
}
/*--------------
     Colors
---------------*/
/*--- Standard Colors  ---*/
.ui.menu .red.active.item,
.ui.red.menu .active.item {
  border-color: var(--inputs_border_error) !important;
  color: var(--inputs_border_error) !important;
}
.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
  border-color: var(--common_alert) !important;
  color: var(--common_alert) !important;
}
.ui.menu .yellow.active.item,
.ui.yellow.menu .active.item {
  border-color: #fcc73b !important;
  color: #fcc73b !important;
}
.ui.menu .olive.active.item,
.ui.olive.menu .active.item {
  border-color: #B5CC18 !important;
  color: #B5CC18 !important;
}
.ui.menu .green.active.item,
.ui.green.menu .active.item {
  border-color: #73D822 !important;
  color: #73D822 !important;
}
.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
  border-color: var(--common_accent) !important;
  color: var(--common_accent) !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
  border-color: #199ed8 !important;
  color: #199ed8 !important;
}
.ui.menu .violet.active.item,
.ui.violet.menu .active.item {
  border-color: #6b80ef !important;
  color: #6b80ef !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
  border-color: #A333C8 !important;
  color: #A333C8 !important;
}
.ui.menu .pink.active.item,
.ui.pink.menu .active.item {
  border-color: #E03997 !important;
  color: #E03997 !important;
}
.ui.menu .brown.active.item,
.ui.brown.menu .active.item {
  border-color: #A5673F !important;
  color: #A5673F !important;
}
.ui.menu .grey.active.item,
.ui.grey.menu .active.item {
  border-color: #DCDDDE !important;
  color: #DCDDDE !important;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.menu {
  border: 0px solid transparent;
  background: #1B1C1D;
  box-shadow: none;
}
/* Menu Item */
.ui.inverted.menu .item,
.ui.inverted.menu .item > a:not(.ui) {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.menu .item.menu {
  background: transparent;
}
/*--- Border ---*/
.ui.inverted.menu .item:before {
  background: rgba(255, 255, 255, 0.08);
}
.ui.vertical.inverted.menu .item:before {
  background: rgba(255, 255, 255, 0.08);
}
/* Sub Menu */
.ui.vertical.inverted.menu .menu .item,
.ui.vertical.inverted.menu .menu .item a:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}
/* Header */
.ui.inverted.menu .header.item {
  margin: 0em;
  background: transparent;
  box-shadow: none;
}
/* Disabled */
.ui.inverted.menu .item.disabled,
.ui.inverted.menu .item.disabled:hover {
  color: rgba(225, 225, 225, 0.3);
}
/*--- Hover ---*/
.ui.link.inverted.menu .item:hover,
.ui.inverted.menu .dropdown.item:hover,
.ui.inverted.menu .link.item:hover,
.ui.inverted.menu a.item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.ui.vertical.inverted.menu .item .menu a.item:hover,
.ui.vertical.inverted.menu .item .menu .link.item:hover {
  background: transparent;
  color: #ffffff;
}
/*--- Pressed ---*/
.ui.inverted.menu a.item:active,
.ui.inverted.menu .link.item:active {
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
/*--- Active ---*/
.ui.inverted.menu .active.item {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff !important;
}
.ui.inverted.vertical.menu .item .menu .active.item {
  background: transparent;
  color: #FFFFFF;
}
.ui.inverted.pointing.menu .active.item:after {
  background: #3D3E3F !important;
  margin: 0em !important;
  box-shadow: none !important;
  border: none !important;
}
/*--- Active Hover ---*/
.ui.inverted.menu .active.item:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF !important;
}
.ui.inverted.pointing.menu .active.item:hover:after {
  background: #3D3E3F !important;
}
/*--------------
     Floated
---------------*/
.ui.floated.menu {
  float: left;
  margin: 0rem 0.5rem 0rem 0rem;
}
.ui.floated.menu .item:last-child:before {
  display: none;
}
.ui.right.floated.menu {
  float: right;
  margin: 0rem 0rem 0rem 0.5rem;
}
/*--------------
    Inverted
---------------*/
/* Red */
.ui.inverted.menu .red.active.item,
.ui.inverted.red.menu {
  background-color: var(--inputs_border_error);
}
.ui.inverted.red.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.red.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Orange */
.ui.inverted.menu .orange.active.item,
.ui.inverted.orange.menu {
  background-color: var(--common_alert);
}
.ui.inverted.orange.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.orange.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Yellow */
.ui.inverted.menu .yellow.active.item,
.ui.inverted.yellow.menu {
  background-color: #fcc73b;
}
.ui.inverted.yellow.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.yellow.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Olive */
.ui.inverted.menu .olive.active.item,
.ui.inverted.olive.menu {
  background-color: #B5CC18;
}
.ui.inverted.olive.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.olive.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Green */
.ui.inverted.menu .green.active.item,
.ui.inverted.green.menu {
  background-color: #73D822;
}
.ui.inverted.green.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.green.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Teal */
.ui.inverted.menu .teal.active.item,
.ui.inverted.teal.menu {
  background-color: var(--common_accent);
}
.ui.inverted.teal.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.teal.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Blue */
.ui.inverted.menu .blue.active.item,
.ui.inverted.blue.menu {
  background-color: #199ed8;
}
.ui.inverted.blue.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.blue.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Violet */
.ui.inverted.menu .violet.active.item,
.ui.inverted.violet.menu {
  background-color: #6b80ef;
}
.ui.inverted.violet.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.violet.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Purple */
.ui.inverted.menu .purple.active.item,
.ui.inverted.purple.menu {
  background-color: #A333C8;
}
.ui.inverted.purple.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.purple.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Pink */
.ui.inverted.menu .pink.active.item,
.ui.inverted.pink.menu {
  background-color: #E03997;
}
.ui.inverted.pink.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.pink.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Brown */
.ui.inverted.menu .brown.active.item,
.ui.inverted.brown.menu {
  background-color: #A5673F;
}
.ui.inverted.brown.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.brown.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/* Grey */
.ui.inverted.menu .grey.active.item,
.ui.inverted.grey.menu {
  background-color: #DCDDDE;
}
.ui.inverted.grey.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}
.ui.inverted.grey.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*--------------
     Fitted
---------------*/
.ui.fitted.menu .item,
.ui.fitted.menu .item .menu .item,
.ui.menu .fitted.item {
  padding: 0em;
}
.ui.horizontally.fitted.menu .item,
.ui.horizontally.fitted.menu .item .menu .item,
.ui.menu .horizontally.fitted.item {
  padding-top: 0.92857143em;
  padding-bottom: 0.92857143em;
}
.ui.vertically.fitted.menu .item,
.ui.vertically.fitted.menu .item .menu .item,
.ui.menu .vertically.fitted.item {
  padding-left: 1.14285714em;
  padding-right: 1.14285714em;
}
/*--------------
   Borderless
---------------*/
.ui.borderless.menu .item:before,
.ui.borderless.menu .item .menu .item:before,
.ui.menu .borderless.item:before {
  background: none !important;
}
/*-------------------
       Compact
--------------------*/
.ui.compact.menu {
  display: inline-flex;
  margin: 0em;
  vertical-align: middle;
}
.ui.compact.vertical.menu {
  display: inline-block;
}
.ui.compact.menu .item:last-child {
  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
}
.ui.compact.menu .item:last-child:before {
  display: none;
}
.ui.compact.vertical.menu {
  width: auto !important;
}
.ui.compact.vertical.menu .item:last-child::before {
  display: block;
}
/*-------------------
        Fluid
--------------------*/
.ui.menu.fluid,
.ui.vertical.menu.fluid {
  width: 100% !important;
}
/*-------------------
      Evenly Sized
--------------------*/
.ui.item.menu,
.ui.item.menu .item {
  width: 100%;
  padding-left: 0em !important;
  padding-right: 0em !important;
  margin-left: 0em !important;
  margin-right: 0em !important;
  text-align: center;
  justify-content: center;
}
.ui.attached.item.menu {
  margin: 0em -1px !important;
}
.ui.item.menu .item:last-child:before {
  display: none;
}
.ui.menu.two.item .item {
  width: 50%;
}
.ui.menu.three.item .item {
  width: 33.333%;
}
.ui.menu.four.item .item {
  width: 25%;
}
.ui.menu.five.item .item {
  width: 20%;
}
.ui.menu.six.item .item {
  width: 16.666%;
}
.ui.menu.seven.item .item {
  width: 14.285%;
}
.ui.menu.eight.item .item {
  width: 12.5%;
}
.ui.menu.nine.item .item {
  width: 11.11%;
}
.ui.menu.ten.item .item {
  width: 10%;
}
.ui.menu.eleven.item .item {
  width: 9.09%;
}
.ui.menu.twelve.item .item {
  width: 8.333%;
}
/*--------------
     Fixed
---------------*/
.ui.menu.fixed {
  position: fixed;
  z-index: 101;
  margin: 0em;
  width: 100%;
}
.ui.menu.fixed,
.ui.menu.fixed .item:first-child,
.ui.menu.fixed .item:last-child {
  border-radius: 0px !important;
}
.ui.fixed.menu,
.ui[class*="top fixed"].menu {
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
}
.ui[class*="top fixed"].menu {
  border-top: none;
  border-left: none;
  border-right: none;
}
.ui[class*="right fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-right: none;
  top: 0px;
  right: 0px;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}
.ui[class*="bottom fixed"].menu {
  border-bottom: none;
  border-left: none;
  border-right: none;
  bottom: 0px;
  left: 0px;
  top: auto;
  right: auto;
}
.ui[class*="left fixed"].menu {
  border-top: none;
  border-bottom: none;
  border-left: none;
  top: 0px;
  left: 0px;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%;
}
/* Coupling with Grid */
.ui.fixed.menu + .ui.grid {
  padding-top: 2.75rem;
}
/*-------------------
       Pointing
--------------------*/
.ui.pointing.menu .item:after {
  visibility: hidden;
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background: none;
  margin: 0.5px 0em 0em;
  width: 0.57142857em;
  height: 0.57142857em;
  border: none;
  border-bottom: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
  z-index: 2;
  transition: background 0.1s ease;
}
.ui.vertical.pointing.menu .item:after {
  position: absolute;
  top: 50%;
  right: 0%;
  bottom: auto;
  left: auto;
  transform: translateX(50%) translateY(-50%) rotate(45deg);
  margin: 0em -0.5px 0em 0em;
  border: none;
  border-top: 1px solid #D4D4D5;
  border-right: 1px solid #D4D4D5;
}
/* Active */
.ui.pointing.menu .active.item:after {
  visibility: visible;
}
.ui.pointing.menu .active.dropdown.item:after {
  visibility: hidden;
}
/* Don't double up pointers */
.ui.pointing.menu .dropdown.active.item:after,
.ui.pointing.menu .active.item .menu .active.item:after {
  display: none;
}
/* Colors */
.ui.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2;
}
.ui.pointing.menu .active.item:after {
  background-color: #F2F2F2;
}
.ui.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .active.item:hover:after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .active.item:after {
  background-color: #F2F2F2;
}
.ui.vertical.pointing.menu .menu .active.item:after {
  background-color: #FFFFFF;
}
/*--------------
    Attached
---------------*/
/* Middle */
.ui.attached.menu {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% - (-1px * 2));
  max-width: calc(100% - (-1px * 2));
  box-shadow: none;
}
.ui.attached + .ui.attached.menu:not(.top) {
  border-top: none;
}
/* Top */
.ui[class*="top attached"].menu {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1rem;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.menu[class*="top attached"]:first-child {
  margin-top: 0em;
}
/* Bottom */
.ui[class*="bottom attached"].menu {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1rem;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].menu:last-child {
  margin-bottom: 0em;
}
/* Attached Menu Item */
.ui.top.attached.menu > .item:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.bottom.attached.menu > .item:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
/* Tabular Attached */
.ui.attached.menu:not(.tabular) {
  border: 1px solid #D4D4D5;
}
.ui.attached.inverted.menu {
  border: none;
}
.ui.attached.tabular.menu {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
/*--------------
     Sizes
---------------*/
/* Mini */
.ui.mini.menu {
  font-size: 0.78571429rem;
}
.ui.mini.vertical.menu {
  width: 9rem;
}
/* Tiny */
.ui.tiny.menu {
  font-size: 0.85714286rem;
}
.ui.tiny.vertical.menu {
  width: 11rem;
}
/* Small */
.ui.small.menu {
  font-size: 0.92857143rem;
}
.ui.small.vertical.menu {
  width: 13rem;
}
/* Medium */
.ui.menu {
  font-size: 1rem;
}
.ui.vertical.menu {
  width: 15rem;
}
/* Large */
.ui.large.menu {
  font-size: 1.07142857rem;
}
.ui.large.vertical.menu {
  width: 18rem;
}
/* Huge */
.ui.huge.menu {
  font-size: 1.21428571rem;
}
.ui.huge.vertical.menu {
  width: 22rem;
}
/* Big */
.ui.big.menu {
  font-size: 1.14285714rem;
}
.ui.big.vertical.menu {
  width: 20rem;
}
/* Massive */
.ui.massive.menu {
  font-size: 1.28571429rem;
}
.ui.massive.vertical.menu {
  width: 25rem;
}
/*******************************
         Theme Overrides
*******************************/
.ui.tabular.menu .item {
  background: none #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
  border-top-width: 1px;
  border-color: #D4D4D5;
  border-radius: 0.28571429rem 0.28571429rem 0px 0px !important;
  box-shadow: inset 0 -1px 0 #D4D4D5 !important;
}
.ui.tabular.menu .item.active {
  box-shadow: inset 0 -1px 0 #fff !important;
  margin-bottom: 0;
}
.ui.tabular.menu {
  border-bottom: 0;
  box-shadow: inset 0 -1px 0 #D4D4D5 !important;
}
.ui.tabular.menu .item + .item {
  margin-left: 7px;
}
/*!
 * # Semantic UI - Message
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Message
*******************************/
/*-------------------
       Elements
--------------------*/
/* Header */
/* Paragraph */
/* List */
/* Icon */
/* Close Icon */
/*-------------------
        Types
--------------------*/
/* Icon Message */
/* Attached */
/* Floating */
/* Colors */
/* Warning / Positive / Negative / Info */
/*******************************
            Message
*******************************/
.ui.message {
  position: relative;
  min-height: 1em;
  margin: 1em 0em;
  background: #F8F8F9;
  padding: 1em 1.5em;
  line-height: 1.4285em;
  color: var(--basic-on-bg-primary);
  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
  border-radius: 0.28571429rem;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.message:first-child {
  margin-top: 0em;
}
.ui.message:last-child {
  margin-bottom: 0em;
}
/*--------------
     Content
---------------*/
/* Header */
.ui.message .header {
  display: block;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: -0.14285714em 0em 0rem 0em;
}
/* Default font size */
.ui.message .header:not(.ui) {
  font-size: 1.14285714em;
}
/* Paragraph */
.ui.message p {
  opacity: 0.85;
  margin: 0.75em 0em;
}
.ui.message p:first-child {
  margin-top: 0em;
}
.ui.message p:last-child {
  margin-bottom: 0em;
}
.ui.message .header + p {
  margin-top: 0.25em;
}
/* List */
.ui.message .list:not(.ui) {
  text-align: left;
  padding: 0em;
  opacity: 0.85;
  list-style-position: inside;
  margin: 0.5em 0em 0em;
}
.ui.message .list:not(.ui):first-child {
  margin-top: 0em;
}
.ui.message .list:not(.ui):last-child {
  margin-bottom: 0em;
}
.ui.message .list:not(.ui) li {
  position: relative;
  list-style-type: none;
  margin: 0em 0em 0.3em 1em;
  padding: 0em;
}
.ui.message .list:not(.ui) li:before {
  position: absolute;
  content: '•';
  left: -1em;
  height: 100%;
  vertical-align: baseline;
}
.ui.message .list:not(.ui) li:last-child {
  margin-bottom: 0em;
}
/* Icon */
.ui.message > .icon {
  margin-right: 0.6em;
}
/* Close Icon */
.ui.message > .close.icon {
  cursor: pointer;
  position: absolute;
  margin: 0em;
  top: 0.78575em;
  right: 0.5em;
  opacity: 0.7;
  transition: opacity 0.1s ease;
}
.ui.message > .close.icon:hover {
  opacity: 1;
}
/* First / Last Element */
.ui.message > :first-child {
  margin-top: 0em;
}
.ui.message > :last-child {
  margin-bottom: 0em;
}
/*******************************
            Coupling
*******************************/
.ui.dropdown .menu > .message {
  margin: 0px -1px;
}
/*******************************
            States
*******************************/
/*--------------
    Visible
---------------*/
.ui.visible.visible.visible.visible.message {
  display: block;
}
.ui.icon.visible.visible.visible.visible.message {
  display: flex;
}
/*--------------
     Hidden
---------------*/
.ui.hidden.hidden.hidden.hidden.message {
  display: none;
}
/*******************************
            Variations
*******************************/
/*--------------
    Compact
---------------*/
.ui.compact.message {
  display: inline-block;
}
.ui.compact.icon.message {
  display: inline-flex;
}
/*--------------
    Attached
---------------*/
.ui.attached.message {
  margin-bottom: -1px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
  margin-left: -1px;
  margin-right: -1px;
}
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
  margin-top: -1px;
  border-radius: 0em;
}
.ui.bottom.attached.message {
  margin-top: -1px;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
}
.ui.bottom.attached.message:not(:last-child) {
  margin-bottom: 1em;
}
.ui.attached.icon.message {
  width: auto;
}
/*--------------
      Icon
---------------*/
.ui.icon.message {
  display: flex;
  width: 100%;
  align-items: center;
}
.ui.icon.message > .icon:not(.close) {
  display: block;
  flex: 0 0 auto;
  width: auto;
  line-height: 1;
  vertical-align: middle;
  font-size: 3em;
  opacity: 0.8;
}
.ui.icon.message > .content {
  display: block;
  flex: 1 1 auto;
  vertical-align: middle;
}
.ui.icon.message .icon:not(.close) + .content {
  padding-left: 0rem;
}
.ui.icon.message .circular.icon {
  width: 1em;
}
/*--------------
    Floating
---------------*/
.ui.floating.message {
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
/*--------------
     Colors
---------------*/
.ui.black.message {
  background-color: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
/*--------------
     Types
---------------*/
/* Positive */
.ui.positive.message {
  background-color: var(--common_select_min);
  color: #2C662D;
}
.ui.positive.message,
.ui.attached.positive.message {
  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.positive.message .header {
  color: #1A531B;
}
/* Negative */
.ui.negative.message {
  background-color: #ffd4ca;
  color: var(--common_alert);
}
.ui.negative.message,
.ui.attached.negative.message {
  box-shadow: 0px 0px 0px 1px var(--common_alert) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.negative.message .header {
  color: #912D2B;
}
/* Info */
.ui.info.message {
  background-color: #F8FFFF;
  color: #276F86;
}
.ui.info.message,
.ui.attached.info.message {
  box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.info.message .header {
  color: #0E566C;
}
/* Warning */
.ui.warning.message {
  background-color: #FFFAF3;
  color: #573A08;
}
.ui.warning.message,
.ui.attached.warning.message {
  box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.warning.message .header {
  color: #794B02;
}
/* Error */
.ui.error.message {
  background-color: #ffd4ca;
  color: var(--common_alert);
}
.ui.error.message,
.ui.attached.error.message {
  box-shadow: 0px 0px 0px 1px var(--common_alert) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.error.message .header {
  color: #912D2B;
}
/* Success */
.ui.success.message {
  background-color: var(--common_select_min);
  color: #2C662D;
}
.ui.success.message,
.ui.attached.success.message {
  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.success.message .header {
  color: #1A531B;
}
/* Colors */
.ui.inverted.message,
.ui.black.message {
  background-color: #1B1C1D;
  color: rgba(255, 255, 255, 0.9);
}
.ui.red.message {
  background-color: #FFE8E6;
  color: var(--inputs_border_error);
  box-shadow: 0px 0px 0px 1px var(--inputs_border_error) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.red.message .header {
  color: var(--error-darken-05);
}
.ui.orange.message {
  background-color: #FFEDDE;
  color: var(--common_alert);
  box-shadow: 0px 0px 0px 1px var(--common_alert) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.orange.message .header {
  color: var(--negative-darken-05);
}
.ui.yellow.message {
  background-color: #FFF8DB;
  color: #B58105;
  box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.yellow.message .header {
  color: #9c6f04;
}
.ui.olive.message {
  background-color: #FBFDEF;
  color: #8ABC1E;
  box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.olive.message .header {
  color: #7aa61a;
}
.ui.green.message {
  background-color: #E5F9E7;
  color: #1EBC30;
  box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.green.message .header {
  color: #1aa62a;
}
.ui.teal.message {
  background-color: #E1F7F7;
  color: #10A3A3;
  box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.teal.message .header {
  color: #0e8c8c;
}
.ui.blue.message {
  background-color: #DFF0FF;
  color: #199ed8;
  box-shadow: 0px 0px 0px 1px #199ed8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.blue.message .header {
  color: #168dc1;
}
.ui.violet.message {
  background-color: #EAE7FF;
  color: #6b80ef;
  box-shadow: 0px 0px 0px 1px #6b80ef inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.violet.message .header {
  color: #546ced;
}
.ui.purple.message {
  background-color: #F6E7FF;
  color: #A333C8;
  box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.purple.message .header {
  color: #922eb4;
}
.ui.pink.message {
  background-color: #FFE3FB;
  color: #E03997;
  box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.pink.message .header {
  color: #dd238b;
}
.ui.brown.message {
  background-color: #F1E2D3;
  color: #A5673F;
  box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.ui.brown.message .header {
  color: #935b38;
}
/*--------------
     Sizes
---------------*/
.ui.mini.message {
  font-size: 0.78571429em;
}
.ui.tiny.message {
  font-size: 0.85714286em;
}
.ui.small.message {
  font-size: 0.92857143em;
}
.ui.message {
  font-size: 1em;
}
.ui.large.message {
  font-size: 1.14285714em;
}
.ui.big.message {
  font-size: 1.28571429em;
}
.ui.huge.message {
  font-size: 1.42857143em;
}
.ui.massive.message {
  font-size: 1.71428571em;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Table
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Table
*******************************/
/*-------------------
       Element
--------------------*/
/*--------------
     Parts
---------------*/
/* Table Row */
/* Table Cell */
/* Table Header */
/* Table Footer */
/* Responsive Size */
/*-------------------
       Types
--------------------*/
/* Definition */
/*--------------
    Couplings
---------------*/
/*--------------
     States
---------------*/
/* Positive */
/* Negative */
/* Error */
/* Warning */
/* Active */
/*--------------
     Types
---------------*/
/* Attached */
/* Striped */
/* Selectable */
/* Sortable */
/* Colors */
/* Inverted */
/* Basic */
/* Padded */
/* Compact */
/* Sizes */
/*******************************
             Table
*******************************/
/* Prototype */
.ui.table {
  width: 100%;
  background: #FFFFFF;
  margin: 1em 0em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  border-radius: 0.28571429rem;
  text-align: left;
  color: var(--basic-on-bg-primary);
  border-collapse: separate;
  border-spacing: 0px;
}
.ui.table:first-child {
  margin-top: 0em;
}
.ui.table:last-child {
  margin-bottom: 0em;
}
/*******************************
             Parts
*******************************/
/* Table Content */
.ui.table th,
.ui.table td {
  transition: background 0.1s ease, color 0.1s ease;
}
/* Headers */
.ui.table thead {
  box-shadow: none;
}
.ui.table thead th {
  cursor: auto;
  background: #F9FAFB;
  text-align: inherit;
  color: var(--basic-on-bg-primary);
  padding: 0.92857143em 0.78571429em;
  vertical-align: inherit;
  font-style: none;
  font-weight: bold;
  text-transform: none;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  border-left: none;
}
.ui.table thead tr > th:first-child {
  border-left: none;
}
.ui.table thead tr:first-child > th:first-child {
  border-radius: 0.28571429rem 0em 0em 0em;
}
.ui.table thead tr:first-child > th:last-child {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui.table thead tr:first-child > th:only-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Footer */
.ui.table tfoot {
  box-shadow: none;
}
.ui.table tfoot th {
  cursor: auto;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  background: #F9FAFB;
  text-align: inherit;
  color: var(--basic-on-bg-primary);
  padding: 0.78571429em 0.78571429em;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}
.ui.table tfoot tr > th:first-child {
  border-left: none;
}
.ui.table tfoot tr:first-child > th:first-child {
  border-radius: 0em 0em 0em 0.28571429rem;
}
.ui.table tfoot tr:first-child > th:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
.ui.table tfoot tr:first-child > th:only-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/* Table Row */
.ui.table tr td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.table tr:first-child td {
  border-top: none;
}
/* Repeated tbody */
.ui.table tbody + tbody tr:first-child td {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
}
/* Table Cells */
.ui.table td {
  padding: 0.78571429em 0.78571429em;
  text-align: inherit;
}
/* Icons */
.ui.table > .icon {
  vertical-align: baseline;
}
.ui.table > .icon:only-child {
  margin: 0em;
}
/* Table Segment */
.ui.table.segment {
  padding: 0em;
}
.ui.table.segment:after {
  display: none;
}
.ui.table.segment.stacked:after {
  display: block;
}
/* Responsive */
@media only screen and (max-width: 767px) {
  .ui.table:not(.unstackable) {
    width: 100%;
  }
  .ui.table:not(.unstackable) tbody,
  .ui.table:not(.unstackable) tr,
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    width: auto !important;
    display: block !important;
  }
  .ui.table:not(.unstackable) {
    padding: 0em;
  }
  .ui.table:not(.unstackable) thead {
    display: block;
  }
  .ui.table:not(.unstackable) tfoot {
    display: block;
  }
  .ui.table:not(.unstackable) tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  }
  .ui.table:not(.unstackable) tr > th,
  .ui.table:not(.unstackable) tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em !important;
    box-shadow: none !important;
  }
  .ui.table:not(.unstackable) th:first-child,
  .ui.table:not(.unstackable) td:first-child {
    font-weight: bold;
  }
  /* Definition Table */
  .ui.definition.table:not(.unstackable) thead th:first-child {
    box-shadow: none !important;
  }
}
/*******************************
            Coupling
*******************************/
/* UI Image */
.ui.table th .image,
.ui.table th .image img,
.ui.table td .image,
.ui.table td .image img {
  max-width: none;
}
/*******************************
             Types
*******************************/
/*--------------
    Complex
---------------*/
.ui.structured.table {
  border-collapse: collapse;
}
.ui.structured.table thead th {
  border-left: none;
  border-right: none;
}
.ui.structured.sortable.table thead th {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-right: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.structured.basic.table th {
  border-left: none;
  border-right: none;
}
.ui.structured.celled.table tr th,
.ui.structured.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
  border-right: 1px solid rgba(34, 36, 38, 0.1);
}
/*--------------
   Definition
---------------*/
.ui.definition.table thead:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0px 1px #FFFFFF;
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
  pointer-events: none;
  background: transparent;
  font-weight: rgba(0, 0, 0, 0.4);
  color: normal;
  box-shadow: 1px 1px 0px 1px #FFFFFF;
}
/* Remove Border */
.ui.celled.definition.table thead:not(.full-width) th:first-child {
  box-shadow: 0px -1px 0px 1px #FFFFFF;
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
  box-shadow: 0px 1px 0px 1px #FFFFFF;
}
/* Highlight Defining Column */
.ui.definition.table tr td:first-child:not(.ignored),
.ui.definition.table tr td.definition {
  background: rgba(0, 0, 0, 0.03);
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  text-transform: '';
  box-shadow: '';
  text-align: '';
  font-size: 1em;
  padding-left: '';
  padding-right: '';
}
/* Fix 2nd Column */
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.definition.table td:nth-child(2) {
  border-left: 1px solid rgba(34, 36, 38, 0.15);
}
/*******************************
             States
*******************************/
/*--------------
    Positive
---------------*/
.ui.table tr.positive,
.ui.table td.positive {
  box-shadow: 0px 0px 0px #A3C293 inset;
}
.ui.table tr.positive,
.ui.table td.positive {
  background: var(--common_select_min) !important;
  color: var(--basic-on-bg-primary) !important;
}
/*--------------
     Negative
---------------*/
.ui.table tr.negative,
.ui.table td.negative {
  box-shadow: 0px 0px 0px var(--common_alert) inset;
}
.ui.table tr.negative,
.ui.table td.negative {
  background: #ffd4ca !important;
  color: var(--common_alert) !important;
}
/*--------------
      Error
---------------*/
.ui.table tr.error,
.ui.table td.error {
  box-shadow: 0px 0px 0px var(--common_alert) inset;
}
.ui.table tr.error,
.ui.table td.error {
  background: #ffd4ca !important;
  color: var(--common_alert) !important;
}
/*--------------
     Warning
---------------*/
.ui.table tr.warning,
.ui.table td.warning {
  box-shadow: 0px 0px 0px #C9BA9B inset;
}
.ui.table tr.warning,
.ui.table td.warning {
  background: #FFFAF3 !important;
  color: #573A08 !important;
}
/*--------------
     Active
---------------*/
.ui.table tr.active,
.ui.table td.active {
  box-shadow: 0px 0px 0px var(--basic-on-bg-primary) inset;
}
.ui.table tr.active,
.ui.table td.active {
  background: #E0E0E0 !important;
  color: var(--basic-on-bg-primary) !important;
}
/*--------------
     Disabled
---------------*/
.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(40, 40, 40, 0.3);
}
/*******************************
          Variations
*******************************/
/*--------------
    Stackable
---------------*/
@media only screen and (max-width: 991px) {
  .ui[class*="tablet stackable"].table,
  .ui[class*="tablet stackable"].table tbody,
  .ui[class*="tablet stackable"].table tr,
  .ui[class*="tablet stackable"].table tr > th,
  .ui[class*="tablet stackable"].table tr > td {
    width: 100% !important;
    display: block !important;
  }
  .ui[class*="tablet stackable"].table {
    padding: 0em;
  }
  .ui[class*="tablet stackable"].table thead {
    display: block;
  }
  .ui[class*="tablet stackable"].table tfoot {
    display: block;
  }
  .ui[class*="tablet stackable"].table tr {
    padding-top: 1em;
    padding-bottom: 1em;
    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
  }
  .ui[class*="tablet stackable"].table tr > th,
  .ui[class*="tablet stackable"].table tr > td {
    background: none;
    border: none !important;
    padding: 0.25em 0.75em;
    box-shadow: none !important;
  }
  /* Definition Table */
  .ui.definition[class*="tablet stackable"].table thead th:first-child {
    box-shadow: none !important;
  }
}
/*--------------
 Text Alignment
---------------*/
.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
  text-align: left;
}
.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
  text-align: center;
}
.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
  text-align: right;
}
/*------------------
 Vertical Alignment
------------------*/
.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
  vertical-align: top;
}
.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
  vertical-align: middle;
}
.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
  vertical-align: bottom;
}
/*--------------
    Collapsing
---------------*/
.ui.table th.collapsing,
.ui.table td.collapsing {
  width: 1px;
  white-space: nowrap;
}
/*--------------
     Fixed
---------------*/
.ui.fixed.table {
  table-layout: fixed;
}
.ui.fixed.table th,
.ui.fixed.table td {
  overflow: hidden;
  text-overflow: ellipsis;
}
/*--------------
   Selectable
---------------*/
.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.selectable.inverted.table tbody tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}
/* Selectable Cell Link */
.ui.table tbody tr td.selectable {
  padding: 0em;
}
.ui.table tbody tr td.selectable > a:not(.ui) {
  display: block;
  color: inherit;
  padding: 0.78571429em 0.78571429em;
}
/* Other States */
.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover,
.ui.selectable.table tr:hover td.error {
  background: #ffc8bb !important;
  color: var(--negative-darken-30) !important;
}
.ui.selectable.table tr.warning:hover,
.ui.table tr td.selectable.warning:hover,
.ui.selectable.table tr:hover td.warning {
  background: #fff4e4 !important;
  color: #493107 !important;
}
.ui.selectable.table tr.active:hover,
.ui.table tr td.selectable.active:hover,
.ui.selectable.table tr:hover td.active {
  background: #E0E0E0 !important;
  color: var(--basic-on-bg-primary) !important;
}
.ui.selectable.table tr.positive:hover,
.ui.table tr td.selectable.positive:hover,
.ui.selectable.table tr:hover td.positive {
  background: var(--primary-bg-darker-30) !important;
  color: var(--primary-darken-30) !important;
}
.ui.selectable.table tr.negative:hover,
.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
  background: #ffc8bb !important;
  color: var(--negative-darken-30) !important;
}
/*-------------------
      Attached
--------------------*/
/* Middle */
.ui.attached.table {
  top: 0px;
  bottom: 0px;
  border-radius: 0px;
  margin: 0em -1px;
  width: calc(100% - (-1px * 2));
  max-width: calc(100% - (-1px * 2));
  box-shadow: none;
  border: 1px solid #D4D4D5;
}
.ui.attached + .ui.attached.table:not(.top) {
  border-top: none;
}
/* Top */
.ui[class*="top attached"].table {
  bottom: 0px;
  margin-bottom: 0em;
  top: 0px;
  margin-top: 1em;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.table[class*="top attached"]:first-child {
  margin-top: 0em;
}
/* Bottom */
.ui[class*="bottom attached"].table {
  bottom: 0px;
  margin-top: 0em;
  top: 0px;
  margin-bottom: 1em;
  box-shadow: none, none;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui[class*="bottom attached"].table:last-child {
  margin-bottom: 0em;
}
/*--------------
     Striped
---------------*/
/* Table Striping */
.ui.striped.table > tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 50, 0.02);
}
/* Stripes */
.ui.inverted.striped.table > tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(255, 255, 255, 0.05);
}
/* Allow striped active hover */
.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
  background: #EFEFEF !important;
  color: rgba(0, 0, 0, 0.95) !important;
}
/*--------------
   Single Line
---------------*/
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
  white-space: nowrap;
}
/*-------------------
       Colors
--------------------*/
/* Red */
.ui.red.table {
  border-top: 0.2em solid var(--inputs_border_error);
}
.ui.inverted.red.table {
  background-color: var(--inputs_border_error) !important;
  color: #FFFFFF !important;
}
/* Orange */
.ui.orange.table {
  border-top: 0.2em solid var(--common_alert);
}
.ui.inverted.orange.table {
  background-color: var(--common_alert) !important;
  color: #FFFFFF !important;
}
/* Yellow */
.ui.yellow.table {
  border-top: 0.2em solid #fcc73b;
}
.ui.inverted.yellow.table {
  background-color: #fcc73b !important;
  color: #FFFFFF !important;
}
/* Olive */
.ui.olive.table {
  border-top: 0.2em solid #B5CC18;
}
.ui.inverted.olive.table {
  background-color: #B5CC18 !important;
  color: #FFFFFF !important;
}
/* Green */
.ui.green.table {
  border-top: 0.2em solid #73D822;
}
.ui.inverted.green.table {
  background-color: #73D822 !important;
  color: #FFFFFF !important;
}
/* Teal */
.ui.teal.table {
  border-top: 0.2em solid var(--common_accent);
}
.ui.inverted.teal.table {
  background-color: var(--common_accent) !important;
  color: #FFFFFF !important;
}
/* Blue */
.ui.blue.table {
  border-top: 0.2em solid #199ed8;
}
.ui.inverted.blue.table {
  background-color: #199ed8 !important;
  color: #FFFFFF !important;
}
/* Violet */
.ui.violet.table {
  border-top: 0.2em solid #6b80ef;
}
.ui.inverted.violet.table {
  background-color: #6b80ef !important;
  color: #FFFFFF !important;
}
/* Purple */
.ui.purple.table {
  border-top: 0.2em solid #A333C8;
}
.ui.inverted.purple.table {
  background-color: #A333C8 !important;
  color: #FFFFFF !important;
}
/* Pink */
.ui.pink.table {
  border-top: 0.2em solid #E03997;
}
.ui.inverted.pink.table {
  background-color: #E03997 !important;
  color: #FFFFFF !important;
}
/* Brown */
.ui.brown.table {
  border-top: 0.2em solid #A5673F;
}
.ui.inverted.brown.table {
  background-color: #A5673F !important;
  color: #FFFFFF !important;
}
/* Grey */
.ui.grey.table {
  border-top: 0.2em solid #DCDDDE;
}
.ui.inverted.grey.table {
  background-color: #DCDDDE !important;
  color: #FFFFFF !important;
}
/* Black */
.ui.black.table {
  border-top: 0.2em solid #1B1C1D;
}
.ui.inverted.black.table {
  background-color: #1B1C1D !important;
  color: #FFFFFF !important;
}
/*--------------
  Column Count
---------------*/
/* Grid Based */
.ui.one.column.table td {
  width: 100%;
}
.ui.two.column.table td {
  width: 50%;
}
.ui.three.column.table td {
  width: 33.33333333%;
}
.ui.four.column.table td {
  width: 25%;
}
.ui.five.column.table td {
  width: 20%;
}
.ui.six.column.table td {
  width: 16.66666667%;
}
.ui.seven.column.table td {
  width: 14.28571429%;
}
.ui.eight.column.table td {
  width: 12.5%;
}
.ui.nine.column.table td {
  width: 11.11111111%;
}
.ui.ten.column.table td {
  width: 10%;
}
.ui.eleven.column.table td {
  width: 9.09090909%;
}
.ui.twelve.column.table td {
  width: 8.33333333%;
}
.ui.thirteen.column.table td {
  width: 7.69230769%;
}
.ui.fourteen.column.table td {
  width: 7.14285714%;
}
.ui.fifteen.column.table td {
  width: 6.66666667%;
}
.ui.sixteen.column.table td {
  width: 6.25%;
}
/* Column Width */
.ui.table th.one.wide,
.ui.table td.one.wide {
  width: 6.25%;
}
.ui.table th.two.wide,
.ui.table td.two.wide {
  width: 12.5%;
}
.ui.table th.three.wide,
.ui.table td.three.wide {
  width: 18.75%;
}
.ui.table th.four.wide,
.ui.table td.four.wide {
  width: 25%;
}
.ui.table th.five.wide,
.ui.table td.five.wide {
  width: 31.25%;
}
.ui.table th.six.wide,
.ui.table td.six.wide {
  width: 37.5%;
}
.ui.table th.seven.wide,
.ui.table td.seven.wide {
  width: 43.75%;
}
.ui.table th.eight.wide,
.ui.table td.eight.wide {
  width: 50%;
}
.ui.table th.nine.wide,
.ui.table td.nine.wide {
  width: 56.25%;
}
.ui.table th.ten.wide,
.ui.table td.ten.wide {
  width: 62.5%;
}
.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
  width: 68.75%;
}
.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
  width: 75%;
}
.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
  width: 81.25%;
}
.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
  width: 87.5%;
}
.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
  width: 93.75%;
}
.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
  width: 100%;
}
/*--------------
    Sortable
---------------*/
.ui.sortable.table thead th {
  cursor: pointer;
  white-space: nowrap;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  color: var(--basic-on-bg-primary);
}
.ui.sortable.table thead th:first-child {
  border-left: none;
}
.ui.sortable.table thead th.sorted,
.ui.sortable.table thead th.sorted:hover {
  user-select: none;
}
.ui.sortable.table thead th:after {
  display: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  content: '';
  height: 1em;
  width: auto;
  opacity: 0.8;
  margin: 0em 0em 0em 0.5em;
  font-family: 'Icons';
}
.ui.sortable.table thead th.ascending:after {
  content: '\f0d8';
}
.ui.sortable.table thead th.descending:after {
  content: '\f0d7';
}
/* Hover */
.ui.sortable.table th.disabled:hover {
  cursor: auto;
  color: rgba(40, 40, 40, 0.3);
}
.ui.sortable.table thead th:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
}
/* Sorted */
.ui.sortable.table thead th.sorted {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
.ui.sortable.table thead th.sorted:after {
  display: inline-block;
}
/* Sorted Hover */
.ui.sortable.table thead th.sorted:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
}
/* Inverted */
.ui.inverted.sortable.table thead th.sorted {
  background: rgba(255, 255, 255, 0.15) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th:hover {
  background: rgba(255, 255, 255, 0.08) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  color: #ffffff;
}
.ui.inverted.sortable.table thead th {
  border-left-color: transparent;
  border-right-color: transparent;
}
/*--------------
    Inverted
---------------*/
/* Text Color */
.ui.inverted.table {
  background: #333333;
  color: rgba(255, 255, 255, 0.9);
  border: none;
}
.ui.inverted.table th {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.9) !important;
}
.ui.inverted.table tr td {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.ui.inverted.table tr.disabled td,
.ui.inverted.table tr td.disabled,
.ui.inverted.table tr.disabled:hover td,
.ui.inverted.table tr:hover td.disabled {
  pointer-events: none;
  color: rgba(225, 225, 225, 0.3);
}
/* Definition */
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child,
.ui.inverted.definition.table thead:not(.full-width) th:first-child {
  background: #FFFFFF;
}
.ui.inverted.definition.table tr td:first-child {
  background: rgba(255, 255, 255, 0.02);
  color: #ffffff;
}
/*--------------
   Collapsing
---------------*/
.ui.collapsing.table {
  width: auto;
}
/*--------------
      Basic
---------------*/
.ui.basic.table {
  background: transparent;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
}
.ui.basic.table thead,
.ui.basic.table tfoot {
  box-shadow: none;
}
.ui.basic.table th {
  background: transparent;
  border-left: none;
}
.ui.basic.table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ui.basic.table td {
  background: transparent;
}
.ui.basic.striped.table tbody tr:nth-child(2n) {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
/* Very Basic */
.ui[class*="very basic"].table {
  border: none;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td {
  padding: '';
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child {
  padding-left: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child,
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child {
  padding-right: 0em;
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
  padding-top: 0em;
}
/*--------------
     Celled
---------------*/
.ui.celled.table tr th,
.ui.celled.table tr td {
  border-left: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.celled.table tr th:first-child,
.ui.celled.table tr td:first-child {
  border-left: none;
}
/*--------------
     Padded
---------------*/
.ui.padded.table th {
  padding-left: 1em;
  padding-right: 1em;
}
.ui.padded.table th,
.ui.padded.table td {
  padding: 1em 1em;
}
/* Very */
.ui[class*="very padded"].table th {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.ui[class*="very padded"].table td {
  padding: 1.5em 1.5em;
}
/*--------------
     Compact
---------------*/
.ui.compact.table th {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.ui.compact.table td {
  padding: 0.5em 0.7em;
}
/* Very */
.ui[class*="very compact"].table th {
  padding-left: 0.6em;
  padding-right: 0.6em;
}
.ui[class*="very compact"].table td {
  padding: 0.4em 0.6em;
}
/*--------------
      Sizes
---------------*/
/* Small */
.ui.small.table {
  font-size: 0.9em;
}
/* Standard */
.ui.table {
  font-size: 1em;
}
/* Large */
.ui.large.table {
  font-size: 1.1em;
}
/*******************************
         Theme Overrides
*******************************/
.ui.table thead th {
  font-size: 12px;
}
/* Views */
/*!
 * # Semantic UI - Ad
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
          Advertisement
*******************************/
/*******************************
         Advertisement
*******************************/
.ui.ad {
  display: block;
  overflow: hidden;
  margin: 1em 0em;
}
.ui.ad:first-child {
  margin: 0em;
}
.ui.ad:last-child {
  margin: 0em;
}
.ui.ad iframe {
  margin: 0em;
  padding: 0em;
  border: none;
  overflow: hidden;
}
/*--------------
     Common
---------------*/
/* Leaderboard */
.ui.leaderboard.ad {
  width: 728px;
  height: 90px;
}
/* Medium Rectangle */
.ui[class*="medium rectangle"].ad {
  width: 300px;
  height: 250px;
}
/* Large Rectangle */
.ui[class*="large rectangle"].ad {
  width: 336px;
  height: 280px;
}
/* Half Page */
.ui[class*="half page"].ad {
  width: 300px;
  height: 600px;
}
/*--------------
     Square
---------------*/
/* Square */
.ui.square.ad {
  width: 250px;
  height: 250px;
}
/* Small Square */
.ui[class*="small square"].ad {
  width: 200px;
  height: 200px;
}
/*--------------
    Rectangle
---------------*/
/* Small Rectangle */
.ui[class*="small rectangle"].ad {
  width: 180px;
  height: 150px;
}
/* Vertical Rectangle */
.ui[class*="vertical rectangle"].ad {
  width: 240px;
  height: 400px;
}
/*--------------
     Button
---------------*/
.ui.button.ad {
  width: 120px;
  height: 90px;
}
.ui[class*="square button"].ad {
  width: 125px;
  height: 125px;
}
.ui[class*="small button"].ad {
  width: 120px;
  height: 60px;
}
/*--------------
   Skyscrapers
---------------*/
/* Skyscraper */
.ui.skyscraper.ad {
  width: 120px;
  height: 600px;
}
/* Wide Skyscraper */
.ui[class*="wide skyscraper"].ad {
  width: 160px;
}
/*--------------
     Banners
---------------*/
/* Banner */
.ui.banner.ad {
  width: 468px;
  height: 60px;
}
/* Vertical Banner */
.ui[class*="vertical banner"].ad {
  width: 120px;
  height: 240px;
}
/* Top Banner */
.ui[class*="top banner"].ad {
  width: 930px;
  height: 180px;
}
/* Half Banner */
.ui[class*="half banner"].ad {
  width: 234px;
  height: 60px;
}
/*--------------
    Boards
---------------*/
/* Leaderboard */
.ui[class*="large leaderboard"].ad {
  width: 970px;
  height: 90px;
}
/* Billboard */
.ui.billboard.ad {
  width: 970px;
  height: 250px;
}
/*--------------
    Panorama
---------------*/
/* Panorama */
.ui.panorama.ad {
  width: 980px;
  height: 120px;
}
/*--------------
     Netboard
---------------*/
/* Netboard */
.ui.netboard.ad {
  width: 580px;
  height: 400px;
}
/*--------------
     Mobile
---------------*/
/* Large Mobile Banner */
.ui[class*="large mobile banner"].ad {
  width: 320px;
  height: 100px;
}
/* Mobile Leaderboard */
.ui[class*="mobile leaderboard"].ad {
  width: 320px;
  height: 50px;
}
/*******************************
             Types
*******************************/
/* Mobile Sizes */
.ui.mobile.ad {
  display: none;
}
@media only screen and (max-width: 767px) {
  .ui.mobile.ad {
    display: block;
  }
}
/*******************************
           Variations
*******************************/
.ui.centered.ad {
  margin-left: auto;
  margin-right: auto;
}
.ui.test.ad {
  position: relative;
  background: #999999;
}
.ui.test.ad:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translateX(-50%) translateY(-50%);
  content: 'Ad';
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
}
.ui.mobile.test.ad:after {
  font-size: 0.85714286em;
}
.ui.test.ad[data-text]:after {
  content: attr(data-text);
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Card
*******************************/
/*-------------------
         View
--------------------*/
/* Shadow */
/* Card */
/* Card Group */
/* Consecutive Cards */
/*-------------------
       TerminalTypeModalContent
--------------------*/
/* Image */
/* TerminalTypeModalContent */
/* Header */
/* Metadata */
/* Icons */
/* Links */
/* Description */
/* TerminalTypeModalContent Image */
/* Avatar Image */
/* Paragraph */
/* Dimmer */
/* Additional TerminalTypeModalContent */
/* Extra Links */
/* Buttons */
/*-------------------
      Variations
--------------------*/
/* Link */
/* Raised */
/* Card Count */
/* Stackable */
/* Sizes */
/* Colored */
/*******************************
            Standard
*******************************/
/*--------------
      Card
---------------*/
.ui.cards > .card,
.ui.card {
  max-width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 290px;
  min-height: 0px;
  background: #FFFFFF;
  padding: 0em;
  border: none;
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.1s ease, transform 0.1s ease;
  z-index: '';
}
.ui.card {
  margin: 1em 0em;
}
.ui.cards > .card a,
.ui.card a {
  cursor: pointer;
}
.ui.card:first-child {
  margin-top: 0em;
}
.ui.card:last-child {
  margin-bottom: 0em;
}
/*--------------
      Cards
---------------*/
.ui.cards {
  display: flex;
  margin: -0.875em -0.5em;
  flex-wrap: wrap;
}
.ui.cards > .card {
  display: flex;
  margin: 0.875em 0.5em;
  float: none;
}
/* Clearing */
.ui.cards:after,
.ui.card:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* Consecutive Card Groups Preserve Row Spacing */
.ui.cards ~ .ui.cards {
  margin-top: 0.875em;
}
/*--------------
  Rounded Edges
---------------*/
.ui.cards > .card > :first-child,
.ui.card > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
  border-top: none !important;
}
.ui.cards > .card > :last-child,
.ui.card > :last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
.ui.cards > .card > :only-child,
.ui.card > :only-child {
  border-radius: 0.28571429rem !important;
}
/*--------------
     Images
---------------*/
.ui.cards > .card > .image,
.ui.card > .image {
  position: relative;
  display: block;
  flex: 0 0 auto;
  padding: 0em;
  background: rgba(0, 0, 0, 0.05);
}
.ui.cards > .card > .image > img,
.ui.card > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}
.ui.cards > .card > .image:not(.ui) > img,
.ui.card > .image:not(.ui) > img {
  border: none;
}
/*--------------
     Content
---------------*/
.ui.cards > .card > .content,
.ui.card > .content {
  flex-grow: 1;
  border: none;
  border-top: none;
  background: none;
  margin: 0em;
  padding: 1.5em 1.5em;
  box-shadow: none;
  font-size: 1em;
  border-radius: 0em;
}
.ui.cards > .card > .content:after,
.ui.card > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.cards > .card > .content > .header,
.ui.card > .content > .header {
  display: block;
  margin: '';
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--common_accent);
}
/* Default Header Size */
.ui.cards > .card > .content > .header:not(.ui),
.ui.card > .content > .header:not(.ui) {
  font-weight: bold;
  font-size: 1.28571429em;
  margin-top: -0.21425em;
  line-height: 1.28571429em;
}
.ui.cards > .card > .content > .meta + .description,
.ui.cards > .card > .content > .header + .description,
.ui.card > .content > .meta + .description,
.ui.card > .content > .header + .description {
  margin-top: 0.5em;
}
/*----------------
 Floated Content
-----------------*/
.ui.cards > .card [class*="left floated"],
.ui.card [class*="left floated"] {
  float: left;
}
.ui.cards > .card [class*="right floated"],
.ui.card [class*="right floated"] {
  float: right;
}
/*--------------
     Aligned
---------------*/
.ui.cards > .card [class*="left aligned"],
.ui.card [class*="left aligned"] {
  text-align: left;
}
.ui.cards > .card [class*="center aligned"],
.ui.card [class*="center aligned"] {
  text-align: center;
}
.ui.cards > .card [class*="right aligned"],
.ui.card [class*="right aligned"] {
  text-align: right;
}
/*--------------
  Content Image
---------------*/
.ui.cards > .card .content img,
.ui.card .content img {
  display: inline-block;
  vertical-align: middle;
  width: '';
}
.ui.cards > .card img.avatar,
.ui.cards > .card .avatar img,
.ui.card img.avatar,
.ui.card .avatar img {
  width: 2em;
  height: 2em;
  border-radius: 500rem;
}
/*--------------
   Description
---------------*/
.ui.cards > .card > .content > .description,
.ui.card > .content > .description {
  clear: both;
  color: rgba(0, 0, 0, 0.68);
}
/*--------------
    Paragraph
---------------*/
.ui.cards > .card > .content p,
.ui.card > .content p {
  margin: 0em 0em 0.5em;
}
.ui.cards > .card > .content p:last-child,
.ui.card > .content p:last-child {
  margin-bottom: 0em;
}
/*--------------
      Meta
---------------*/
.ui.cards > .card .meta,
.ui.card .meta {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card .meta *,
.ui.card .meta * {
  margin-right: 0.3em;
}
.ui.cards > .card .meta :last-child,
.ui.card .meta :last-child {
  margin-right: 0em;
}
.ui.cards > .card .meta [class*="right floated"],
.ui.card .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em;
}
/*--------------
      Links
---------------*/
/* Generic */
.ui.cards > .card > .content a:not(.ui),
.ui.card > .content a:not(.ui) {
  color: '';
  transition: color 0.1s ease;
}
.ui.cards > .card > .content a:not(.ui):hover,
.ui.card > .content a:not(.ui):hover {
  color: '';
}
/* Header */
.ui.cards > .card > .content > a.header,
.ui.card > .content > a.header {
  color: var(--common_accent);
}
.ui.cards > .card > .content > a.header:hover,
.ui.card > .content > a.header:hover {
  color: var(--link-darken-20-saturate-15);
}
/* Meta */
.ui.cards > .card .meta > a:not(.ui),
.ui.card .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card .meta > a:not(.ui):hover,
.ui.card .meta > a:not(.ui):hover {
  color: var(--basic-on-bg-primary);
}
/*--------------
     Buttons
---------------*/
.ui.cards > .card > .buttons,
.ui.card > .buttons,
.ui.cards > .card > .button,
.ui.card > .button {
  margin: 0px -1px;
  width: calc(100% +  2px );
}
/*--------------
      Dimmer
---------------*/
.ui.cards > .card .dimmer,
.ui.card .dimmer {
  background-color: '';
  z-index: 10;
}
/*--------------
     Labels
---------------*/
/*-----Star----- */
/* Icon */
.ui.cards > .card > .content .star.icon,
.ui.card > .content .star.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content .star.icon:hover,
.ui.card > .content .star.icon:hover {
  opacity: 1;
  color: #FFB70A;
}
.ui.cards > .card > .content .active.star.icon,
.ui.card > .content .active.star.icon {
  color: #FFE623;
}
/*-----Like----- */
/* Icon */
.ui.cards > .card > .content .like.icon,
.ui.card > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.1s ease;
}
.ui.cards > .card > .content .like.icon:hover,
.ui.card > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}
.ui.cards > .card > .content .active.like.icon,
.ui.card > .content .active.like.icon {
  color: #FF2733;
}
/*----------------
  Extra Content
-----------------*/
.ui.cards > .card > .extra,
.ui.card > .extra {
  max-width: 100%;
  min-height: 0em !important;
  flex-grow: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  position: static;
  background: none;
  width: auto;
  margin: 0em 0em;
  padding: 0.75em 1em;
  top: 0em;
  left: 0em;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  transition: color 0.1s ease;
}
.ui.cards > .card > .extra a:not(.ui),
.ui.card > .extra a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.cards > .card > .extra a:not(.ui):hover,
.ui.card > .extra a:not(.ui):hover {
  color: var(--link-darken-20-saturate-15);
}
/*******************************
           Variations
*******************************/
/*-------------------
       Raised
--------------------*/
.ui.raised.cards > .card,
.ui.raised.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
.ui.raised.cards a.card:hover,
.ui.link.cards .raised.card:hover,
a.ui.raised.card:hover,
.ui.link.raised.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
}
.ui.raised.cards > .card,
.ui.raised.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
/*-------------------
       Centered
--------------------*/
.ui.centered.cards {
  justify-content: center;
}
.ui.centered.card {
  margin-left: auto;
  margin-right: auto;
}
/*-------------------
        Fluid
--------------------*/
.ui.fluid.card {
  width: 100%;
  max-width: 9999px;
}
/*-------------------
        Link
--------------------*/
.ui.cards a.card,
.ui.link.cards .card,
a.ui.card,
.ui.link.card {
  transform: none;
}
.ui.cards a.card:hover,
.ui.link.cards .card:hover,
a.ui.card:hover,
.ui.link.card:hover {
  cursor: pointer;
  z-index: 5;
  background: #FFFFFF;
  border: none;
  box-shadow: 0px 2px 3px 0px #BCBDBD, 0px 0px 0px 1px #ffffff;
  transform: translateY(-3px);
}
/*-------------------
       Colors
--------------------*/
/* Red */
.ui.red.cards > .card,
.ui.cards > .red.card,
.ui.red.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px var(--inputs_border_error), 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.red.cards > .card:hover,
.ui.cards > .red.card:hover,
.ui.red.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px var(--error-darken-05-saturate-10), 0px 2px 3px 0px #BCBDBD;
}
/* Orange */
.ui.orange.cards > .card,
.ui.cards > .orange.card,
.ui.orange.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px var(--common_alert), 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.orange.cards > .card:hover,
.ui.cards > .orange.card:hover,
.ui.orange.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px var(--negative-darken-05-saturate-10), 0px 2px 3px 0px #BCBDBD;
}
/* Yellow */
.ui.yellow.cards > .card,
.ui.cards > .yellow.card,
.ui.yellow.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #fcc73b, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.yellow.cards > .card:hover,
.ui.cards > .yellow.card:hover,
.ui.yellow.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #ffc11f, 0px 2px 3px 0px #BCBDBD;
}
/* Olive */
.ui.olive.cards > .card,
.ui.cards > .olive.card,
.ui.olive.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #B5CC18, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.olive.cards > .card:hover,
.ui.cards > .olive.card:hover,
.ui.olive.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #a7bd0d, 0px 2px 3px 0px #BCBDBD;
}
/* Green */
.ui.green.cards > .card,
.ui.cards > .green.card,
.ui.green.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #73D822, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.green.cards > .card:hover,
.ui.cards > .green.card:hover,
.ui.green.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #66ca16, 0px 2px 3px 0px #BCBDBD;
}
/* Teal */
.ui.teal.cards > .card,
.ui.cards > .teal.card,
.ui.teal.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px var(--common_accent), 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.teal.cards > .card:hover,
.ui.cards > .teal.card:hover,
.ui.teal.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px var(--accent-darken-05-saturate-10), 0px 2px 3px 0px #BCBDBD;
}
/* Blue */
.ui.blue.cards > .card,
.ui.cards > .blue.card,
.ui.blue.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #199ed8, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.blue.cards > .card:hover,
.ui.cards > .blue.card:hover,
.ui.blue.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #0e91ca, 0px 2px 3px 0px #BCBDBD;
}
/* Violet */
.ui.violet.cards > .card,
.ui.cards > .violet.card,
.ui.violet.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #6b80ef, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.violet.cards > .card:hover,
.ui.cards > .violet.card:hover,
.ui.violet.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #4c67f4, 0px 2px 3px 0px #BCBDBD;
}
/* Purple */
.ui.purple.cards > .card,
.ui.cards > .purple.card,
.ui.purple.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #A333C8, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.purple.cards > .card:hover,
.ui.cards > .purple.card:hover,
.ui.purple.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #9627ba, 0px 2px 3px 0px #BCBDBD;
}
/* Pink */
.ui.pink.cards > .card,
.ui.cards > .pink.card,
.ui.pink.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #E03997, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.pink.cards > .card:hover,
.ui.cards > .pink.card:hover,
.ui.pink.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #e61a8d, 0px 2px 3px 0px #BCBDBD;
}
/* Brown */
.ui.brown.cards > .card,
.ui.cards > .brown.card,
.ui.brown.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #A5673F, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.brown.cards > .card:hover,
.ui.cards > .brown.card:hover,
.ui.brown.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #975b33, 0px 2px 3px 0px #BCBDBD;
}
/* Grey */
.ui.grey.cards > .card,
.ui.cards > .grey.card,
.ui.grey.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #DCDDDE, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.grey.cards > .card:hover,
.ui.cards > .grey.card:hover,
.ui.grey.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #e9eaea, 0px 2px 3px 0px #BCBDBD;
}
/* Black */
.ui.black.cards > .card,
.ui.cards > .black.card,
.ui.black.card {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #1B1C1D, 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.ui.black.cards > .card:hover,
.ui.cards > .black.card:hover,
.ui.black.card:hover {
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 2px 0px 0px #27292a, 0px 2px 3px 0px #BCBDBD;
}
/*--------------
   Card Count
---------------*/
.ui.one.cards {
  margin-left: 0em;
  margin-right: 0em;
}
.ui.one.cards > .card {
  width: 100%;
}
.ui.two.cards {
  margin-left: -1em;
  margin-right: -1em;
}
.ui.two.cards > .card {
  width: calc( 50%  -  2em );
  margin-left: 1em;
  margin-right: 1em;
}
.ui.three.cards {
  margin-left: -1em;
  margin-right: -1em;
}
.ui.three.cards > .card {
  width: calc( 33.33333333%  -  2em );
  margin-left: 1em;
  margin-right: 1em;
}
.ui.four.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.four.cards > .card {
  width: calc( 25%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.five.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.five.cards > .card {
  width: calc( 20%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.six.cards {
  margin-left: -0.75em;
  margin-right: -0.75em;
}
.ui.six.cards > .card {
  width: calc( 16.66666667%  -  1.5em );
  margin-left: 0.75em;
  margin-right: 0.75em;
}
.ui.seven.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.seven.cards > .card {
  width: calc( 14.28571429%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.ui.eight.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.eight.cards > .card {
  width: calc( 12.5%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 11px;
}
.ui.nine.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.nine.cards > .card {
  width: calc( 11.11111111%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 10px;
}
.ui.ten.cards {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.ui.ten.cards > .card {
  width: calc( 10%  -  1em );
  margin-left: 0.5em;
  margin-right: 0.5em;
}
/*-------------------
      Doubling
--------------------*/
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.two.doubling.cards {
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.two.doubling.cards > .card {
    width: 100%;
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.three.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.three.doubling.cards > .card {
    width: calc( 50%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.four.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.four.doubling.cards > .card {
    width: calc( 50%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.five.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.five.doubling.cards > .card {
    width: calc( 50%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.six.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.six.doubling.cards > .card {
    width: calc( 50%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.seven.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.seven.doubling.cards > .card {
    width: calc( 33.33333333%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.eight.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.eight.doubling.cards > .card {
    width: calc( 33.33333333%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.nine.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.nine.doubling.cards > .card {
    width: calc( 33.33333333%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.ten.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.ten.doubling.cards > .card {
    width: calc( 33.33333333%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.two.doubling.cards {
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.two.doubling.cards > .card {
    width: 100%;
    margin-left: 0em;
    margin-right: 0em;
  }
  .ui.three.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.three.doubling.cards > .card {
    width: calc( 50%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.four.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.four.doubling.cards > .card {
    width: calc( 50%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.five.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.five.doubling.cards > .card {
    width: calc( 33.33333333%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.six.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.six.doubling.cards > .card {
    width: calc( 33.33333333%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.eight.doubling.cards {
    margin-left: -1em;
    margin-right: -1em;
  }
  .ui.eight.doubling.cards > .card {
    width: calc( 33.33333333%  -  2em );
    margin-left: 1em;
    margin-right: 1em;
  }
  .ui.eight.doubling.cards {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  .ui.eight.doubling.cards > .card {
    width: calc( 25%  -  1.5em );
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .ui.nine.doubling.cards {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  .ui.nine.doubling.cards > .card {
    width: calc( 25%  -  1.5em );
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
  .ui.ten.doubling.cards {
    margin-left: -0.75em;
    margin-right: -0.75em;
  }
  .ui.ten.doubling.cards > .card {
    width: calc( 20%  -  1.5em );
    margin-left: 0.75em;
    margin-right: 0.75em;
  }
}
/*-------------------
      Stackable
--------------------*/
@media only screen and (max-width: 767px) {
  .ui.stackable.cards {
    display: block !important;
  }
  .ui.stackable.cards .card:first-child {
    margin-top: 0em !important;
  }
  .ui.stackable.cards > .card {
    display: block !important;
    height: auto !important;
    margin: 1em 1em;
    padding: 0 !important;
    width: calc( 100%  -  2em ) !important;
  }
}
/*--------------
      Size
---------------*/
.ui.cards > .card {
  font-size: 1em;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Comment
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Comments
*******************************/
/*-------------------
       View
--------------------*/
/*-------------------
      Elements
--------------------*/
/* Comment */
/* Nested Comment */
/* Avatar */
/* TerminalTypeModalContent */
/* Author */
/* Metadata */
/* Text */
/* Actions */
/* Reply */
/*-------------------
      Variations
--------------------*/
/* Threaded */
/* Minimal */
/*******************************
            Standard
*******************************/
/*--------------
    Comments
---------------*/
.ui.comments {
  margin: 1.5em 0em;
  max-width: 650px;
}
.ui.comments:first-child {
  margin-top: 0em;
}
.ui.comments:last-child {
  margin-bottom: 0em;
}
/*--------------
     Comment
---------------*/
.ui.comments .comment {
  position: relative;
  background: none;
  margin: 0.5em 0em 0em;
  padding: 0.5em 0em 0em;
  border: none;
  border-top: none;
  line-height: 1.2;
}
.ui.comments .comment:first-child {
  margin-top: 0em;
  padding-top: 0em;
}
/*--------------------
    Nested Comments
---------------------*/
.ui.comments .comment .comments {
  margin: 0em 0em 0.5em 0.5em;
  padding: 1em 0em 1em 1em;
}
.ui.comments .comment .comments:before {
  position: absolute;
  top: 0px;
  left: 0px;
}
.ui.comments .comment .comments .comment {
  border: none;
  border-top: none;
  background: none;
}
/*--------------
     Avatar
---------------*/
.ui.comments .comment .avatar {
  display: block;
  width: 2.5em;
  height: auto;
  float: left;
  margin: 0.2em 0em 0em;
}
.ui.comments .comment img.avatar,
.ui.comments .comment .avatar img {
  display: block;
  margin: 0em auto;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}
/*--------------
     Content
---------------*/
.ui.comments .comment > .content {
  display: block;
}
/* If there is an avatar move content over */
.ui.comments .comment > .avatar ~ .content {
  margin-left: 3.5em;
}
/*--------------
     Author
---------------*/
.ui.comments .comment .author {
  font-size: 1em;
  color: var(--basic-on-bg-primary);
  font-weight: bold;
}
.ui.comments .comment a.author {
  cursor: pointer;
}
.ui.comments .comment a.author:hover {
  color: var(--link-darken-20-saturate-15);
}
/*--------------
     Metadata
---------------*/
.ui.comments .comment .metadata {
  display: inline-block;
  margin-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875em;
}
.ui.comments .comment .metadata > * {
  display: inline-block;
  margin: 0em 0.5em 0em 0em;
}
.ui.comments .comment .metadata > :last-child {
  margin-right: 0em;
}
/*--------------------
     Comment Text
---------------------*/
.ui.comments .comment .text {
  margin: 0.25em 0em 0.5em;
  font-size: 1em;
  word-wrap: break-word;
  color: var(--basic-on-bg-primary);
  line-height: 1.3;
}
/*--------------------
     User Actions
---------------------*/
.ui.comments .comment .actions {
  font-size: 0.875em;
}
.ui.comments .comment .actions a {
  cursor: pointer;
  display: inline-block;
  margin: 0em 0.75em 0em 0em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.comments .comment .actions a:last-child {
  margin-right: 0em;
}
.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
  color: rgba(0, 0, 0, 0.8);
}
/*--------------------
      Reply Form
---------------------*/
.ui.comments > .reply.form {
  margin-top: 1em;
}
.ui.comments .comment .reply.form {
  width: 100%;
  margin-top: 1em;
}
.ui.comments .reply.form textarea {
  font-size: 1em;
  height: 12em;
}
/*******************************
            State
*******************************/
.ui.collapsed.comments,
.ui.comments .collapsed.comments,
.ui.comments .collapsed.comment {
  display: none;
}
/*******************************
           Variations
*******************************/
/*--------------------
        Threaded
---------------------*/
.ui.threaded.comments .comment .comments {
  margin: -1.5em 0 -1em 1.25em;
  padding: 3em 0em 2em 2.25em;
  box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/*--------------------
        Minimal
---------------------*/
.ui.minimal.comments .comment .actions {
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  transition: opacity 0.2s ease;
  transition-delay: 0.1s;
}
.ui.minimal.comments .comment > .content:hover > .actions {
  opacity: 1;
}
/*-------------------
        Sizes
--------------------*/
.ui.mini.comments {
  font-size: 0.78571429rem;
}
.ui.tiny.comments {
  font-size: 0.85714286rem;
}
.ui.small.comments {
  font-size: 0.92857143rem;
}
.ui.comments {
  font-size: 1rem;
}
.ui.large.comments {
  font-size: 1.14285714rem;
}
.ui.big.comments {
  font-size: 1.28571429rem;
}
.ui.huge.comments {
  font-size: 1.42857143rem;
}
.ui.massive.comments {
  font-size: 1.71428571rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Feed
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Feed
*******************************/
/*-------------------
        Feed
--------------------*/
/*-------------------
      Elements
--------------------*/
/* Event */
/* Event Label */
/* Icon Label */
/* Image Label */
/* TerminalTypeModalContent w/ Label */
/* TerminalTypeModalContent */
/* Date */
/* Summary */
/* Summary Image */
/* Summary Date */
/* User */
/* Extra Summary Data */
/* Extra Images */
/* Extra Text */
/* Metadata Group */
/* Like */
/* Metadata Divider */
/*-------------------
      Variations
--------------------*/
/*******************************
         Activity Feed
*******************************/
.ui.feed {
  margin: 1em 0em;
}
.ui.feed:first-child {
  margin-top: 0em;
}
.ui.feed:last-child {
  margin-bottom: 0em;
}
/*******************************
            Content
*******************************/
/* Event */
.ui.feed > .event {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0.21428571rem 0em;
  margin: 0em;
  background: none;
  border-top: none;
}
.ui.feed > .event:first-child {
  border-top: 0px;
  padding-top: 0em;
}
.ui.feed > .event:last-child {
  padding-bottom: 0em;
}
/* Event Label */
.ui.feed > .event > .label {
  display: block;
  flex: 0 0 auto;
  width: 2.5em;
  height: auto;
  align-self: stretch;
  text-align: left;
}
.ui.feed > .event > .label .icon {
  opacity: 1;
  font-size: 1.5em;
  width: 100%;
  padding: 0.25em;
  background: none;
  border: none;
  border-radius: none;
  color: rgba(0, 0, 0, 0.6);
}
.ui.feed > .event > .label img {
  width: 100%;
  height: auto;
  border-radius: 500rem;
}
.ui.feed > .event > .label + .content {
  margin: 0.5em 0em 0.35714286em 1.14285714em;
}
/*--------------
     Content
---------------*/
/* Content */
.ui.feed > .event > .content {
  display: block;
  flex: 1 1 auto;
  align-self: stretch;
  text-align: left;
  word-wrap: break-word;
}
.ui.feed > .event:last-child > .content {
  padding-bottom: 0em;
}
/* Link */
.ui.feed > .event > .content a {
  cursor: pointer;
}
/*--------------
      Date
---------------*/
.ui.feed > .event > .content .date {
  margin: -0.5rem 0em 0em;
  padding: 0em;
  font-weight: normal;
  font-size: 1em;
  font-style: normal;
  color: rgba(0, 0, 0, 0.4);
}
/*--------------
     Summary
---------------*/
.ui.feed > .event > .content .summary {
  margin: 0em;
  font-size: 1em;
  font-weight: bold;
  color: var(--basic-on-bg-primary);
}
/* Summary Image */
.ui.feed > .event > .content .summary img {
  display: inline-block;
  width: auto;
  height: 10em;
  margin: -0.25em 0.25em 0em 0em;
  border-radius: 0.25em;
  vertical-align: middle;
}
/*--------------
      User
---------------*/
.ui.feed > .event > .content .user {
  display: inline-block;
  font-weight: bold;
  margin-right: 0em;
  vertical-align: baseline;
}
.ui.feed > .event > .content .user img {
  margin: -0.25em 0.25em 0em 0em;
  width: auto;
  height: 10em;
  vertical-align: middle;
}
/*--------------
   Inline Date
---------------*/
/* Date inside Summary */
.ui.feed > .event > .content .summary > .date {
  display: inline-block;
  float: none;
  font-weight: normal;
  font-size: 0.85714286em;
  font-style: normal;
  margin: 0em 0em 0em 0.5em;
  padding: 0em;
  color: rgba(0, 0, 0, 0.4);
}
/*--------------
  Extra Summary
---------------*/
.ui.feed > .event > .content .extra {
  margin: 0.5em 0em 0em;
  background: none;
  padding: 0em;
  color: var(--basic-on-bg-primary);
}
/* Images */
.ui.feed > .event > .content .extra.images img {
  display: inline-block;
  margin: 0em 0.25em 0em 0em;
  width: 6em;
}
/* Text */
.ui.feed > .event > .content .extra.text {
  padding: 0em;
  border-left: none;
  font-size: 1em;
  max-width: 500px;
  line-height: 1.4285em;
}
/*--------------
      Meta
---------------*/
.ui.feed > .event > .content .meta {
  display: inline-block;
  font-size: 0.85714286em;
  margin: 0.5em 0em 0em;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0em;
  color: rgba(0, 0, 0, 0.6);
}
.ui.feed > .event > .content .meta > * {
  position: relative;
  margin-left: 0.75em;
}
.ui.feed > .event > .content .meta > *:after {
  content: '';
  color: rgba(0, 0, 0, 0.2);
  top: 0em;
  left: -1em;
  opacity: 1;
  position: absolute;
  vertical-align: top;
}
.ui.feed > .event > .content .meta .like {
  color: '';
  transition: 0.2s color ease;
}
.ui.feed > .event > .content .meta .like:hover .icon {
  color: #FF2733;
}
.ui.feed > .event > .content .meta .active.like .icon {
  color: #EF404A;
}
/* First element */
.ui.feed > .event > .content .meta > :first-child {
  margin-left: 0em;
}
.ui.feed > .event > .content .meta > :first-child::after {
  display: none;
}
/* Action */
.ui.feed > .event > .content .meta a,
.ui.feed > .event > .content .meta > .icon {
  cursor: pointer;
  opacity: 1;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.1s ease;
}
.ui.feed > .event > .content .meta a:hover,
.ui.feed > .event > .content .meta a:hover .icon,
.ui.feed > .event > .content .meta > .icon:hover {
  color: rgba(0, 0, 0, 0.95);
}
/*******************************
            Variations
*******************************/
.ui.small.feed {
  font-size: 0.92857143rem;
}
.ui.feed {
  font-size: 1rem;
}
.ui.large.feed {
  font-size: 1.14285714rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Item
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Item
*******************************/
/*-------------------
         View
--------------------*/
/* Group */
/* Item */
/* Responsive */
/*-------------------
       TerminalTypeModalContent
--------------------*/
/* Image */
/* TerminalTypeModalContent */
/* Header */
/* Metadata */
/* Icons */
/* Actions */
/* Links */
/* Description */
/* TerminalTypeModalContent Image */
/* Avatar Image */
/* Paragraph */
/* Additional TerminalTypeModalContent */
/*-------------------
      Variations
--------------------*/
/* Relaxed */
/* Divided */
/* Unstackable */
/*******************************
            Standard
*******************************/
/*--------------
      Item
---------------*/
.ui.items > .item {
  display: flex;
  margin: 1em 0em;
  width: 100%;
  min-height: 0px;
  background: transparent;
  padding: 0em;
  border: none;
  border-radius: 0rem;
  box-shadow: none;
  transition: box-shadow 0.1s ease;
  z-index: '';
}
.ui.items > .item a {
  cursor: pointer;
}
/*--------------
      Items
---------------*/
.ui.items {
  margin: 1.5em 0em;
}
.ui.items:first-child {
  margin-top: 0em !important;
}
.ui.items:last-child {
  margin-bottom: 0em !important;
}
/*--------------
      Item
---------------*/
.ui.items > .item:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item:first-child {
  margin-top: 0em;
}
.ui.items > .item:last-child {
  margin-bottom: 0em;
}
/*--------------
     Images
---------------*/
.ui.items > .item > .image {
  position: relative;
  flex: 0 0 auto;
  display: block;
  float: none;
  margin: 0em;
  padding: 0em;
  max-height: '';
  align-self: top;
}
.ui.items > .item > .image > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.125rem;
  border: none;
}
.ui.items > .item > .image:only-child > img {
  border-radius: 0rem;
}
/*--------------
     Content
---------------*/
.ui.items > .item > .content {
  display: block;
  flex: 1 1 auto;
  background: none;
  margin: 0em;
  padding: 0em;
  box-shadow: none;
  font-size: 1em;
  border: none;
  border-radius: 0em;
}
.ui.items > .item > .content:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.items > .item > .image + .content {
  min-width: 0;
  width: auto;
  display: block;
  margin-left: 0em;
  align-self: top;
  padding-left: 1.5em;
}
.ui.items > .item > .content > .header {
  display: inline-block;
  margin: -0.21425em 0em 0em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
/* Default Header Size */
.ui.items > .item > .content > .header:not(.ui) {
  font-size: 1.28571429em;
}
/*--------------
     Floated
---------------*/
.ui.items > .item [class*="left floated"] {
  float: left;
}
.ui.items > .item [class*="right floated"] {
  float: right;
}
/*--------------
  Content Image
---------------*/
.ui.items > .item .content img {
  align-self: middle;
  width: '';
}
.ui.items > .item img.avatar,
.ui.items > .item .avatar img {
  width: '';
  height: '';
  border-radius: 500rem;
}
/*--------------
   Description
---------------*/
.ui.items > .item > .content > .description {
  margin-top: 0.6em;
  max-width: auto;
  font-size: 1em;
  line-height: 1.4285em;
  color: var(--basic-on-bg-primary);
}
/*--------------
    Paragraph
---------------*/
.ui.items > .item > .content p {
  margin: 0em 0em 0.5em;
}
.ui.items > .item > .content p:last-child {
  margin-bottom: 0em;
}
/*--------------
      Meta
---------------*/
.ui.items > .item .meta {
  margin: 0.5em 0em 0.5em;
  font-size: 1em;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.6);
}
.ui.items > .item .meta * {
  margin-right: 0.3em;
}
.ui.items > .item .meta :last-child {
  margin-right: 0em;
}
.ui.items > .item .meta [class*="right floated"] {
  margin-right: 0em;
  margin-left: 0.3em;
}
/*--------------
      Links
---------------*/
/* Generic */
.ui.items > .item > .content a:not(.ui) {
  color: '';
  transition: color 0.1s ease;
}
.ui.items > .item > .content a:not(.ui):hover {
  color: '';
}
/* Header */
.ui.items > .item > .content > a.header {
  color: rgba(0, 0, 0, 0.85);
}
.ui.items > .item > .content > a.header:hover {
  color: var(--link-darken-20-saturate-15);
}
/* Meta */
.ui.items > .item .meta > a:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.items > .item .meta > a:not(.ui):hover {
  color: var(--basic-on-bg-primary);
}
/*--------------
     Labels
---------------*/
/*-----Star----- */
/* Icon */
.ui.items > .item > .content .favorite.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.1s ease;
}
.ui.items > .item > .content .favorite.icon:hover {
  opacity: 1;
  color: #FFB70A;
}
.ui.items > .item > .content .active.favorite.icon {
  color: #FFE623;
}
/*-----Like----- */
/* Icon */
.ui.items > .item > .content .like.icon {
  cursor: pointer;
  opacity: 0.75;
  transition: color 0.1s ease;
}
.ui.items > .item > .content .like.icon:hover {
  opacity: 1;
  color: #FF2733;
}
.ui.items > .item > .content .active.like.icon {
  color: #FF2733;
}
/*----------------
  Extra Content
-----------------*/
.ui.items > .item .extra {
  display: block;
  position: relative;
  background: none;
  margin: 0.5rem 0em 0em;
  width: 100%;
  padding: 0em 0em 0em;
  top: 0em;
  left: 0em;
  color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
  transition: color 0.1s ease;
  border-top: none;
}
.ui.items > .item .extra > * {
  margin: 0.25rem 0.5rem 0.25rem 0em;
}
.ui.items > .item .extra > [class*="right floated"] {
  margin: 0.25rem 0em 0.25rem 0.5rem;
}
.ui.items > .item .extra:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/*******************************
          Responsive
*******************************/
/* Default Image Width */
.ui.items > .item > .image:not(.ui) {
  width: 175px;
}
/* Tablet Only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.items > .item {
    margin: 1em 0em;
  }
  .ui.items > .item > .image:not(.ui) {
    width: 150px;
  }
  .ui.items > .item > .image + .content {
    display: block;
    padding: 0em 0em 0em 1em;
  }
}
/* Mobile Only */
@media only screen and (max-width: 767px) {
  .ui.items:not(.unstackable) > .item {
    flex-direction: column;
    margin: 2em 0em;
  }
  .ui.items:not(.unstackable) > .item > .image {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .ui.items:not(.unstackable) > .item > .image,
  .ui.items:not(.unstackable) > .item > .image > img {
    max-width: 100% !important;
    width: auto !important;
    max-height: 250px !important;
  }
  .ui.items:not(.unstackable) > .item > .image + .content {
    display: block;
    padding: 1.5em 0em 0em;
  }
}
/*******************************
           Variations
*******************************/
/*-------------------
       Aligned
--------------------*/
.ui.items > .item > .image + [class*="top aligned"].content {
  align-self: flex-start;
}
.ui.items > .item > .image + [class*="middle aligned"].content {
  align-self: center;
}
.ui.items > .item > .image + [class*="bottom aligned"].content {
  align-self: flex-end;
}
/*--------------
     Relaxed
---------------*/
.ui.relaxed.items > .item {
  margin: 1.5em 0em;
}
.ui[class*="very relaxed"].items > .item {
  margin: 2em 0em;
}
/*-------------------
      Divided
--------------------*/
.ui.divided.items > .item {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  margin: 0em;
  padding: 1em 0em;
}
.ui.divided.items > .item:first-child {
  border-top: none;
  margin-top: 0em !important;
  padding-top: 0em !important;
}
.ui.divided.items > .item:last-child {
  margin-bottom: 0em !important;
  padding-bottom: 0em !important;
}
/* Relaxed Divided */
.ui.relaxed.divided.items > .item {
  margin: 0em;
  padding: 1.5em 0em;
}
.ui[class*="very relaxed"].divided.items > .item {
  margin: 0em;
  padding: 2em 0em;
}
/*-------------------
        Link
--------------------*/
.ui.items a.item:hover,
.ui.link.items > .item:hover {
  cursor: pointer;
}
.ui.items a.item:hover .content .header,
.ui.link.items > .item:hover .content .header {
  color: var(--link-darken-20-saturate-15);
}
/*--------------
      Size
---------------*/
.ui.items > .item {
  font-size: 1em;
}
/*---------------
   Unstackable
----------------*/
@media only screen and (max-width: 767px) {
  .ui.unstackable.items > .item > .image,
  .ui.unstackable.items > .item > .image > img {
    width: 125px !important;
  }
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Statistic
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
           Statistic
*******************************/
/*-------------------
         View
--------------------*/
/* Group */
/* Group Element */
/*-------------------
       TerminalTypeModalContent
--------------------*/
/* Value */
/* Label */
/* Text */
/* Label Image */
/*-------------------
      Types
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Floated */
/* Inverted */
/* Item Width */
/* Size */
/*******************************
           Statistic
*******************************/
/* Standalone */
.ui.statistic {
  display: inline-flex;
  flex-direction: column;
  margin: 1em 0em;
  max-width: auto;
}
.ui.statistic + .ui.statistic {
  margin: 0em 0em 0em 1.5em;
}
.ui.statistic:first-child {
  margin-top: 0em;
}
.ui.statistic:last-child {
  margin-bottom: 0em;
}
/*******************************
            Group
*******************************/
/* Grouped */
.ui.statistics {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.ui.statistics > .statistic {
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  margin: 0em 1.5em 1em;
  max-width: auto;
}
.ui.statistics {
  display: flex;
  margin: 1em -1.5em -1em;
}
/* Clearing */
.ui.statistics:after {
  display: block;
  content: ' ';
  height: 0px;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui.statistics:first-child {
  margin-top: 0em;
}
/*******************************
            Content
*******************************/
/*--------------
      Value
---------------*/
.ui.statistics .statistic > .value,
.ui.statistic > .value {
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1em;
  color: #1B1C1D;
  text-transform: uppercase;
  text-align: center;
}
/*--------------
     Label
---------------*/
.ui.statistics .statistic > .label,
.ui.statistic > .label {
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: var(--basic-on-bg-primary);
  text-transform: uppercase;
  text-align: center;
}
/* Top Label */
.ui.statistics .statistic > .label ~ .value,
.ui.statistic > .label ~ .value {
  margin-top: 0rem;
}
/* Bottom Label */
.ui.statistics .statistic > .value ~ .label,
.ui.statistic > .value ~ .label {
  margin-top: 0rem;
}
/*******************************
             Types
*******************************/
/*--------------
   Icon Value
---------------*/
.ui.statistics .statistic > .value .icon,
.ui.statistic > .value .icon {
  opacity: 1;
  width: auto;
  margin: 0em;
}
/*--------------
   Text Value
---------------*/
.ui.statistics .statistic > .text.value,
.ui.statistic > .text.value {
  line-height: 1em;
  min-height: 2em;
  font-weight: bold;
  text-align: center;
}
.ui.statistics .statistic > .text.value + .label,
.ui.statistic > .text.value + .label {
  text-align: center;
}
/*--------------
   Image Value
---------------*/
.ui.statistics .statistic > .value img,
.ui.statistic > .value img {
  max-height: 3rem;
  vertical-align: baseline;
}
/*******************************
            Variations
*******************************/
/*--------------
      Count
---------------*/
.ui.ten.statistics {
  margin: 0em 0em -1em;
}
.ui.ten.statistics .statistic {
  min-width: 10%;
  margin: 0em 0em 1em;
}
.ui.nine.statistics {
  margin: 0em 0em -1em;
}
.ui.nine.statistics .statistic {
  min-width: 11.11111111%;
  margin: 0em 0em 1em;
}
.ui.eight.statistics {
  margin: 0em 0em -1em;
}
.ui.eight.statistics .statistic {
  min-width: 12.5%;
  margin: 0em 0em 1em;
}
.ui.seven.statistics {
  margin: 0em 0em -1em;
}
.ui.seven.statistics .statistic {
  min-width: 14.28571429%;
  margin: 0em 0em 1em;
}
.ui.six.statistics {
  margin: 0em 0em -1em;
}
.ui.six.statistics .statistic {
  min-width: 16.66666667%;
  margin: 0em 0em 1em;
}
.ui.five.statistics {
  margin: 0em 0em -1em;
}
.ui.five.statistics .statistic {
  min-width: 20%;
  margin: 0em 0em 1em;
}
.ui.four.statistics {
  margin: 0em 0em -1em;
}
.ui.four.statistics .statistic {
  min-width: 25%;
  margin: 0em 0em 1em;
}
.ui.three.statistics {
  margin: 0em 0em -1em;
}
.ui.three.statistics .statistic {
  min-width: 33.33333333%;
  margin: 0em 0em 1em;
}
.ui.two.statistics {
  margin: 0em 0em -1em;
}
.ui.two.statistics .statistic {
  min-width: 50%;
  margin: 0em 0em 1em;
}
.ui.one.statistics {
  margin: 0em 0em -1em;
}
.ui.one.statistics .statistic {
  min-width: 100%;
  margin: 0em 0em 1em;
}
/*--------------
   Horizontal
---------------*/
.ui.horizontal.statistic {
  flex-direction: row;
  align-items: center;
}
.ui.horizontal.statistics {
  flex-direction: column;
  margin: 0em;
  max-width: none;
}
.ui.horizontal.statistics .statistic {
  flex-direction: row;
  align-items: center;
  max-width: none;
  margin: 1em 0em;
}
.ui.horizontal.statistic > .text.value,
.ui.horizontal.statistics > .statistic > .text.value {
  min-height: 0em !important;
}
.ui.horizontal.statistics .statistic > .value .icon,
.ui.horizontal.statistic > .value .icon {
  width: 1.18em;
}
.ui.horizontal.statistics .statistic > .value,
.ui.horizontal.statistic > .value {
  display: inline-block;
  vertical-align: middle;
}
.ui.horizontal.statistics .statistic > .label,
.ui.horizontal.statistic > .label {
  display: inline-block;
  vertical-align: middle;
  margin: 0em 0em 0em 0.75em;
}
/*--------------
     Colors
---------------*/
.ui.red.statistics .statistic > .value,
.ui.statistics .red.statistic > .value,
.ui.red.statistic > .value {
  color: var(--inputs_border_error);
}
.ui.orange.statistics .statistic > .value,
.ui.statistics .orange.statistic > .value,
.ui.orange.statistic > .value {
  color: var(--common_alert);
}
.ui.yellow.statistics .statistic > .value,
.ui.statistics .yellow.statistic > .value,
.ui.yellow.statistic > .value {
  color: #fcc73b;
}
.ui.olive.statistics .statistic > .value,
.ui.statistics .olive.statistic > .value,
.ui.olive.statistic > .value {
  color: #B5CC18;
}
.ui.green.statistics .statistic > .value,
.ui.statistics .green.statistic > .value,
.ui.green.statistic > .value {
  color: #73D822;
}
.ui.teal.statistics .statistic > .value,
.ui.statistics .teal.statistic > .value,
.ui.teal.statistic > .value {
  color: var(--common_accent);
}
.ui.blue.statistics .statistic > .value,
.ui.statistics .blue.statistic > .value,
.ui.blue.statistic > .value {
  color: #199ed8;
}
.ui.violet.statistics .statistic > .value,
.ui.statistics .violet.statistic > .value,
.ui.violet.statistic > .value {
  color: #6b80ef;
}
.ui.purple.statistics .statistic > .value,
.ui.statistics .purple.statistic > .value,
.ui.purple.statistic > .value {
  color: #A333C8;
}
.ui.pink.statistics .statistic > .value,
.ui.statistics .pink.statistic > .value,
.ui.pink.statistic > .value {
  color: #E03997;
}
.ui.brown.statistics .statistic > .value,
.ui.statistics .brown.statistic > .value,
.ui.brown.statistic > .value {
  color: #A5673F;
}
.ui.grey.statistics .statistic > .value,
.ui.statistics .grey.statistic > .value,
.ui.grey.statistic > .value {
  color: #DCDDDE;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.statistics .statistic > .value,
.ui.inverted.statistic .value {
  color: #FFFFFF;
}
.ui.inverted.statistics .statistic > .label,
.ui.inverted.statistic .label {
  color: rgba(255, 255, 255, 0.9);
}
.ui.inverted.red.statistics .statistic > .value,
.ui.statistics .inverted.red.statistic > .value,
.ui.inverted.red.statistic > .value {
  color: #FF695E;
}
.ui.inverted.orange.statistics .statistic > .value,
.ui.statistics .inverted.orange.statistic > .value,
.ui.inverted.orange.statistic > .value {
  color: #FF851B;
}
.ui.inverted.yellow.statistics .statistic > .value,
.ui.statistics .inverted.yellow.statistic > .value,
.ui.inverted.yellow.statistic > .value {
  color: #FFE21F;
}
.ui.inverted.olive.statistics .statistic > .value,
.ui.statistics .inverted.olive.statistic > .value,
.ui.inverted.olive.statistic > .value {
  color: #D9E778;
}
.ui.inverted.green.statistics .statistic > .value,
.ui.statistics .inverted.green.statistic > .value,
.ui.inverted.green.statistic > .value {
  color: #2ECC40;
}
.ui.inverted.teal.statistics .statistic > .value,
.ui.statistics .inverted.teal.statistic > .value,
.ui.inverted.teal.statistic > .value {
  color: #b2e8e0;
}
.ui.inverted.blue.statistics .statistic > .value,
.ui.statistics .inverted.blue.statistic > .value,
.ui.inverted.blue.statistic > .value {
  color: #54c2f7;
}
.ui.inverted.violet.statistics .statistic > .value,
.ui.statistics .inverted.violet.statistic > .value,
.ui.inverted.violet.statistic > .value {
  color: #A291FB;
}
.ui.inverted.purple.statistics .statistic > .value,
.ui.statistics .inverted.purple.statistic > .value,
.ui.inverted.purple.statistic > .value {
  color: #f48ef5;
}
.ui.inverted.pink.statistics .statistic > .value,
.ui.statistics .inverted.pink.statistic > .value,
.ui.inverted.pink.statistic > .value {
  color: #FF8EDF;
}
.ui.inverted.brown.statistics .statistic > .value,
.ui.statistics .inverted.brown.statistic > .value,
.ui.inverted.brown.statistic > .value {
  color: #D67C1C;
}
.ui.inverted.grey.statistics .statistic > .value,
.ui.statistics .inverted.grey.statistic > .value,
.ui.inverted.grey.statistic > .value {
  color: #ECECEC;
}
/*--------------
    Floated
---------------*/
.ui[class*="left floated"].statistic {
  float: left;
  margin: 0em 2em 1em 0em;
}
.ui[class*="right floated"].statistic {
  float: right;
  margin: 0em 0em 1em 2em;
}
.ui.floated.statistic:last-child {
  margin-bottom: 0em;
}
/*--------------
     Sizes
---------------*/
/* Mini */
.ui.mini.statistics .statistic > .value,
.ui.mini.statistic > .value {
  font-size: 1.5rem !important;
}
.ui.mini.horizontal.statistics .statistic > .value,
.ui.mini.horizontal.statistic > .value {
  font-size: 1.5rem !important;
}
.ui.mini.statistics .statistic > .text.value,
.ui.mini.statistic > .text.value {
  font-size: 1rem !important;
}
/* Tiny */
.ui.tiny.statistics .statistic > .value,
.ui.tiny.statistic > .value {
  font-size: 2rem !important;
}
.ui.tiny.horizontal.statistics .statistic > .value,
.ui.tiny.horizontal.statistic > .value {
  font-size: 2rem !important;
}
.ui.tiny.statistics .statistic > .text.value,
.ui.tiny.statistic > .text.value {
  font-size: 1rem !important;
}
/* Small */
.ui.small.statistics .statistic > .value,
.ui.small.statistic > .value {
  font-size: 3rem !important;
}
.ui.small.horizontal.statistics .statistic > .value,
.ui.small.horizontal.statistic > .value {
  font-size: 2rem !important;
}
.ui.small.statistics .statistic > .text.value,
.ui.small.statistic > .text.value {
  font-size: 1rem !important;
}
/* Medium */
.ui.statistics .statistic > .value,
.ui.statistic > .value {
  font-size: 4rem !important;
}
.ui.horizontal.statistics .statistic > .value,
.ui.horizontal.statistic > .value {
  font-size: 3rem !important;
}
.ui.statistics .statistic > .text.value,
.ui.statistic > .text.value {
  font-size: 2rem !important;
}
/* Large */
.ui.large.statistics .statistic > .value,
.ui.large.statistic > .value {
  font-size: 5rem !important;
}
.ui.large.horizontal.statistics .statistic > .value,
.ui.large.horizontal.statistic > .value {
  font-size: 4rem !important;
}
.ui.large.statistics .statistic > .text.value,
.ui.large.statistic > .text.value {
  font-size: 2.5rem !important;
}
/* Huge */
.ui.huge.statistics .statistic > .value,
.ui.huge.statistic > .value {
  font-size: 6rem !important;
}
.ui.huge.horizontal.statistics .statistic > .value,
.ui.huge.horizontal.statistic > .value {
  font-size: 5rem !important;
}
.ui.huge.statistics .statistic > .text.value,
.ui.huge.statistic > .text.value {
  font-size: 2.5rem !important;
}
/*******************************
         Theme Overrides
*******************************/
/* Modules */
/*!
 * # Semantic UI - Accordion
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
           Accordion
*******************************/
/* Title */
/* Icon */
/* Child Accordion */
/* TerminalTypeModalContent */
/*-------------------
       Coupling
--------------------*/
/*-------------------
       States
--------------------*/
/*-------------------
      Variations
--------------------*/
/* Styled */
/* TerminalTypeModalContent */
/* Child TerminalTypeModalContent */
/* Styled Title */
/* Styled Title States */
/* Styled Child Title States */
/* Inverted */
/*******************************
            Accordion
*******************************/
.ui.accordion,
.ui.accordion .accordion {
  max-width: 100%;
}
.ui.accordion .accordion {
  margin: 1em 0em 0em;
  padding: 0em;
}
/* Title */
.ui.accordion .title,
.ui.accordion .accordion .title {
  cursor: pointer;
}
/* Default Styling */
.ui.accordion .title:not(.ui) {
  padding: 0.5em 0em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: var(--basic-on-bg-primary);
}
/* Content */
.ui.accordion .title ~ .content,
.ui.accordion .accordion .title ~ .content {
  display: none;
}
/* Default Styling */
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
  margin: '';
  padding: 0.5em 0em 1em;
}
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
  padding-bottom: 0em;
}
/* Arrow */
.ui.accordion .title .dropdown.icon,
.ui.accordion .accordion .title .dropdown.icon {
  display: inline-block;
  float: none;
  opacity: 1;
  width: 1.25em;
  height: 1em;
  margin: 0em 0.25rem 0em 0rem;
  padding: 0em;
  font-size: 1em;
  transition: transform 0.1s ease, opacity 0.1s ease;
  vertical-align: baseline;
  transform: none;
}
/*--------------
    Coupling
---------------*/
/* Menu */
.ui.accordion.menu .item .title {
  display: block;
  padding: 0em;
}
.ui.accordion.menu .item .title > .dropdown.icon {
  float: right;
  margin: 0.21425em 0em 0em 1em;
  transform: rotate(180deg);
}
/* Header */
.ui.accordion .ui.header .dropdown.icon {
  font-size: 1em;
  margin: 0em 0.25rem 0em 0rem;
}
/*******************************
            States
*******************************/
.ui.accordion .active.title .dropdown.icon,
.ui.accordion .accordion .active.title .dropdown.icon {
  transform: rotate(90deg);
}
.ui.accordion.menu .item .active.title > .dropdown.icon {
  transform: rotate(90deg);
}
/*******************************
            Types
*******************************/
/*--------------
     Styled
---------------*/
.ui.styled.accordion {
  width: 600px;
}
.ui.styled.accordion,
.ui.styled.accordion .accordion {
  border-radius: 0.28571429rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
}
.ui.styled.accordion .title,
.ui.styled.accordion .accordion .title {
  margin: 0em;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  transition: background 0.1s ease, color 0.1s ease;
}
.ui.styled.accordion > .title:first-child,
.ui.styled.accordion .accordion .title:first-child {
  border-top: none;
}
/* Content */
.ui.styled.accordion .content,
.ui.styled.accordion .accordion .content {
  margin: 0em;
  padding: 0.5em 1em 1.5em;
}
.ui.styled.accordion .accordion .content {
  padding: 0em;
  padding: 0.5em 1em 1.5em;
}
/* Hover */
.ui.styled.accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: var(--basic-on-bg-primary);
}
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: var(--basic-on-bg-primary);
}
/* Active */
.ui.styled.accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}
.ui.styled.accordion .accordion .active.title {
  background: transparent;
  color: rgba(0, 0, 0, 0.95);
}
/*******************************
            States
*******************************/
/*--------------
     Active
---------------*/
.ui.accordion .active.content,
.ui.accordion .accordion .active.content {
  display: block;
}
/*******************************
           Variations
*******************************/
/*--------------
     Fluid
---------------*/
.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
  width: 100%;
}
/*--------------
     Inverted
---------------*/
.ui.inverted.accordion .title:not(.ui) {
  color: rgba(255, 255, 255, 0.9);
}
/*!
 * # Semantic UI - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Checkbox
*******************************/
/* Label */
/* 26px @ 14/em */
/* Checkbox */
/* Checkmark */
/* Label */
/*-------------------
        States
--------------------*/
/* Hover */
/* Pressed */
/* Focus */
/* Active */
/* Active Focus */
/* Indeterminate */
/* Disabled */
/*-------------------
        Types
--------------------*/
/* Radio */
/* Uses px to avoid rounding issues with circles */
/* 7px as unitless value from radio size */
/* Slider & Toggle Handle */
/* Slider */
/* Slider States */
/* Toggle */
/*-------------------
      Variations
--------------------*/
/*******************************
           Checkbox
*******************************/
/*--------------
    Content
---------------*/
.ui.checkbox {
  position: relative;
  display: inline-block;
  backface-visibility: hidden;
  outline: none;
  vertical-align: baseline;
  font-style: normal;
  min-height: 17px;
  font-size: 1rem;
  line-height: 17px;
  min-width: 17px;
}
/* HTML Checkbox */
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0 !important;
  outline: none;
  z-index: 3;
  width: 17px;
  height: 17px;
}
/*--------------
      Box
---------------*/
.ui.checkbox .box,
.ui.checkbox label {
  cursor: auto;
  position: relative;
  display: block;
  padding-left: 1.85714em;
  outline: none;
  font-size: 1em;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  content: '';
  background: #FFFFFF;
  border-radius: 0.21428571rem;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
  border: 1px solid #D4D4D5;
}
/*--------------
    Checkmark
---------------*/
.ui.checkbox .box:after,
.ui.checkbox label:after {
  position: absolute;
  font-size: 14px;
  top: 0px;
  left: 0px;
  width: 17px;
  height: 17px;
  text-align: center;
  opacity: 0;
  color: var(--basic-on-bg-primary);
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
}
/*--------------
      Label
---------------*/
/* Inside */
.ui.checkbox label,
.ui.checkbox + label {
  color: var(--basic-on-bg-primary);
  transition: color 0.1s ease;
}
/* Outside */
.ui.checkbox + label {
  vertical-align: middle;
}
/*******************************
           States
*******************************/
/*--------------
      Hover
---------------*/
.ui.checkbox .box:hover::before,
.ui.checkbox label:hover::before {
  background: #FFFFFF;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8);
}
/*--------------
      Down
---------------*/
.ui.checkbox .box:active::before,
.ui.checkbox label:active::before {
  background: #F9FAFB;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox .box:active::after,
.ui.checkbox label:active::after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:active ~ label {
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
     Focus
---------------*/
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
  background: #FFFFFF;
  border-color: var(--button_primary_bkg_normal);
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label:after {
  color: var(--button_primary_bkg_normal);
}
.ui.checkbox input:focus ~ label {
  color: rgba(0, 0, 0, 0.95);
}
/*--------------
     Active
---------------*/
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: var(--button_primary_bkg_normal);
  border-color: transparent;
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  opacity: 1;
  color: #FFFFFF;
}
/*--------------
  Indeterminate
---------------*/
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
  background: var(--button_primary_bkg_normal);
  border-color: transparent;
}
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
  opacity: 1;
  color: #FFFFFF;
}
/*--------------
  Active Focus
---------------*/
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before {
  background: var(--primary-darken-10);
  border-color: transparent;
}
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after {
  color: #FFFFFF;
}
/*--------------
    Read-Only
---------------*/
.ui.read-only.checkbox,
.ui.read-only.checkbox label {
  cursor: default;
}
/*--------------
     Disabled
---------------*/
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label,
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label {
  cursor: default !important;
  opacity: 0.5;
  color: #000000;
}
/*--------------
     Hidden
---------------*/
/* Initialized checkbox moves input below element
 to prevent manually triggering */
.ui.checkbox input.hidden {
  z-index: -1;
}
/* Selectable Label */
.ui.checkbox input.hidden + label {
  cursor: pointer;
  user-select: none;
}
/*******************************
             Types
*******************************/
/*--------------
     Radio
---------------*/
.ui.radio.checkbox {
  min-height: 15px;
}
.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  padding-left: 1.85714em;
}
/* Box */
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  content: '';
  transform: none;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  top: 1px;
  left: 0px;
}
/* Bullet */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  border: none;
  content: '' !important;
  width: 15px;
  height: 15px;
  line-height: 15px;
}
/* Radio Checkbox */
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  top: 1px;
  left: 0px;
  width: 15px;
  height: 15px;
  border-radius: 500rem;
  transform: scale(0.46666667);
  background-color: var(--basic-on-bg-primary);
}
/* Focus */
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
  background-color: #FFFFFF;
}
.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
  background-color: var(--button_primary_bkg_normal);
}
/* Indeterminate */
.ui.radio.checkbox input:indeterminate ~ .box:after,
.ui.radio.checkbox input:indeterminate ~ label:after {
  opacity: 0;
}
/* Active */
.ui.radio.checkbox input:checked ~ .box:before,
.ui.radio.checkbox input:checked ~ label:before {
  background-color: var(--button_primary_bkg_normal);
}
.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: #FFFFFF;
}
/* Active Focus */
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
  background-color: var(--primary-darken-10);
}
.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {
  background-color: #FFFFFF;
}
/*--------------
     Slider
---------------*/
.ui.slider.checkbox {
  min-height: 1.25rem;
}
/* Input */
.ui.slider.checkbox input {
  width: 3.5rem;
  height: 1.25rem;
}
/* Label */
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
  padding-left: 4.5rem;
  line-height: 1rem;
  color: rgba(0, 0, 0, 0.4);
}
/* Line */
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  border: none !important;
  left: 0em;
  z-index: 1;
  top: 0.4rem;
  background-color: rgba(0, 0, 0, 0.05);
  width: 3.5rem;
  height: 0.21428571rem;
  transform: none;
  border-radius: 500rem;
  transition: background 0.3s ease;
}
/* Handle */
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: -0.25rem;
  left: 0em;
  transform: none;
  border-radius: 500rem;
  transition: left 0.3s ease;
}
/* Focus */
.ui.slider.checkbox input:focus ~ .box:before,
.ui.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
/* Hover */
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox .box:hover::before,
.ui.slider.checkbox label:hover::before {
  background: rgba(0, 0, 0, 0.15);
}
/* Active */
.ui.slider.checkbox input:checked ~ .box,
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:checked ~ .box:before,
.ui.slider.checkbox input:checked ~ label:before {
  background-color: #999999 !important;
}
.ui.slider.checkbox input:checked ~ .box:after,
.ui.slider.checkbox input:checked ~ label:after {
  left: 2rem;
}
/* Active Focus */
.ui.slider.checkbox input:focus:checked ~ .box,
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:focus:checked ~ .box:before,
.ui.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000000 !important;
}
/*--------------
     Toggle
---------------*/
.ui.toggle.checkbox {
  min-height: 1.5rem;
}
/* Input */
.ui.toggle.checkbox input {
  width: 3.5rem;
  height: 1.5rem;
}
/* Label */
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
  min-height: 1.5rem;
  padding-left: 4.5rem;
  color: var(--basic-on-bg-primary);
}
.ui.toggle.checkbox label {
  padding-top: 0.15em;
}
/* Switch */
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  display: block;
  position: absolute;
  content: '';
  z-index: 1;
  transform: none;
  border: none;
  top: 0rem;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  width: 3.5rem;
  height: 1.5rem;
  border-radius: 500rem;
}
/* Handle */
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  position: absolute;
  content: '' !important;
  opacity: 1;
  z-index: 2;
  border: none;
  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
  width: 1.5rem;
  height: 1.5rem;
  top: 0rem;
  left: 0em;
  border-radius: 500rem;
  transition: background 0.3s ease, left 0.3s ease;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
  left: -0.05rem;
  box-shadow: none;
}
/* Focus */
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
/* Hover */
.ui.toggle.checkbox .box:hover::before,
.ui.toggle.checkbox label:hover::before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
/* Active */
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: var(--button_primary_bkg_normal) !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  left: 2.15rem;
  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15) inset;
}
/* Active Focus */
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: var(--primary-darken-08-saturate-20) !important;
}
/*******************************
            Variations
*******************************/
/*--------------
     Fitted
---------------*/
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
  padding-left: 0em !important;
}
.ui.fitted.toggle.checkbox,
.ui.fitted.toggle.checkbox {
  width: 3.5rem;
}
.ui.fitted.slider.checkbox,
.ui.fitted.slider.checkbox {
  width: 3.5rem;
}
/*******************************
         Theme Overrides
*******************************/
@font-face {
  font-family: 'Checkbox';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
}
/* Checkmark */
.ui.checkbox label:after,
.ui.checkbox .box:after {
  font-family: 'Checkbox';
}
/* Checked */
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  content: '\e800';
}
/* Indeterminate */
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
  font-size: 12px;
  content: '\e801';
}
/*  UTF Reference
.check:before { content: '\e800'; }
.dash:before  { content: '\e801'; }
.plus:before { content: '\e802'; }
*/
/*!
 * # Semantic UI - Dimmer
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Dimmer
*******************************/
/* Hidden (Default) */
/* TerminalTypeModalContent */
/* Visible */
/*-------------------
        Types
--------------------*/
/* Page Dimmer*/
/*-------------------
      Variations
--------------------*/
/* Inverted */
/* Simple */
/*******************************
            Dimmer
*******************************/
.dimmable:not(body) {
  position: relative;
}
.ui.dimmer {
  display: none;
  position: absolute;
  top: 0em !important;
  left: 0em !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  line-height: 1;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  transition: background-color 0.5s linear;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  user-select: none;
  will-change: opacity;
  z-index: 1000;
}
/* Dimmer Content */
.ui.dimmer > .content {
  user-select: text;
  color: #FFFFFF;
}
/* Loose Coupling */
.ui.segment > .ui.dimmer {
  border-radius: inherit !important;
}
/* Scrollbars */
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.25);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.15);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
  background: rgba(128, 135, 139, 0.8);
}
/*******************************
            States
*******************************/
/* Animating */
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden;
}
/* Animating / Active / Visible */
.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: flex;
  opacity: 1;
}
/* Disabled */
.ui.disabled.dimmer {
  width: 0 !important;
  height: 0 !important;
}
/*******************************
           Variations
*******************************/
/*--------------
    Legacy
---------------*/
/* Animating / Active / Visible */
.dimmed.dimmable > .ui.animating.legacy.dimmer,
.dimmed.dimmable > .ui.visible.legacy.dimmer,
.ui.active.legacy.dimmer {
  display: block;
}
/*--------------
    Alignment
---------------*/
.ui[class*="top aligned"].dimmer {
  justify-content: flex-start;
}
.ui[class*="bottom aligned"].dimmer {
  justify-content: flex-end;
}
/*--------------
      Page
---------------*/
.ui.page.dimmer {
  position: fixed;
  transform-style: '';
  perspective: 2000px;
  transform-origin: center center;
}
body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden;
}
body.dimmable > .dimmer {
  position: fixed;
}
/*--------------
    Blurring
---------------*/
.blurring.dimmable > :not(.dimmer) {
  filter: blur(0px) grayscale(0);
  transition: 800ms filter ease;
}
.blurring.dimmed.dimmable > :not(.dimmer) {
  filter: blur(5px) grayscale(0.7);
}
/* Dimmer Color */
.blurring.dimmable > .dimmer {
  background-color: rgba(0, 0, 0, 0.6);
}
.blurring.dimmable > .inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.6);
}
/*--------------
    Aligned
---------------*/
.ui.dimmer > .top.aligned.content > * {
  vertical-align: top;
}
.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom;
}
/*--------------
    Inverted
---------------*/
.ui.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85);
}
.ui.inverted.dimmer > .content > * {
  color: #FFFFFF;
}
/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dimmer {
  display: block;
  overflow: hidden;
  opacity: 1;
  width: 0%;
  height: 0%;
  z-index: -100;
  background-color: rgba(0, 0, 0, 0);
}
.dimmed.dimmable > .ui.simple.dimmer {
  overflow: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0);
}
.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background-color: rgba(255, 255, 255, 0.85);
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Dropdown
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Dropdown
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       TerminalTypeModalContent
--------------------*/
/* Icon */
/* Current Text */
/* Menu */
/* Text */
/* Menu Item */
/* Sub Menu */
/* Menu Header */
/* Menu Divider */
/* Menu Input */
/* Menu Image */
/* Item Sub-Element */
/* Sub-Menu Dropdown Icon */
/* Description */
/* Message */
/* Floated TerminalTypeModalContent */
/*-------------------
        Types
--------------------*/
/*------------
   Selection
--------------*/
/* <select> */
/* Responsive */
/* Derived */
/* 1px / em size */
/* Hover */
/* Focus */
/* Visible */
/* Visible Hover */
/*--------------
     Search
--------------*/
/* Search Selection */
/* Inline */
/*--------------
    Multiple
--------------*/
/* Split Actual Padding Between Child and Parent (allows for label spacing) */
/* Child Elements */
/* Dropdown Icon */
/* Selection Label */
/*-------------------
       States
--------------------*/
/* Hovered */
/* Default Text */
/* Loading */
/* Active Menu Item */
/* Selected */
/* Error */
/* Clearable */
/*-------------------
      Variations
--------------------*/
/* Scrolling */
/* 0px / em size */
/* Upward */
/* Flyout Direction */
/* Left */
/* Simple */
/* Floating */
/* Pointing */
/* Pointing Upward */
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: max-content;
  margin: 0em;
  padding: 0em 0em;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}
.ui.dropdown .menu > * {
  white-space: nowrap;
}
/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}
/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0em 0em 0em 1em;
}
.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0em 0em 1em;
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}
/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  transition: none;
}
/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  color: var(--basic-on-bg-primary);
  padding: 0.78571429rem 1.14285714rem !important;
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  box-shadow: none;
  -webkit-touch-callout: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top-width: 0px;
}
/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0em !important;
  margin-left: 1em !important;
}
.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0em !important;
  margin-right: 1em !important;
}
.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}
/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0rem 0.75rem;
  padding: 0em 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase;
}
.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0em;
  margin: 0.5em 0em;
}
.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0em;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0em 0em 0em 1em;
  color: rgba(0, 0, 0, 0.4);
}
/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0% !important;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}
/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}
/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0em;
  float: none;
  margin-right: 0.78571429rem;
}
/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}
/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}
/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}
/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0em;
}
/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}
/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0em;
}
.ui.button.dropdown .menu {
  min-width: 100%;
}
/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 2.1em 0.78571429em 1em;
  color: var(--basic-on-bg-primary);
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  transition: box-shadow 0.1s ease, width 0.1s ease;
}
.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}
select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}
.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  transition: opacity 0.1s ease;
}
/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0px;
}
/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0px !important;
  width: auto;
  outline: none;
  margin: 0px -1px;
  min-width: calc(100% +  2px );
  width: calc(100% +  2px );
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
  transition: opacity 0.1s ease;
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}
/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}
@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 10rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 12rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 18rem;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}
/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}
/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none;
}
/* Active */
.ui.selection.active.dropdown {
  border-color: var(--inputs_border_active);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown .menu {
  border-color: var(--inputs_border_active);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Focus */
.ui.selection.dropdown:focus {
  border-color: var(--inputs_border_active);
  box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
  border-color: var(--inputs_border_active);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}
/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: var(--inputs_border_active);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
.ui.selection.active.dropdown:hover .menu {
  border-color: var(--inputs_border_active);
  box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
}
/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: 1;
  z-index: 3;
}
/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important;
}
.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important;
}
/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: '';
}
/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0em;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}
/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}
.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
}
/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
}
/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 2.1em 0.67857143em 1em;
  display: none;
  white-space: pre;
}
/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}
/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.6;
}
.ui.active.search.dropdown input.search:focus + .text {
  color: var(--text-lighten-45) !important;
}
/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 10rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 12rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 18rem;
  }
}
/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 2.1em 0.22619048em 0.35714286em;
}
.ui.multiple.dropdown .menu {
  cursor: auto;
}
/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}
/* Selection Label */
.ui.multiple.dropdown > .label {
  user-select: none;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
}
/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: '';
  padding: '';
}
/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}
.ui.multiple.dropdown > .label ~ .text {
  display: none;
}
/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}
/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0em 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}
/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0em 0.5em 0em 0.21428571em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: bold;
}
.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}
/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  box-shadow: none;
  z-index: 12;
}
/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}
/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
}
.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}
.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.3);
}
.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  box-shadow: 0px 0px 0px 1px transparent;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: dropdown-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #DCDDDE transparent transparent;
  border-style: solid;
  border-width: 0.2em;
}
/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none;
}
@keyframes dropdown-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: var(--text-lighten-75);
}
.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: var(--text-lighten-45);
}
/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  transition: none;
}
/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.dropdown > .loading.menu {
  left: 0px !important;
  right: auto !important;
}
.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}
/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none !important;
}
/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: var(--common_alert);
}
.ui.selection.dropdown.error {
  background: #ffd4ca;
  border-color: var(--common_alert);
}
.ui.selection.dropdown.error:hover {
  border-color: var(--common_alert);
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: var(--common_alert);
}
.ui.dropdown.error > .menu > .item {
  color: var(--common_alert);
}
.ui.multiple.selection.error.dropdown > .label {
  border-color: var(--common_alert);
}
/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2;
}
/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}
/*--------------------
        Clear
----------------------*/
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  transition: opacity 0.1s ease;
}
.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}
/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0px;
}
/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}
/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0px !important;
}
.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0em -0.5em 0em 0em !important;
  border-radius: 0.28571429rem !important;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0em 0em 0em;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0em;
}
/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}
/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
.ui.upward.selection.dropdown:hover {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
}
/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
}
/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
}
.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
}
/*--------------
     Simple
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}
.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}
.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}
/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px);
  }
}
@media only screen and (max-width: 767px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}
.ui.simple.dropdown .menu {
  position: absolute;
  display: block;
  overflow: hidden;
  top: -9999px !important;
  opacity: 0;
  width: 0;
  height: 0;
  transition: opacity 0.1s ease;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0em !important;
  border-bottom-right-radius: 0em !important;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100% !important;
  opacity: 1;
}
.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0% !important;
  left: 100% !important;
  opacity: 1;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0px;
  width: 0px;
  overflow: hidden;
}
/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}
/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100%;
  min-width: 0em;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}
/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}
.ui.floating.dropdown > .menu {
  margin-top: 0.5em !important;
  border-radius: 0.28571429rem !important;
}
/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.dropdown > .menu:after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: '';
  visibility: visible;
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
}
.ui.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 50%;
  margin: 0em 0em 0em -0.25em;
}
/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
  margin: 1em 0em 0em;
}
.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0em;
  transform: rotate(45deg);
}
/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0%;
  left: auto;
  margin: 1em 0em 0em;
}
.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0em;
  transform: rotate(45deg);
}
/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0%;
  left: 100%;
  right: auto;
  margin: 0em 0em 0em 1em;
}
.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(-45deg);
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0em 1em 0em 0em;
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg);
}
/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0%;
  left: auto;
  right: 100%;
  margin: 0em 1em 0em 0em;
}
.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0em 0em 0em 0em;
  transform: rotate(135deg);
}
/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0%;
  right: auto;
  margin: 0em 0em 1em;
}
.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0em;
  transform: rotate(-135deg);
}
/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0px !important;
}
/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0%;
  right: auto;
}
.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}
/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0%;
  left: auto;
}
.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}
/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0em 0em 0.78571429rem;
  border-radius: 0.28571429rem;
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  box-shadow: 1px 1px 0px 0px rgba(34, 36, 38, 0.15);
  margin: -0.25em 0em 0em;
}
/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 1em 0em 0em;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 0em 1em;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0em 0em 1em 0em;
  box-shadow: -1px -1px 0px 0px rgba(34, 36, 38, 0.15);
}
/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: 'Dropdown';
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: 'Dropdown';
  line-height: 1;
  height: 1em;
  width: 1.23em;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
.ui.dropdown > .dropdown.icon {
  width: auto;
}
.ui.dropdown > .dropdown.icon:before {
  content: '\f0d7';
}
/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: '\f0da' /*rtl:'\f0d9'*/;
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "\f0d9" /*rtl:"\f0da"*/;
}
/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "\f0da" /*rtl:"\f0d9"*/;
}
.ui.dropdown > .clear.icon:before {
  content: "\f00d";
}
/* Icons for Reference (Subsetted in 2.4.0)
  .dropdown.down:before { content: "\f0d7"; }
  .dropdown.up:before { content: "\f0d8"; }
  .dropdown.left:before { content: "\f0d9"; }
  .dropdown.right:before { content: "\f0da"; }
  .dropdown.close:before { content: "\f00d"; }
*/
/*!
 * # Semantic UI - Video
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Video
*******************************/
/*-------------------
       Element
--------------------*/
/* Simple */
/* Placeholder */
/* Placeholder Overlayed Background */
/* Icon */
/*-------------------
       States
--------------------*/
/* Hover */
/*-------------------
      Variations
--------------------*/
/* Aspect Ratios */
/*******************************
            Types
*******************************/
.ui.embed {
  position: relative;
  max-width: 100%;
  height: 0px;
  overflow: hidden;
  background: #ECECEC;
  padding-bottom: 56.25%;
}
/*-----------------
  Embedded Content
------------------*/
.ui.embed iframe,
.ui.embed embed,
.ui.embed object {
  position: absolute;
  border: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0em;
  padding: 0em;
}
/*-----------------
      Embed
------------------*/
.ui.embed > .embed {
  display: none;
}
/*--------------
   Placeholder
---------------*/
.ui.embed > .placeholder {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
}
/*--------------
      Icon
---------------*/
.ui.embed > .icon {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.ui.embed > .icon:after {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 3;
  content: '';
  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  opacity: 0.5;
  transition: opacity 0.5s ease;
}
.ui.embed > .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%) translateY(-50%);
  color: #FFFFFF;
  font-size: 6rem;
  text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
  transition: opacity 0.5s ease, color 0.5s ease;
  z-index: 10;
}
/*******************************
            States
*******************************/
/*--------------
     Hover
---------------*/
.ui.embed .icon:hover:after {
  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
  opacity: 1;
}
.ui.embed .icon:hover:before {
  color: #FFFFFF;
}
/*--------------
     Active
---------------*/
.ui.active.embed > .icon,
.ui.active.embed > .placeholder {
  display: none;
}
.ui.active.embed > .embed {
  display: block;
}
/*******************************
        Video Overrides
*******************************/
/*******************************
          Variations
*******************************/
.ui.square.embed {
  padding-bottom: 100%;
}
.ui[class*="4:3"].embed {
  padding-bottom: 75%;
}
.ui[class*="16:9"].embed {
  padding-bottom: 56.25%;
}
.ui[class*="21:9"].embed {
  padding-bottom: 42.85714286%;
}
/*!
 * # Semantic UI - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Modal
*******************************/
/* Close Icon */
/* Header */
/* TerminalTypeModalContent */
/* Image / Description */
/* Modal Actions */
/* Inner Close Position (Tablet/Mobile) */
/* Mobile Positions */
/* Responsive Widths */
/* Coupling */
/*-------------------
       States
--------------------*/
/*-------------------
        Types
--------------------*/
/* Basic */
/* Top Aligned */
/* Scrolling Margin */
/* Scrolling TerminalTypeModalContent */
/*-------------------
      Variations
--------------------*/
/* Size Widths */
/* Derived Responsive Sizes */
/*******************************
             Modal
*******************************/
.ui.modal {
  position: absolute;
  display: none;
  z-index: 1001;
  text-align: left;
  background: #FFFFFF;
  border: none;
  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  transform-origin: 50% 25%;
  flex: 0 0 auto;
  border-radius: 0.28571429rem;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
}
.ui.modal > :first-child:not(.icon),
.ui.modal > .icon:first-child + * {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.modal > :last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
/*******************************
            Content
*******************************/
/*--------------
     Close
---------------*/
.ui.modal > .close {
  cursor: pointer;
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
  z-index: 1;
  opacity: 1;
  font-size: 1.85em;
  color: #999999;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.625rem 0rem 0rem 0rem;
}
.ui.modal > .close:hover {
  opacity: 1;
}
/*--------------
     Header
---------------*/
.ui.modal > .header {
  display: block;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #FFFFFF;
  margin: 0em;
  padding: 1.25rem 1.5rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.ui.modal > .header:not(.ui) {
  font-size: 1.42857143rem;
  line-height: 1.28571429em;
  font-weight: bold;
}
/*--------------
     Content
---------------*/
.ui.modal > .content {
  display: block;
  width: 100%;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  background: #FFFFFF;
}
.ui.modal > .image.content {
  display: flex;
  flex-direction: row;
}
/* Image */
.ui.modal > .content > .image {
  display: block;
  flex: 0 1 auto;
  width: '';
  align-self: top;
}
.ui.modal > [class*="top aligned"] {
  align-self: top;
}
.ui.modal > [class*="middle aligned"] {
  align-self: middle;
}
.ui.modal > [class*="stretched"] {
  align-self: stretch;
}
/* Description */
.ui.modal > .content > .description {
  display: block;
  flex: 1 0 auto;
  min-width: 0px;
  align-self: top;
}
.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  flex: 0 1 auto;
  min-width: '';
  width: auto;
  padding-left: 2em;
}
/*rtl:ignore*/
.ui.modal > .content > .image > i.icon {
  margin: 0em;
  opacity: 1;
  width: auto;
  line-height: 1;
  font-size: 8rem;
}
/*--------------
     Actions
---------------*/
.ui.modal > .actions {
  background: #F9FAFB;
  padding: 1.5rem 1.5rem;
  border-top: none;
  text-align: left;
}
.ui.modal .actions > .button {
  margin-left: 0.75em;
}
/*-------------------
       Responsive
--------------------*/
/* Modal Width */
@media only screen and (max-width: 767px) {
  .ui.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.modal {
    width: 88%;
    margin: 0em 0em 0em -44%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.modal {
    width: 700px;
    margin: 0em 0em 0em -350px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.modal {
    width: 775px;
    margin: 0em 0em 0em -387.5px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.modal {
    width: 850px;
    margin: 0em 0em 0em -425px;
  }
}
/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.modal > .header {
    padding-right: 2.25rem;
  }
  .ui.modal > .close {
    top: 1.0535rem;
    right: 1rem;
    color: var(--basic-on-bg-primary);
  }
}
/* Mobile */
@media only screen and (max-width: 767px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem !important;
    padding-right: 2.25rem !important;
  }
  .ui.modal > .content {
    display: block;
    padding: 1rem !important;
  }
  .ui.modal > .close {
    top: 0.1rem !important;
    right: 0.5rem !important;
  }
  /*rtl:ignore*/
  .ui.modal .image.content {
    flex-direction: column;
  }
  .ui.modal .content > .image {
    display: block;
    max-width: 100%;
    margin: 0em auto !important;
    text-align: center;
    padding: 0rem 0rem 1rem !important;
  }
  .ui.modal > .content > .image > i.icon {
    font-size: 5rem;
    text-align: center;
  }
  /*rtl:ignore*/
  .ui.modal .content > .description {
    display: block;
    width: 100% !important;
    margin: 0em !important;
    padding: 1rem 0rem !important;
    box-shadow: none;
  }
  /* Let Buttons Stack */
  .ui.modal > .actions {
    padding: 1rem !important;
  }
  .ui.modal .actions > .buttons,
  .ui.modal .actions > .button {
    margin-bottom: 1rem;
  }
}
/*--------------
    Coupling
---------------*/
.ui.inverted.dimmer > .ui.modal {
  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
}
/*******************************
             Types
*******************************/
.ui.basic.modal {
  background-color: transparent;
  border: none;
  border-radius: 0em;
  box-shadow: none !important;
  color: #FFFFFF;
}
.ui.basic.modal > .header,
.ui.basic.modal > .content,
.ui.basic.modal > .actions {
  background-color: transparent;
}
.ui.basic.modal > .header {
  color: #FFFFFF;
}
.ui.basic.modal > .close {
  top: 1rem;
  right: 1.5rem;
}
.ui.inverted.dimmer > .basic.modal {
  color: var(--basic-on-bg-primary);
}
.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85);
}
/* Resort to margin positioning if legacy */
.ui.legacy.modal,
.ui.legacy.page.dimmer > .ui.modal {
  top: 50%;
  left: 50%;
}
.ui.legacy.page.dimmer > .ui.scrolling.modal,
.ui.page.dimmer > .ui.scrolling.legacy.modal,
.ui.top.aligned.legacy.page.dimmer > .ui.modal,
.ui.top.aligned.dimmer > .ui.legacy.modal {
  top: auto;
}
/* Tablet and Mobile */
@media only screen and (max-width: 991px) {
  .ui.basic.modal > .close {
    color: #FFFFFF;
  }
}
/*******************************
             States
*******************************/
.ui.loading.modal {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.active.modal {
  display: block;
}
/*******************************
           Variations
*******************************/
/*--------------
   Top Aligned
---------------*/
/* Top Aligned Modal */
.modals.dimmer[class*="top aligned"] .modal {
  margin: 5vh auto;
}
@media only screen and (max-width: 767px) {
  .modals.dimmer[class*="top aligned"] .modal {
    margin: 1rem auto;
  }
}
/* Legacy Top Aligned */
.legacy.modals.dimmer[class*="top aligned"] {
  padding-top: 5vh;
}
@media only screen and (max-width: 767px) {
  .legacy.modals.dimmer[class*="top aligned"] {
    padding-top: 1rem;
  }
}
/*--------------
    Scrolling
---------------*/
/* Scrolling Dimmer */
.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.scrolling.dimmable > .dimmer {
  justify-content: flex-start;
}
.scrolling.dimmable.dimmed > .dimmer {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrolling.dimmable > .dimmer {
  position: fixed;
}
.modals.dimmer .ui.scrolling.modal {
  margin: 3.5rem auto;
}
/* Undetached Scrolling */
.scrolling.undetached.dimmable.dimmed {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden;
}
.scrolling.undetached.dimmable .ui.scrolling.modal {
  position: absolute;
  left: 50%;
  margin-top: 3.5rem !important;
}
/* Scrolling Content */
.ui.modal .scrolling.content {
  max-height: calc(80vh - 10em);
  overflow: auto;
}
/*--------------
   Full Screen
---------------*/
.ui.fullscreen.modal {
  width: 95% !important;
  margin: 1em auto;
}
.ui.fullscreen.modal > .header {
  padding-right: 2.25rem;
}
.ui.fullscreen.modal > .close {
  top: 1.0535rem;
  right: 1rem;
  color: var(--basic-on-bg-primary);
}
/*--------------
      Size
---------------*/
.ui.modal {
  font-size: 1rem;
}
/* Mini */
.ui.mini.modal > .header:not(.ui) {
  font-size: 1.3em;
}
/* Mini Modal Width */
@media only screen and (max-width: 767px) {
  .ui.mini.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.mini.modal {
    width: 35.2%;
    margin: 0em 0em 0em -17.6%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.mini.modal {
    width: 280px;
    margin: 0em 0em 0em -140px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.mini.modal {
    width: 310px;
    margin: 0em 0em 0em -155px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.mini.modal {
    width: 340px;
    margin: 0em 0em 0em -170px;
  }
}
/* mini */
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em;
}
/* Tiny Modal Width */
@media only screen and (max-width: 767px) {
  .ui.tiny.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.tiny.modal {
    width: 52.8%;
    margin: 0em 0em 0em -26.4%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.tiny.modal {
    width: 420px;
    margin: 0em 0em 0em -210px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.tiny.modal {
    width: 465px;
    margin: 0em 0em 0em -232.5px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.tiny.modal {
    width: 510px;
    margin: 0em 0em 0em -255px;
  }
}
/* Small */
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em;
}
/* Small Modal Width */
@media only screen and (max-width: 767px) {
  .ui.small.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.small.modal {
    width: 70.4%;
    margin: 0em 0em 0em -35.2%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.small.modal {
    width: 560px;
    margin: 0em 0em 0em -280px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.small.modal {
    width: 620px;
    margin: 0em 0em 0em -310px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.small.modal {
    width: 680px;
    margin: 0em 0em 0em -340px;
  }
}
/* Large Modal Width */
.ui.large.modal > .header {
  font-size: 1.6em;
}
@media only screen and (max-width: 767px) {
  .ui.large.modal {
    width: 95%;
    margin: 0em 0em 0em -47.5%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.large.modal {
    width: 88%;
    margin: 0em 0em 0em -44%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.large.modal {
    width: 840px;
    margin: 0em 0em 0em -420px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.large.modal {
    width: 930px;
    margin: 0em 0em 0em -465px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.large.modal {
    width: 1020px;
    margin: 0em 0em 0em -510px;
  }
}
/*******************************
         Theme Overrides
*******************************/
.ui.modal .actions .ui.button:first-child {
  margin-left: 0;
}
/*!
 * # Semantic UI - Nag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Nag
*******************************/
/*--------------
   Collection
---------------*/
/*--------------
    Elements
---------------*/
/* Title */
/*--------------
      States
---------------*/
/* Hover */
/*--------------
   Variations
---------------*/
/* Top / Bottom */
/* Inverted */
/*--------------
      Plural
---------------*/
/*******************************
             Nag
*******************************/
.ui.nag {
  display: none;
  opacity: 0.95;
  position: relative;
  top: 0em;
  left: 0px;
  z-index: 999;
  min-height: 0em;
  width: 100%;
  margin: 0em;
  padding: 0.75em 1em;
  background: #555555;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  text-align: center;
  color: var(--basic-on-bg-primary);
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
  transition: 0.2s background ease;
}
a.ui.nag {
  cursor: pointer;
}
.ui.nag > .title {
  display: inline-block;
  margin: 0em 0.5em;
  color: #FFFFFF;
}
.ui.nag > .close.icon {
  cursor: pointer;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  right: 1em;
  font-size: 1em;
  margin: -0.5em 0em 0em;
  color: #FFFFFF;
  transition: opacity 0.2s ease;
}
/*******************************
             States
*******************************/
/* Hover */
.ui.nag:hover {
  background: #555555;
  opacity: 1;
}
.ui.nag .close:hover {
  opacity: 1;
}
/*******************************
           Variations
*******************************/
/*--------------
     Static
---------------*/
.ui.overlay.nag {
  position: absolute;
  display: block;
}
/*--------------
     Fixed
---------------*/
.ui.fixed.nag {
  position: fixed;
}
/*--------------
     Bottom
---------------*/
.ui.bottom.nags,
.ui.bottom.nag {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
  top: auto;
  bottom: 0em;
}
/*--------------
     White
---------------*/
.ui.inverted.nags .nag,
.ui.inverted.nag {
  background-color: #F8F8F8;
  color: rgba(0, 0, 0, 0.85);
}
.ui.inverted.nags .nag .close,
.ui.inverted.nags .nag .title,
.ui.inverted.nag .close,
.ui.inverted.nag .title {
  color: rgba(0, 0, 0, 0.4);
}
/*******************************
           Groups
*******************************/
.ui.nags .nag {
  border-radius: 0em !important;
}
.ui.nags .nag:last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.bottom.nags .nag:last-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Popup
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Popup
*******************************/
/*-------------------
       Element
--------------------*/
/*-------------------
       Parts
--------------------*/
/* Placement */
/* Header */
/* TerminalTypeModalContent Border */
/* Arrow */
/* Arrow color by position */
/*-------------------
       Types
--------------------*/
/* Tooltip */
/* Inverted */
/* Arrow */
/*-------------------
       Coupling
--------------------*/
/* Grid Inside Popup */
/* (padding * @medium) */
/*-------------------
       States
--------------------*/
/*-------------------
       Variations
--------------------*/
/* Wide */
/* Inverted */
/* Arrow color by position */
/*******************************
            Popup
*******************************/
.ui.popup {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  /* Fixes content being squished when inline (moz only) */
  min-width: min-content;
  z-index: 1900;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: 250px;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: var(--basic-on-bg-primary);
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}
.ui.popup > .header {
  padding: 0em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.14285714em;
  line-height: 1.2;
  font-weight: bold;
}
.ui.popup > .header + .content {
  padding-top: 0.5em;
}
.ui.popup:before {
  position: absolute;
  content: '';
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc;
}
/*******************************
            Types
*******************************/
/*--------------
    Tooltip
---------------*/
/* Content */
[data-tooltip] {
  position: relative;
}
/* Arrow */
[data-tooltip]:before {
  pointer-events: none;
  position: absolute;
  content: '';
  font-size: 1rem;
  width: 0.71428571em;
  height: 0.71428571em;
  background: #FFFFFF;
  transform: rotate(45deg);
  z-index: 2;
  box-shadow: 1px 1px 0px 0px #bababc;
}
/* Popup */
[data-tooltip]:after {
  pointer-events: none;
  content: attr(data-tooltip);
  position: absolute;
  text-transform: none;
  text-align: left;
  white-space: nowrap;
  font-size: 1rem;
  border: 1px solid #D4D4D5;
  line-height: 1.4285em;
  max-width: none;
  background: #FFFFFF;
  padding: 0.833em 1em;
  font-weight: normal;
  font-style: normal;
  color: var(--basic-on-bg-primary);
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  z-index: 1;
}
/* Default Position (Top Center) */
[data-tooltip]:not([data-position]):before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
[data-tooltip]:not([data-position]):after {
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin-bottom: 0.5em;
}
/* Animation */
[data-tooltip]:before,
[data-tooltip]:after {
  pointer-events: none;
  visibility: hidden;
}
[data-tooltip]:before {
  opacity: 0;
  transform: rotate(45deg) scale(0) !important;
  transform-origin: center top;
  transition: all 0.1s ease;
}
[data-tooltip]:after {
  opacity: 1;
  transform-origin: center bottom;
  transition: all 0.1s ease;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  pointer-events: auto;
}
[data-tooltip]:hover:before {
  transform: rotate(45deg) scale(1) !important;
  opacity: 1;
}
/* Animation Position */
[data-tooltip]:after,
[data-tooltip][data-position="top center"]:after,
[data-tooltip][data-position="bottom center"]:after {
  transform: translateX(-50%) scale(0) !important;
}
[data-tooltip]:hover:after,
[data-tooltip][data-position="bottom center"]:hover:after {
  transform: translateX(-50%) scale(1) !important;
}
[data-tooltip][data-position="left center"]:after,
[data-tooltip][data-position="right center"]:after {
  transform: translateY(-50%) scale(0) !important;
}
[data-tooltip][data-position="left center"]:hover:after,
[data-tooltip][data-position="right center"]:hover:after {
  transform: translateY(-50%) scale(1) !important;
}
[data-tooltip][data-position="top left"]:after,
[data-tooltip][data-position="top right"]:after,
[data-tooltip][data-position="bottom left"]:after,
[data-tooltip][data-position="bottom right"]:after {
  transform: scale(0) !important;
}
[data-tooltip][data-position="top left"]:hover:after,
[data-tooltip][data-position="top right"]:hover:after,
[data-tooltip][data-position="bottom left"]:hover:after,
[data-tooltip][data-position="bottom right"]:hover:after {
  transform: scale(1) !important;
}
/*--------------
    Inverted
---------------*/
/* Arrow */
[data-tooltip][data-inverted]:before {
  box-shadow: none !important;
}
/* Arrow Position */
[data-tooltip][data-inverted]:before {
  background: #1B1C1D;
}
/* Popup  */
[data-tooltip][data-inverted]:after {
  background: #1B1C1D;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}
[data-tooltip][data-inverted]:after .header {
  background-color: none;
  color: #FFFFFF;
}
/*--------------
    Position
---------------*/
/* Top Center */
[data-position="top center"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  margin-bottom: 0.5em;
}
[data-position="top center"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 50%;
  background: #FFFFFF;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
/* Top Left */
[data-position="top left"][data-tooltip]:after {
  top: auto;
  right: auto;
  left: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}
[data-position="top left"][data-tooltip]:before {
  top: auto;
  right: auto;
  bottom: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
/* Top Right */
[data-position="top right"][data-tooltip]:after {
  top: auto;
  left: auto;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.5em;
}
[data-position="top right"][data-tooltip]:before {
  top: auto;
  left: auto;
  bottom: 100%;
  right: 1em;
  margin-left: -0.07142857rem;
  margin-bottom: 0.14285714rem;
}
/* Bottom Center */
[data-position="bottom center"][data-tooltip]:after {
  bottom: auto;
  right: auto;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.5em;
}
[data-position="bottom center"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 50%;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem;
}
/* Bottom Left */
[data-position="bottom left"][data-tooltip]:after {
  left: 0;
  top: 100%;
  margin-top: 0.5em;
}
[data-position="bottom left"][data-tooltip]:before {
  bottom: auto;
  right: auto;
  top: 100%;
  left: 1em;
  margin-left: -0.07142857rem;
  margin-top: 0.14285714rem;
}
/* Bottom Right */
[data-position="bottom right"][data-tooltip]:after {
  right: 0;
  top: 100%;
  margin-top: 0.5em;
}
[data-position="bottom right"][data-tooltip]:before {
  bottom: auto;
  left: auto;
  top: 100%;
  right: 1em;
  margin-left: -0.14285714rem;
  margin-top: 0.07142857rem;
}
/* Left Center */
[data-position="left center"][data-tooltip]:after {
  right: 100%;
  top: 50%;
  margin-right: 0.5em;
  transform: translateY(-50%);
}
[data-position="left center"][data-tooltip]:before {
  right: 100%;
  top: 50%;
  margin-top: -0.14285714rem;
  margin-right: -0.07142857rem;
}
/* Right Center */
[data-position="right center"][data-tooltip]:after {
  left: 100%;
  top: 50%;
  margin-left: 0.5em;
  transform: translateY(-50%);
}
[data-position="right center"][data-tooltip]:before {
  left: 100%;
  top: 50%;
  margin-top: -0.07142857rem;
  margin-left: 0.14285714rem;
}
/* Arrow */
[data-position~="bottom"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px -1px 0px 0px #bababc;
}
[data-position="left center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: 1px -1px 0px 0px #bababc;
}
[data-position="right center"][data-tooltip]:before {
  background: #FFFFFF;
  box-shadow: -1px 1px 0px 0px #bababc;
}
[data-position~="top"][data-tooltip]:before {
  background: #FFFFFF;
}
/* Inverted Arrow Color */
[data-inverted][data-position~="bottom"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="left center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: 1px -1px 0px 0px #bababc;
}
[data-inverted][data-position="right center"][data-tooltip]:before {
  background: #1B1C1D;
  box-shadow: -1px 1px 0px 0px #bababc;
}
[data-inverted][data-position~="top"][data-tooltip]:before {
  background: #1B1C1D;
}
[data-position~="bottom"][data-tooltip]:before {
  transform-origin: center bottom;
}
[data-position~="bottom"][data-tooltip]:after {
  transform-origin: center top;
}
[data-position="left center"][data-tooltip]:before {
  transform-origin: top center;
}
[data-position="left center"][data-tooltip]:after {
  transform-origin: right center;
}
[data-position="right center"][data-tooltip]:before {
  transform-origin: right center;
}
[data-position="right center"][data-tooltip]:after {
  transform-origin: left center;
}
/*--------------
     Spacing
---------------*/
.ui.popup {
  margin: 0em;
}
/* Extending from Top */
.ui.top.popup {
  margin: 0em 0em 0.71428571em;
}
.ui.top.left.popup {
  transform-origin: left bottom;
}
.ui.top.center.popup {
  transform-origin: center bottom;
}
.ui.top.right.popup {
  transform-origin: right bottom;
}
/* Extending from Vertical Center */
.ui.left.center.popup {
  margin: 0em 0.71428571em 0em 0em;
  transform-origin: right 50%;
}
.ui.right.center.popup {
  margin: 0em 0em 0em 0.71428571em;
  transform-origin: left 50%;
}
/* Extending from Bottom */
.ui.bottom.popup {
  margin: 0.71428571em 0em 0em;
}
.ui.bottom.left.popup {
  transform-origin: left top;
}
.ui.bottom.center.popup {
  transform-origin: center top;
}
.ui.bottom.right.popup {
  transform-origin: right top;
}
/*--------------
     Pointer
---------------*/
/*--- Below ---*/
.ui.bottom.center.popup:before {
  margin-left: -0.30714286em;
  top: -0.30714286em;
  left: 50%;
  right: auto;
  bottom: auto;
  box-shadow: -1px -1px 0px 0px #bababc;
}
.ui.bottom.left.popup {
  margin-left: 0em;
}
/*rtl:rename*/
.ui.bottom.left.popup:before {
  top: -0.30714286em;
  left: 1em;
  right: auto;
  bottom: auto;
  margin-left: 0em;
  box-shadow: -1px -1px 0px 0px #bababc;
}
.ui.bottom.right.popup {
  margin-right: 0em;
}
/*rtl:rename*/
.ui.bottom.right.popup:before {
  top: -0.30714286em;
  right: 1em;
  bottom: auto;
  left: auto;
  margin-left: 0em;
  box-shadow: -1px -1px 0px 0px #bababc;
}
/*--- Above ---*/
.ui.top.center.popup:before {
  top: auto;
  right: auto;
  bottom: -0.30714286em;
  left: 50%;
  margin-left: -0.30714286em;
}
.ui.top.left.popup {
  margin-left: 0em;
}
/*rtl:rename*/
.ui.top.left.popup:before {
  bottom: -0.30714286em;
  left: 1em;
  top: auto;
  right: auto;
  margin-left: 0em;
}
.ui.top.right.popup {
  margin-right: 0em;
}
/*rtl:rename*/
.ui.top.right.popup:before {
  bottom: -0.30714286em;
  right: 1em;
  top: auto;
  left: auto;
  margin-left: 0em;
}
/*--- Left Center ---*/
/*rtl:rename*/
.ui.left.center.popup:before {
  top: 50%;
  right: -0.30714286em;
  bottom: auto;
  left: auto;
  margin-top: -0.30714286em;
  box-shadow: 1px -1px 0px 0px #bababc;
}
/*--- Right Center  ---*/
/*rtl:rename*/
.ui.right.center.popup:before {
  top: 50%;
  left: -0.30714286em;
  bottom: auto;
  right: auto;
  margin-top: -0.30714286em;
  box-shadow: -1px 1px 0px 0px #bababc;
}
/* Arrow Color By Location */
.ui.bottom.popup:before {
  background: #FFFFFF;
}
.ui.right.center.popup:before,
.ui.left.center.popup:before {
  background: #FFFFFF;
}
.ui.top.popup:before {
  background: #FFFFFF;
}
/* Inverted Arrow Color */
.ui.inverted.bottom.popup:before {
  background: #1B1C1D;
}
.ui.inverted.right.center.popup:before,
.ui.inverted.left.center.popup:before {
  background: #1B1C1D;
}
.ui.inverted.top.popup:before {
  background: #1B1C1D;
}
/*******************************
            Coupling
*******************************/
/* Immediate Nested Grid */
.ui.popup > .ui.grid:not(.padded) {
  width: calc(100% + 1.75rem);
  margin: -0.7rem -0.875rem;
}
/*******************************
            States
*******************************/
.ui.loading.popup {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.animating.popup,
.ui.visible.popup {
  display: block;
}
.ui.visible.popup {
  transform: translateZ(0px);
  backface-visibility: hidden;
}
/*******************************
            Variations
*******************************/
/*--------------
     Basic
---------------*/
.ui.basic.popup:before {
  display: none;
}
/*--------------
     Wide
---------------*/
.ui.wide.popup {
  max-width: 350px;
}
.ui[class*="very wide"].popup {
  max-width: 550px;
}
@media only screen and (max-width: 767px) {
  .ui.wide.popup,
  .ui[class*="very wide"].popup {
    max-width: 250px;
  }
}
/*--------------
     Fluid
---------------*/
.ui.fluid.popup {
  width: 100%;
  max-width: none;
}
/*--------------
     Colors
---------------*/
/* Inverted colors  */
.ui.inverted.popup {
  background: #1B1C1D;
  color: #FFFFFF;
  border: none;
  box-shadow: none;
}
.ui.inverted.popup .header {
  background-color: none;
  color: #FFFFFF;
}
.ui.inverted.popup:before {
  background-color: #1B1C1D;
  box-shadow: none !important;
}
/*--------------
     Flowing
---------------*/
.ui.flowing.popup {
  max-width: none;
}
/*--------------
     Sizes
---------------*/
.ui.mini.popup {
  font-size: 0.78571429rem;
}
.ui.tiny.popup {
  font-size: 0.85714286rem;
}
.ui.small.popup {
  font-size: 0.92857143rem;
}
.ui.popup {
  font-size: 1rem;
}
.ui.large.popup {
  font-size: 1.14285714rem;
}
.ui.huge.popup {
  font-size: 1.42857143rem;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Progress Bar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Progress
*******************************/
/*-------------------
       Element
--------------------*/
/* Bar */
/* Progress Bar Label */
/* Label */
/*-------------------
        Types
--------------------*/
/*-------------------
        States
--------------------*/
/* Active */
/*-------------------
      Variations
--------------------*/
/* Attached */
/* Inverted */
/* Sizing */
/*******************************
            Progress
*******************************/
.ui.progress {
  position: relative;
  display: block;
  max-width: 100%;
  border: none;
  margin: 1em 0em 2.5em;
  box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
  padding: 0em;
  border-radius: 0.28571429rem;
}
.ui.progress:first-child {
  margin: 0em 0em 2.5em;
}
.ui.progress:last-child {
  margin: 0em 0em 1.5em;
}
/*******************************
            Content
*******************************/
/* Activity Bar */
.ui.progress .bar {
  display: block;
  line-height: 1;
  position: relative;
  width: 0%;
  min-width: 2em;
  background: #888888;
  border-radius: 0.28571429rem;
  transition: width 0.1s ease, background-color 0.1s ease;
}
/* Percent Complete */
.ui.progress .bar > .progress {
  white-space: nowrap;
  position: absolute;
  width: auto;
  font-size: 0.92857143em;
  top: 50%;
  right: 0.5em;
  left: auto;
  bottom: auto;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
  margin-top: -0.5em;
  font-weight: bold;
  text-align: left;
}
/* Label */
.ui.progress > .label {
  position: absolute;
  width: 100%;
  font-size: 1em;
  top: 100%;
  right: auto;
  left: 0%;
  bottom: auto;
  color: var(--basic-on-bg-primary);
  font-weight: bold;
  text-shadow: none;
  margin-top: 0.2em;
  text-align: center;
  transition: color 0.4s ease;
}
/*******************************
            Types
*******************************/
/* Indicating */
.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar {
  background-color: #D95C5C;
}
.ui.indicating.progress[data-percent^="3"] .bar {
  background-color: #EFBC72;
}
.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar {
  background-color: #E6BB48;
}
.ui.indicating.progress[data-percent^="6"] .bar {
  background-color: #DDC928;
}
.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar {
  background-color: #B4D95C;
}
.ui.indicating.progress[data-percent^="9"] .bar,
.ui.indicating.progress[data-percent^="100"] .bar {
  background-color: #66DA81;
}
/* Indicating Label */
.ui.indicating.progress[data-percent^="1"] .label,
.ui.indicating.progress[data-percent^="2"] .label {
  color: var(--basic-on-bg-primary);
}
.ui.indicating.progress[data-percent^="3"] .label {
  color: var(--basic-on-bg-primary);
}
.ui.indicating.progress[data-percent^="4"] .label,
.ui.indicating.progress[data-percent^="5"] .label {
  color: var(--basic-on-bg-primary);
}
.ui.indicating.progress[data-percent^="6"] .label {
  color: var(--basic-on-bg-primary);
}
.ui.indicating.progress[data-percent^="7"] .label,
.ui.indicating.progress[data-percent^="8"] .label {
  color: var(--basic-on-bg-primary);
}
.ui.indicating.progress[data-percent^="9"] .label,
.ui.indicating.progress[data-percent^="100"] .label {
  color: var(--basic-on-bg-primary);
}
/* Single Digits */
.ui.indicating.progress[data-percent="1"] .bar,
.ui.indicating.progress[data-percent="2"] .bar,
.ui.indicating.progress[data-percent="3"] .bar,
.ui.indicating.progress[data-percent="4"] .bar,
.ui.indicating.progress[data-percent="5"] .bar,
.ui.indicating.progress[data-percent="6"] .bar,
.ui.indicating.progress[data-percent="7"] .bar,
.ui.indicating.progress[data-percent="8"] .bar,
.ui.indicating.progress[data-percent="9"] .bar {
  background-color: #D95C5C;
}
.ui.indicating.progress[data-percent="1"] .label,
.ui.indicating.progress[data-percent="2"] .label,
.ui.indicating.progress[data-percent="3"] .label,
.ui.indicating.progress[data-percent="4"] .label,
.ui.indicating.progress[data-percent="5"] .label,
.ui.indicating.progress[data-percent="6"] .label,
.ui.indicating.progress[data-percent="7"] .label,
.ui.indicating.progress[data-percent="8"] .label,
.ui.indicating.progress[data-percent="9"] .label {
  color: var(--basic-on-bg-primary);
}
/* Indicating Success */
.ui.indicating.progress.success .label {
  color: #1A531B;
}
/*******************************
             States
*******************************/
/*--------------
     Success
---------------*/
.ui.progress.success .bar {
  background-color: var(--button_primary_bkg_normal) !important;
}
.ui.progress.success .bar,
.ui.progress.success .bar::after {
  animation: none !important;
}
.ui.progress.success > .label {
  color: #1A531B;
}
/*--------------
     Warning
---------------*/
.ui.progress.warning .bar {
  background-color: #F2C037 !important;
}
.ui.progress.warning .bar,
.ui.progress.warning .bar::after {
  animation: none !important;
}
.ui.progress.warning > .label {
  color: #794B02;
}
/*--------------
     Error
---------------*/
.ui.progress.error .bar {
  background-color: var(--common_alert) !important;
}
.ui.progress.error .bar,
.ui.progress.error .bar::after {
  animation: none !important;
}
.ui.progress.error > .label {
  color: #912D2B;
}
/*--------------
     Active
---------------*/
.ui.active.progress .bar {
  position: relative;
  min-width: 2em;
}
.ui.active.progress .bar::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #FFFFFF;
  border-radius: 0.28571429rem;
  animation: progress-active 2s ease infinite;
}
@keyframes progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
/*--------------
    Disabled
---------------*/
.ui.disabled.progress {
  opacity: 0.35;
}
.ui.disabled.progress .bar,
.ui.disabled.progress .bar::after {
  animation: none !important;
}
/*******************************
           Variations
*******************************/
/*--------------
    Inverted
---------------*/
.ui.inverted.progress {
  background: rgba(255, 255, 255, 0.08);
  border: none;
}
.ui.inverted.progress .bar {
  background: #888888;
}
.ui.inverted.progress .bar > .progress {
  color: #F9FAFB;
}
.ui.inverted.progress > .label {
  color: #FFFFFF;
}
.ui.inverted.progress.success > .label {
  color: var(--button_primary_bkg_normal);
}
.ui.inverted.progress.warning > .label {
  color: #F2C037;
}
.ui.inverted.progress.error > .label {
  color: var(--common_alert);
}
/*--------------
    Attached
---------------*/
/* bottom attached */
.ui.progress.attached {
  background: transparent;
  position: relative;
  border: none;
  margin: 0em;
}
.ui.progress.attached,
.ui.progress.attached .bar {
  display: block;
  height: 0.2rem;
  padding: 0px;
  overflow: hidden;
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
.ui.progress.attached .bar {
  border-radius: 0em;
}
/* top attached */
.ui.progress.top.attached,
.ui.progress.top.attached .bar {
  top: 0px;
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.progress.top.attached .bar {
  border-radius: 0em;
}
/* Coupling */
.ui.segment > .ui.attached.progress,
.ui.card > .ui.attached.progress {
  position: absolute;
  top: auto;
  left: 0;
  bottom: 100%;
  width: 100%;
}
.ui.segment > .ui.bottom.attached.progress,
.ui.card > .ui.bottom.attached.progress {
  top: 100%;
  bottom: auto;
}
/*--------------
     Colors
---------------*/
/* Red */
.ui.red.progress .bar {
  background-color: var(--inputs_border_error);
}
.ui.red.inverted.progress .bar {
  background-color: #FF695E;
}
/* Orange */
.ui.orange.progress .bar {
  background-color: var(--common_alert);
}
.ui.orange.inverted.progress .bar {
  background-color: #FF851B;
}
/* Yellow */
.ui.yellow.progress .bar {
  background-color: #fcc73b;
}
.ui.yellow.inverted.progress .bar {
  background-color: #FFE21F;
}
/* Olive */
.ui.olive.progress .bar {
  background-color: #B5CC18;
}
.ui.olive.inverted.progress .bar {
  background-color: #D9E778;
}
/* Green */
.ui.green.progress .bar {
  background-color: #73D822;
}
.ui.green.inverted.progress .bar {
  background-color: #2ECC40;
}
/* Teal */
.ui.teal.progress .bar {
  background-color: var(--common_accent);
}
.ui.teal.inverted.progress .bar {
  background-color: #b2e8e0;
}
/* Blue */
.ui.blue.progress .bar {
  background-color: #199ed8;
}
.ui.blue.inverted.progress .bar {
  background-color: #54c2f7;
}
/* Violet */
.ui.violet.progress .bar {
  background-color: #6b80ef;
}
.ui.violet.inverted.progress .bar {
  background-color: #A291FB;
}
/* Purple */
.ui.purple.progress .bar {
  background-color: #A333C8;
}
.ui.purple.inverted.progress .bar {
  background-color: #f48ef5;
}
/* Pink */
.ui.pink.progress .bar {
  background-color: #E03997;
}
.ui.pink.inverted.progress .bar {
  background-color: #FF8EDF;
}
/* Brown */
.ui.brown.progress .bar {
  background-color: #A5673F;
}
.ui.brown.inverted.progress .bar {
  background-color: #D67C1C;
}
/* Grey */
.ui.grey.progress .bar {
  background-color: #DCDDDE;
}
.ui.grey.inverted.progress .bar {
  background-color: #ECECEC;
}
/* Black */
.ui.black.progress .bar {
  background-color: #1B1C1D;
}
.ui.black.inverted.progress .bar {
  background-color: #999999;
}
/*--------------
     Sizes
---------------*/
.ui.tiny.progress {
  font-size: 0.85714286rem;
}
.ui.tiny.progress .bar {
  height: 0.5em;
}
.ui.small.progress {
  font-size: 0.92857143rem;
}
.ui.small.progress .bar {
  height: 1em;
}
.ui.progress {
  font-size: 1rem;
}
.ui.progress .bar {
  height: 1.75em;
}
.ui.large.progress {
  font-size: 1.14285714rem;
}
.ui.large.progress .bar {
  height: 2.5em;
}
.ui.big.progress {
  font-size: 1.28571429rem;
}
.ui.big.progress .bar {
  height: 3.5em;
}
/*******************************
            Progress
*******************************/
/*!
 * # Semantic UI - Rating
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Rating
*******************************/
/*-------------------
        Types
--------------------*/
/* Standard */
/* Star */
/* Heart */
/*-------------------
        States
--------------------*/
/*-------------------
      Variations
--------------------*/
/*******************************
           Rating
*******************************/
.ui.rating {
  display: inline-flex;
  white-space: nowrap;
  vertical-align: baseline;
}
.ui.rating:last-child {
  margin-right: 0em;
}
/* Icon */
.ui.rating .icon {
  padding: 0em;
  margin: 0em;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  flex: 1 0 auto;
  cursor: pointer;
  width: 1.25em;
  height: auto;
  transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
}
/*******************************
             Types
*******************************/
/*-------------------
      Standard
--------------------*/
/* Inactive Icon */
.ui.rating .icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
}
/* Active Icon */
.ui.rating .active.icon {
  background: transparent;
  color: rgba(0, 0, 0, 0.85);
}
/* Selected Icon */
.ui.rating .icon.selected,
.ui.rating .icon.selected.active {
  background: transparent;
  color: var(--basic-on-bg-primary);
}
/*-------------------
        Star
--------------------*/
/* Inactive */
.ui.star.rating .icon {
  width: 1.25em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none;
}
/* Active Star */
.ui.star.rating .active.icon {
  background: transparent !important;
  color: #FFE623 !important;
  text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;
}
/* Selected Star */
.ui.star.rating .icon.selected,
.ui.star.rating .icon.selected.active {
  background: transparent !important;
  color: #FFCC00 !important;
  text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;
}
/*-------------------
        Heart
--------------------*/
.ui.heart.rating .icon {
  width: 1.4em;
  height: auto;
  background: transparent;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: none !important;
}
/* Active Heart */
.ui.heart.rating .active.icon {
  background: transparent !important;
  color: #FF6D75 !important;
  text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;
}
/* Selected Heart */
.ui.heart.rating .icon.selected,
.ui.heart.rating .icon.selected.active {
  background: transparent !important;
  color: #FF3000 !important;
  text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;
}
/*******************************
             States
*******************************/
/*-------------------
       Disabled
--------------------*/
/* disabled rating */
.ui.disabled.rating .icon {
  cursor: default;
}
/*-------------------
   User Interactive
--------------------*/
/* Selected Rating */
.ui.rating.selected .active.icon {
  opacity: 1;
}
.ui.rating.selected .icon.selected,
.ui.rating .icon.selected {
  opacity: 1;
}
/*******************************
          Variations
*******************************/
.ui.mini.rating {
  font-size: 0.78571429rem;
}
.ui.tiny.rating {
  font-size: 0.85714286rem;
}
.ui.small.rating {
  font-size: 0.92857143rem;
}
.ui.rating {
  font-size: 1rem;
}
.ui.large.rating {
  font-size: 1.14285714rem;
}
.ui.huge.rating {
  font-size: 1.42857143rem;
}
.ui.massive.rating {
  font-size: 2rem;
}
/*!
 * # Semantic UI - Search
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Search
*******************************/
/* Search Prompt */
/* Mobile */
/* Result Box */
/* Result */
/* Result Image */
/* Result TerminalTypeModalContent */
/* Description */
/* Price */
/* Special Message */
/* All Results Link */
/*******************************
            States
*******************************/
/* Focus */
/* Hover */
/* Loading */
/* Active Category */
/* Active Result */
/*******************************
            Types
*******************************/
/* Selection */
/* Category */
/*******************************
             Search
*******************************/
.ui.search {
  position: relative;
}
.ui.search > .prompt {
  margin: 0em;
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-shadow: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1.21428571em;
  padding: 0.67857143em 1em;
  font-size: 1em;
  background: #FFFFFF;
  border: 1px solid rgba(34, 36, 38, 0.15);
  color: var(--basic-on-bg-primary);
  box-shadow: 0em 0em 0em 0em transparent inset;
  transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
}
.ui.search .prompt {
  border-radius: 500rem;
}
/*--------------
     Icon
---------------*/
.ui.search .prompt ~ .search.icon {
  cursor: pointer;
}
/*--------------
    Results
---------------*/
.ui.search > .results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0%;
  transform-origin: center top;
  white-space: normal;
  text-align: left;
  text-transform: none;
  background: #FFFFFF;
  margin-top: 0.5em;
  width: 18em;
  border-radius: 0.28571429rem;
  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
  border: 1px solid #D4D4D5;
  z-index: 998;
}
.ui.search > .results > :first-child {
  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}
.ui.search > .results > :last-child {
  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}
/*--------------
    Result
---------------*/
.ui.search > .results .result {
  cursor: pointer;
  display: block;
  overflow: hidden;
  font-size: 1em;
  padding: 0.85714286em 1.14285714em;
  color: var(--basic-on-bg-primary);
  line-height: 1.33;
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.search > .results .result:last-child {
  border-bottom: none !important;
}
/* Image */
.ui.search > .results .result .image {
  float: right;
  overflow: hidden;
  background: none;
  width: 5em;
  height: 3em;
  border-radius: 0.25em;
}
.ui.search > .results .result .image img {
  display: block;
  width: auto;
  height: 100%;
}
/*--------------
      Info
---------------*/
.ui.search > .results .result .image + .content {
  margin: 0em 6em 0em 0em;
}
.ui.search > .results .result .title {
  margin: -0.14285714em 0em 0em;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result .description {
  margin-top: 0;
  font-size: 0.92857143em;
  color: rgba(0, 0, 0, 0.4);
}
.ui.search > .results .result .price {
  float: right;
  color: #73D822;
}
/*--------------
    Message
---------------*/
.ui.search > .results > .message {
  padding: 1em 1em;
}
.ui.search > .results > .message .header {
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: bold;
  color: var(--basic-on-bg-primary);
}
.ui.search > .results > .message .description {
  margin-top: 0.25rem;
  font-size: 1em;
  color: var(--basic-on-bg-primary);
}
/* View All Results */
.ui.search > .results > .action {
  display: block;
  border-top: none;
  background: #F8F8F8;
  padding: 0.92857143em 1em;
  color: var(--basic-on-bg-primary);
  font-weight: bold;
  text-align: center;
}
/*******************************
            States
*******************************/
/*--------------------
       Focus
---------------------*/
.ui.search > .prompt:focus {
  border-color: rgba(34, 36, 38, 0.35);
  background: #FFFFFF;
  color: rgba(0, 0, 0, 0.95);
}
/*--------------------
       Loading
---------------------*/
.ui.loading.search .input > i.icon:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.3);
}
.ui.loading.search .input > i.icon:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0em 0em -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #DCDDDE transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*--------------
      Hover
---------------*/
.ui.search > .results .result:hover,
.ui.category.search > .results .category .result:hover {
  background: #F9FAFB;
}
.ui.search .action:hover {
  background: #E0E0E0;
}
/*--------------
      Active
---------------*/
.ui.category.search > .results .category.active {
  background: #F8F8F8;
}
.ui.category.search > .results .category.active > .name {
  color: var(--basic-on-bg-primary);
}
.ui.search > .results .result.active,
.ui.category.search > .results .category .result.active {
  position: relative;
  border-left-color: rgba(34, 36, 38, 0.1);
  background: #F8F8F8;
  box-shadow: none;
}
.ui.search > .results .result.active .title {
  color: rgba(0, 0, 0, 0.85);
}
.ui.search > .results .result.active .description {
  color: rgba(0, 0, 0, 0.85);
}
/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.search {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
/*******************************
           Types
*******************************/
/*--------------
    Selection
---------------*/
.ui.search.selection .prompt {
  border-radius: 0.28571429rem;
}
/* Remove input */
.ui.search.selection > .icon.input > .remove.icon {
  pointer-events: none;
  position: absolute;
  left: auto;
  opacity: 0;
  color: '';
  top: 0em;
  right: 0em;
  transition: color 0.1s ease, opacity 0.1s ease;
}
.ui.search.selection > .icon.input > .active.remove.icon {
  cursor: pointer;
  opacity: 0.8;
  pointer-events: auto;
}
.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
  right: 1.85714em;
}
.ui.search.selection > .icon.input > .remove.icon:hover {
  opacity: 1;
  color: var(--inputs_border_error);
}
/*--------------
    Category
---------------*/
.ui.category.search .results {
  width: 28em;
}
.ui.category.search .results.animating,
.ui.category.search .results.visible {
  display: table;
}
/* Category */
.ui.category.search > .results .category {
  display: table-row;
  background: #F8F8F8;
  box-shadow: none;
  transition: background 0.1s ease, border-color 0.1s ease;
}
/* Last Category */
.ui.category.search > .results .category:last-child {
  border-bottom: none;
}
/* First / Last */
.ui.category.search > .results .category:first-child .name + .result {
  border-radius: 0em 0.28571429rem 0em 0em;
}
.ui.category.search > .results .category:last-child .result:last-child {
  border-radius: 0em 0em 0.28571429rem 0em;
}
/* Category Result Name */
.ui.category.search > .results .category > .name {
  display: table-cell;
  text-overflow: ellipsis;
  width: 100px;
  white-space: nowrap;
  background: transparent;
  font-family: 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0.4em 1em;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
/* Category Result */
.ui.category.search > .results .category .results {
  display: table-cell;
  background: #FFFFFF;
  border-left: 1px solid rgba(34, 36, 38, 0.15);
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.ui.category.search > .results .category .result {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
  transition: background 0.1s ease, border-color 0.1s ease;
  padding: 0.85714286em 1.14285714em;
}
/*******************************
           Variations
*******************************/
/*-------------------
     Left / Right
--------------------*/
.ui[class*="left aligned"].search > .results {
  right: auto;
  left: 0%;
}
.ui[class*="right aligned"].search > .results {
  right: 0%;
  left: auto;
}
/*--------------
    Fluid
---------------*/
.ui.fluid.search .results {
  width: 100%;
}
/*--------------
      Sizes
---------------*/
.ui.mini.search {
  font-size: 0.78571429em;
}
.ui.small.search {
  font-size: 0.92857143em;
}
.ui.search {
  font-size: 1em;
}
.ui.large.search {
  font-size: 1.14285714em;
}
.ui.big.search {
  font-size: 1.28571429em;
}
.ui.huge.search {
  font-size: 1.42857143em;
}
.ui.massive.search {
  font-size: 1.71428571em;
}
/*--------------
      Mobile
---------------*/
@media only screen and (max-width: 767px) {
  .ui.search .results {
    max-width: calc(100vw - 2rem);
  }
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Shape
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Shape
*******************************/
/* Animating */
/* Side */
/*--------------
      Types
---------------*/
/* Cube */
/*******************************
              Shape
*******************************/
.ui.shape {
  position: relative;
  vertical-align: top;
  display: inline-block;
  perspective: 2000px;
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
}
.ui.shape .sides {
  transform-style: preserve-3d;
}
.ui.shape .side {
  opacity: 1;
  width: 100%;
  margin: 0em !important;
  backface-visibility: hidden;
}
.ui.shape .side {
  display: none;
}
.ui.shape .side * {
  backface-visibility: visible !important;
}
/*******************************
             Types
*******************************/
.ui.cube.shape .side {
  min-width: 15em;
  height: 15em;
  padding: 2em;
  background-color: #E6E6E6;
  color: var(--basic-on-bg-primary);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.ui.cube.shape .side > .content {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center;
  user-select: text;
}
.ui.cube.shape .side > .content > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 2em;
}
/*******************************
          Variations
*******************************/
.ui.text.shape.animating .sides {
  position: static;
}
.ui.text.shape .side {
  white-space: nowrap;
}
.ui.text.shape .side > * {
  white-space: normal;
}
/*******************************
             States
*******************************/
/*--------------
    Loading
---------------*/
.ui.loading.shape {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
/*--------------
    Animating
---------------*/
.ui.shape .animating.side {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  z-index: 100;
}
.ui.shape .hidden.side {
  opacity: 0.6;
}
/*--------------
      CSS
---------------*/
.ui.shape.animating .sides {
  position: absolute;
}
.ui.shape.animating .sides {
  transition: transform 0.6s ease-in-out, left 0.6s ease-in-out, width 0.6s ease-in-out, height 0.6s ease-in-out;
}
.ui.shape.animating .side {
  transition: opacity 0.6s ease-in-out;
}
/*--------------
     Active
---------------*/
.ui.shape .active.side {
  display: block;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Sidebar
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
             Sidebar
*******************************/
/*-------------------
       TerminalTypeModalContent
--------------------*/
/* Animation */
/* Dimmer */
/* Color below page */
/* Shadow */
/* Layering */
/*-------------------
      Variations
--------------------*/
/* Width */
/* Height */
/*******************************
            Sidebar
*******************************/
/* Sidebar Menu */
.ui.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  backface-visibility: hidden;
  transition: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100% !important;
  max-height: 100%;
  border-radius: 0em !important;
  margin: 0em !important;
  overflow-y: auto !important;
  z-index: 102;
}
/* GPU Layers for Child Elements */
.ui.sidebar > * {
  backface-visibility: hidden;
}
/*--------------
   Direction
---------------*/
.ui.left.sidebar {
  right: auto;
  left: 0px;
  transform: translate3d(-100%, 0, 0);
}
.ui.right.sidebar {
  right: 0px !important;
  left: auto !important;
  transform: translate3d(100%, 0%, 0);
}
.ui.top.sidebar,
.ui.bottom.sidebar {
  width: 100% !important;
  height: auto !important;
}
.ui.top.sidebar {
  top: 0px !important;
  bottom: auto !important;
  transform: translate3d(0, -100%, 0);
}
.ui.bottom.sidebar {
  top: auto !important;
  bottom: 0px !important;
  transform: translate3d(0, 100%, 0);
}
/*--------------
     Pushable
---------------*/
.pushable {
  height: 100%;
  overflow-x: hidden;
  padding: 0em !important;
}
/* Whole Page */
body.pushable {
  background: #999999 !important;
}
/* Page Context */
.pushable:not(body) {
  transform: translate3d(0, 0, 0);
}
.pushable:not(body) > .ui.sidebar,
.pushable:not(body) > .fixed,
.pushable:not(body) > .pusher:after {
  position: absolute;
}
/*--------------
     Fixed
---------------*/
.pushable > .fixed {
  position: fixed;
  backface-visibility: hidden;
  transition: transform 500ms ease;
  will-change: transform;
  z-index: 101;
}
/*--------------
     Page
---------------*/
.pushable > .pusher {
  position: relative;
  backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  transition: transform 500ms ease;
  z-index: 2;
}
body.pushable > .pusher {
  background: var(--basic-bg-primary);
}
/* Pusher should inherit background from context */
.pushable > .pusher {
  background: inherit;
}
/*--------------
     Dimmer
---------------*/
.pushable > .pusher:after {
  position: fixed;
  top: 0px;
  right: 0px;
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  opacity: 0;
  transition: opacity 500ms;
  will-change: opacity;
  z-index: 1000;
}
/*--------------
    Coupling
---------------*/
.ui.sidebar.menu .item {
  border-radius: 0em !important;
}
/*******************************
            States
*******************************/
/*--------------
     Dimmed
---------------*/
.pushable > .pusher.dimmed:after {
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
}
/*--------------
    Animating
---------------*/
.ui.animating.sidebar {
  visibility: visible;
}
/*--------------
     Visible
---------------*/
.ui.visible.sidebar {
  visibility: visible;
  transform: translate3d(0, 0, 0);
}
/* Shadow Direction */
.ui.left.visible.sidebar,
.ui.right.visible.sidebar {
  box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
}
.ui.top.visible.sidebar,
.ui.bottom.visible.sidebar {
  box-shadow: 0px 0px 20px rgba(34, 36, 38, 0.15);
}
/* Visible On Load */
.ui.visible.left.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .pusher {
  transform: translate3d(260px, 0, 0);
}
.ui.visible.right.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .pusher {
  transform: translate3d(-260px, 0, 0);
}
.ui.visible.top.sidebar ~ .fixed,
.ui.visible.top.sidebar ~ .pusher {
  transform: translate3d(0, 36px, 0);
}
.ui.visible.bottom.sidebar ~ .fixed,
.ui.visible.bottom.sidebar ~ .pusher {
  transform: translate3d(0, -36px, 0);
}
/* opposite sides visible forces content overlay */
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
  transform: translate3d(0, 0, 0);
}
/*--------------
       iOS
---------------*/
/*******************************
          Variations
*******************************/
/*--------------
     Width
---------------*/
/* Left / Right */
.ui.thin.left.sidebar,
.ui.thin.right.sidebar {
  width: 150px;
}
.ui[class*="very thin"].left.sidebar,
.ui[class*="very thin"].right.sidebar {
  width: 60px;
}
.ui.left.sidebar,
.ui.right.sidebar {
  width: 260px;
}
.ui.wide.left.sidebar,
.ui.wide.right.sidebar {
  width: 350px;
}
.ui[class*="very wide"].left.sidebar,
.ui[class*="very wide"].right.sidebar {
  width: 475px;
}
/* Left Visible */
.ui.visible.thin.left.sidebar ~ .fixed,
.ui.visible.thin.left.sidebar ~ .pusher {
  transform: translate3d(150px, 0, 0);
}
.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
  transform: translate3d(60px, 0, 0);
}
.ui.visible.wide.left.sidebar ~ .fixed,
.ui.visible.wide.left.sidebar ~ .pusher {
  transform: translate3d(350px, 0, 0);
}
.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
  transform: translate3d(475px, 0, 0);
}
/* Right Visible */
.ui.visible.thin.right.sidebar ~ .fixed,
.ui.visible.thin.right.sidebar ~ .pusher {
  transform: translate3d(-150px, 0, 0);
}
.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
  transform: translate3d(-60px, 0, 0);
}
.ui.visible.wide.right.sidebar ~ .fixed,
.ui.visible.wide.right.sidebar ~ .pusher {
  transform: translate3d(-350px, 0, 0);
}
.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
  transform: translate3d(-475px, 0, 0);
}
/*******************************
          Animations
*******************************/
/*--------------
    Overlay
---------------*/
/* Set-up */
.ui.overlay.sidebar {
  z-index: 102;
}
/* Initial */
.ui.left.overlay.sidebar {
  transform: translate3d(-100%, 0%, 0);
}
.ui.right.overlay.sidebar {
  transform: translate3d(100%, 0%, 0);
}
.ui.top.overlay.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.overlay.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* Animation */
.animating.ui.overlay.sidebar,
.ui.visible.overlay.sidebar {
  transition: transform 500ms ease;
}
/* End - Sidebar */
.ui.visible.left.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.right.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.top.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
.ui.visible.bottom.overlay.sidebar {
  transform: translate3d(0%, 0%, 0);
}
/* End - Pusher */
.ui.visible.overlay.sidebar ~ .fixed,
.ui.visible.overlay.sidebar ~ .pusher {
  transform: none !important;
}
/*--------------
      Push
---------------*/
/* Initial */
.ui.push.sidebar {
  transition: transform 500ms ease;
  z-index: 102;
}
/* Sidebar - Initial */
.ui.left.push.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.push.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.push.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.push.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* End */
.ui.visible.push.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
    Uncover
---------------*/
/* Initial */
.ui.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* End */
.ui.visible.uncover.sidebar {
  transform: translate3d(0, 0, 0);
  transition: transform 500ms ease;
}
/*--------------
   Slide Along
---------------*/
/* Initial */
.ui.slide.along.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.along.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.right.slide.along.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.top.slide.along.sidebar {
  transform: translate3d(0, -50%, 0);
}
.ui.bottom.slide.along.sidebar {
  transform: translate3d(0%, 50%, 0);
}
/* Animation */
.ui.animating.slide.along.sidebar {
  transition: transform 500ms ease;
}
/* End */
.ui.visible.slide.along.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
   Slide Out
---------------*/
/* Initial */
.ui.slide.out.sidebar {
  z-index: 1;
}
/* Sidebar - Initial */
.ui.left.slide.out.sidebar {
  transform: translate3d(50%, 0, 0);
}
.ui.right.slide.out.sidebar {
  transform: translate3d(-50%, 0, 0);
}
.ui.top.slide.out.sidebar {
  transform: translate3d(0%, 50%, 0);
}
.ui.bottom.slide.out.sidebar {
  transform: translate3d(0%, -50%, 0);
}
/* Animation */
.ui.animating.slide.out.sidebar {
  transition: transform 500ms ease;
}
/* End */
.ui.visible.slide.out.sidebar {
  transform: translate3d(0%, 0, 0);
}
/*--------------
   Scale Down
---------------*/
/* Initial */
.ui.scale.down.sidebar {
  transition: transform 500ms ease;
  z-index: 102;
}
/* Sidebar - Initial  */
.ui.left.scale.down.sidebar {
  transform: translate3d(-100%, 0, 0);
}
.ui.right.scale.down.sidebar {
  transform: translate3d(100%, 0, 0);
}
.ui.top.scale.down.sidebar {
  transform: translate3d(0%, -100%, 0);
}
.ui.bottom.scale.down.sidebar {
  transform: translate3d(0%, 100%, 0);
}
/* Pusher - Initial */
.ui.scale.down.left.sidebar ~ .pusher {
  transform-origin: 75% 50%;
}
.ui.scale.down.right.sidebar ~ .pusher {
  transform-origin: 25% 50%;
}
.ui.scale.down.top.sidebar ~ .pusher {
  transform-origin: 50% 75%;
}
.ui.scale.down.bottom.sidebar ~ .pusher {
  transform-origin: 50% 25%;
}
/* Animation */
.ui.animating.scale.down > .visible.ui.sidebar {
  transition: transform 500ms ease;
}
.ui.visible.scale.down.sidebar ~ .pusher,
.ui.animating.scale.down.sidebar ~ .pusher {
  display: block !important;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}
/* End */
.ui.visible.scale.down.sidebar {
  transform: translate3d(0, 0, 0);
}
.ui.visible.scale.down.sidebar ~ .pusher {
  transform: scale(0.75);
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Sticky
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Sticky
*******************************/
/*******************************
            Sticky
*******************************/
.ui.sticky {
  position: static;
  transition: none;
  z-index: 800;
}
/*******************************
            States
*******************************/
/* Bound */
.ui.sticky.bound {
  position: absolute;
  left: auto;
  right: auto;
}
/* Fixed */
.ui.sticky.fixed {
  position: fixed;
  left: auto;
  right: auto;
}
/* Bound/Fixed Position */
.ui.sticky.bound.top,
.ui.sticky.fixed.top {
  top: 0px;
  bottom: auto;
}
.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
  top: auto;
  bottom: 0px;
}
/*******************************
            Types
*******************************/
.ui.native.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
/*******************************
         Theme Overrides
*******************************/
/*!
 * # Semantic UI - Tab
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
              Tab
*******************************/
/* Loading */
/*******************************
           UI Tabs
*******************************/
.ui.tab {
  display: none;
}
/*******************************
             States
*******************************/
/*--------------------
       Active
---------------------*/
.ui.tab.active,
.ui.tab.open {
  display: block;
}
/*--------------------
       Loading
---------------------*/
.ui.tab.loading {
  position: relative;
  overflow: hidden;
  display: block;
  min-height: 250px;
}
.ui.tab.loading * {
  position: relative !important;
  left: -10000px !important;
}
.ui.tab.loading:before,
.ui.tab.loading.segment:before {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.3);
}
.ui.tab.loading:after,
.ui.tab.loading.segment:after {
  position: absolute;
  content: '';
  top: 100px;
  left: 50%;
  margin: -1.25em 0em 0em -1.25em;
  width: 2.5em;
  height: 2.5em;
  animation: button-spin 0.6s linear;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #DCDDDE transparent transparent;
  border-style: solid;
  border-width: 0.2em;
  box-shadow: 0px 0px 0px 1px transparent;
}
/*******************************
         Tab Overrides
*******************************/
.ui.tabular.menu .item.accent .icon {
  color: var(--icon_accent);
}
/*!
 * # Semantic UI - Transition
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
/*******************************
            Theme
*******************************/
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
          Transition
*******************************/
/*******************************
          Transitions
*******************************/
.transition {
  animation-iteration-count: 1;
  animation-duration: 300ms;
  animation-timing-function: ease;
  animation-fill-mode: both;
}
/*******************************
            States
*******************************/
/* Animating */
.animating.transition {
  backface-visibility: hidden;
  visibility: visible !important;
}
/* Loading */
.loading.transition {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}
/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
  /*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}
/* Disabled */
.disabled.transition {
  animation-play-state: paused;
}
/*******************************
          Variations
*******************************/
.looping.transition {
  animation-iteration-count: infinite;
}
/*******************************
          Transitions
*******************************/
/*
  Some transitions adapted from Animate CSS
  https://github.com/daneden/animate.css

  Additional transitions adapted from Glide
  by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
     Browse
---------------*/
.transition.browse {
  animation-duration: 500ms;
}
.transition.browse.in {
  animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
  animation-name: browseOutLeft;
}
.transition.browse.right.out {
  animation-name: browseOutRight;
}
/* In */
@keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
  }
  10% {
    transform: scale(0.8) translateZ(0px);
    z-index: -1;
    opacity: 0.7;
  }
  80% {
    transform: scale(1.05) translateZ(0px);
    opacity: 1;
    z-index: 999;
  }
  100% {
    transform: scale(1) translateZ(0px);
    z-index: 999;
  }
}
/* Out */
@keyframes browseOutLeft {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: -1;
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: -1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
@keyframes browseOutRight {
  0% {
    z-index: 999;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
  }
  50% {
    z-index: 1;
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
  }
  80% {
    opacity: 1;
  }
  100% {
    z-index: 1;
    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
    opacity: 0;
  }
}
/*--------------
     Drop
---------------*/
.drop.transition {
  transform-origin: top center;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
  animation-name: dropIn;
}
.drop.transition.out {
  animation-name: dropOut;
}
/* Drop */
@keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
/*--------------
      Fade
---------------*/
.transition.fade.in {
  animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  animation-name: fadeInRight;
}
.transition.fade.out {
  animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  animation-name: fadeOutRight;
}
/* In */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
/* Out */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(-5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(-5%);
  }
}
/*--------------
     Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
  animation-duration: 600ms;
}
.horizontal.flip.transition.in {
  animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  animation-name: verticalFlipOut;
}
/* In */
@keyframes horizontalFlipIn {
  0% {
    transform: perspective(2000px) rotateY(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes verticalFlipIn {
  0% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
}
/* Out */
@keyframes horizontalFlipOut {
  0% {
    transform: perspective(2000px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes verticalFlipOut {
  0% {
    transform: perspective(2000px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(2000px) rotateX(-90deg);
    opacity: 0;
  }
}
/*--------------
      Scale
---------------*/
.scale.transition.in {
  animation-name: scaleIn;
}
.scale.transition.out {
  animation-name: scaleOut;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Out */
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9);
  }
}
/*--------------
      Fly
---------------*/
/* Inward */
.transition.fly {
  animation-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  animation-name: flyIn;
}
.transition[class*="fly up"].in {
  animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  animation-name: flyInRight;
}
/* Outward */
.transition.fly.out {
  animation-name: flyOut;
}
.transition[class*="fly up"].out {
  animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  animation-name: flyOutRight;
}
/* In */
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
/* Out */
@keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
/*--------------
     Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
  animation-name: slideInY;
  transform-origin: top center;
}
.transition[class*="slide up"].in {
  animation-name: slideInY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  animation-name: slideInX;
  transform-origin: center right;
}
.transition[class*="slide right"].in {
  animation-name: slideInX;
  transform-origin: center left;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  animation-name: slideOutY;
  transform-origin: top center;
}
.transition[class*="slide up"].out {
  animation-name: slideOutY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  animation-name: slideOutX;
  transform-origin: center right;
}
.transition[class*="slide right"].out {
  animation-name: slideOutX;
  transform-origin: center left;
}
/* In */
@keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
/* Out */
@keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  100% {
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
/*--------------
     Swing
---------------*/
.transition.swing {
  animation-duration: 800ms;
}
.transition[class*="swing down"].in {
  animation-name: swingInX;
  transform-origin: top center;
}
.transition[class*="swing up"].in {
  animation-name: swingInX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  animation-name: swingInY;
  transform-origin: center right;
}
.transition[class*="swing right"].in {
  animation-name: swingInY;
  transform-origin: center left;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  animation-name: swingOutX;
  transform-origin: top center;
}
.transition[class*="swing up"].out {
  animation-name: swingOutX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  animation-name: swingOutY;
  transform-origin: center right;
}
.transition[class*="swing right"].out {
  animation-name: swingOutY;
  transform-origin: center left;
}
/* In */
@keyframes swingInX {
  0% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateX(0deg);
  }
}
@keyframes swingInY {
  0% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  100% {
    transform: perspective(1000px) rotateY(0deg);
  }
}
/* Out */
@keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0deg);
  }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0deg);
  }
  40% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    transform: perspective(1000px) rotateY(30deg);
    opacity: 1;
  }
  100% {
    transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
  }
}
/*--------------
      Zoom
---------------*/
.transition.zoom.in {
  animation-name: zoomIn;
}
.transition.zoom.out {
  animation-name: zoomOut;
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(0);
  }
}
/*******************************
       Static Animations
*******************************/
/*--------------
    Emphasis
---------------*/
.flash.transition {
  animation-duration: 750ms;
  animation-name: flash;
}
.shake.transition {
  animation-duration: 750ms;
  animation-name: shake;
}
.bounce.transition {
  animation-duration: 750ms;
  animation-name: bounce;
}
.tada.transition {
  animation-duration: 750ms;
  animation-name: tada;
}
.pulse.transition {
  animation-duration: 500ms;
  animation-name: pulse;
}
.jiggle.transition {
  animation-duration: 750ms;
  animation-name: jiggle;
}
.transition.glow {
  animation-duration: 2000ms;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.transition.glow {
  animation-name: glow;
}
/* Flash */
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
/* Shake */
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
/* Bounce */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* Tada */
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
/* Pulse */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* Jiggle */
@keyframes jiggle {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
/* Glow */
@keyframes glow {
  0% {
    background-color: #FCFCFD;
  }
  30% {
    background-color: #FFF6CD;
  }
  100% {
    background-color: #FCFCFD;
  }
}

.header--daHNd {
  background: var(--header-bg-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  position: sticky;
  top: 0;
  z-index: 2000;
  user-select: none;
}

  @media (min-width: 1440px) and (max-width: 10000px) {.header--daHNd {
    padding: 0 calc((100% - 1440px + 48px) / 2);
    padding: 0 round(up, calc((100% - 1440px + 48px) / 2), 1px) 0 round(down, calc((100% - 1440px + 48px) / 2), 1px)
}
  }

  @media (min-width: 1280px) and (max-width: 1439px) {.header--daHNd {
    padding: 0 24px
}
  }

  @media (max-width: 1279px) {.header--daHNd {
    padding: 0 16px
}
  }

.header__logotype--rW7zN {
  display: block;
}

.header__nav--Ebn6e {
  height: 100%;
  display: flex;
  align-items: center;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.header__nav--Ebn6e {
    gap: 52px
}
  }

@media (min-width: 360px) and (max-width: 1279px) {

.header__nav--Ebn6e {
    gap: 24px
}
  }

@media (max-width: 359px) {

.header__nav--Ebn6e {
    gap: 20px
}
  }

.header__nav-list--RRdde {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  height: 100%;
}

@media not ((max-width: 359px)) {

.header__nav-list--RRdde {
    gap: 24px
}
  }

@media (max-width: 359px) {

.header__nav-list--RRdde {
    gap: 20px
}
  }

.header__nav-item--NIC2r {
  height: 100%;
}

.header__nav-item--NIC2r:empty {
  display: none;
}

.header__burger-toggle--MsAnM {
  fill: var(--header-on-bg-select) !important;
  transition: fill 0.3s;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.header__burger-toggle--MsAnM {
    display: none !important
}
  }

@media (max-width: 1279px) {

.header__burger-toggle--MsAnM {
    display: block !important
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.header__main-nav-list--bPn7G {
    display: flex
}
  }

@media (max-width: 1279px) {

.header__main-nav-list--bPn7G {
    display: none
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.header__context--cpDXc {
    display: none
}
  }

@media (max-width: 767px) {

.header__context--cpDXc {
    display: block
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.header__calls--cXAvg,
.header__settings--onRxz,
.header__comments--eRSee {
    display: block
}
  }

@media (max-width: 767px) {

.header__calls--cXAvg,
.header__settings--onRxz,
.header__comments--eRSee {
    display: none
}
  }

.header__link-count--QzwY2 {
  color: var(--basic-on-bg-alert);
}
.link--fBgTg,
.link--fBgTg:hover,
.link--fBgTg:active,
.link--fBgTg:focus {
  font-size: 16px;
  line-height: 58px;
  height: 100%;
  display: block;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transition: color 0.3s, border-color 0.3s;
  display: flex;
  align-items: center;
  gap: 7px;
  cursor: pointer;
  position: relative;
  border-left: 0;
  border-right: 0;
  background-color: transparent;
  padding: 0;
}

.link--fBgTg,
.link--fBgTg:active,
.link--fBgTg:focus {
  color: var(--header-on-bg-select);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.link--fBgTg:hover {
    color: var(--header-on-bg-unselect)
}
  }

@media (max-width: 1279px) {

.link--fBgTg:hover {
    color: var(--header-on-bg-select)
}
  }

.link_active--OMSlS,
.link_active--OMSlS:active,
.link_active--OMSlS:focus {
  border-bottom-color: var(--header-on-bg-select);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.link_active--OMSlS:hover {
    border-bottom-color: var(--header-on-bg-unselect)
}
  }

@media (max-width: 1279px) {

.link_active--OMSlS:hover {
    border-bottom-color: var(--header-on-bg-select)
}
  }

.link__wrapper--em181 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.link__inner--Dvadg {
  display: flex;
  align-items: center;
  gap: 8px;
}

.link__arrow--Iohlz,
.link__icon--ILEbO {
  fill: currentColor;
  transition: fill 0.3s, transform 0.3s;
}

.link__arrow_gray--Z3AuU {
  fill: var(--basic-on-bg-grey-01);
  transform: rotate(-90deg);
}

.link__arrow_visible--L6zSY {
  transform: rotate(0);
}

.link--fBgTg.link__button--b4b8v {
  width: 24px;
  height: 24px;
  border: 0;
}

.link__popup-avatar--LoWOr {
  min-width: 310px !important;
}

.link--fBgTg.link__avatar--sZX00 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  border: 0;
}

.link__toggle--sMs8T {
  justify-content: space-between;
  width: 100%;
}

.link__version--vBpQK {
  font-size: 12px !important;
  white-space: nowrap !important;
  color: var(--basic-on-bg-secondary) !important;
}

@media (min-width: 768px) and (max-width: 10000px) {

.link__version--vBpQK {
    margin: 0;
    line-height: 24px
}
  }

@media (max-width: 767px) {

.link__version--vBpQK {
    margin: 32px 0 -24px;
    line-height: 30px
}
  }

.link__count--tryhi {
  position: absolute;
  height: 17px;
  font-size: 13px;
  line-height: 17px;
  white-space: nowrap;
  background-color: var(--basic-on-bg-alert);
  color: var(--basic-on-bg-on-accent);
  border-radius: 8.5px;
  padding: 0 5px;
  top: -7px;
  left: 50%;
  z-index: 1;
}

.link__sub-list--kSSRT {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 10000px) {

.link__sub-list--kSSRT {
    display: none
}
  }

@media (max-width: 767px) {

.link__sub-list--kSSRT {
    display: block
}
  }

.link__language--NDB4s {
  width: 100%;
}

.avatar--wTPr4 {
  border-radius: 50%;
  background-color: var(--basic-bg-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--button-primary-on-bg-active);
  border: 1px solid var(--basic-bg-accent);
  font-weight: 500;
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  flex-shrink: 0;
  user-select: none;
}

.avatar_white--rnh6N {
  background-color: var(--basic-bg-foreground);
  color: var(--basic-bg-accent);
  border: 1px solid var(--basic-on-bg-stroke);
}

.avatar_disabled--oXSpB {
  background-color: var(--button-primary-bg-disabled);
  border: 1px solid var(--button-primary-bg-disabled);
}

@keyframes spinner--BaL6N {
  0% {
    transform: rotate(0);
  }

  50% {
    transform: rotate(-180deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.spinner--BaL6N {
  margin: auto;
  display: block;
  animation: spinner--BaL6N 1s linear infinite;
  filter: grayscale(1);
}

.button-icon--M8piI {
  padding: 0;
  margin: 0;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  transition: fill 0.3s, color 0.3s;
  fill: var(--basic-on-bg-primary);
  display: block;
  flex-shrink: 0;
}

.button-icon--M8piI:hover {
  fill: var(--basic-on-bg-secondary);
}

.button-icon_primary--_v36b {
  fill: var(--button-primary-bg-active);
}

.button-icon_grey--yMev9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--basic-on-bg-grey-03);
}

.button-icon_primary--_v36b:hover {
  fill: var(--basic-on-bg-secondary);
}

.button-icon_primary--_v36b:focus {
  fill: var(--button-primary-bg-pressed);
}

.button-icon_secondary--MCYIx {
  fill: var(--basic-on-bg-secondary);
}

.button-icon_secondary--MCYIx:hover {
  fill: var(--basic-on-bg-primary);
}

.button-icon_secondary--MCYIx:focus {
  fill: var(--basic-on-bg-primary);
}

.button-icon_alert--HSe4y {
  fill: var(--basic-on-bg-alert);
}

.button-icon_alert--HSe4y:hover {
  fill: var(--basic-on-bg-alert-hover);
}

.button-icon_alert--HSe4y:focus {
  fill: var(--basic-on-bg-alert-pressed);
}

.button-icon--M8piI[disabled] {
  fill: var(--button-primary-bg-disabled);
  cursor: default;
}

.button-icon__icon--nmPfV {
  display: block;
}

.button-icon__loading--gO5fE {
  padding: 4px;
}

@media print {
  .button-icon--M8piI[href] {
    display: none;
  }
}
.button--gx2Lr {
  display: flex;
  align-items: center;
  margin: 0;
  background-color: var(--button-primary-bg-active);
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  color: var(--button-primary-on-bg-active);
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  border: 1px solid transparent;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.button--gx2Lr:disabled,
.button--gx2Lr:disabled:hover,
.button--gx2Lr:disabled:active {
  background-color: var(--button-primary-bg-disabled);
  color: var(--button-primary-on-bg-disabled);
  cursor: not-allowed;
}

.button_secondary--uQI5t:disabled,
.button_secondary--uQI5t:disabled:hover,
.button_secondary--uQI5t:disabled:active {
  background-color: transparent;
  color: var(--button-secondary-on-bg-disabled);
  border-color: var(--button-secondary-border-disabled);
  cursor: not-allowed;
}

.button_transparent--la5Lv:disabled,
.button_transparent--la5Lv:disabled:hover,
.button_transparent--la5Lv:disabled:active {
  color: var(--button-tertiary-on-bg-disabled);
  background-color: transparent;
  cursor: not-allowed;
}

.button_s--TL0jY {
  padding: 5px 13px;
}

.button_m--Cmr46 {
  height: 36px;
  padding: 9px 17px;
}

.button_l--OGE3K {
  padding: 9px 17px;
  justify-content: center;
  height: 40px;
}

.button_s-square--iwnQD {
  padding: 5px;
  width: 32px;
  height: 32px;
}

.button--gx2Lr:hover {
  background-color: var(--button-primary-bg-hover);
}

.button--gx2Lr:active {
  background-color: var(--button-primary-bg-pressed);
  color: var(--button-primary-on-bg-pressed);
}

.button_secondary--uQI5t {
  background-color: transparent;
  color: var(--button-secondary-on-bg-active);
  border: 1px solid var(--button-secondary-border-active);
}

.button_secondary--uQI5t:hover {
  background-color: transparent;
  color: var(--button-secondary-on-bg-hover);
  border-color: var(--button-secondary-border-hover);
}

.button_secondary--uQI5t:active {
  background-color: var(--button-secondary-bg-pressed);
  color: var(--button-secondary-on-bg-pressed);
  border-color: var(--button-secondary-border-pressed);
}

.button_transparent--la5Lv {
  color: var(--button-tertiary-on-bg-active);
  background-color: transparent;
}

.button_transparent--la5Lv:hover {
  color: var(--button-tertiary-on-bg-hover);
  background-color: transparent;
}

.button_transparent--la5Lv:active {
  color: var(--button-tertiary-on-bg-pressed);
  background-color: transparent;
}

.button_flat--UhnKa,
.button_full-flat--TKSEK {
  border: 0;
}

.button_flat--UhnKa {
  padding-left: 0;
  padding-right: 0;
}

.button_full-flat--TKSEK {
  padding: 0;
}

.button_alert--bZpUr {
  color: var(--basic-on-bg-alert);
}

.button_alert--bZpUr:hover {
  color: var(--basic-on-bg-alert-hover);
}

.button_alert--bZpUr:active {
  color: var(--basic-on-bg-alert-pressed);
}

.button_secondary--uQI5t.button_alert--bZpUr,
.button_secondary--uQI5t.button_alert--bZpUr:hover,
.button_secondary--uQI5t.button_alert--bZpUr:active {
  background-color: transparent;
}

.button_secondary--uQI5t.button_alert--bZpUr {
  border-color: var(--basic-on-bg-alert);
}

.button_secondary--uQI5t.button_alert--bZpUr:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.button_secondary--uQI5t.button_alert--bZpUr:active {
  border-color: var(--basic-on-bg-alert-pressed);
}

.button_loading--Hqabv,
.button_loading--Hqabv:hover {
  background-color: var(--status-primary-hold) !important;
  border-color: var(--status-primary-hold) !important;
  position: relative;
  cursor: default;
}

.button_loading--Hqabv .button__inner--kb4r4 {
  opacity: 0;
  visibility: hidden;
}

.button--gx2Lr:not(.button_alert--bZpUr, .button_secondary--uQI5t)[disabled] {
  background-color: var(--button-primary-bg-disabled);
  color: var(--button-primary-on-bg-active);
  cursor: default;
}

.button_alert--bZpUr[disabled] {
  color: var(--button-tertiary-on-bg-disabled);
  cursor: default;
}

.button__inner--kb4r4 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.button__inner_reversed--rmF8r {
  flex-direction: row-reverse;
}

.button__text--Pgfq6 {
  white-space: nowrap;
}

.button__text--Pgfq6::first-letter {
  text-transform: uppercase;
}

.button__loader--RxQjb {
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 8px);
}

.button__icon--TxZmg {
  fill: currentColor;
  transition: fill 0.3s;
  flex-shrink: 0;
}


.content--fCAVZ {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
}

.content--fCAVZ .content--fCAVZ,
.content__popup--mX375 .content--fCAVZ {
  background-color: var(--basic-bg-emphasis);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {

.content--fCAVZ .content__header--pQO4A:not(:first-child) {
    padding: 0 16px
}
  }

@media (max-width: 767px) {

.content--fCAVZ .content__header--pQO4A:first-child {
    padding: 16px 16px 0
}
  }

.content__popup--mX375 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

@media (max-width: 767px) {

.content__popup--mX375 .content__header--pQO4A {
    padding: 0 !important
}
  }

.content--fCAVZ .content_m--Eabji,
.content__popup--mX375 .content_m--Eabji {
  gap: 12px;
}

.content--fCAVZ .content_l--zBzsk,
.content__popup--mX375 .content_l--zBzsk {
  gap: 24px;
}

.content_with-margin--QU_bE {
}

@media (min-width: 768px) and (max-width: 10000px) {

.content_with-padding--qHMC7 {
    padding: 24px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.content--fCAVZ .content_with-padding--qHMC7 {
    padding: 16px
}
  }

@media (max-width: 767px) {

.content__popup--mX375 .content_with-padding--qHMC7 {
    padding: 16px
}
  }

.content--fCAVZ .table--5ZEcq:first-child .table-cell_head--diXoE:first-child {
  border-top-left-radius: 16px;
  overflow: hidden;
}

.content--fCAVZ .table--5ZEcq:first-child .table-cell_head--diXoE:last-child {
  border-top-right-radius: 16px;
  overflow: hidden;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.content--fCAVZ .content--fCAVZ .table-cell--zwF0s,
.form-section--uAWh3 .table-cell--zwF0s {
    padding: 0 16px 0 0
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.content--fCAVZ .content--fCAVZ .table-cell--zwF0s:first-child,
.form-section--uAWh3 .table-cell--zwF0s:first-child {
    padding-left: 16px
}
  }

.content--fCAVZ .table--5ZEcq .table-cell_head--diXoE:first-child,
.form-section--uAWh3 .table--5ZEcq .table-cell_head--diXoE:first-child {
  border-top-left-radius: 16px;
  overflow: hidden;
}

@media (max-width: 767px) {

.content--fCAVZ .table--5ZEcq .table-cell_head--diXoE:first-child,
.form-section--uAWh3 .table--5ZEcq .table-cell_head--diXoE:first-child {
    border-top-right-radius: 16px
}
  }

.content--fCAVZ .table--5ZEcq .table-cell_head--diXoE:last-child,
.form-section--uAWh3 .table--5ZEcq .table-cell_head--diXoE:last-child {
  border-top-right-radius: 16px;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 10000px) {

.content--fCAVZ .content--fCAVZ .table-row--TmYIt:last-child .table-cell_body--xTgJz:first-child,
.form-section--uAWh3 .table-row--TmYIt:last-child .table-cell_body--xTgJz:first-child {
    border-bottom-left-radius: 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.content--fCAVZ .content--fCAVZ .table-row--TmYIt:last-child .table-cell_body--xTgJz:nth-last-child(2),
.form-section--uAWh3 .table-row--TmYIt:last-child .table-cell_body--xTgJz:nth-last-child(2) {
    border-bottom-right-radius: 16px
}
  }

@media (max-width: 767px) {

.content--fCAVZ .content--fCAVZ .table-row--TmYIt.table-row_minimized--PfpPC:last-child .table-cell_body--xTgJz:first-child,
.form-section--uAWh3 .table-row--TmYIt.table-row_minimized--PfpPC:last-child .table-cell_body--xTgJz:first-child,
.content--fCAVZ .content--fCAVZ .table-row--TmYIt:not(.table-row_minimized--PfpPC):last-child .table-cell_body--xTgJz:nth-last-child(2),
.form-section--uAWh3 .table-row--TmYIt:not(.table-row_minimized--PfpPC):last-child .table-cell_body--xTgJz:nth-last-child(2) {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}
  }

.content--fCAVZ .table__head-wrapper--SGmg2:first-child {
  scrollbar-width: none;
}

.content--fCAVZ .table__wrapper--_y3l2.table__wrapper_sticked--oBtNC .table__head-wrapper--SGmg2:first-child,
.content--fCAVZ .table__wrapper--_y3l2:first-child .table__head-wrapper--SGmg2:first-child {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.content--fCAVZ .table__wrapper--_y3l2.table__wrapper_sticked--oBtNC .table__head-control--UPKYl {
  border-top-right-radius: 24px;
  overflow: hidden;
}

.content--fCAVZ .table__wrapper--_y3l2,
.content--fCAVZ .table-sticky-head--RCiIr {
  position: sticky;
}

@media (min-width: 768px) and (max-width: 10000px) {

.content--fCAVZ .table__wrapper--_y3l2,
.content--fCAVZ .table-sticky-head--RCiIr {
    z-index: 4
}
  }

@media (max-width: 767px) {

.content--fCAVZ .table__wrapper--_y3l2,
.content--fCAVZ .table-sticky-head--RCiIr {
    z-index: 2500
}
  }

.content--fCAVZ .table-sticky-head_m--Zt6i1 {
  top: var(--app-sticky-m);
}

.content--fCAVZ .table__wrapper--_y3l2,
.content--fCAVZ .table-sticky-head_l--eL8hV {
  top: var(--app-sticky-l);
}

.content--fCAVZ .table__wrapper--_y3l2::before,
.content--fCAVZ > .table--5ZEcq .table-sticky-head--RCiIr::before {
  content: "";
  display: block;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
}

.content--fCAVZ > .table--5ZEcq .table-sticky-head_m--Zt6i1::before {
  top: var(--app-sticky-m-background-position);
  height: var(--app-sticky-m-background);
  background: var(--basic-bg-emphasis);
}

.content--fCAVZ .table__wrapper--_y3l2::before,
.content--fCAVZ > .table--5ZEcq .table-sticky-head_l--eL8hV::before {
  top: var(--app-sticky-l-background-position);
  height: var(--app-sticky-l-background);
  background: var(--basic-bg-primary);
}

.content--fCAVZ .table__wrapper--_y3l2::before,
.content--fCAVZ > .table--5ZEcq .table-sticky-head--RCiIr::before {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.content--fCAVZ .table__wrapper--_y3l2:first-child::before,
.content--fCAVZ .table__wrapper--_y3l2.table__wrapper_sticked--oBtNC::before,
.content--fCAVZ > .table--5ZEcq.table_sticked--AREUP .table-sticky-head--RCiIr::before {
  opacity: 1;
  visibility: visible;
}

.content--fCAVZ .table__head-wrapper--SGmg2::-webkit-scrollbar {
  display: none;
}

.popup-list--ladFJ {
  margin: 0;
  list-style-type: none;
  user-select: none;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.popup-list--ladFJ {
    padding: 0
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.popup-list--ladFJ {
    padding: 8px
}
  }

  @media (max-width: 767px) {.popup-list--ladFJ {
    padding: 8px 8px 32px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.popup-list--ladFJ:not(:first-of-type) {
    padding: 0 8px 8px
}
  }

@media (max-width: 767px) {

.popup-list--ladFJ:not(:first-of-type) {
    padding: 0 8px 32px
}
  }

.popup-list__item--Gy2nq,
.popup-list__link--COUpu {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  white-space: nowrap;
  border: 0;
  background-color: transparent;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 11px;
  color: var(--basic-on-bg-primary);
  transition: color 0.3s, background-color 0.3s;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.popup-list__item--Gy2nq,
.popup-list__link--COUpu {
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.popup-list__item--Gy2nq,
.popup-list__link--COUpu {
    border-radius: 8px;
    padding: 10px 8px
}
  }

.popup-list__link--COUpu,
.popup-list__link--COUpu:hover,
.popup-list__link--COUpu:active,
.popup-list__link--COUpu:focus {
  color: var(--basic-on-bg-primary);
  transition: background-color 0.3s;
  cursor: pointer;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.popup-list__link--COUpu:hover {
    color: var(--basic-on-bg-primary);
    background-color: var(--basic-bg-hover)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.popup-list__link--COUpu:hover {
    color: var(--basic-on-bg-primary);
    background-color: var(--basic-bg-hover)
}
  }

.popup-list__link_active--vt1xM,
.popup-list__link_active--vt1xM:hover,
.popup-list__link_active--vt1xM:active,
.popup-list__link_active--vt1xM:focus  {
  color: var(--basic-on-bg-link);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.popup-list__link_active--vt1xM,
.popup-list__link_active--vt1xM:hover,
.popup-list__link_active--vt1xM:active,
.popup-list__link_active--vt1xM:focus  {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.popup-list__link_active--vt1xM,
.popup-list__link_active--vt1xM:hover,
.popup-list__link_active--vt1xM:active,
.popup-list__link_active--vt1xM:focus  {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.popup-list--ladFJ .popup-list--ladFJ {
    padding: 0
}
  }

.popup-list--ladFJ .popup-list--ladFJ .popup-list__link--COUpu {
  margin-left: 32px;
  width: calc(100% - 32px);
}
.popup-overlay--Vc1Wr {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  width: 100%;
  height: 100%;
  content: '';
  position: fixed;
  background-color: var(--basic-bg-overlay);
  top: 0;
  left: 0;
}

  @media (min-width: 768px) and (max-width: 10000px) {.popup-overlay--Vc1Wr {
    z-index: 1000
}
  }

  @media (max-width: 767px) {.popup-overlay--Vc1Wr {
    z-index: 3000
}
  }

@media (max-width: 767px) {

.popup-overlay_visible--mDBSy {
    opacity: 1;
    visibility: visible
}
  }
.popup--Y33Xy {
  background-color: var(--basic-bg-foreground);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  min-width: 180px;
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
}

  @media (min-width: 768px) and (max-width: 10000px) {.popup--Y33Xy {
    top: 56px;
    left: 0;
    position: absolute;
    border-radius: 8px;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 1001
}
  }

  @media (max-width: 767px) {.popup--Y33Xy {
    top: auto;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    border-radius: 8px 8px 0 0;
    transform: translateY(100%);
    transition: opacity 0.3s, visibility 0.3s, transform 0.5s;
    z-index: 3001
}
  }

.app-popups .popup--Y33Xy {
  z-index: 1001;
}

@media (max-width: 767px) {

.popup_big--VVTgc {
    height: calc(var(--app-height) - 20px);
    max-height: none !important
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.popup_left--o61zc {
    left: -8px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.popup_right--R0r5h {
    right: -8px;
    left: auto
}
  }

.popup__wrapper--DKyVM {
  overflow: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.popup__wrapper--DKyVM::-webkit-scrollbar {
  width: 10px;
}

.popup__wrapper--DKyVM::-webkit-scrollbar-thumb {
  background-color: var(--basic-on-bg-disabled);
}

.popup__wrapper--DKyVM::-webkit-scrollbar-thumb:hover {
  background-color: var(--basic-on-bg-secondary);
}

.popup__wrapper--DKyVM::-webkit-scrollbar-track {
  background-color: var(--basic-bg-foreground);
}

.popup__wrapper--DKyVM::-webkit-scrollbar-button {
  width: 10px;
  height: 4px;
  background: transparent;
  visibility: hidden;
}

@media (min-width: 768px) and (max-width: 10000px) and (hover) {

.popup__trigger--VseLt {
    position: relative
}
  }

@media (min-width: 768px) and (max-width: 10000px) and (hover) {

.popup__trigger--VseLt:hover .popup_hover--tqMT1 {
    opacity: 1;
    visibility: visible
}
  }

.popup_visible--AaoiY {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {

.popup_visible--AaoiY {
    transform: translateY(0)
}
  }

@media (min-width: 768px) and (max-width: 10000px) and (hover) {

.popup_hover--tqMT1.popup_visible--AaoiY {
    opacity: 0;
    visibility: hidden
}
  }

@media (max-width: 767px) or (pointer: coarse) {

.popup_hover--tqMT1.popup_visible--AaoiY {
    opacity: 1;
    visibility: visible
}
  }

.popup_burger--WAafd {
  display: none;
  opacity: 1;
  visibility: visible;
  position: fixed;
  z-index: 2600;
  left: 0;
  background-color: var(--basic-bg-foreground);
  transform: translateX(-100%);
  transition: transform 0.5s;
  overflow: auto;
  border-radius: 0;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.popup_burger--WAafd {
    width: 100%;
    height: 100%;
    top: 0
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.popup_burger--WAafd {
    display: block;
    width: 360px;
    height: calc(100% - 64px);
    top: 64px
}
  }

@media (max-width: 767px) {

.popup_burger--WAafd {
    display: block;
    width: 100%;
    height: 100%;
    top: 0
}
  }

@media (max-width: 1279px) {

.popup_burger--WAafd.popup_visible--AaoiY {
    transform: translateX(0)
}
  }

.popup__title-wrapper--ACjGq {
  align-items: flex-start;
  justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 10000px) {

.popup__title-wrapper--ACjGq {
    padding: 8px 16px;
    display: none;
    gap: 16px
}
  }

@media (max-width: 767px) {

.popup__title-wrapper--ACjGq {
    padding: 24px 16px;
    display: flex;
    gap: 44px;
    position: sticky;
    top: 0;
    background-color: var(--basic-bg-foreground);
    z-index: 10
}
  }

.popup__title-wrapper_visible--smCJy {
  display: flex;
}

@media (min-width: 768px) and (max-width: 10000px) {

.popup__title-wrapper_visible--smCJy .popup__close--l3WOK {
    display: none
}
  }

.popup__title--olK67 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

.popup__close--l3WOK {
  margin-top: 4px;
}

@media (min-width: 768px) and (max-width: 1279px) {

.popup__close--l3WOK {
    display: none
}
  }

.popup_burger--WAafd .popup__title-wrapper--ACjGq {
  flex-direction: column-reverse;
}

@media (min-width: 768px) and (max-width: 1279px) {

.popup_burger--WAafd .popup__title-wrapper--ACjGq {
    display: block
}
  }

.popup_burger--WAafd .popup__title--olK67 {
  font-weight: 700;
}

@media (max-width: 767px) {

.popup_burger--WAafd .popup__close--l3WOK {
    margin-top: -4px
}
  }

.popup__note--ssjJh {
  display: grid;
  grid-template-columns: auto auto;
  gap: 14px;
  margin: 18px 18px 8px;
  padding: 16px;
  font-size: 14px;
  background: #E7ECFA;
  border-radius: 12px;
}

.popup__note--ssjJh > svg {
    width: 16px;
    margin-top: 3px;
  }

@media (min-width: 768px) and (max-width: 1279px) {

.popup__note--ssjJh {
    padding: 8px;
    gap: 8px
}
  }

@media (max-width: 767px) {

.popup__note--ssjJh {
    padding: 16px;
    gap: 8px
}
  }

.popup__note-tag--cDW0a {
  white-space: normal !important;
}
.errors--BFGgA {
  display: block;
}

.error--IMMNe {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 15px;
  color: var(--basic-on-bg-alert);
}
.select-label--GleXU {
  cursor: pointer;
  flex-shrink: 0;
  color: var(--basic-on-bg-primary);
}

.select-label_s--yXw53 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  padding: 7px 0;
}

.select-label_l--k4d6G {
  padding: 12px 0;
}

@media (min-width: 768px) and (max-width: 10000px) {

.select-label_l--k4d6G {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px
}
  }

@media (max-width: 767px) {

.select-label_l--k4d6G {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }

.select-label_column--YqrYI {
  font-weight: 500;
  font-size: 14px;
  padding: 0;
  width: 100% !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select-label_required--gpPc1::after {
  content: '*';
  margin-left: 4px;
  color: var(--basic-on-bg-alert);
}

.select-label_text--lAaBb.select-label_required--gpPc1::after {
  color: var(--basic-on-bg-secondary);
}

.select-label_disabled--GBoDC .select-label__inner--X4U4Y,
.select-label_disabled--GBoDC::after {
  color: var(--basic-on-bg-alert);
}

.toggle-checkbox--AH3XW {
  width: 18px;
  height: 18px;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
  margin: 2px 0;
}

.toggle-checkbox--AH3XW::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 2;
  border: 2px solid var(--basic-on-bg-grey-01);
  transition: border-color 0.3s;
}

.toggle-checkbox_active--cmOnl::after {
  border: none;
}

.toggle-checkbox_partial--pAMPC > svg {
    fill: #088365;
  }

.toggle-checkbox_partial--pAMPC::after {
  border: none;
}

.toggle-checkbox--AH3XW:hover::after {
  border-color: var(--button-secondary-border-hover);
}

.toggle-checkbox_disabled--M_jmO {
  opacity: 0.38;
  pointer-events: none;
}

.toggle-checkbox_errors--dukY2::after {
  border-color: var(--basic-on-bg-alert);
}

.toggle-checkbox_errors--dukY2:hover::after {
  border-color: var(--basic-on-bg-alert-hover);
}

.toggle-checkbox__thumb--uiON4 {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: opacity 0.3s, fill 0.3s;
  fill: var(--button-secondary-border-active);
  z-index: 1;
}

.toggle-checkbox--AH3XW:hover .toggle-checkbox__thumb--uiON4 {
  fill: var(--button-secondary-border-hover);
}

.toggle-checkbox_active--cmOnl .toggle-checkbox__thumb--uiON4,
.toggle-checkbox_partial--pAMPC .toggle-checkbox__thumb--uiON4 {
  opacity: 1;
}

.toggle-control--g5tEM {
  background-color: var(--button-primary-bg-disabled);
  width: 54px;
  height: 32px;
  border-radius: 35px;
  position: relative;
  transition: background-color 0.3s;
  cursor: pointer;
}

.toggle-control_active--Buswf {
  background-color: var(--button-primary-bg-active);
}

.toggle-control_disabled--Kso6E {
  opacity: 0.34;
}

.toggle-control_errors--zlejK {
  background-color: var(--basic-on-bg-alert);
}

.toggle-control__thumb--yA5UV {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
  background-color: var(--button-primary-on-bg-active);
  border-radius: 23px;
}

.toggle-control_active--Buswf .toggle-control__thumb--yA5UV {
  transform: translate(22px, -50%)
}

.toggle--AxKru {
  display: flex;
  align-items: center;
  user-select: none;
}

  @media (min-width: 768px) and (max-width: 10000px) {.toggle--AxKru {
    gap: 16px
}
  }

  @media (max-width: 767px) {.toggle--AxKru {
    gap: 8px
}
  }

.toggle__label--idLj3 {
  width: 300px;
  padding: 0;
}

.toggle_checkbox--nLM7v {
  gap: 16px;
}

.toggle_column--pnYE1 {
  flex-direction: column;
  align-items: stretch;
}

.toggle_inline-label--RjYZf {
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  width: calc(100% - 36px);
}

.toggle__input--Ief6k {
  display: none;
}

.toggle__field-wrapper--SVwdl {
  display: flex;
  align-items: center;
  gap: 4px;
}

.toggle-options--T5wWi {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.toggle-options_column--vO9TA {
  flex-direction: column;
  gap: 16px;
}

.toggle-options_column--vO9TA {
  flex-direction: column;
  gap: 16px;
}

.toggle-option--p3L9X {
  display: flex;
  align-items: center;
  gap: 8px;
}

.toggle-options__label--PrdTK {
  cursor: pointer;
  letter-spacing: 0.5px;
  min-width: 25px;
}

.toggle-options__label_line-through--soGqf {
  text-decoration: line-through;
}

.toggle-options__label--disabled--cRQHE {
  pointer-events: none;
}

.hint--y06oW {
  background: var(--basic-on-bg-secondary);
  border-radius: 4px;
  color: var(--basic-on-bg-on-accent);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  max-width: 328px;
  padding: 4px 8px;
  position: absolute;
  transition: opacity 0.3s, visibility 0.3s;
  top: 0;
  z-index: 5000;
  white-space: pre-line;
}

.main-login--YR4mI {
  display: flex;
  align-items: center;
  justify-content: center;
  height: min-content;
  min-height: 100vh;
}

  .main-login--YR4mI[data-color="transparent"] {
    background-color: transparent;
  }

  .main-login--YR4mI[data-color="green"] {
    background-color: var(--common_accent);
  }

.main-login-container--tJ9lO {
  width: 100%;
  max-width: 464px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding: 32px 16px;
}

.copyright--bOuu1 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .1px;
  word-break: break-word;
}

  .copyright--bOuu1[data-color="gray"] {
    color: var(--basic-on-bg-secondary);
  }

  .copyright--bOuu1[data-color="white"] {
    color: var(--common_white);
    opacity: 0.6;
  }

  .copyright--bOuu1 span {
    margin: 0 8px;
  }

.fieldset--WQGx2 {
  border-radius: 16px;
  border: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.fieldset--WQGx2[data-color="gray"] {
  background-color: var(--basic-bg-emphasis);
}

@media (min-width: 768px) and (max-width: 10000px) {

.fieldset--WQGx2[data-color="gray"] {
    padding: 24px
}
  }

@media (max-width: 767px) {

.fieldset--WQGx2[data-color="gray"] {
    padding: 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.fieldset--WQGx2[data-color="white"] {
    padding: 0 24px
}
  }

@media (max-width: 767px) {

.fieldset--WQGx2[data-color="white"] {
    padding: 0 16px
}
  }

.fieldset_disabled--sCUB9 {
  pointer-events: none;
}

.wrapper--jb6LV {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.left-section--ldRbt {
  display: flex;
  gap: 8px;
  align-items: center;
}

.title--D4ylP {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

.form--Uy5RQ {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.error--huxd8 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-alert);
  display: flex;
  flex-direction: column;
}

  @media (min-width: 768px) and (max-width: 10000px) {.error--huxd8 {
    padding: 0 24px
}
  }

  @media (max-width: 767px) {.error--huxd8 {
    padding: 0 16px
}
  }

[data-component-class="fieldset"] .error--huxd8,
[data-component-class="fieldset-section"] .error--huxd8 {
  padding: 0 !important;
}

.logotype--noy9T {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--basic-on-bg-primary);
  user-select: none;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.logotype--noy9T[data-size="sm"] {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: 0.3px;
  gap: 0 12px;
}

.logotype--noy9T[data-size="lg"] {
  font-size: 32px;
  line-height: 42px;
  font-weight: 400;
  letter-spacing: 0.5px;
  gap: 0 20px;
}

.button--lV0Ki {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  border-radius: 8px;
  position: relative;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, fill 0.3s;
}

.button--lV0Ki[disabled] {
  cursor: default;
}

.button--lV0Ki[data-size="sm"] {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.25px;
}

.button--lV0Ki[data-size="md"] {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.1px;
}

.button--lV0Ki[data-size="lg"] {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.1px;
}

:is(
    .button--lV0Ki[data-variant="filled"],
    .button--lV0Ki[data-variant="outline"],
    .button--lV0Ki[data-variant="transparent"],
    .button--lV0Ki[data-variant="subtle"]
  )[data-size="sm"] {
    padding: 5px 12px;
  }

:is(
    .button--lV0Ki[data-variant="filled"],
    .button--lV0Ki[data-variant="outline"],
    .button--lV0Ki[data-variant="transparent"],
    .button--lV0Ki[data-variant="subtle"]
  )[data-size="md"] {
    padding: 9px 14px;
  }

:is(
    .button--lV0Ki[data-variant="filled"],
    .button--lV0Ki[data-variant="outline"],
    .button--lV0Ki[data-variant="transparent"],
    .button--lV0Ki[data-variant="subtle"]
  )[data-size="lg"] {
    padding: 13px 21px;
  }

:is(
    .button--lV0Ki[data-variant="filled"],
    .button--lV0Ki[data-variant="outline"],
    .button--lV0Ki[data-variant="transparent"],
    .button--lV0Ki[data-variant="subtle"]
  )[data-size="sm"]:has(.section--uNCFv):not(:has(.text--LBHUr)) {
    padding: 5px;
  }

:is(
    .button--lV0Ki[data-variant="filled"],
    .button--lV0Ki[data-variant="outline"],
    .button--lV0Ki[data-variant="transparent"],
    .button--lV0Ki[data-variant="subtle"]
  )[data-size="md"]:has(.section--uNCFv):not(:has(.text--LBHUr)) {
    padding: 9px;
  }

:is(
    .button--lV0Ki[data-variant="filled"],
    .button--lV0Ki[data-variant="outline"],
    .button--lV0Ki[data-variant="transparent"],
    .button--lV0Ki[data-variant="subtle"]
  )[data-size="lg"]:has(.section--uNCFv):not(:has(.text--LBHUr)) {
    padding: 13px;
  }

.button--lV0Ki[data-variant="text"] {
  padding: 0;
  border: 0 !important;
}

.button--lV0Ki[data-variant="filled"][data-color="green"] {
    background-color: var(--button-primary-bg-active);
    border: 1px solid transparent;
    color: var(--button-primary-on-bg-active);
    fill: var(--button-primary-on-bg-active);
  }

.button--lV0Ki[data-variant="filled"][data-color="green"]:hover {
      background-color: var(--button-primary-bg-hover);
    }

.button--lV0Ki[data-variant="filled"][data-color="green"]:active {
      background-color: var(--button-primary-bg-pressed);
      color: var(--button-primary-on-bg-pressed);
    }

.button--lV0Ki[data-variant="filled"][data-color="red"] {
    background-color: var(--basic-on-bg-alert);
    border: 1px solid transparent;
    color: var(--button-primary-on-bg-active);
    fill: var(--button-primary-on-bg-active);
  }

.button--lV0Ki[data-variant="filled"][data-color="red"]:hover {
      background-color: var(--basic-on-bg-alert-hover);
    }

.button--lV0Ki[data-variant="filled"][data-color="red"]:active {
      background-color: var(--basic-on-bg-alert-pressed);
    }

.button--lV0Ki[data-variant="filled"][data-color="gray"] {
    background-color: var(--basic-on-bg-grey-03);
    border: 1px solid transparent;
    color: var(--basic-on-bg-primary);
    fill: var(--basic-on-bg-secondary);
  }

.button--lV0Ki[data-variant="filled"][data-color="gray"]:hover {
      background-color: var(--basic-on-bg-grey-02);
    }

.button--lV0Ki[data-variant="filled"][data-color="gray"]:active {
      background-color: var(--basic-on-bg-grey-02);
    }

.button--lV0Ki[data-variant="filled"][data-color]:disabled {
    background-color: var(--button-primary-bg-disabled);
    border: 1px solid transparent;
    color: var(--button-primary-on-bg-active);
    fill: var(--button-primary-on-bg-active);
  }

.button--lV0Ki[data-variant="outline"][data-color="green"] {
    background-color: transparent;
    border: 1px solid var(--button-secondary-border-active);
    color: var(--button-secondary-on-bg-active);
    fill: var(--button-secondary-on-bg-active);
  }

.button--lV0Ki[data-variant="outline"][data-color="green"]:hover {
      background-color: var(--button-secondary-bg-pressed);
      border-color: var(--button-secondary-border-hover);
      color: var(--button-secondary-on-bg-hover);
      fill: var(--button-secondary-on-bg-hover);
    }

.button--lV0Ki[data-variant="outline"][data-color="green"]:active {
      background-color: var(--button-secondary-bg-pressed);
      border-color: var(--button-secondary-border-pressed);
      color: var(--button-secondary-on-bg-pressed);
      fill: var(--button-secondary-on-bg-pressed);
    }

.button--lV0Ki[data-variant="outline"][data-color="red"] {
    background-color: transparent;
    border: 1px solid var(--basic-on-bg-alert);
    color: var(--basic-on-bg-alert);
    fill: var(--basic-on-bg-alert);
  }

.button--lV0Ki[data-variant="outline"][data-color="red"]:hover {
      border-color: var(--basic-on-bg-alert-hover);
      color: var(--basic-on-bg-alert-hover);
      fill: var(--basic-on-bg-alert-hover);
    }

.button--lV0Ki[data-variant="outline"][data-color="red"]:active {
      border-color: var(--basic-on-bg-alert-pressed);
      color: var(--basic-on-bg-alert-pressed);
      fill: var(--basic-on-bg-alert-pressed);
    }

.button--lV0Ki[data-variant="outline"][data-color="gray"] {
    background-color: transparent;
    border: 1px solid var(--basic-on-bg-secondary);
    color: var(--basic-on-bg-secondary);
    fill: var(--basic-on-bg-secondary);
  }

.button--lV0Ki[data-variant="outline"][data-color="gray"]:hover {
      border-color: var(--basic-on-bg-grey-01);
      color: var(--basic-on-bg-grey-01);
      fill: var(--basic-on-bg-grey-01);
    }

.button--lV0Ki[data-variant="outline"][data-color="gray"]:active {
      border-color: var(--basic-on-bg-grey-01);
      color: var(--basic-on-bg-grey-01);
      fill: var(--basic-on-bg-grey-01);
    }

.button--lV0Ki[data-variant="outline"][data-color]:disabled {
    background-color: transparent;
    border-color: var(--button-primary-bg-disabled);
    color: var(--button-primary-bg-disabled);
    fill: var(--button-primary-bg-disabled);
  }

.button--lV0Ki[data-variant="transparent"][data-color="green"], .button--lV0Ki[data-variant="text"][data-color="green"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-tertiary-on-bg-active);
    fill: var(--button-tertiary-on-bg-active);
  }

.button--lV0Ki[data-variant="transparent"][data-color="green"]:hover, .button--lV0Ki[data-variant="text"][data-color="green"]:hover {
      color: var(--button-tertiary-on-bg-hover);
      fill: var(--button-tertiary-on-bg-hover);
    }

.button--lV0Ki[data-variant="transparent"][data-color="green"]:active, .button--lV0Ki[data-variant="text"][data-color="green"]:active {
      color: var(--button-tertiary-on-bg-pressed);
      fill: var(--button-tertiary-on-bg-pressed);
    }

.button--lV0Ki[data-variant="transparent"][data-color="red"], .button--lV0Ki[data-variant="text"][data-color="red"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-alert);
    fill: var(--basic-on-bg-alert);
  }

.button--lV0Ki[data-variant="transparent"][data-color="red"]:hover, .button--lV0Ki[data-variant="text"][data-color="red"]:hover {
      color: var(--basic-on-bg-alert-hover);
      fill: var(--basic-on-bg-alert-hover);
    }

.button--lV0Ki[data-variant="transparent"][data-color="red"]:active, .button--lV0Ki[data-variant="text"][data-color="red"]:active {
      color: var(--basic-on-bg-alert-pressed);
      fill: var(--basic-on-bg-alert-pressed);
    }

.button--lV0Ki[data-variant="transparent"][data-color="gray"], .button--lV0Ki[data-variant="text"][data-color="gray"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-grey-01);
    fill: var(--basic-on-bg-grey-01);
  }

.button--lV0Ki[data-variant="transparent"][data-color="gray"]:hover, .button--lV0Ki[data-variant="text"][data-color="gray"]:hover {
      color: var(--basic-on-bg-secondary);
      fill: var(--basic-on-bg-secondary);
    }

.button--lV0Ki[data-variant="transparent"][data-color="gray"]:active, .button--lV0Ki[data-variant="text"][data-color="gray"]:active {
      color: var(--basic-on-bg-primary);
      fill: var(--basic-on-bg-primary);
    }

.button--lV0Ki[data-variant="transparent"][data-color]:disabled, .button--lV0Ki[data-variant="text"][data-color]:disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-primary-bg-disabled);
    fill: var(--button-primary-bg-disabled);
  }

.button--lV0Ki[data-variant="subtle"][data-color="green"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-tertiary-on-bg-active);
    fill: var(--button-tertiary-on-bg-active);
  }

.button--lV0Ki[data-variant="subtle"][data-color="green"]:hover {
      color: var(--button-tertiary-on-bg-hover);
      fill: var(--button-tertiary-on-bg-hover);
    }

.button--lV0Ki[data-variant="subtle"][data-color="green"]:active {
      color: var(--button-tertiary-on-bg-pressed);
      fill: var(--button-tertiary-on-bg-pressed);
    }

.button--lV0Ki[data-variant="subtle"][data-color="red"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-alert);
    fill: var(--basic-on-bg-alert);
  }

.button--lV0Ki[data-variant="subtle"][data-color="red"]:hover {
      color: var(--basic-on-bg-alert-hover);
      fill: var(--basic-on-bg-alert-hover);
    }

.button--lV0Ki[data-variant="subtle"][data-color="red"]:active {
      color: var(--basic-on-bg-alert-pressed);
      fill: var(--basic-on-bg-alert-pressed);
    }

.button--lV0Ki[data-variant="subtle"][data-color="gray"] {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--basic-on-bg-secondary);
    fill: var(--basic-on-bg-secondary);
  }

.button--lV0Ki[data-variant="subtle"][data-color="gray"]:hover {
      background-color: var(--basic-on-bg-grey-03);
      color: var(--basic-on-bg-primary);
      fill: var(--basic-on-bg-primary);
    }

.button--lV0Ki[data-variant="subtle"][data-color="gray"]:active {
      background-color: var(--basic-on-bg-grey-02);
      color: var(--basic-on-bg-primary);
      fill: var(--basic-on-bg-primary);
    }

.button--lV0Ki[data-variant="subtle"][data-color]:disabled {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--button-primary-bg-disabled);
    fill: var(--button-primary-bg-disabled);
  }

.inner--zrkkW {
  display: block;
  line-height: 20px;
  letter-spacing: 0.1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: opacity 0.3s;
}

.section--uNCFv {
  display: flex;
  align-items: center;
  justify-content: center;
}

.label--ItqV_:not(:has(.text--LBHUr)) {
  display: contents;
}

.loader--YTQ5E {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s, visibility 0.3s;
}

.loader_loading--SCB8g {
  opacity: 1;
  visibility: visible;
}

.loader_loading--SCB8g + .text--LBHUr,
.inner--zrkkW:has(.loader_loading--SCB8g) .section--uNCFv {
  opacity: 0;
}

.controls--b0z3a {
  display: flex;
  gap: 8px;
  max-height: 32px;
}

  .controls--b0z3a[data-editing="true"] {
    margin-left: 16px;
  }

  @media (max-width: 767px) {

  .controls--b0z3a[data-editing="true"] {
      margin-left: auto
  }
    }

  .controls--b0z3a[data-editing="false"] {
    margin-left: auto;
  }

  @media (min-width: 768px) and (max-width: 10000px) {.controls--b0z3a {
    margin-top: 8px
}
  }

.root--T_HGM {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 3000;
}

.inner--WD10U {
  display: flex;
  position: absolute;
  justify-content: flex-end;
  inset: 0;
  overflow: hidden;
  z-index: 300;
}

.content--hIdy8 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: var(--basic-bg-foreground);
  pointer-events: auto;
  height: calc(100vh - 85px);
}

.overlay--TEiYm {
  position: absolute;
  inset: 0;
  background-color: var(--basic-bg-overlay);
  pointer-events: auto;
  z-index: 100;
}

.root--T_HGM[data-position="left"] .inner--WD10U {
  justify-content: flex-start;
}

.root--T_HGM[data-position="right"] .inner--WD10U {
  justify-content: flex-end;
}

.root--T_HGM[data-position="top"] .inner--WD10U {
  flex-direction: column;
  justify-content: flex-start;
}

.root--T_HGM[data-position="bottom"] .inner--WD10U {
  flex-direction: column;
}

.root--T_HGM[data-position="right"] .content--hIdy8 {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.root--T_HGM[data-position="left"] .content--hIdy8 {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.root--T_HGM[data-position="top"] .content--hIdy8 {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.root--T_HGM[data-position="bottom"] .content--hIdy8 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.header--AJc5t {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px 0;
}

.title--6d27B {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
}

.body--GOdm3 {
  height: 100%;
}

.close--uBd6E {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--basic-on-bg-primary);
  font-size: 1.5rem;
  line-height: 1;
  padding: 0;
}

.close--uBd6E:hover {
  color: var(--basic-on-bg-primary);
}

.field-drawer--T_jED {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.field-drawer-content--Oxy6C {
  flex-grow: 1;
  padding: 0 16px;
}

.field-drawer-button--RBOB0 {
  border-top: 1px solid var(--basic-on-bg-stroke);
}

.drawer-button--i6vJ3 {
  font-size: 15px !important;
  font-weight: 400 !important;
  margin-left: auto;
}

.gray--cXMmZ {
  color: var(--basic-on-bg-grey-01);
}

.text-input--Fd1QJ {
  position: relative;
}

.text-input--Fd1QJ[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "wrapper"
    "description"
    "error";
}

.text-input--Fd1QJ[data-variant="string"] .read-only-value--rkpPb {
    display: flex;
    align-items: center;
  }

.text-input--Fd1QJ[data-variant="string"]:has(.label--bwPTs) {
  grid-template-areas:
    "label wrapper"
    "label description"
    "label error";
  grid-template-rows: auto auto 1fr;
}

.text-input--Fd1QJ[data-variant="string"]:has(.label--bwPTs) .label--bwPTs {
    color: var(--basic-on-bg-secondary);
    grid-area: label;
    margin-right: 16px;
    align-self: flex-start;
    word-break: break-word;
    display: flex;
    align-items: center;
  }

.text-input--Fd1QJ[data-variant="string"]:has(.label--bwPTs)[data-size="sm"] .label--bwPTs {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 32px;
  }

.text-input--Fd1QJ[data-variant="string"]:has(.label--bwPTs)[data-size="md"] .label--bwPTs {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 40px;
  }

.text-input--Fd1QJ[data-variant="string"]:has(.label--bwPTs)[data-size="lg"] .label--bwPTs {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    min-height: 48px;
  }

.text-input--Fd1QJ[data-variant="column"] {
  display: flex;
  flex-direction: column;
}

.text-input--Fd1QJ[data-variant="column"] .label--bwPTs {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.text-input--Fd1QJ[data-variant="column"] .read-only-value--rkpPb {
    display: flex;
    align-items: center;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"])[data-size="sm"] .input--CYBDx {
    padding: 5px 33px 5px 12px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"])[data-size="sm"] .input--CYBDx:focus-within {
    padding: 4px 32px 4px 11px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"])[data-size="md"] .input--CYBDx {
    padding: 9px 39px 9px 15px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"])[data-size="md"] .input--CYBDx:focus-within {
    padding: 8px 38px 8px 14px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"])[data-size="lg"] .input--CYBDx {
    padding: 11px 47px 11px 15px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"])[data-size="lg"] .input--CYBDx:focus-within {
    padding: 10px 46px 10px 14px;
  }

.text-input--Fd1QJ[data-variant="string"][data-size="sm"] .read-only-value--rkpPb {
    padding: 0 13px;
    min-height: 32px;
  }

.text-input--Fd1QJ[data-variant="string"][data-size="md"] .read-only-value--rkpPb {
    padding: 0 16px;
    min-height: 40px;
  }

.text-input--Fd1QJ[data-variant="string"][data-size="lg"] .read-only-value--rkpPb {
    padding: 0 16px;
    min-height: 48px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="sm"] .input--CYBDx {
    padding-right: 12px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="sm"] .input--CYBDx:focus-within {
    padding-right: 11px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="md"] .input--CYBDx,
  :is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="lg"] .input--CYBDx {
    padding-right: 15px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="md"] .input--CYBDx:focus-within,
  :is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="lg"] .input--CYBDx:focus-within {
    padding-right: 14px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):has(.icons--O07f6[data-position="left"])[data-size="sm"] .input--CYBDx {
    padding-left: 33px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):has(.icons--O07f6[data-position="left"])[data-size="sm"] .input--CYBDx:focus-within {
    padding-left: 32px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):has(.icons--O07f6[data-position="left"])[data-size="md"] .input--CYBDx {
    padding-left: 39px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):has(.icons--O07f6[data-position="left"])[data-size="md"] .input--CYBDx:focus-within {
    padding-left: 38px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):has(.icons--O07f6[data-position="left"])[data-size="lg"] .input--CYBDx {
    padding-left: 47px;
  }

:is(.text-input--Fd1QJ[data-variant="string"], .text-input--Fd1QJ[data-variant="column"]):has(.icons--O07f6[data-position="left"])[data-size="lg"] .input--CYBDx:focus-within {
    padding-left: 46px;
  }

.text-input--Fd1QJ[data-variant="minimized"] {
  display: flex;
  flex-direction: column;
}

.text-input--Fd1QJ[data-variant="minimized"] .label--bwPTs {
    color: var(--basic-on-bg-grey-01);
    position: absolute;
    z-index: 1;
    transition: font-size 0.3s, line-height 0.3s, letter-spacing 0.3s, top 0.3s, width 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="sm"] .label--bwPTs {
    font-size: 14px;
    line-height: 20px;
    top: 6px;
    left: 13px;
    width: calc(100% - 45px);
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="md"] .label--bwPTs {
    font-size: 15px;
    line-height: 22px;
    top: 10px;
    left: 16px;
    width: calc(100% - 54px);
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="lg"] .label--bwPTs {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    top: 12px;
    left: 16px;
    width: calc(100% - 62px);
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="sm"]:focus-within .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="sm"]:has([data-filled]) .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="sm"]:has(.input--CYBDx:autofill) .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="sm"]:has(.read-only-value--rkpPb) .label--bwPTs {
    font-size: 10px;
    line-height: 18px;
    top: 0px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="md"]:focus-within .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="md"]:has([data-filled]) .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="md"]:has(.input--CYBDx:autofill) .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="md"]:has(.read-only-value--rkpPb) .label--bwPTs {
    font-size: 11px;
    line-height: 17px;
    top: 2px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="lg"]:focus-within .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="lg"]:has([data-filled]) .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="lg"]:has(.input--CYBDx:autofill) .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"][data-size="lg"]:has(.read-only-value--rkpPb) .label--bwPTs {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    top: 4px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="sm"] .input--CYBDx {
    padding: 6px 33px 6px 12px;
    line-height: 18px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="sm"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"][data-size="sm"] .input--CYBDx:autofill {
    padding: 11px 33px 1px 12px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="sm"] .input--CYBDx:focus {
    padding: 10px 32px 0px 11px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="md"] .input--CYBDx {
    padding: 9px 39px 9px 15px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="md"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"][data-size="md"] .input--CYBDx:autofill {
    padding: 16px 39px 2px 15px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="md"] .input--CYBDx:focus {
    padding: 15px 38px 1px 14px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="lg"] .input--CYBDx {
    padding: 11px 47px 11px 15px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="lg"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"][data-size="lg"] .input--CYBDx:autofill {
    padding: 20px 47px 2px 15px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="lg"] .input--CYBDx:focus {
    padding: 19px 46px 1px 14px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="sm"] .read-only-value--rkpPb {
    padding: 6px 13px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="sm"] .read-only-value--rkpPb {
    padding: 11px 13px 1px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="md"] .read-only-value--rkpPb {
    padding: 17px 16px 3px;
  }

.text-input--Fd1QJ[data-variant="minimized"][data-size="lg"] .read-only-value--rkpPb {
    padding: 21px 16px 3px;
  }

.text-input--Fd1QJ[data-variant="minimized"] .input--CYBDx::placeholder {
    opacity: 0;
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="sm"] .input--CYBDx,
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="sm"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="sm"] .input--CYBDx:autofill {
    padding-right: 12px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="sm"] .input--CYBDx:focus {
    padding-right: 11px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="md"] .input--CYBDx,
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="md"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="md"] .input--CYBDx:autofill,
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="lg"] .input--CYBDx,
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="lg"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="lg"] .input--CYBDx:autofill {
    padding-right: 15px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="md"] .input--CYBDx:focus,
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="lg"] .input--CYBDx:focus {
    padding-right: 14px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="sm"] .label--bwPTs {
    width: calc(100% - 24px);
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="md"] .label--bwPTs,
  .text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"]))[data-size="lg"] .label--bwPTs {
    width: calc(100% - 30px);
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="sm"] .label--bwPTs {
    left: 34px;
    width: calc(100% - 66px);
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="md"] .label--bwPTs {
    left: 40px;
    width: calc(100% - 78px);
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="lg"] .label--bwPTs {
    left: 48px;
    width: calc(100% - 94px);
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="sm"] .input--CYBDx,
  .text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="sm"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="sm"] .input--CYBDx:autofill {
    padding-left: 33px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="sm"] .input--CYBDx:focus {
    padding-left: 32px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="md"] .input--CYBDx,
  .text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="md"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="md"] .input--CYBDx:autofill {
    padding-left: 39px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="md"] .input--CYBDx:focus {
    padding-left: 38px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="lg"] .input--CYBDx,
  .text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="lg"] .input--CYBDx[data-filled],
  .text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="lg"] .input--CYBDx:autofill {
    padding-left: 47px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:has(.icons--O07f6[data-position="left"])[data-size="lg"] .input--CYBDx:focus {
    padding-left: 46px;
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"])):has(.icons--O07f6[data-position="left"])[data-size="sm"] .label--bwPTs {
    width: calc(100% - 45px);
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"])):has(.icons--O07f6[data-position="left"])[data-size="md"] .label--bwPTs {
    width: calc(100% - 48px);
  }

.text-input--Fd1QJ[data-variant="minimized"]:not(:has(.icons--O07f6 [class*="icon_active"])):has(.icons--O07f6[data-position="left"])[data-size="lg"] .label--bwPTs {
    width: calc(100% - 62px);
  }

.required--CXxGf {
  color: var(--basic-on-bg-alert);
  padding-left: 2px;
}

.wrapper--xtMNa {
  grid-area: wrapper;
  position: relative;
}

.input--CYBDx {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  transition: border-color 0.3s;
  width: 100%;
  border-radius: 8px;
}

.input--CYBDx[data-readonly] {
  background-color: transparent;
  border: none;
}

.input--CYBDx::placeholder {
  color: var(--basic-on-bg-grey-01);
}

.input--CYBDx:hover,
.wrapper--xtMNa:has(.icon--APeSx:hover) .input--CYBDx,
.wrapper--xtMNa:has(.visibility-toggle--j0_8j:hover) .input--CYBDx {
  border-color: var(--basic-on-bg-input);
}

.input--CYBDx:focus,
.input--CYBDx:focus-within {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
  outline: none;
}

.text-input--Fd1QJ[data-size="sm"] .input--CYBDx,
.text-input--Fd1QJ[data-size="sm"] .read-only-value--rkpPb {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}

.text-input--Fd1QJ[data-size="md"] .input--CYBDx,
.text-input--Fd1QJ[data-size="md"] .read-only-value--rkpPb {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
}

.text-input--Fd1QJ[data-size="lg"] .input--CYBDx,
.text-input--Fd1QJ[data-size="lg"] .read-only-value--rkpPb {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.input--CYBDx[data-error],
.input--CYBDx[data-invalid] {
  border-color: var(--basic-on-bg-alert);
}

.input--CYBDx[data-error]:hover,
.input--CYBDx[data-invalid]:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.input--CYBDx[data-error]:focus,
.input--CYBDx[data-invalid]:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.input--CYBDx[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.read-only-value--rkpPb {
  word-break: break-word;
}

.description--vXc_p {
  grid-area: description;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--basic-on-bg-grey-01);
  margin: 4px 0 0;
}

.error--onghk {
  grid-area: error;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--basic-on-bg-alert);
  margin: 4px 0 0;
  display: flex;
  flex-direction: column;
}

.error--onghk[data-variant="simple"] {
  margin-top: 16px;
  text-align: center;
}

.icons--O07f6 {
  position: absolute;
  top: 0;
  z-index: 1;
}

.icons--O07f6[data-position="left"] {
  left: 0;
}

.icons--O07f6[data-position="right"] {
  right: 0;
}

.icon--APeSx {
  position: absolute !important;
}

.icons--O07f6[data-position="right"] .icon--APeSx {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s !important;
}

.icons--O07f6[data-position="right"] .icon_active--J9X88 {
  opacity: 1;
  visibility: visible;
}

.visibility-toggle--j0_8j {
  position: absolute;
  cursor: pointer;
  border: 0;
  background: transparent;
  padding: 0;
  fill: var(--basic-on-bg-grey-01);
}

.visibility-toggle--j0_8j:hover {
  fill: var(--basic-on-bg-secondary);
}

.visibility-toggle--j0_8j:active {
  fill: var(--basic-on-bg-primary);
}

.unit--WgPWP {
  min-width: 24px;
  height: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
  position: absolute;
  text-align: center;
}

.text-input--Fd1QJ[data-size="sm"] [data-position="left"] .icon--APeSx {
  top: 8px;
  left: 8px;
}

.text-input--Fd1QJ[data-size="md"] [data-position="left"] .icon--APeSx {
  top: 10px;
  left: 10px;
}

.text-input--Fd1QJ[data-size="lg"] [data-position="left"] .icon--APeSx {
  top: 12px;
  left: 12px;
}

.text-input--Fd1QJ[data-size="sm"] [data-position="right"] .icon--APeSx,
.text-input--Fd1QJ[data-size="sm"] .visibility-toggle--j0_8j,
.text-input--Fd1QJ[data-size="sm"] .unit--WgPWP {
  top: 8px;
  right: 8px;
}

.text-input--Fd1QJ[data-size="md"] [data-position="right"] .icon--APeSx,
.text-input--Fd1QJ[data-size="md"] .visibility-toggle--j0_8j,
.text-input--Fd1QJ[data-size="md"] .unit--WgPWP {
  top: 10px;
  right: 10px;
}

.text-input--Fd1QJ[data-size="lg"] [data-position="right"] .icon--APeSx,
.text-input--Fd1QJ[data-size="lg"] .visibility-toggle--j0_8j,
.text-input--Fd1QJ[data-size="lg"] .unit--WgPWP {
  top: 12px;
  right: 12px;
}

.text-input--Fd1QJ .arrow--bO3fx {
  position: absolute;
}

.text-input--Fd1QJ .arrow-up--zNkpl {
  top: 0;
  right: 0;
  transform: rotate(180deg) translateX(-100%);
  transform-origin: 0 0;
}

.text-input--Fd1QJ[data-size="sm"] .arrow--bO3fx {
  top: 16px;
  right: 6px;
  padding: 1px 5px !important;
}

.text-input--Fd1QJ[data-size="md"] .arrow--bO3fx {
  top: 20px;
  right: 9px;
  padding-top: 2px !important;
}

.text-input--Fd1QJ[data-size="lg"] .arrow--bO3fx {
  top: 24px;
  right: 13px;
  padding-top: 2px !important;
}

.input--qVTdA:not([data-filled]):not(:focus) {
  color: transparent;
}

.text-input--ItX9R {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {

.text-input--ItX9R:has(.label--n8yo_) {
    grid-template-columns: 196px calc(100% - 196px)
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--n8yo_[data-variant="string"] {
    width: 180px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.label--n8yo_ + .wrapper--m3cET {
    max-width: 100%
}
  }

.wrapper--m3cET {
  width: 100%;
}

.field-container--RRICq {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.container--rDbGX {
  display: flex;
  justify-content: center;
  background-color: var(--common_accent);
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  white-space: nowrap;
}
.form--KaJk8 {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
  width: 100%;
  max-width: 380px;
  gap: 0;
  padding-bottom: 40px;
}

.fieldset--eNrS7 {
  padding: 24px !important;
}

.header--hPvXX {
  width: 100%;
  justify-content: center;
  margin: 16px 0 8px;
}

.title--IXPCY {
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
}

.error--xZGVq {
  margin-bottom: 24px;
  text-align: center;
}

.submit--qnkhg {
  width: calc(100% - 48px);
  margin: 0 24px;
}

.not-found--KQFzH {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 34px 0;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.not-found--KQFzH {
    padding: 160px 0
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.not-found--KQFzH {
    padding: 140px 0
}
  }

  @media (max-width: 767px) {.not-found--KQFzH {
    padding: 120px 0
}
  }

.graphic--c78Id {
  max-width: 100%;
  user-select: none;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.graphic--c78Id {
    margin-bottom: 74px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.graphic--c78Id {
    margin-bottom: 37px
}
  }

.inner--kYVjJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px 0;
}

.title--aD_pl {
  margin: 0;
  text-align: center;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.title--aD_pl {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.title--aD_pl {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0.1px
}
  }

@media (max-width: 767px) {

.title--aD_pl {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0
}
  }

.description--jkwVv {
  margin: 0;
  font-weight: 400;
  color: var(--basic-on-bg-secondary);
  text-align: center;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.description--jkwVv {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.description--jkwVv {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.4px
}
  }

@media (max-width: 767px) {

.description--jkwVv {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }

.license-over--SVyJN {
  background-color: var(--basic-bg-accent);
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  text-align: center;
  display: flex;
}

.license-over__wrapper--u98zx {
  margin: auto;
  padding: 20px;
  min-width: 498px;
}

@media (--medium-mobile) {

.license-over__wrapper--u98zx {
    min-width: 320px;
    width: 100%
}
  }

.license-over__logotype--lFbzn {
  background-repeat: no-repeat;
  background-position: 50%;
  color: transparent;
  height: 90px;
  margin-bottom: 4px;
}

@media (max-width: 400px) {

.license-over__logotype--lFbzn {
    background-size: contain
}
  }

.license-over__content--aGDyT {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
  text-align: center;
  box-shadow: 0 2px 4px 0 rgb(0, 0, 0, 0.2);
  padding: 40px 76px;
}

@media (--medium-mobile) {

.license-over__content--aGDyT {
    padding: 40px 24px
}
  }

.license-over__icon--nMgVN {
  fill: var(--basic-on-bg-alert);
}

.license-over__header--QPpTu {
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: var(--basic-on-bg-primary);
  margin: 20px 0 0;
}

.license-over__text--DOZIw {
  margin: 16px 0 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

.license-over__copyrights--lgoWp {
  word-break: break-word;
  margin-top: 16px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  line-height: 20px;
  min-height: 78px;
}

.license-over__copyrights-separator--xG0Oa {
  margin: 0 8px;
}
.maintenance--fIjgB {
  background-color: var(--basic-bg-foreground);
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  text-align: center;
  display: flex;
}

.maintenance__wrapper--Nz7Z0 {
  margin: auto;
  max-width: 602px;
}

.maintenance__header--w75zu {
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: var(--basic-on-bg-primary);
  margin: 20px 0 0;
}

.maintenance__text--PU3xr {
  margin: 16px 12px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

.wrapper--AtM_Y {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 302px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.wrapper--AtM_Y {
    padding: 64px 24px
}
  }

  @media (max-width: 767px) {.wrapper--AtM_Y {
    padding: 64px 16px
}
  }

.wrapper--AtM_Y[data-variant="transparent"] {
  width: 100%;
}

.wrapper--AtM_Y[data-variant="outline"] {
  border: 1px solid var(--basic-on-bg-stroke);
}

@media (min-width: 768px) and (max-width: 10000px) {

.wrapper--AtM_Y[data-variant="outline"] {
    border-radius: 16px
}
  }

@media (max-width: 767px) {

.wrapper--AtM_Y[data-variant="outline"] {
    margin: 0 -8px -8px;
    width: calc(100% + 16px);
    border-radius: 12px
}
  }

.search--SZ1CQ {
  margin-bottom: 16px;
}

.search-icon--w31rJ {
  fill: var(--basic-on-bg-disabled);
}

.title--JhVDg {
  color: var(--basic-on-bg-primary);
  text-align: center;
  margin: 0 0 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.title--JhVDg {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1px
}
  }

@media (max-width: 767px) {

.title--JhVDg {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}
  }

.description--Qkk94 {
  color: var(--basic-on-bg-secondary);
  text-align: center;
}

@media (min-width: 768px) and (max-width: 10000px) {

.description--Qkk94 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px
}
  }

@media (max-width: 767px) {

.description--Qkk94 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }

.button--A8Hre {
  margin-top: 16px;
}

.dropdown--rDP59 {
  z-index: 5000 !important;
  opacity: 0;
  visibility: hidden;
  display: block !important;
}

  @media not ((max-width: 767px)) {.dropdown--rDP59 {
    position: absolute;
    transition: opacity 0.3s, visibility 0.3s
}
  }

  @media (max-width: 767px) {.dropdown--rDP59 {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s
}
  }

.dropdown--rDP59[data-opened] {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {

.dropdown--rDP59[data-opened] {
    transition: opacity 0.3s, visibility 0.3s
}
  }

.overlay--BZo9T {
  background-color: var(--basic-bg-overlay);
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.content--uv91G {
  background-color: var(--basic-bg-foreground);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
  overflow: auto;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.content--uv91G {
    border-radius: 8px;
    max-height: 264px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.content--uv91G {
    border-radius: 8px;
    max-height: 264px
}
  }

@media (max-width: 767px) {

.content--uv91G {
    border-radius: 8px 8px 0 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: calc(100% - 20px);
    z-index: 2;
    transform: translateY(100%);
    transition: transform 0.4s
}
  }

@media (max-width: 767px) {

.content_full-height--c5rL8 {
    height: calc(100% - 20px);
    display: flex;
    flex-direction: column
}
  }

@media (max-width: 767px) {

.dropdown--rDP59[data-opened] .content--uv91G {
    transform: translateY(0);
    transition: transform 0.4s 0.1s
}
  }

.title-wrapper--VmTfv {
  display: flex;
  gap: 44px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 16px;
  position: sticky;
  top: 0;
  background-color: var(--basic-bg-foreground);
  z-index: 5;
}

.title--CCaIP {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
}

.close-button--DxOk1 {
  margin-top: 4px;
}

.search--Aza8N {
  padding: 8px 16px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.options--LWorG {
    padding: 0
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.options--LWorG {
    padding: 8px
}
  }

@media (max-width: 767px) {

.options--LWorG {
    padding: 8px 8px 32px
}
  }

.option--W5duw {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  white-space: normal;
  border: 0;
  background-color: transparent;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--basic-on-bg-primary);
  cursor: pointer;
  gap: 8px;
  transition: background-color 0.3s;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.option--W5duw {
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.option--W5duw {
    border-radius: 8px;
    padding: 10px 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.option--W5duw:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.option--W5duw:hover {
    background-color: var(--basic-bg-hover)
}
  }

.option--W5duw[data-checked] {
  color: var(--basic-on-bg-link);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.option--W5duw[data-checked] {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.option--W5duw[data-checked] {
    background-color: var(--basic-bg-hover)
}
  }

.loader--ksXGp {
  width: 100%;
  height: 0;
}

.select--RH9sk {
  position: relative;
}

.input--puwcs {
  cursor: pointer;
}

.input_searchable--UUJfK {
  cursor: text;
}

.arrow--AhuBj {
  position: absolute !important;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s !important;
}

.arrow_active--ShLcj {
  opacity: 1;
  visibility: visible;
}

.select--RH9sk[data-size="sm"] .arrow--AhuBj {
  top: 12px;
  right: 11px;
}

.select--RH9sk[data-size="md"] .arrow--AhuBj {
  top: 16px;
  right: 15px;
}

.select--RH9sk[data-size="lg"] .arrow--AhuBj {
  top: 20px;
  right: 19px;
}

.spinner--suFvM {
  position: absolute !important;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

.spinner_active--m3Z0m {
  opacity: 1;
  visibility: visible;
}

.select--RH9sk[data-size="sm"] .spinner--suFvM {
  top: 9px;
  right: 9px;
}

.select--RH9sk[data-size="md"] .spinner--suFvM {
  top: 12px;
  right: 12px;
}

.select--RH9sk[data-size="lg"] .spinner--suFvM {
  top: 15px;
  right: 15px;
}

.select--RH9sk:has([data-expanded]) .arrow--AhuBj {
  transform: rotate(180deg);
}

.wrapper--nwtmm {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  flex-wrap: wrap;
}

  @media not ((max-width: 359px)) {.wrapper--nwtmm {
    gap: 24px
}
  }

  @media (max-width: 359px) {.wrapper--nwtmm {
    gap: 16px
}
  }

.wrapper--nwtmm[data-variant="transparent"] {
  width: 100%;
}

.wrapper--nwtmm[data-variant="outline"] {
  border-left: 1px solid var(--basic-on-bg-stroke);
  border-right: 1px solid var(--basic-on-bg-stroke);
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

@media (min-width: 768px) and (max-width: 10000px) {

.wrapper--nwtmm[data-variant="outline"] {
    width: 100%;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}
  }

@media (max-width: 767px) {

.wrapper--nwtmm[data-variant="outline"] {
    margin: 0 -8px -8px;
    width: calc(100% + 16px);
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}
  }

.root--OUHZ6 {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 8px;
  user-select: none;
}

.page--RlD2u,
.page--RlD2u:focus {
  white-space: nowrap;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  display: block;
  color: var(--basic-on-bg-primary);
  font-size: 14px;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  padding: 0 6px;
  cursor: pointer;
  background-color: transparent;
}

.page--RlD2u:hover {
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-bg-hover);
}

.page--RlD2u[data-active],
.page--RlD2u[data-active]:hover,
.page--RlD2u[data-active]:focus {
  color: var(--basic-on-bg-on-accent);
  background-color: var(--basic-bg-accent);
  border-color: var(--basic-bg-accent);
}

.page--RlD2u.more--N8Xy_,
.page--RlD2u.more--N8Xy_:focus {
  display: flex;
  align-items: center;
  gap: 17px;
  font-size: 14px;
  line-height: 30px;
  color: var(--basic-on-bg-primary);
  padding: 0 8px;
  border: 0;
  background-color: transparent;
}

@media (max-width: 767px) {

.page--RlD2u.more--N8Xy_,
.page--RlD2u.more--N8Xy_:focus {
    min-width: 0
}
  }

.page--RlD2u.more--N8Xy_:hover {
  color: var(--basic-on-bg-primary);
}

@media (max-width: 767px) {

.text-label--eKI2b {
    display: none
}
  }

.icon_previous--IkGva {
  transform: rotate(90deg);
}

.icon_next--Ff2rP {
  transform: rotate(-90deg);
}

.advanced-controls--gKHoD {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

@media not ((max-width: 359px)) {

.advanced-controls--gKHoD {
    gap: 24px
}
  }

@media (max-width: 359px) {

.advanced-controls--gKHoD {
    gap: 16px
}
  }

.size--yirYZ {
  width: 110px;
}

.size-label--TD1Vi {
  display: none;
}

.page-input--pXDo0 {
  width: 88px;
}

.wrapper--lJthf {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 121px 0;
}

.content-buttons--qoHMA {
  display: flex;
  flex-wrap: wrap;
}

.content-buttons_start--qx3jQ {
  justify-content: flex-start;
}

@media (max-width: 767px) {

.content-buttons_start--qx3jQ {
    justify-content: normal
}
  }

.content-buttons_end--q0768 {
  justify-content: flex-end;
}

@media (max-width: 767px) {

.content-buttons_end--q0768 {
    justify-content: normal
}
  }

.content-buttons_s--QGpYW {
  gap: 8px;
}

.content-buttons_m--A1C3Z,
.content-buttons_l--T7q3x {
  gap: 16px;
}

@media (max-width: 449px) {

.content-buttons_m--A1C3Z.content-buttons_amount-1--Pyf9g {
    width: 100%
}
  }

@media (max-width: 449px) {

.content-buttons_m--A1C3Z.content-buttons_amount-1--Pyf9g.content-buttons_start--qx3jQ,
.content-buttons_m--A1C3Z.content-buttons_amount-1--Pyf9g.content-buttons_end--q0768 {
    justify-content: normal
}
  }

@media (max-width: 767px) {

.content-buttons_m--A1C3Z.content-buttons_amount-2--dy9YW.content-buttons_start--qx3jQ,
.content-buttons_m--A1C3Z.content-buttons_amount-2--dy9YW.content-buttons_end--q0768 {
    justify-content: normal
}
  }

@media (max-width: 767px) {

.content-buttons_m--A1C3Z.content-buttons_amount-2--dy9YW {
    width: 100%
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.content-buttons_m--A1C3Z.content-buttons_amount-1--Pyf9g > [class*="button"] {
    width: 100%
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.content-buttons_m--A1C3Z.content-buttons_amount-2--dy9YW > [class*="button"] {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.content-buttons_m--A1C3Z > [class*="button_m"] {
    width: 100%
}
  }
.content-header--b5JA6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.content-header_h2--R1714 {
  min-height: 40px;
}

.content-header_h3--BUx9F {
  min-height: 40px;
}

.content-header_h4--p9lYz {
  min-height: 32px;
}
.content-title__h1--l6JU4,
.content-title__h2--B47_l,
.content-title__h3--DDOl4,
.content-title__h4--nZ4U_,
.content-title__h5--s9EcK,
.content-title__h6--texHh,
.content-title__h1_without-header--JMrwb, 
.content-title__h2_without-header--gXB3b,
.content-title__h3_without-header--MLaJ4,
.content-title__h4_without-header--DC5x_,
.content-title__h5_without-header--VG8Fj,
.content-title__h6_without-header--UKjAB {
  color: var(--basic-on-bg-primary);
  margin: 0;
}

.content-title__h2--B47_l {
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
}

.content-title__h3--DDOl4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 40px;
}

.content-title__h3_without-header--MLaJ4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.content-title__h4--nZ4U_ {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}

.page-header-buttons--qXPww {
  display: flex;
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 1199px) {.page-header-buttons--qXPww {
    flex-grow: 1;
    order: 2
}
  }

  @media (min-width: 768px) and (max-width: 10000px) {.page-header-buttons--qXPww {
    flex-wrap: nowrap
}
  }

  @media (max-width: 767px) {.page-header-buttons--qXPww {
    width: 100%;
    flex-wrap: wrap
}
  }

.page-header-buttons_start--axUWW {
  justify-content: flex-start;
}

@media (max-width: 767px) {

.page-header-buttons_start--axUWW {
    flex-direction: column
}
  }

.page-header-buttons_end--FDmFP {
  justify-content: flex-end;
}
.page-header-filter--A19cF {
  display: none;
  width: 100%;
}

  @media (min-width: 768px) and (max-width: 1199px) {.page-header-filter--A19cF {
    order: 3
}
  }

.page-header-filter_visible--_5nF4 {
  display: block;
}
.page-header--WxgSU {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

  @media (min-width: 1200px) and (max-width: 10000px) {.page-header--WxgSU {
    gap: 24px 40px
}
  }

  @media (min-width: 768px) and (max-width: 1199px) {.page-header--WxgSU {
    gap: 24px
}
  }

  @media (max-width: 767px) {.page-header--WxgSU {
    flex-direction: column;
    gap: 24px
}
  }
.page-header-title__h1--E2v5j {
  font-weight: 500;
  font-size: 34px;
  line-height: 40px;
  color: var(--basic-on-bg-primary);
  word-break: break-word;
  margin: 0;
  display: flex;
  align-items: flex-start;
}

  @media (min-width: 1200px) and (max-width: 10000px) {.page-header-title__h1--E2v5j {
    gap: 16px
}
  }

  @media (min-width: 768px) and (max-width: 1199px) {.page-header-title__h1--E2v5j {
    order: 1;
    gap: 16px
}
  }

  @media (max-width: 767px) {.page-header-title__h1--E2v5j {
    gap: 8px
}
  }

.page-header-title__h2--LGNOC,
.page-header-title__h3--h7Swy,
.page-header-title__h4--GqPBL,
.page-header-title__h5--KnbzX,
.page-header-title__h6--zL2ws {
  
}
.input-hint--zodtD {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
}
.input-label--elLXW {
  flex-shrink: 0;
  color: var(--basic-on-bg-primary);
}

.input-label_s--SHEf4,
.input-label_m--wMhSS {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.input-label_m--wMhSS {
  padding: 7px 0 0;
}

@media (min-width: 768px) and (max-width: 10000px) {

.input-label_l--SjKJM {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px
}
  }

@media (max-width: 767px) {

.input-label_l--SjKJM {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }

.input-label_column--Mmfke {
  padding: 0;
  width: 100% !important;
}

.input-label_shrinked--CTSlK {
  padding-top: 2px;
  padding-bottom: 2px;
}

.input-label_required--HF7bw::after {
  content: '*';
  margin-left: 4px;
  color: var(--basic-on-bg-alert);
}

.input-label_text--Oqo52.input-label_required--HF7bw::after {
  color: var(--basic-on-bg-secondary);
}

.input-label--elLXW::first-letter {
  text-transform: uppercase;
}

.input--gkzhU {
  position: relative;
  display: flex;
  align-items: center;
}

  @media (min-width: 768px) and (max-width: 10000px) {.input--gkzhU {
    gap: 16px
}
  }

  @media (max-width: 767px) {.input--gkzhU {
    gap: 8px
}
  }

.input__textarea--GWauq {
  position: relative;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) and (max-width: 10000px) {

.input__textarea--GWauq {
    gap: 16px
}
  }

@media (max-width: 767px) {

.input__textarea--GWauq {
    gap: 8px
}
  }

.input_column--_qCLa {
  flex-direction: column;
  align-items: stretch;
}

.input__field-wrapper--jh_4Y {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
  position: relative;
}

.input-read-only--GlUAK {
  border-color: transparent !important;
  background-color: transparent !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

  @media (max-width: 767px) {.input-read-only--GlUAK {
    padding: 0 !important
}
  }

.input-read-only__name--zGqFc {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-primary);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.input-read-only__description--wUrkn {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
  overflow: hidden;
}

.input-read-only__name_fixed--yHQFS,
.input-read-only__description_fixed--JBhGE {
  text-overflow: ellipsis;
}

.input-read-only__name_show-more--eiD2T {
  display: block;
}

.input-read-only__clear--A0AdF {
  position: absolute;
  top: 10px;
  right: 15px;
}

@media (max-width: 767px) {

.input-read-only__clear--A0AdF {
    right: 0
}
  }

.input-read-only__show-more--yu4HB {
  margin-top: 24px;
}

.input-read-only__show-more-icon--JcoM8 {
  transition: transform 0.3s;
}

.input-read-only__show-more-icon_reversed--kil8F {
  transform: rotate(180deg);
}

.input-value--KOd6H {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  transition: color 0.3s, border-color 0.3s;
  letter-spacing: 0.5px;
  width: 100%;
  border-radius: 8px;
}

.input-value--KOd6H:hover {
  border-color: var(--basic-on-bg-input);
}

.input-value--KOd6H:focus {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
}

.input-value_s--leDvL {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px 6px 12px;
  letter-spacing: 0;
}

.input-value_s--leDvL:hover {
  padding: 6px 29px 6px 12px;
}

.input-value_s--leDvL:focus {
  padding: 5px 29px 5px 11px;
}

.input-value_s--leDvL.input-value_without-clear--QhShr {
  padding-right: 12px;
}

.input-value_s--leDvL.input-value_without-clear--QhShr:focus {
  padding-right: 11px;
}

.input-value_m--I2xFP {
  font-size: 14px;
  line-height: 20px;
  padding: 9px 52px 9px 15px;
}

.input-value_m--I2xFP:focus {
  padding: 8px 51px 8px 14px;
}

.input-value_m--I2xFP.input-value_with-placeholder--O8igX {
  height: 40px;
}

.input-value_m--I2xFP.input-value_without-clear--QhShr {
  padding-right: 15px;
}

.input-value_m--I2xFP.input-value_without-clear--QhShr:focus {
  padding-right: 14px;
}

.input-value_l--RjKhR {
  font-size: 16px;
  line-height: 24px;
  padding: 11px 52px 11px 15px;
}

.input-value_l--RjKhR:focus {
  padding: 10px 51px 10px 14px;
}

.input-value_l--RjKhR.input-value_with-placeholder--O8igX {
  padding-top: 19px;
  padding-bottom: 3px;
}

.input-value_s--leDvL.input-value_with-placeholder--O8igX {
  top: 8px;
}

.input-value_l--RjKhR.input-value_with-placeholder--O8igX:focus {
  padding-top: 18px;
  padding-bottom: 2px;
}

.input-value_l--RjKhR.input-value_without-clear--QhShr {
  padding-right: 15px;
}

.input-value_l--RjKhR.input-value_without-clear--QhShr:focus {
  padding-right: 14px;
}

.input-value_errors--dr9Ew {
  border-color: var(--basic-on-bg-alert);
}

.input-value_errors--dr9Ew:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.input-value_errors--dr9Ew:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.input-value__icons--rcj8E {
  position: absolute;
  top: 0;
  right: 0;
}

.input-value__icon--ZVO5M {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-grey-01);
}

.input-value_s--leDvL ~ .input-value__icons--rcj8E .input-value__icon--ZVO5M {
  top: 9px;
  right: 12px;
}

.input-value_s--leDvL:hover ~ .input-value__icons--rcj8E .input-value__icon--ZVO5M {
  top: 9px;
  right: 12px;
}

.input-value_m--I2xFP ~ .input-value__icons--rcj8E .input-value__icon--ZVO5M {
  top: 8px;
  right: 15px;
}

.input-value_l--RjKhR ~ .input-value__icons--rcj8E .input-value__icon--ZVO5M {
  top: 12px;
  right: 15px;
}

.input-value--KOd6H:focus ~ .input-value__icons--rcj8E .input-value__icon_search--BRByU {
  display: none;
}

.input-value__icon_clear--sagzp {
  display: none;
}

.input-value--KOd6H:focus ~ .input-value__icons--rcj8E .input-value__icon_clear--sagzp {
  display: block;
}

.input-value--KOd6H:hover ~ .input-value__icons--rcj8E .input-value__icon_clear--sagzp {
  display: block;
}

.input-value_textarea--C1LW2 {
  min-height: 128px;
  max-height: 300px;
}

@media (pointer: coarse) {

.input-value_textarea--C1LW2 {
    resize: none
}
  }

.input-value_text--IyWzo {
  padding-left: 16px;
  font-size: 16px;
  letter-spacing: 0.5px;
}

.input-value_textarea--C1LW2::-webkit-resizer {
  background: url(/71ecd76d7c57914e62ea.svg) center no-repeat;
}

.input-value__placeholder--b9KvF {
  color: var(--basic-on-bg-secondary);
  position: absolute;
  cursor: text;
  transition: font-size 0.3s, line-height 0.3s, letter-spacing 0.3s, transform 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 32px);
  left: 16px;
}

.input-value__placeholderWithLeftIcon--MeVVp {
  padding-left: 30px;
}

.input-value__icon_searchOnLeft--vt1NY {
  top: 8px;
  left: 10px;
}

.input-value_m--I2xFP ~ .input-value__placeholder--b9KvF {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  top: 10px;
}

.input-value_m--I2xFP:focus ~ .input-value__placeholder--b9KvF,
.input-value_m--I2xFP ~ .input-value__placeholder--b9KvF.input-value__placeholder_filled-value--pt6cC {
  display: none;
}

.input-value_s--leDvL:focus ~ .input-value__placeholder--b9KvF,
.input-value_s--leDvL ~ .input-value__placeholder--b9KvF.input-value__placeholder_filled-value--pt6cC {
  display: none;
}

.input-value_l--RjKhR ~ .input-value__placeholder--b9KvF {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  top: 12px;
}

.input-value_s--leDvL ~ .input-value__placeholder--b9KvF {
  padding-top: 8px;
}

.input-value_l--RjKhR:focus ~ .input-value__placeholder--b9KvF,
.input-value_l--RjKhR ~ .input-value__placeholder--b9KvF.input-value__placeholder_filled-value--pt6cC {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  transform: translateY(-8px);
}

.input-value_l--RjKhR ~ .input-value__icons--rcj8E .input-value__unit--DgdZr {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
  position: absolute;
  top: 12px;
  right: 16px;
  opacity: 0;
  transition: opacity 0.3s;
}

.input-value_l--RjKhR:focus ~ .input-value__icons--rcj8E .input-value__unit--DgdZr,
.input-value_l--RjKhR ~ .input-value__icons--rcj8E .input-value__unit_filled-value--ugdrp {
  opacity: 1;
}

.input-value_l--RjKhR ~ .input-value__placeholder--b9KvF ~ .input-value__icons--rcj8E .input-value__unit--DgdZr {
  top: 21px;
}

.input-value_password-toggleable--CU6WX {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}

.tabs--CFObD {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tabs__header--MswYu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.tabs__header_side-to-side--tVHaJ {
    margin-left: -24px;
    margin-right: -24px;
    width: calc(100% + 48px)
}
  }

@media (max-width: 1279px) {

.tabs__header_side-to-side--tVHaJ {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px)
}
  }

.tabs__scrollable-wrapper--CrPmK {
  overflow: auto;
  display: flex;
}

.tabs__scrollable-wrapper--CrPmK::-webkit-scrollbar {
  display: none;
}

.tabs__scrollable-wrapper_indent--eGdar::before,
.tabs__scrollable-wrapper_indent--eGdar::after {
  content: '';
  display: block;
  height: 1px;
  flex-shrink: 0;
  align-self: flex-end;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.tabs__scrollable-wrapper_indent--eGdar::before,
.tabs__scrollable-wrapper_indent--eGdar::after {
    width: 24px
}
  }

@media (max-width: 1279px) {

.tabs__scrollable-wrapper_indent--eGdar::before,
.tabs__scrollable-wrapper_indent--eGdar::after {
    width: 16px
}
  }

.tabs__scrollable-wrapper_indent-underline--sz44V::before,
.tabs__scrollable-wrapper_indent-underline--sz44V::after {
  background-color: var(--basic-on-bg-stroke);
}

.tabs__scrollable-wrapper_continue--n3SfN,
.tabs__scrollable-wrapper_continue--n3SfN .tabs__names--esXMt {
  flex-grow: 1;
}

.tabs__names--esXMt {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
}

.tabs__names--esXMt::before {
  content: '';
  display: block;
  position: absolute;
  background-color: var(--basic-on-bg-stroke);
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
}

.tabs__filters--Pt6Mj {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.tabs__content--cWmNa {
  display: flex;
  flex-direction: column;
}

.tabs__content--cWmNa:empty {
  display: none;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.tabs__scrollable-wrapper_indent--eGdar + .tabs__buttons--tCjRm {
    padding: 0 24px
}
  }

@media (max-width: 1279px) {

.tabs__scrollable-wrapper_indent--eGdar + .tabs__buttons--tCjRm {
    padding: 0 16px
}
  }

.tabs-tab__item--C3u_D {
  flex-shrink: 0;
  position: relative;
}

.tabs-tab__item_width-50--kaPhw {
  width: calc(50% - 16px);
}

.tabs-tab__item-line--EgxjA::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--basic-on-bg-stroke);
  z-index: 1;
}

.tabs-tab--Dmdgp {
  appearance: none;
  padding: 10px 0;
  background-color: transparent;
  border-left: 0;
  border-right: 0;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
  transition: color 0.3s, border-color 0.3s;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  z-index: 2;
  position: relative;
}

.tabs-tab--Dmdgp:hover {
  color: var(--basic-on-bg-grey-01);
}

.tabs-tab_active--JVu3y,
.tabs-tab_active--JVu3y:hover {
  color: var(--basic-on-bg-input);
  border-bottom-color: var(--basic-on-bg-input);
}

.tabs-tab__filter--jb9YG {
  display: flex;
  appearance: none;
  padding: 10px 16px;
  background-color: var(--basic-bg-emphasis);
  border: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: var(--basic-on-bg-primary);
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  z-index: 2;
  position: relative;
}

.tabs-tab__filter--jb9YG:hover {
  color: var(--basic-on-bg-secondary);
}

.tabs-tab__filter_active--IgKrA,
.tabs-tab__filter_active--IgKrA:hover {
  color: var(--button-primary-on-bg-active);
  background-color: var(--button-primary-bg-active);
}

.tabs-tab__item--C3u_D:not(:first-child) .tabs-tab__filter--jb9YG {
  border-left: 1px solid var(--basic-on-bg-stroke);
}

.tabs-tab__item--C3u_D:first-child .tabs-tab__filter--jb9YG {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tabs-tab__item--C3u_D:last-child .tabs-tab__filter--jb9YG {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.tabs-tab__item--C3u_D:last-child .tabs-tab__filter--jb9YG {
  border-left: 1px solid var(--basic-on-bg-stroke);
}

.tabs-tab__tag--D67CN {
  cursor: pointer;
}
.tags-tag--C7u7N {
  appearance: none;
  border: 0;
  background-color: var(--status-tint-hold);
  white-space: normal;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: default;
  transition: background-color 0.3s, color 0.3s;
}

.tags-tag_s--rExju {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 4px;
  letter-spacing: 0.5px;
  border-radius: 4px;
}

.tags-tag_m--ZrDBJ {
  color: var(--basic-on-bg-secondary);
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  padding: 4px 8px;
  letter-spacing: 0.4px;
  border-radius: 6px;
}

.tags-tag_l--SjCqL {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  letter-spacing: 0.25px;
  border-radius: 8px;
}

.tags-tag_active--u_3JI {
  background-color: var(--basic-bg-accent);
  color: var(--basic-on-bg-on-accent);
}

.tags-tag_disabled--cUcx5 {
  color: var(--basic-on-bg-disabled);
}

.tags-tag__text--ABiZK {
  overflow: hidden;
  text-overflow: ellipsis;
}

.tags-tag__text_array--KnHvY {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tags-tag__close--YoxqB {
  fill: var(--basic-on-bg-primary);
}
.tags--l2Xba {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.tags_s--Q57Mh {
  gap: 4px;
}

.tags_m--oJEBd,
.tags_l--tQBlV {
  gap: var(--tags-gap, 8px);
}

.tags_inline--_XyXL {
  flex-wrap: nowrap;
}

.tags__item--ydnqO {
  overflow: hidden;
}

.tags__item_hidden--BWzVA {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.calls-filter--XtG4Y {
  display: flex;
  flex-wrap: wrap;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.calls-filter--XtG4Y {
    padding: 24px;
    gap: 24px
}
  }

  @media (max-width: 1279px) {.calls-filter--XtG4Y {
    padding: 16px;
    gap: 16px
}
  }

.calls-filter__search--sCeyr {
  width: 100%;
  max-width: 460px;
}

.calls-filter__tabs-wrapper--iHZW4 {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.calls-filter__tabs-wrapper--iHZW4 {
    gap: 24px
}
  }

@media (max-width: 1279px) {

.calls-filter__tabs-wrapper--iHZW4 {
    gap: 16px
}
  }

.calls-filter__tabs--OYM9I {
  max-width: 100%;
}
.button--YKxom {
  width: 100%;
  height: 48px;
  justify-content: flex-start;
  text-align: left;
}

.inner--u7yH7 {
  gap: 4px;
  color: var(--basic-on-bg-secondary);
}

.icon_desc--ClPha path:nth-child(1),
.icon_asc--ijog8 path:nth-child(2) {
  opacity: 0;
}

.detail-description--bfyTj {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
}

.detail-description_disabled--ZlvPW {
  color: var(--basic-on-bg-disabled);
}
.detail-icons--Oh2ZC {
  display: flex;
  align-items: center;
  gap: 16px;
}
.detail-name__button--Pz7hY {
  border: 0;
  padding: 0;
  background-color: transparent;
  appearance: none !important;
  display: block;
  overflow: inherit;
  max-width: 100%;
  text-align: left;
  line-height: 24px;
  cursor: pointer;
}

.detail-name__link--tA0AF {
  display: block;
  overflow: inherit;
}

.detail-name__link--tA0AF,
.detail-name__link--tA0AF:active,
.detail-name__link--tA0AF:focus,
.detail-name__button--Pz7hY,
.detail-name__button--Pz7hY:focus {
  color: var(--basic-on-bg-link);
  transition: color 0.3s;
}

.detail-name__link--tA0AF:hover,
.detail-name__button--Pz7hY:hover {
  color: var(--basic-on-bg-link-hover);
}

.detail-name__link_disabled--OqDcH,
.detail-name__link_disabled--OqDcH:hover,
.detail-name__link_disabled--OqDcH:active,
.detail-name__link_disabled--OqDcH:focus,
.detail-name__button_disabled--ieP3t,
.detail-name__button_disabled--ieP3t:hover,
.detail-name__button_disabled--ieP3t:focus {
  color: var(--basic-on-bg-grey-01);
}

.detail-name__text--T2gdh {
  color: var(--basic-on-bg-primary);
  overflow: inherit;
  text-overflow: inherit;
}

.detail-name__text_disabled--XPjZQ {
  color: var(--basic-on-bg-grey-01);
}

.detail--JI5A4 {
  overflow: inherit;
  text-overflow: inherit;
  display: flex;
  align-items: center;
  gap: 8px;
}

.detail__content--idXc8 {
  overflow: inherit;
  text-overflow: inherit;
  padding: 1px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 538px;
}

@media (max-width: 767px) {

.detail__content--idXc8 {
    max-width: 100%
}
  }

.status--iUumd {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status_m--xqdD4 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.status_l--tGlkj {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.status__icon--jEu1d {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.list-sort--k_EZM {
  display: flex;
  align-items: center;
  width: 100%;
  color: var(--basic-on-bg-secondary);
  transition: color 0.3s;
  font-weight: inherit;
  font-size: inherit;
  height: 48px;
}

.list-sort__button--NLlz9 {
  fill: var(--basic-on-bg-secondary);
  transition: fill 0.3s;
}

.list-sort__button_asc--gt55k path:nth-child(1),
.list-sort__button_desc--cT7ue path:nth-child(2) {
  fill: var(--basic-on-bg-secondary);
}

.list-sort__button_desc--cT7ue path:nth-child(1),
.list-sort__button_asc--gt55k path:nth-child(2) {
  opacity: 0;
}

.list-sort--k_EZM:hover .list-sort__button--NLlz9 {
  fill: var(--basic-on-bg-grey-01);
}

.list-sort--k_EZM:hover .list-sort__button_asc--gt55k path:nth-child(1),
.list-sort--k_EZM:hover .list-sort__button_desc--cT7ue path:nth-child(2) {
  fill: var(--basic-on-bg-grey-01);
}
.table--LmQtb {
  border-collapse: collapse;
}

.table_zero-width--N0YSA {
  width: 0;
}

.table_full-width--VQxMG {
  width: 100%;
}

.table_fixed--Byvl4 {
  table-layout: fixed;
}

@media (min-width: 768px) and (max-width: 10000px) {

.table__head-wrapper--m5Ryz,
.table__body-wrapper--CAtbo {
    overflow-x: scroll
}
  }

@media (max-width: 767px) {

.table__head-wrapper--m5Ryz,
.table__body-wrapper--CAtbo {
    overflow-x: hidden
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.table__head-wrapper--m5Ryz {
    margin-bottom: -17px;
    padding-bottom: 17px;
    padding-right: 17px;
    box-sizing: border-box
}
  }

@media (max-width: 767px) {

.table__head-wrapper--m5Ryz {
    position: relative;
    z-index: 3
}
  }

.table-cell--LUH8M {
  text-align: left;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.table-cell--LUH8M {
    padding: 0 24px 0 0
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.table-cell--LUH8M {
    padding: 0 16px 0 0
}
  }

  @media (max-width: 767px) {.table-cell--LUH8M {
    padding: 0 16px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.table-cell--LUH8M:first-child {
    padding: 0 16px 0 16px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.table-cell--LUH8M:first-child {
    padding-left: 16px
}
  }

.table-cell--LUH8M[colspan] ~ * {
  display: none;
}

.table-cell_head--QDUCG {
  background-color: var(--basic-bg-emphasis);
  color: var(--basic-on-bg-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 1;
  word-break: break-word;
}

@media (max-width: 767px) {
    .table-cell_head--QDUCG:not(:first-child) {
      display: none;
    }
  }

.table-cell_white-head--f8Zc1 {
  background-color: var(--basic-bg-foreground);
}

.table-cell_body--gceyL {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}

@media (max-width: 767px) {

.table-cell_body--gceyL {
    display: block;
    padding: 24px 16px 0
}
  }

@media (max-width: 767px) {

.table-cell_body--gceyL:first-child {
    padding: 20px 39px 20px 16px
}
  }

@media (max-width: 767px) {

.table-cell_body--gceyL:nth-child(2) {
    padding: 4px 16px 0
}
  }

@media (max-width: 767px) {

.table-cell_body--gceyL.table-cell_sticky--Lwkhj:nth-child(2) {
    margin-top: -16px;
    padding: 4px 16px 16px
}
  }

@media (max-width: 767px) {

.table-cell_body--gceyL.table-cell_sticky--Lwkhj + .table-cell--LUH8M {
    padding-top: 8px
}
  }

@media (max-width: 767px) {

.table-cell_body--gceyL:nth-last-child(2) {
    padding: 24px 16px 16px
}
  }

@media (max-width: 767px) {

.table-cell_body--gceyL:nth-child(2):nth-last-child(2) {
    padding: 4px 16px 16px
}
  }

.table-cell_body--gceyL:first-child .table-cell__caption--tnUq_,
.table-cell_body--gceyL.table-cell_sticky--Lwkhj .table-cell__caption--tnUq_ {
  display: none;
}

.table-cell__caption--tnUq_ {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
  margin-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.table-cell__caption--tnUq_ {
    display: none
}
  }

@media (max-width: 767px) {

.table-cell__caption--tnUq_ {
    display: block
}
  }

.table-cell_body--gceyL .table-cell__content--e87Ir {
  overflow: auto;
  word-break: break-word;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.table-cell_body--gceyL .table-cell__content--e87Ir {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.table-cell_body--gceyL .table-cell__content--e87Ir {
    padding-top: 8px;
    padding-bottom: 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.table-cell_body--gceyL .table-cell__content_multistring--Llvh5 {
    overflow: visible;
    white-space: normal;
    text-overflow: initial;
    padding-top: 8px;
    padding-bottom: 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.table-cell_body--gceyL .table-cell__content_error-text--Z9EA5 {
    overflow: visible;
    white-space: normal;
    text-overflow: initial;
    letter-spacing: 0.25px;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.table-cell_sticky--Lwkhj {
    position: sticky;
    left: 0;
    z-index: 2
}
  }

@media (min-width: 768px) and (max-width: 1199px) {

.table-cell_sticky--Lwkhj.table-cell_head--QDUCG {
    position: relative
}
  }

@media (min-width: 768px) and (max-width: 1199px) {

.table-cell_sticky--Lwkhj.table-cell_body--gceyL {
    position: relative
}
  }

.table-cell__border--eergB {
  width: 1px;
  height: 100%;
  background-color: var(--basic-on-bg-stroke);
  position: absolute;
  top: 0;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.table-cell__border--eergB {
    right: 12px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.table-cell__border--eergB {
    right: 8px
}
  }

@media (max-width: 767px) {

.table-cell__border--eergB {
    display: none
}
  }

.table-row_head--NiWE_ {
  height: 48px;
}

.table-row_body--G1Ljw {
  transition: background-color 0.3s;
  position: relative;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.table-row_body--G1Ljw {
    height: 64px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.table-row_body--G1Ljw {
    height: 48px
}
  }

@media (max-width: 767px) {

.table-row_body--G1Ljw {
    display: flex;
    flex-direction: column;
    height: auto;
    position: relative
}
  }

[class*="table__body-wrapper"] .table-row_body--G1Ljw {
  border-top: 1px solid var(--basic-on-bg-stroke);
}

:not([class*="table__body-wrapper"]) > table > tbody > .table-row_body--G1Ljw {
  border-top: 1px solid var(--basic-on-bg-stroke);
}

.table-row_body--G1Ljw > [class*="table-cell"] {
  background-color: var(--basic-bg-foreground);
  transition: background-color 0.3s;
}

@media (hover) {

.table-row_body--G1Ljw:hover > [class*="table-cell"] {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 767px) {

.table-row_minimized--cXZzl > [class*="table-cell"]:not(:first-child, .table-row__arrow-cell--_1nP2, [class*="table-cell_sticky"]) {
    display: none
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.table-row__arrow-cell--_1nP2 {
    display: none
}
  }

@media (max-width: 767px) {

.table-row__arrow-cell--_1nP2 {
    display: block;
    position: absolute;
    top: 23px;
    right: 8px
}
  }

.table-row__arrow--gDb89 {
  padding: 4px 5px;
  transform: rotate(180deg);
  transition: transform .3s;
}

.table-row_minimized--cXZzl .table-row__arrow--gDb89 {
  transform: rotate(0deg);
}

.table-row__filled-cell--I32YL {
  display: none;
}

@media (min-width: 768px) and (max-width: 10000px) {

.table-row__filled-cell_visible--slO_w {
    display: table-cell
}
  }

@media (max-width: 767px) {

.table-row__filled-cell_visible--slO_w {
    display: none
}
  }

.table-row__filled-cell_padding--DMujU {
  widtH: 58px;
}

.table-resizer--MeR_n {
  width: 5px;
  height: 100%;
  background-color: var(--basic-on-bg-stroke);
  position: absolute;
  top: 0;
  cursor: ew-resize;
  border-width: 0 2px;
  border-style: solid;
  border-color: transparent;
  background-clip: content-box;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.table-resizer--MeR_n {
    right: 10px
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.table-resizer--MeR_n {
    right: 6px
}
  }

  @media (max-width: 767px) {.table-resizer--MeR_n {
    display: none
}
  }
.calls-list__direction--mtV0A {
  display: flex;
  align-items: center;
  gap: 8px;
  fill: #323232;
}
.main-actions--jNd8T {
  display: flex;
  align-items: center;
}

  @media (min-width: 768px) and (max-width: 10000px) {.main-actions--jNd8T {
    flex-direction: row-reverse;
    gap: 24px 16px
}
  }

  @media (max-width: 767px) {.main-actions--jNd8T {
    flex-direction: column;
    width: 100%;
    align-items: stretch;
    gap: 16px
}
  }

.main-content--ViR6_ {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

  @media (max-width: 767px) {.main-content--ViR6_ {
    margin: 0 -16px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.main-content--ViR6_[data-variant="paddings"] {
    padding: 24px
}
  }

@media (max-width: 1279px) {

.main-content--ViR6_[data-variant="paddings"] {
    padding: 16px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.main-content--ViR6_[data-variant="hidden"] {
    overflow: hidden
}
  }

.main-header--W6XdS {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

  @media (min-width: 1200px) and (max-width: 10000px) {.main-header--W6XdS {
    gap: 24px 40px
}
  }

  @media (min-width: 768px) and (max-width: 1199px) {.main-header--W6XdS {
    gap: 24px
}
  }

  @media (max-width: 767px) {.main-header--W6XdS {
    gap: 24px 16px
}
  }

.title--lJqiE {
  color: var(--basic-on-bg-primary);
  word-break: break-word;
  margin: 0;
}

h1.title--lJqiE {
  font-weight: 600;
}

@media (min-width: 768px) and (max-width: 10000px) {

h1.title--lJqiE {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.25px
}
  }

@media (max-width: 767px) {

h1.title--lJqiE {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.1px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

h2.title--lJqiE {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.1px
}
  }

@media (max-width: 767px) {

h2.title--lJqiE {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}
  }

h3.title--lJqiE {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.main-header--g2ZNt {
  display: grid;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.main-header--g2ZNt {
    grid-template-columns: 212px 1fr 1fr 132px
}
  }

  @media (min-width: 1200px) and (max-width: 1279px) {.main-header--g2ZNt {
    grid-template-columns: 212px 1fr 1fr 132px
}
  }

  @media (min-width: 768px) and (max-width: 1199px) {.main-header--g2ZNt {
    grid-template-columns: 1fr 1fr
}
  }

  @media (max-width: 767px) {.main-header--g2ZNt {
    grid-template-columns: 1fr
}
  }

@media (max-width: 767px) {

.buttons--jHW38 {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.create-button--KiebG {
    width: 132px
}
  }

.root--r7PNo {
  display: flex;
  width: 100%;
}

.root--r7PNo[data-variant="filled"] {
  font-weight: 400;
  color: var(--basic-on-bg-primary);
  fill: var(--basic-on-bg-primary);
}

.root--r7PNo[data-variant="filled"][data-color="red"] {
    background-color: var(--status-hint-alert);
  }

.root--r7PNo[data-variant="filled"][data-color="blue"] {
    background-color: var(--status-tint-new);
  }

.root--r7PNo[data-variant="filled"][data-color="green"] {
    background-color: var(--status-tint-success);
  }

.root--r7PNo[data-variant="filled"] .message--lHIKb {
    color: var(--basic-on-bg-primary);
  }

.root--r7PNo[data-variant="outline"] {
  color: var(--basic-on-bg-primary);
  fill: var(--basic-on-bg-primary);
}

.root--r7PNo[data-variant="outline"][data-color="red"] {
    border: 3px solid var(--status-hint-alert);
  }

.root--r7PNo[data-variant="outline"][data-color="blue"] {
    border: 3px solid var(--status-tint-new);
  }

.root--r7PNo[data-variant="outline"][data-color="green"] {
    background-color: var(--status-tint-success);
  }

.root--r7PNo[data-variant="outline"] .message--lHIKb {
    color: var(--basic-on-bg-secondary);
  }

.root--r7PNo[data-variant="transparent"] {
  color: var(--basic-on-bg-primary);
  fill: var(--basic-on-bg-primary);
}

.root--r7PNo[data-variant="transparent"] .message--lHIKb {
    color: var(--basic-on-bg-secondary);
  }

.root--r7PNo[data-size="md"] {
  padding: 12px 16px;
  border-radius: 8px;
}

.root--r7PNo[data-size="lg"] {
  padding: 12px 16px;
  border-radius: 16px;
}

.wrapper--uLWgL {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.body--ALoEW {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.title--QDcDM {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.root--r7PNo[data-size="md"] .message--lHIKb {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.root--r7PNo[data-size="lg"] .message--lHIKb {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.close-button--qJ5R4 {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: inherit;
  margin-left: auto;
}

.root--r7PNo[data-color="red"] .icon--XSjrO {
  fill: var(--status-primary-alert);
}

.root--r7PNo[data-color="blue"] .icon--XSjrO {
  fill: var(--status-primary-new);
}

.root--r7PNo[data-color="green"] .icon--XSjrO {
  fill: var(--status-primary-success);
}

.root--r7PNo[data-color="gray"] .icon--XSjrO {
  fill: var(--basic-on-bg-grey-01);
}

.overlay--Bh8VI {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  background-color: var(--basic-bg-overlay);
  top: 0;
  left: 0;
  z-index: calc(4000 + var(--modal-index, 0) * 2);
}

.modal-wrapper--sbdCp {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: calc(4000 + var(--modal-index, 0) * 2 + 1);
  overflow-y: auto;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.modal-wrapper--sbdCp {
    padding: 64px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.modal-wrapper--sbdCp {
    padding: 32px 16px
}
  }

@media (max-width: 767px) {

.modal-wrapper--sbdCp {
    padding: 0;
    background-color: var(--basic-bg-foreground)
}
  }

.modal-wrapper--sbdCp .content--s6kYY {
  background-color: var(--basic-bg-foreground);
  pointer-events: all;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 808px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.modal-wrapper--sbdCp .content--s6kYY {
    border-radius: 16px;
    box-shadow: 0 0 16px var(--basic-bg-shadow)
}
  }

@media (max-width: 767px) {

.modal-wrapper--sbdCp .content--s6kYY {
    min-height: 100%
}
  }

.header--jhi4a {
  display: flex;
  align-items: flex-start;
  word-break: break-word;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.header--jhi4a {
    justify-content: space-between;
    padding: 32px 32px 20px;
    gap: 32px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.header--jhi4a {
    justify-content: space-between;
    padding: 28px 24px 24px;
    gap: 32px
}
  }

@media (max-width: 767px) {

.header--jhi4a {
    padding: 24px 16px;
    position: sticky;
    top: 0;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 12px;
    z-index: 10;
    background-color: var(--basic-bg-foreground)
}
  }

.header--jhi4a:empty {
  display: none;
}

.title--aky11 {
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.1px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.title--aky11 {
    font-size: 24px;
    line-height: 32px
}
  }

@media (max-width: 767px) {

.title--aky11 {
    font-size: 20px;
    line-height: 24px
}
  }

.close--N9ztj {
  fill: var(--basic-on-bg-primary) !important;
}

.close--N9ztj:hover,
.close--N9ztj:active {
  fill: var(--basic-on-bg-secondary) !important;
}

.body--GdhWW {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.body--GdhWW {
    padding: 0 32px 32px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.body--GdhWW {
    padding: 0 24px 24px;
    height: 100%
}
  }

@media (max-width: 767px) {

.body--GdhWW {
    padding: 0
}
  }

.modal-actions--_tkx6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.modal-actions--_tkx6[data-position="left"] {
  justify-content: flex-start;
}

.modal-actions--_tkx6[data-position="center"] {
  justify-content: center;
}

.modal-actions--_tkx6[data-position="right"] {
  justify-content: flex-end;
}

.error--zo6zS {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-alert);
  padding-left: 40px;
  margin-top: 8px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1280px) and (max-width: 10000px) {.modal-wrapper--OHqys {
    padding: 160px 64px 64px
}
  }
  @media (min-width: 768px) and (max-width: 1279px) {.modal-wrapper--OHqys {
    padding: 160px 32px 16px
}
  }
  @media (max-width: 767px) {.modal-wrapper--OHqys {
    padding: 16px;
    align-items: center;
    background-color: transparent
}
  }

.modal-wrapper--OHqys .content--oVx00 {
  width: 100%;
  max-width: 570px;
  border-radius: 16px;
  box-shadow: 0 0 16px var(--basic-bg-shadow);
  min-height: auto;
}

.body--tc2H5 {
  padding: 32px;
}

.alert--XIwLk {
  padding: 0 !important;
}

@media (min-width: 768px) and (max-width: 10000px) {

.buttons--fS3_o {
    margin-top: 32px
}
  }

@media (max-width: 767px) {

.buttons--fS3_o {
    margin-top: 24px
}
  }

.checkbox--pF2GN[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "label inner description"
    "label inner error";
  grid-template-columns: auto 18px auto;
  align-items: flex-start;
}

  .checkbox--pF2GN[data-variant="string"] .label--C1Iyf {
    margin-right: 16px;
    color: var(--basic-on-bg-secondary);
  }

  .checkbox--pF2GN[data-variant="string"][data-size="sm"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="string"][data-size="sm"] .error--LbvDL {
      margin-left: 6px;
    }

  .checkbox--pF2GN[data-variant="string"][data-size="md"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="string"][data-size="md"] .error--LbvDL {
      margin-left: 8px;
    }

  .checkbox--pF2GN[data-variant="string"][data-size="lg"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="string"][data-size="lg"] .error--LbvDL {
      margin-left: 10px;
    }

.checkbox--pF2GN[data-variant="content-left"] {
  display: grid;
  grid-template-areas:
    "label inner"
    "description inner"
    "error inner";
  grid-template-columns: auto 18px;
}

.checkbox--pF2GN[data-variant="content-left"] .label--C1Iyf {
    color: var(--basic-on-bg-primary);
  }

.checkbox--pF2GN[data-variant="content-left"][data-size="sm"] .label--C1Iyf,
    .checkbox--pF2GN[data-variant="content-left"][data-size="sm"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="content-left"][data-size="sm"] .error--LbvDL {
      margin-right: 6px;
    }

.checkbox--pF2GN[data-variant="content-left"][data-size="md"] .label--C1Iyf,
    .checkbox--pF2GN[data-variant="content-left"][data-size="md"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="content-left"][data-size="md"] .error--LbvDL {
      margin-right: 8px;
    }

.checkbox--pF2GN[data-variant="content-left"][data-size="lg"] .label--C1Iyf,
    .checkbox--pF2GN[data-variant="content-left"][data-size="lg"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="content-left"][data-size="lg"] .error--LbvDL {
      margin-right: 10px;
    }

.checkbox--pF2GN[data-variant="content-right"] {
  display: grid;
  grid-template-areas:
    "inner label"
    "inner description"
    "inner error";
  grid-template-columns: 18px auto;
}

.checkbox--pF2GN[data-variant="content-right"] .label--C1Iyf {
    color: var(--basic-on-bg-primary);
  }

.checkbox--pF2GN[data-variant="content-right"][data-size="sm"] .label--C1Iyf,
    .checkbox--pF2GN[data-variant="content-right"][data-size="sm"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="content-right"][data-size="sm"] .error--LbvDL {
      margin-left: 6px;
    }

.checkbox--pF2GN[data-variant="content-right"][data-size="md"] .label--C1Iyf,
    .checkbox--pF2GN[data-variant="content-right"][data-size="md"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="content-right"][data-size="md"] .error--LbvDL {
      margin-left: 8px;
    }

.checkbox--pF2GN[data-variant="content-right"][data-size="lg"] .label--C1Iyf,
    .checkbox--pF2GN[data-variant="content-right"][data-size="lg"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="content-right"][data-size="lg"] .error--LbvDL {
      margin-left: 10px;
    }

:is(.checkbox--pF2GN[data-variant="string"], .checkbox--pF2GN[data-variant="content-left"], .checkbox--pF2GN[data-variant="content-right"])[data-size="sm"] .label--C1Iyf {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.checkbox--pF2GN[data-variant="string"], .checkbox--pF2GN[data-variant="content-left"], .checkbox--pF2GN[data-variant="content-right"])[data-size="md"] .label--C1Iyf {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.checkbox--pF2GN[data-variant="string"], .checkbox--pF2GN[data-variant="content-left"], .checkbox--pF2GN[data-variant="content-right"])[data-size="lg"] .label--C1Iyf {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

.checkbox--pF2GN[data-variant="column"] {
  display: grid;
  grid-template-areas:
    "label label"
    "inner description"
    "inner error";
}

.checkbox--pF2GN[data-variant="column"] .label--C1Iyf {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.checkbox--pF2GN[data-variant="column"][data-size="sm"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="column"][data-size="sm"] .error--LbvDL {
      margin-left: 6px;
    }

.checkbox--pF2GN[data-variant="column"][data-size="md"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="column"][data-size="md"] .error--LbvDL {
      margin-left: 8px;
    }

.checkbox--pF2GN[data-variant="column"][data-size="lg"] .description--Qc6L7,
    .checkbox--pF2GN[data-variant="column"][data-size="lg"] .error--LbvDL {
      margin-left: 10px;
    }

.checkbox--pF2GN[data-color="white"] {
  background-color: var(--basic-bg-foreground);
  border-radius: 4px;
  padding: 4px 8px;
}

.inner--VJpRA {
  grid-area: inner;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
  margin: 3px 0;
}

.input--_R7RH {
  appearance: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 3;
}

.inner--VJpRA::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  border: 2px solid var(--basic-on-bg-grey-01);
  transition: border-color 0.3s;
}

.inner--VJpRA:not(:has(.input--_R7RH:disabled)):hover::after {
  border-color: var(--button-secondary-border-hover);
}

.checkbox--pF2GN[data-error] .inner--VJpRA::after {
  border-color: var(--basic-on-bg-alert);
}

.checkbox--pF2GN[data-error] .inner--VJpRA:hover::after {
  border-color: var(--basic-on-bg-alert-hover);
}

.icon--qdYMC {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s, fill 0.3s;
  z-index: 2;
  fill: var(--button-secondary-border-active);
}

.checkbox--pF2GN[data-checked] .inner--VJpRA .icon--qdYMC {
  opacity: 1;
}

.checkbox--pF2GN[data-checked] .inner--VJpRA:hover .icon--qdYMC {
  fill: var(--button-secondary-border-hover);
}

.checkbox--pF2GN[data-checked][data-error] .inner--VJpRA .icon--qdYMC {
  fill: var(--basic-on-bg-alert);
}

.checkbox--pF2GN[data-checked][data-error]:hover .inner--VJpRA .icon--qdYMC {
  fill: var(--basic-on-bg-alert-hover);
}

.checkbox--pF2GN .inner--VJpRA .input--_R7RH:disabled {
  cursor: default;
}

.checkbox--pF2GN .inner--VJpRA:has(.input--_R7RH:disabled) .icon--qdYMC,
.checkbox--pF2GN .inner--VJpRA:has(.input--_R7RH:disabled):hover .icon--qdYMC {
  fill: var(--button-primary-bg-disabled);
}

.checkbox--pF2GN:has(.input--_R7RH:disabled) .inner--VJpRA:after {
  border: 2px solid var(--basic-on-bg-disabled);
}

.checkbox--pF2GN:has(.input--_R7RH:disabled) .label--C1Iyf {
  color: var(--basic-on-bg-disabled);
}

.body--ppcEq,
.label-wrapper--PBcOb {
  display: contents;
}

.label--C1Iyf {
  grid-area: label;
}

.description--Qc6L7 {
  grid-area: description;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-grey-01);
  margin: 3px 0;
}

.error--LbvDL {
  grid-area: error;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-alert);
  margin: 3px 0;
  display: flex;
  flex-direction: column;
}

.checkbox--fG4uq[data-variant="string"] {
    grid-template-columns: 196px 18px 1fr !important;
  }

    @media (min-width: 768px) and (max-width: 10000px) {

    .checkbox--fG4uq[data-variant="string"] .label--ZSbfS {
        width: 180px
    }
      }
  @media (min-width: 768px) and (max-width: 10000px) {
  .checkbox--fG4uq[data-variant="content-right"] {
      margin-left: 196px
  }
    }

.checkbox_readonly--Rmsaf[data-variant="string"] {
    grid-template-columns: 196px 34px 1fr !important;
  }

@media (min-width: 768px) and (max-width: 10000px) {

.checkbox_readonly--Rmsaf[data-variant="content-right"] {
      grid-template-columns: 34px calc(100% - 34px)
  }
    }

.checkbox-track--vOu1B {
  margin-left: 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {.actions--Iioh8 {
    display: grid;
    grid-template-areas: "clear-button space reset-button close-button secondary-button submit-button";
    grid-template-columns: auto 1fr auto auto;
    padding: 0 24px
}
  }
  @media (max-width: 767px) {.actions--Iioh8 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 16px;
    gap: 16px
}
  }
  .actions--Iioh8:empty {
    display: none;
  }

@media (min-width: 768px) and (max-width: 10000px) {

.actions_sticky--OhL1N {
    padding: 0
}
  }

@media (max-width: 767px) {

.actions_sticky--OhL1N {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 16px !important;
    position: sticky;
    bottom: 0;
    background-color: var(--basic-bg-foreground);
    z-index: 10;
    margin-top: -24px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.actions--Iioh8[data-size="sm"] {
    padding: 24px
}
  }

@media (max-width: 767px) {

.actions--Iioh8[data-size="sm"] {
    padding: 16px
}
  }

.actions--Iioh8 [data-type="clear"] {
  grid-area: clear-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--Iioh8 [data-type="clear"] {
    margin-right: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--Iioh8 [data-type="clear"] {
    width: calc(50% - 8px);
    order: 1
}
  }

@media (max-width: 359px) {

.actions--Iioh8 [data-type="clear"] {
    width: 100%;
    order: 2
}
  }

@media (max-width: 767px) {

.actions--Iioh8:has([data-type="reset"]) [data-type="clear"] {
    display: none
}
  }

.actions--Iioh8 [data-type="close"] {
  grid-area: close-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--Iioh8 [data-type="close"] {
    margin-left: 16px
}
  }

@media (max-width: 767px) {

.actions--Iioh8 [data-type="close"] {
    display: none
}
  }

.actions--Iioh8 [data-type="reset"] {
  grid-area: reset-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--Iioh8 [data-type="reset"] {
    margin-left: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--Iioh8 [data-type="reset"] {
    width: calc(50% - 8px);
    order: 1
}
  }

@media (max-width: 359px) {

.actions--Iioh8 [data-type="reset"] {
    width: 100%;
    order: 1
}
  }

.actions--Iioh8 [data-type="button"] {
  grid-area: secondary-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--Iioh8 [data-type="button"] {
    margin-left: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--Iioh8 [data-type="button"] {
    width: 100%;
    order: 3
}
  }

@media (max-width: 359px) {

.actions--Iioh8 [data-type="button"] {
    width: 100%;
    order: 1
}
  }

.actions--Iioh8 [data-type="submit"] {
  grid-area: submit-button;
}

@media (min-width: 768px) and (max-width: 10000px) {

.actions--Iioh8 [data-type="submit"] {
    margin-left: 16px
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--Iioh8 [data-type="submit"] {
    width: calc(50% - 8px);
    order: 2
}
  }

@media (max-width: 359px) {

.actions--Iioh8 [data-type="submit"] {
    width: 100%;
    order: 1
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.actions--Iioh8:not(:has([data-type="reset"])) [data-type="submit"] {
    width: 100%;
    order: 1
}
  }

.pill--uhdGi {
  appearance: none;
  border: 0;
  cursor: default;
  display: flex;
  align-items: center;
  transition: background-color 0.3s, color 0.3s;
}

.pill--uhdGi[color="gray"] {
  color: var(--basic-on-bg-primary);
  background-color: var(--status-tint-hold);
}

.pill--uhdGi[color="gray"] .remove--hAwBT {
    fill: var(--basic-on-bg-grey-01);
  }

.pill--uhdGi[color="gray"] .remove--hAwBT:hover {
    fill: var(--basic-on-bg-secondary);
  }

.pill--uhdGi[color="gray"] .remove--hAwBT:active {
    fill: var(--basic-on-bg-primary);
  }

.pill--uhdGi[color="red"] {
  color: var(--basic-bg-foreground);
  background-color: var(--basic-on-bg-alert);
}

.pill--uhdGi[color="red"] .remove--hAwBT {
    fill: var(--basic-bg-foreground);
  }

.pill--uhdGi[color="red"] .remove--hAwBT:hover,
  .pill--uhdGi[color="red"] .remove--hAwBT:active {
    fill: var(--basic-bg-hover);
  }

.pill--uhdGi[data-size="xs"] {
  font-size: 12px;
  line-height: 18px;
  padding: 1px 4px;
  letter-spacing: 0.4px;
}

.pill--uhdGi[data-size="sm"] {
  font-size: 12px;
  line-height: 18px;
  padding: 3px 4px;
  letter-spacing: 0.5px;
}

.pill--uhdGi[data-size="md"] {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  padding: 4px 8px;
  letter-spacing: 0.4px;
}

.pill--uhdGi[data-size="lg"] {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  letter-spacing: 0.25px;
}

.pill--uhdGi[data-variant="squared"][data-size="xs"] {
    border-radius: 4px;
  }

.pill--uhdGi[data-variant="squared"][data-size="sm"] {
    border-radius: 4px;
  }

.pill--uhdGi[data-variant="squared"][data-size="md"] {
    border-radius: 6px;
  }

.pill--uhdGi[data-variant="squared"][data-size="lg"] {
    border-radius: 8px;
  }

.pill--uhdGi[data-variant="rounded"][data-size="xs"] {
    border-radius: 20px;
  }

.pill--uhdGi[data-variant="rounded"][data-size="sm"] {
    border-radius: 20px;
  }

.pill--uhdGi[data-variant="rounded"][data-size="md"] {
    border-radius: 20px;
  }

.pill--uhdGi[data-variant="rounded"][data-size="lg"] {
    border-radius: 20px;
  }

.pill--uhdGi[hidden] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.label--Vf7w8 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pill--uhdGi[data-size="xs"] .label--Vf7w8 {
  gap: 0;
}

.label-inner--HbGO0 {
  display: flex;
  justify-content: center;
}

.pill--uhdGi[data-variant="rounded"] .label-inner--HbGO0 {
  min-width: 12px;
}

.pill--uhdGi[data-variant="rounded"] .label-inner--HbGO0:not(.pill--uhdGi[data-variant="rounded"] .label-inner--HbGO0:only-child) {
    flex-shrink: 0;
  }

.remove--hAwBT {
  cursor: pointer;
}

.tooltip--rtACA {
  position: absolute;
  background-color: var(--basic-on-bg-secondary);
  color: var(--basic-on-bg-on-accent);
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding: 4px 8px;
  border-radius: 4px;
  max-width: 328px;
  word-break: break-word;
  transform: translateY(calc(100% + 16px));
  z-index: 5000 !important;
}

.pills--ahaKQ {
  display: flex;
  align-items: center;
  position: relative;
}

.pills--ahaKQ[data-variant="string"] {
  flex-wrap: nowrap;
}

.pills--ahaKQ[data-variant="column"] {
  flex-wrap: wrap;
}

.pills--ahaKQ[data-size="sm"] {
  gap: 4px;
}

.pills--ahaKQ[data-size="md"] {
  gap: 6px;
}

.pills--ahaKQ[data-size="lg"] {
  gap: 8px;
}

.more-column--FwR7q {
  width: 100%;
  justify-content: flex-start !important;
}

.pills--ahaKQ[data-size="sm"] .more-column--FwR7q {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pills--ahaKQ[data-size="md"] .more-column--FwR7q {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.pills--ahaKQ[data-size="lg"] .more-column--FwR7q {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.more-column-label--t8Mvt {
  font-weight: 400;
}

.more-string--frH8o {
  opacity: 0;
  visibility: hidden;
}

.more-string_visible--UOtk8 {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1280px) and (max-width: 10000px) {.options--zJdUv {
    padding: 0
}
  }
  @media (max-width: 1279px) {.options--zJdUv {
    padding: 0 8px
}
  }

.top-actions--DKWkP {
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 768px) and (max-width: 10000px) {

.top-actions--DKWkP {
    padding: 17px 16px 10px
}
  }

@media (max-width: 767px) {

.top-actions--DKWkP {
    position: relative;
    z-index: auto;
    padding: 10px 16px
}
  }

.top-actions--DKWkP:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 8px;
    width: calc(100% - 16px);
    border-bottom: 1px solid var(--basic-on-bg-stroke);
  }

@media (max-width: 767px) {

.inner-content--l4Yyp {
    flex-grow: 1;
    align-content: flex-start;
    display: flex;
    flex-direction: column
}
  }

.bottom-actions--IodEm {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 768px) and (max-width: 10000px) {

.bottom-actions--IodEm {
    padding: 10px 16px 17px
}
  }

@media (max-width: 767px) {

.bottom-actions--IodEm {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.inner-content--l4Yyp:empty + .bottom-actions--IodEm {
    padding: 17px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.inner-content--l4Yyp:not(:has(.top-actions--DKWkP)) .options--zJdUv {
    padding-top: 8px
}
  }

.select-all-text--NsLld {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-primary) !important;
}

.group--XOrNH {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.group--XOrNH:empty {
  display: none;
}

.select--Zo1DI[data-variant][data-size="sm"] .input--A6_2A[data-variant] {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .select--Zo1DI[data-variant][data-size="sm"] .input--A6_2A[data-variant]:focus-within {
    padding-top: 1px;
    padding-bottom: 1px;
  }
  .select--Zo1DI[data-variant][data-size="md"] .input--A6_2A[data-variant] {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .select--Zo1DI[data-variant][data-size="md"] .input--A6_2A[data-variant]:focus-within {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .select--Zo1DI[data-variant][data-size="lg"] .input--A6_2A[data-variant] {
    padding-top: 7px;
    padding-bottom: 7px;
  }
  .select--Zo1DI[data-variant][data-size="lg"] .input--A6_2A[data-variant]:focus-within {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .select--Zo1DI[data-variant][data-size="sm"] .pills--ctd8y {
    min-height: 26px;
  }
  .select--Zo1DI[data-variant][data-size="md"] .pills--ctd8y {
    min-height: 28px;
  }
  .select--Zo1DI[data-variant][data-size="lg"] .pills--ctd8y {
    min-height: 32px;
  }
  .select--Zo1DI[data-variant][data-variant="column"] .input--A6_2A[data-readonly] {
    padding: 0;
  }

.inner-input--VMdAS,
.inner-input--VMdAS:focus {
  background-color: transparent;
  padding: 0;
  border: 0;
  outline: none;
  display: block;
}

.inner-input_read-only--ucp83 {
  width: 0px;
}

.select--Zo1DI[data-size="sm"] .inner-input--VMdAS {
  height: 24px;
}

.select--Zo1DI[data-size="md"] .inner-input--VMdAS {
  height: 28px;
}

.select--Zo1DI[data-size="lg"] .inner-input--VMdAS {
  height: 32px;
}

.radio--Cz8SG[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "label inner description"
    "label inner error";
  grid-template-columns: auto 20px auto;
  align-items: flex-start;
}

  .radio--Cz8SG[data-variant="string"] .label--KtA55 {
    margin-right: 16px;
    color: var(--basic-on-bg-secondary);
  }

  .radio--Cz8SG[data-variant="string"][data-size="sm"] .description--TMPm7,
    .radio--Cz8SG[data-variant="string"][data-size="sm"] .error--hrkGZ {
      margin-left: 6px;
    }

  .radio--Cz8SG[data-variant="string"][data-size="md"] .description--TMPm7,
    .radio--Cz8SG[data-variant="string"][data-size="md"] .error--hrkGZ {
      margin-left: 8px;
    }

  .radio--Cz8SG[data-variant="string"][data-size="lg"] .description--TMPm7,
    .radio--Cz8SG[data-variant="string"][data-size="lg"] .error--hrkGZ {
      margin-left: 10px;
    }

.radio--Cz8SG[data-variant="content-left"] {
  display: grid;
  grid-template-areas:
    "label inner"
    "description inner"
    "error inner";
  grid-template-columns: auto 20px;
}

.radio--Cz8SG[data-variant="content-left"] .label--KtA55 {
    color: var(--basic-on-bg-primary);
  }

.radio--Cz8SG[data-variant="content-left"][data-size="sm"] .label--KtA55,
    .radio--Cz8SG[data-variant="content-left"][data-size="sm"] .description--TMPm7,
    .radio--Cz8SG[data-variant="content-left"][data-size="sm"] .error--hrkGZ {
      margin-right: 6px;
    }

.radio--Cz8SG[data-variant="content-left"][data-size="md"] .label--KtA55,
    .radio--Cz8SG[data-variant="content-left"][data-size="md"] .description--TMPm7,
    .radio--Cz8SG[data-variant="content-left"][data-size="md"] .error--hrkGZ {
      margin-right: 8px;
    }

.radio--Cz8SG[data-variant="content-left"][data-size="lg"] .label--KtA55,
    .radio--Cz8SG[data-variant="content-left"][data-size="lg"] .description--TMPm7,
    .radio--Cz8SG[data-variant="content-left"][data-size="lg"] .error--hrkGZ {
      margin-right: 10px;
    }

.radio--Cz8SG[data-variant="content-right"] {
  display: grid;
  grid-template-areas:
    "inner label"
    "inner description"
    "inner error";
  grid-template-columns: 20px auto;
}

.radio--Cz8SG[data-variant="content-right"] .label--KtA55 {
    color: var(--basic-on-bg-primary);
  }

.radio--Cz8SG[data-variant="content-right"][data-size="sm"] .label--KtA55,
    .radio--Cz8SG[data-variant="content-right"][data-size="sm"] .description--TMPm7,
    .radio--Cz8SG[data-variant="content-right"][data-size="sm"] .error--hrkGZ {
      margin-left: 6px;
    }

.radio--Cz8SG[data-variant="content-right"][data-size="md"] .label--KtA55,
    .radio--Cz8SG[data-variant="content-right"][data-size="md"] .description--TMPm7,
    .radio--Cz8SG[data-variant="content-right"][data-size="md"] .error--hrkGZ {
      margin-left: 8px;
    }

.radio--Cz8SG[data-variant="content-right"][data-size="lg"] .label--KtA55,
    .radio--Cz8SG[data-variant="content-right"][data-size="lg"] .description--TMPm7,
    .radio--Cz8SG[data-variant="content-right"][data-size="lg"] .error--hrkGZ {
      margin-left: 10px;
    }

:is(.radio--Cz8SG[data-variant="string"], .radio--Cz8SG[data-variant="content-left"], .radio--Cz8SG[data-variant="content-right"])[data-size="sm"] .label--KtA55 {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.radio--Cz8SG[data-variant="string"], .radio--Cz8SG[data-variant="content-left"], .radio--Cz8SG[data-variant="content-right"])[data-size="md"] .label--KtA55 {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }

:is(.radio--Cz8SG[data-variant="string"], .radio--Cz8SG[data-variant="content-left"], .radio--Cz8SG[data-variant="content-right"])[data-size="lg"] .label--KtA55 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

.radio--Cz8SG[data-variant="column"] {
  display: grid;
  grid-template-areas:
    "label label"
    "inner description"
    "inner error";
}

.radio--Cz8SG[data-variant="column"] .label--KtA55 {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.radio--Cz8SG[data-variant="column"][data-size="sm"] .description--TMPm7,
    .radio--Cz8SG[data-variant="column"][data-size="sm"] .error--hrkGZ {
      margin-left: 6px;
    }

.radio--Cz8SG[data-variant="column"][data-size="md"] .description--TMPm7,
    .radio--Cz8SG[data-variant="column"][data-size="md"] .error--hrkGZ {
      margin-left: 8px;
    }

.radio--Cz8SG[data-variant="column"][data-size="lg"] .description--TMPm7,
    .radio--Cz8SG[data-variant="column"][data-size="lg"] .error--hrkGZ {
      margin-left: 10px;
    }

.inner--Ks17j {
  grid-area: inner;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
  margin: 2px 0;
}

.input--wZnV1 {
  appearance: none;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  cursor: pointer;
  z-index: 3;
}

.inner--Ks17j::before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid var(--basic-on-bg-grey-01);
  transition: border-color 0.3s;
}

.radio--Cz8SG[data-checked="false"] .inner--Ks17j:hover::before {
  border-color: var(--button-secondary-border-hover);
}

.radio--Cz8SG[data-checked="true"] .inner--Ks17j:hover::before {
  border-color: var(--button-secondary-border-active);
}

.radio--Cz8SG[data-checked="true"] .inner--Ks17j::before {
  border-color: var(--button-secondary-border-active);
}

.radio--Cz8SG[data-error][data-checked] .inner--Ks17j::before {
  border-color: var(--basic-on-bg-alert);
}

.radio--Cz8SG[data-error][data-checked="false"] .inner--Ks17j:hover::before {
  border-color: var(--basic-on-bg-alert-hover);
}

.inner--Ks17j::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--button-secondary-border-active);
  opacity: 0;
  transition: opacity 0.3s;
}

.radio--Cz8SG[data-checked="true"] .inner--Ks17j::after {
  opacity: 1;
}

.radio--Cz8SG[data-error][data-checked] .inner--Ks17j::after {
  background-color: var(--basic-on-bg-alert);
}

.radio--Cz8SG .inner--Ks17j .input--wZnV1:disabled {
  cursor: default;
}

.radio--Cz8SG .inner--Ks17j:has(.input--wZnV1:disabled):after {
  background-color: var(--button-primary-bg-disabled);
}

.radio--Cz8SG .inner--Ks17j:has(.input--wZnV1:disabled):before {
  border-color: var(--basic-on-bg-disabled);
}

.radio--Cz8SG:has(.input--wZnV1:disabled) .label--KtA55 {
  color: var(--basic-on-bg-disabled);
}

.icon--zVVPU {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s, fill 0.3s;
  z-index: 2;
  fill: var(--button-secondary-border-active);
}

.radio--Cz8SG[data-checked] .inner--Ks17j .icon--zVVPU {
  opacity: 1;
}

.radio--Cz8SG[data-checked] .inner--Ks17j:hover .icon--zVVPU {
  fill: var(--button-secondary-border-hover);
}

.body--mbWov,
.label-wrapper--FGY5O {
  display: contents;
}

.label--KtA55 {
  grid-area: label;
}

.sub-label--LWXyo {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
}

.description--TMPm7 {
  grid-area: description;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-grey-01);
  margin: 3px 0;
}

.error--hrkGZ {
  grid-area: error;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-alert);
  margin: 3px 0;
  display: flex;
  flex-direction: column;
}

.required--Dhxgb {
  color: var(--basic-on-bg-alert);
}

.group--tbhGE {
  position: relative;
  display: flex;
}

.group--tbhGE[data-size="sm"] .row--uEsGw {
    gap: 10px 12px;
  }

.group--tbhGE[data-size="sm"] .row--uEsGw + .row--uEsGw {
    margin-top: 8px;
  }

.group--tbhGE[data-size="sm"][data-variant="string"] .radio--VN9O4 {
    margin-top: 4px;
  }

.group--tbhGE[data-size="sm"] .close--Cgza_ {
    margin-top: 4px;
  }

.group--tbhGE[data-size="sm"] .add--vnlhH {
    margin-top: 6px;
  }

.group--tbhGE[data-size="md"] .row--uEsGw {
    gap: 10px 14px;
  }

.group--tbhGE[data-size="md"] .row--uEsGw + .row--uEsGw {
    margin-top: 12px;
  }

.group--tbhGE[data-size="md"][data-variant="string"] .radio--VN9O4 {
    margin-top: 8px;
  }

.group--tbhGE[data-size="md"] .remove--D4khg {
    margin-top: 4px;
  }

.group--tbhGE[data-size="md"] .add--vnlhH {
    margin-top: 8px;
  }

.group--tbhGE[data-size="lg"] .row--uEsGw {
    gap: 10px 16px;
  }

.group--tbhGE[data-size="lg"] .row--uEsGw + .row--uEsGw {
    margin-top: 16px;
  }

.group--tbhGE[data-size="lg"][data-variant="string"] .radio--VN9O4 {
    margin-top: 12px;
  }

.group--tbhGE[data-size="lg"] .remove--D4khg {
    margin-top: 8px;
  }

.group--tbhGE[data-size="lg"] .add--vnlhH {
    margin-top: 10px;
  }

.row--uEsGw {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.input--KQAQV {
  flex-grow: 1;
}

.group--tbhGE[data-variant="string"],
.group--tbhGE[data-variant="minimized"] {
  display: grid;
  grid-template-areas:
    "label wrapper"
    "label wrapper";
}

.group--tbhGE[data-variant="string"] .label--V3FTa, .group--tbhGE[data-variant="minimized"] .label--V3FTa {
    color: var(--basic-on-bg-secondary);
    grid-area: label;
    margin-right: 16px;
    align-self: flex-start;
    word-break: break-word;
    display: flex;
    align-items: center;
  }

.group--tbhGE[data-variant="string"][data-size="sm"] .label--V3FTa, .group--tbhGE[data-variant="minimized"][data-size="sm"] .label--V3FTa {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 32px;
  }

.group--tbhGE[data-variant="string"][data-size="md"] .label--V3FTa, .group--tbhGE[data-variant="minimized"][data-size="md"] .label--V3FTa {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.25px;
    min-height: 40px;
  }

.group--tbhGE[data-variant="string"][data-size="lg"] .label--V3FTa, .group--tbhGE[data-variant="minimized"][data-size="lg"] .label--V3FTa {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    min-height: 48px;
  }

.group--tbhGE[data-variant="string"] .wrapper--Sj9pJ, .group--tbhGE[data-variant="minimized"] .wrapper--Sj9pJ {
    grid-area: wrapper;
  }

@media (max-width: 767px) {

.group--tbhGE[data-variant="string"] .radio-label--_PZEY, .group--tbhGE[data-variant="minimized"] .radio-label--_PZEY {
      display: none
  }
    }

.group--tbhGE[data-variant="string"] .error--o5Orn, .group--tbhGE[data-variant="minimized"] .error--o5Orn {
    margin-top: 4px;
  }

.group--tbhGE[data-variant="minimized"] .remove--D4khg {
    margin-top: 8px;
  }

.remove--D4khg {
  width: 32px;
  height: 32px;
}

.group--tbhGE[data-variant="column"],
.group--tbhGE[data-variant="column-minimized"] {
  flex-direction: column;
  align-items: flex-start;
}

.group--tbhGE[data-variant="column"] .label--V3FTa, .group--tbhGE[data-variant="column-minimized"] .label--V3FTa {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.group--tbhGE[data-variant="column"] .row--uEsGw, .group--tbhGE[data-variant="column-minimized"] .row--uEsGw {
    flex-wrap: wrap;
  }

.group--tbhGE[data-variant="column"] .radio--VN9O4, .group--tbhGE[data-variant="column-minimized"] .radio--VN9O4 {
    order: 3;
    width: 100%;
  }

.group--tbhGE[data-variant="column"] .error--o5Orn, .group--tbhGE[data-variant="column-minimized"] .error--o5Orn {
    margin-top: 10px;
  }

@media (max-width: 767px) {
    .group--tbhGE[data-variant="column"] .row--uEsGw, .group--tbhGE[data-variant="column-minimized"] .row--uEsGw {
      gap: 10px 8px;
    }

    .group--tbhGE[data-variant="column"] .row--uEsGw + .row--uEsGw, .group--tbhGE[data-variant="column-minimized"] .row--uEsGw + .row--uEsGw {
      margin-top: 8px;
    }

    .group--tbhGE[data-variant="column"] .add--vnlhH, .group--tbhGE[data-variant="column-minimized"] .add--vnlhH {
      margin-top: 8px;
      padding: 10px 14px;
    }
  }

.error--o5Orn {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  padding-left: 4px;
  padding-right: 4px;
  color: var(--basic-on-bg-alert);
  display: flex;
  flex-direction: column;
}

.group--tbhGE[data-readonly="true"] .remove--D4khg {
  margin-top: 0;
}

.group--AJ8qn {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {

.group--AJ8qn:has(.label--d5izH) {
    grid-template-columns: 196px calc(100% - 196px)
}
  }

.wrapper--PC62W {
  width: 100%;
}

.input--sfMeD {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 10000px) {.filter--x94U5 {
    grid-template-columns: 116px 1fr
}
  }
  @media (min-width: 768px) and (max-width: 1199px) {.filter--x94U5 {
    order: 4
}
  }
  @media (max-width: 767px) {.filter--x94U5 {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 1199px) {.search--mb0F3 {
    order: 3
}
  }
  @media (max-width: 767px) {.search--mb0F3 {
    width: 100%;
    display: flex;
    gap: 8px
}
  }

@media (max-width: 767px) {

.input--D91ln {
    width: calc(100% - 48px)
}
  }

.detail--ikjhm {
  display: flex;
  overflow: inherit;
  align-items: center;
  gap: 8px;
}

.detail--ikjhm[data-disabled="true"] {
  color: var(--basic-on-bg-grey-01);
}

.detail-content--LUGyC {
  overflow: inherit;
  padding: 1px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.title--mb84K {
  font-size: 14px;
  line-height: 24px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.title--mb84K {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
  }

.title-link--D3Ldd {
  display: block;
}

.title-button-link--n3id0 {
  display: block;
  border: 0;
  color: var(--basic-on-bg-link);
  transition: color 0.3s;
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  padding: 0;
}

.description--NqABp {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
}

.tags--vG6RR {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}

.table-container--jnoz7[data-variant="outline"] {
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: var(--basic-on-bg-stroke);
}

  @media (min-width: 768px) and (max-width: 10000px) {.table-container--jnoz7[data-variant="outline"] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}
  }

  @media (max-width: 767px) {.table-container--jnoz7[data-variant="outline"] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}
  }

.table--tzvtv {
  table-layout: fixed;
  width: 100%;
}

.cell--WqBLa {
  font-size: 14px;
  text-align: left;
  padding: 0;
}

.cell_head--OZs0_ {
  background-color: var(--basic-bg-emphasis);
  color: var(--basic-on-bg-secondary);
  font-weight: 500;
  line-height: 20px;
  word-break: break-word;
}

.cell_body--PQuUO {
  line-height: 24px;
  background-color: var(--basic-bg-foreground);
  transition: background-color 0.3s;
}

@media (min-width: 768px) and (max-width: 10000px) {

tr:hover > .cell_body--PQuUO {
    background-color: var(--basic-bg-hover)
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.cell--WqBLa[data-sticky-left-offset="true"],
.cell--WqBLa[data-sticky-right-offset="true"] {
    position: sticky;
    z-index: 1
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--OZs0_:first-child {
      border-top-left-radius: 16px;
      padding: 0 24px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--OZs0_:first-child {
      border-top-left-radius: 16px;
      padding: 0 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--OZs0_:first-child {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      padding: 0 16px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--OZs0_:not(:first-child) {
      padding: 0 24px 0 0
  }
    }

@media (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--OZs0_:not(:first-child) {
      padding: 0 16px 0 0
  }
    }

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--OZs0_:nth-last-child(2) {
    border-top-right-radius: 16px;
  }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_head--OZs0_:not(:first-child) {
      display: none
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--PQuUO:first-child {
      padding: 0 24px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--PQuUO:first-child {
      padding: 8px 16px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--PQuUO:not(:first-child) {
      padding: 0 24px 0 0
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

:is([data-variant="transparent"], [data-variant="outline"]) .cell_body--PQuUO:not(:first-child) {
      padding: 8px 16px 8px 0
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--PQuUO:first-child {
      padding: 20px 42px 20px 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--PQuUO:first-child:has(~ td[class*="arrow_with-action"]) {
      padding: 20px 82px 20px 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--PQuUO:nth-child(2) {
      padding: 4px 16px 0
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--PQuUO:not(:first-child, :nth-child(2), :nth-last-child(2)):has(.content--t5bTx:not(:empty)) {
      padding: 24px 16px 0
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--PQuUO:nth-last-child(2):has(.content--t5bTx:not(:empty)) {
      padding: 24px 16px
  }
    }

@media (max-width: 767px) {

:is([data-variant="transparent"], [data-variant="outline"], [data-variant="separated"]) .cell_body--PQuUO:nth-last-child(2):has(.content--t5bTx:empty) {
      padding: 24px 16px 0
  }
    }

@media (min-width: 768px) and (max-width: 10000px) {

[data-variant="separated"] .cell--WqBLa:not(:nth-last-child(2)) {
      border-right: 1px solid var(--basic-on-bg-stroke)
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

[data-variant="separated"] .cell_head--OZs0_ {
      padding: 0 12px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

[data-variant="separated"] .cell_head--OZs0_ {
      padding: 0 8px
  }
    }

@media (max-width: 767px) {

[data-variant="separated"] .cell_head--OZs0_ {
      padding: 0 16px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

[data-variant="separated"] .cell_body--PQuUO {
      padding: 0 12px
  }
    }

@media (min-width: 768px) and (max-width: 1279px) {

[data-variant="separated"] .cell_body--PQuUO {
      padding: 8px
  }
    }

@media (min-width: 1280px) and (max-width: 10000px) {

[data-variant="separated"] .cell--WqBLa[data-sticky-left-offset="true"]::before,
  [data-variant="separated"] .cell--WqBLa[data-sticky-right-offset="true"]::before {
      content: "";
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      background-color: var(--basic-on-bg-stroke)
  }
    }

[data-variant="separated"] .cell--WqBLa[data-sticky-left-offset="true"]::before {
    right: -1px;
  }

[data-variant="separated"] .cell--WqBLa[data-sticky-right-offset="true"]::before {
    left: -1px;
  }

@media (min-width: 768px) and (max-width: 10000px) {

.caption--_QngQ {
    display: none
}
  }

@media (max-width: 767px) {

.caption--_QngQ {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    color: var(--basic-on-bg-secondary);
    margin-bottom: 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.content--t5bTx {
    overflow: hidden;
    text-overflow: ellipsis
}
  }

@media (max-width: 1279px) {

.content--t5bTx {
    word-break: break-word
}
  }

.content--t5bTx[data-align="right"] {
  display: flex;
  justify-content: flex-end;
}

.head--BaMcY[data-sticky] {
  position: sticky;
  z-index: 2;
}

.sticky-row--zihbs {
  position: absolute;
  height: 80px;
  background-color: var(--basic-bg-primary);
  z-index: -1;
  overflow: hidden;
  top: -20px;
  height: 68px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.sticky-row--zihbs {
    left: -24px;
    width: calc(100% + 48px)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.sticky-row--zihbs {
    left: -16px;
    width: calc(100% + 32px)
}
  }

@media (max-width: 767px) {

.sticky-row--zihbs {
    left: 0;
    width: 100%
}
  }

.sticky-row--zihbs::before {
  content: "";
  position: absolute;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  top: 20px;
  height: 68px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.sticky-row--zihbs::before {
    left: 24px;
    width: calc(100% - 48px)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.sticky-row--zihbs::before {
    left: 16px;
    width: calc(100% - 32px)
}
  }

@media (max-width: 767px) {

.sticky-row--zihbs::before {
    left: 0;
    width: 100%
}
  }

.sticky-border--OK1vz {
  width: 100%;
  height: 0;
  position: absolute;
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.row--uOiF0 {
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.row--uOiF0[data-disabled="true"] {
  color: var(--basic-on-bg-grey-01);
}

.row_head--jWzOo {
  height: 48px;
}

[data-sticky] .row_head--jWzOo {
  border: 0;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.row_body--EyKoY {
    height: 65px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.row_body--EyKoY {
    min-height: 65px
}
  }

@media (max-width: 767px) {

.row_body--EyKoY {
    display: flex;
    flex-direction: column;
    position: relative
}
  }

@media (max-width: 767px) {

.row_minimized--YjssH > [class*="cell"]:not(:first-child) {
    display: none
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.arrow--iuEqm {
    display: none
}
  }

@media (max-width: 767px) {

.arrow--iuEqm {
    display: block;
    position: absolute;
    top: 18px;
    right: 6px;
    padding: 0
}
  }

@media (max-width: 767px) {

.arrow-icon--jQ7sV {
    transition: transform 0.3s;
    transform: rotate(180deg)
}
  }

@media (max-width: 767px) {

.arrow_with-action--cQjLe {
    display: flex;
    top: 10px
}
  }

@media (max-width: 767px) {

.row_minimized--YjssH .arrow-icon--jQ7sV {
    transform: rotate(0)
}
  }

.import-card--ALXq5 {
  display: grid;
  gap: 16px;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.import-card--ALXq5 {
    grid-template-columns: 430px calc(100% - 430px - 16px)
}
  }

  @media (min-width: 1200px) and (max-width: 1279px) {.import-card--ALXq5 {
    grid-template-columns: calc((100% - 16px) * 0.67) calc((100% - 16px) * 0.33)
}
  }

  @media (min-width: 920px) and (max-width: 1199px) {.import-card--ALXq5 {
    grid-template-columns: calc((100% - 16px) * 0.64) calc((100% - 16px) * 0.36)
}
  }

  @media (max-width: 919px) {.import-card--ALXq5 {
    grid-template-columns: 100%
}
  }

@media (min-width: 920px) and (max-width: 10000px) {

.import-card__column--_RB2v {
    display: flex;
    flex-direction: column;
    gap: 16px
}
  }

@media (max-width: 919px) {

.import-card__column--_RB2v {
    display: contents
}
  }

.import-card__column--_RB2v [class*="list-no-results"] {
  display: block;
  margin-top: 0;
  padding-top: 0;
}

.import-card__icon-wrapper--e0v5b {
  display: flex;
  align-items: center;
  gap: 8px;
}

.import-card__icon--BejJa {
  fill: currentColor;
  transition: fill 0.3s, transform 0.3s;
}

.import-card__category--wrapper--zcN57 {
  padding-top: 20px;
  max-width: 400px;
}

.import-card__category--U_fK3 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 768px) and (max-width: 919px) {

.import-card__category--U_fK3 {
    order: 2
}
  }

.categories--DQujE {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.indicator--e6XkK {
  position: absolute;
}

.control--TxM_V {
  display: flex;
  cursor: pointer;
  padding: 12px 16px;
  background: var(--basic-bg-emphasis);
  font-size: 16px;
  border-radius: 12px;
  font-weight: 500;
  line-height: 24px;
  white-space: normal;
  word-break: break-all;
}

.control--TxM_V[data-active] {
  background: var(--basic-on-bg-grey-03);
}

.control--TxM_V[data-disabled] {
  cursor: default;
  background: var(--basic-bg-emphasis);
  color: var(--button-primary-bg-disabled);
  fill: var(--button-primary-bg-disabled);
}

.input--NnqKH {
  display: none;
  margin: 0;
}

.categories--DQujE[data-orientation="horizontal"] {
  flex-direction: row;
}

.import-category__icon-wrapper--OI9j6 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.import__category--wrapper--mCIGV {
  padding-top: 20px;
  max-width: 400px;
}

@media (max-width: 767px) {

.import__category--wrapper--mCIGV {
    padding: 24px 16px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.import__category--wrapper--mCIGV {
    max-width: 100%
}
  }

.import__category--vtyih {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 768px) and (max-width: 919px) {

.import__category--vtyih {
    order: 2
}
  }

.content-title--K_PAF {
  display: flex;
  align-items: center;
  gap: 16px;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
}

.dropzone--jhS4p {
  cursor: pointer;
  grid-area: wrapper;
}

  .dropzone--jhS4p input {
    display: none;
  }

.dropzone--jhS4p[data-variant="string"],
.dropzone--jhS4p[data-variant="column"] {
  min-height: 56px;
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  padding: 15px 45px;
  transition: border-color 0.3s;
  background-color: var(--common_white);
}

.dropzone--jhS4p[data-variant="string"]:hover, .dropzone--jhS4p[data-variant="column"]:hover {
    border-color: var(--basic-on-bg-input);
  }

.dropzone--jhS4p[data-error="true"] {
  border-color: var(--basic-on-bg-alert);
}

.dropzone--jhS4p[data-error="true"]:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.dropzone--jhS4p[data-error="true"]:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.label--tsu_3[data-variant="string"] {
  min-height: 56px !important;
}

.content--B5zOr {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.dropzone--jhS4p[data-variant="string"] .content--B5zOr,
.dropzone--jhS4p[data-variant="column"] .content--B5zOr {
  color: var(--basic-on-bg-secondary);
}

.dropzone--jhS4p[data-variant="simple"] .content--B5zOr {
  gap: 16px;
}

.preview-wrapper--h2tJU {
  grid-area: description;
  display: grid;
  grid-template-columns: repeat(auto-fit, 70px);
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.preview-wrapper--h2tJU {
    margin-top: 8px
}
  }

  @media (max-width: 767px) {.preview-wrapper--h2tJU {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 12px
}
  }

.no-dropzone-margin--g7qch {
  margin-top: 0;
}

.preview-file--_Smdj {
  flex-shrink: 0;
  position: relative;
  width: 70px;
  text-decoration: auto;
}

@media (max-width: 767px) {

.preview-file--_Smdj {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--basic-on-bg-stroke);
    background-color: var(--basic-bg-foreground)
}
  }

@media (max-width: 767px) {

.preview-file-read-only--LiTdt {
    width: 100%;
    height: 46px;
    padding: 0;
    background-color: transparent;
    border: 0
}
  }

.preview-image-wrapper--gsuAU {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 10000px) {

.preview-image-wrapper--gsuAU {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    border: 1px solid var(--basic-on-bg-stroke);
    background-color: var(--basic-bg-foreground)
}
  }

@media (max-width: 767px) {

.preview-image-wrapper--gsuAU {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--basic-bg-emphasis)
}
  }

.preview-image--sAU4x {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 2;
}

.preview-file-ext--ys66A {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--basic-on-bg-secondary);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.preview-image--sAU4x + .preview-file-ext--ys66A {
  opacity: 0;
}

.preview-file-name--B85Nh {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 10000px) {

.preview-file-name--B85Nh {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    color: var(--basic-on-bg-link)
}
  }

@media (max-width: 767px) {

.preview-file-name--B85Nh {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--basic-on-bg-link)
}
  }

.preview-remove--GFO51 {
  width: 24px !important;
  height: 24px !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  z-index: 2 !important;
}

@media (min-width: 768px) and (max-width: 10000px) {

.preview-remove--GFO51 {
    background-color: var(--basic-on-bg-primary) !important;
    top: -3px !important;
    right: -5px !important
}
  }

@media (max-width: 767px) {

.preview-remove--GFO51 {
    border: 0 !important;
    right: 10px !important
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.preview-remove-icon--x779F {
    fill: var(--basic-on-bg-on-accent)
}
  }

@media (max-width: 767px) {

.preview-remove-icon--x779F {
    fill: var(--basic-on-bg-alert)
}
  }

.empty--yc2SK {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.empty--yc2SK[data-variant="string"] {
  padding-left: 16px;
  line-height: 56px;
}

.preview-wrapper--h2tJU[data-read-only="true"][data-variant="string"],
.empty--yc2SK[data-read-only="true"][data-variant="string"] {
  padding: 0 16px;
}

.import-no-result-container--kFfym {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.import-no-result-title--VbPWB {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  margin-bottom: 8px;
  color: var(--basic-on-bg-primary);
}

@media (max-width: 767px) {

.import-no-result-title--VbPWB {
    font-size: 20px
}
  }

.import-no-result-text--m9sI_ {
  white-space: pre-wrap;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--basic-on-bg-secondary);
  margin: 0;
}

.import-no-result-dropzone--wyO85 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70vh;
}

@media (max-width: 767px) {

.import-no-result-dropzone--wyO85 {
    padding: 0 16px
}
  }

.overflowEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  vertical-align: baseline;
  white-space: nowrap;
  align-items: baseline;
}
.overflowEllipsis._reverse {
  direction: rtl;
}

.mobile-table-header--cuJJY {
  padding: 15px;
  background-color: var(--basic-bg-emphasis);
  color: var(--basic-on-bg-secondary);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  height: 48px;
}

.mobile-table-item--XsoMY {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.mobile-table-row--elnyr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile-table-actions--ZY8ot {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mobile-table-details--jer5D {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 16px 0 0;
}

.mobile-table-details-info--gOOZP {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mobile-table-details-text--PjqUZ {
  color: var(--basic-on-bg-secondary);
  font-weight: 800;
  font-size: 14px;
  line-height: 20px;
}

.upload-file--iBx4R {
  margin: 20px 0;
  background-color: var(--basic-bg-emphasis);
  border: 1px solid var(--basic-on-bg-stroke);
}

  @media (max-width: 767px) {.upload-file--iBx4R {
    margin: 20px 16px
}
  }

.file--HXANA {
  position: relative;
  display: flex;
  align-items: flex-start;
}

  @media (min-width: 768px) and (max-width: 10000px) {.file--HXANA {
    gap: 16px
}
  }

  @media (max-width: 767px) {.file--HXANA {
    gap: 8px
}
  }

.file_column--kNmZB {
  flex-direction: column;
  align-items: stretch;
}

.file__field-wrapper--H4W0I {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  gap: 4px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.file__value--d13H8 + .file__preview--jSdNT {
    margin-top: 8px
}
  }

@media (max-width: 767px) {

.file__value--d13H8 + .file__preview--jSdNT {
    margin-top: 12px
}
  }
.file-preview--P2y0K {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

  @media (max-width: 767px) {.file-preview--P2y0K {
    flex-direction: column
}
  }

.file-preview--P2y0K:empty {
  display: none;
}

.file-preview__file--VwRRw {
  flex-shrink: 0;
  position: relative;
}

@media (min-width: 768px) and (max-width: 10000px) {

.file-preview__file--VwRRw {
    width: 70px;
    display: block
}
  }

@media (max-width: 767px) {

.file-preview__file--VwRRw {
    width: calc(100% - 40px);
    background-color: var(--basic-bg-foreground);
    border: 1px solid var(--basic-on-bg-stroke);
    border-radius: 8px;
    height: 56px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px
}
  }

@media (max-width: 767px) {

.file-preview__file_read-only--_jMss {
    width: 100%;
    height: 46px;
    padding: 0;
    background-color: transparent;
    border: 0
}
  }

.file-preview__image-type--xzb9t {
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 10000px) {

.file-preview__image-type--xzb9t {
    width: 70px;
    height: 70px;
    border: 1px solid var(--basic-on-bg-stroke);
    background-color: var(--basic-bg-foreground);
    border-radius: 8px
}
  }

@media (max-width: 767px) {

.file-preview__image-type--xzb9t {
    width: 48px;
    height: 48px;
    border: 0;
    background-color: var(--basic-bg-emphasis);
    border-radius: 50%
}
  }

.file-preview__image--EOSAs {
  display: block;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
}

.file-preview__type--cCEIO {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--basic-on-bg-secondary);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.file-preview__name--bkXUa {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 10000px) {

.file-preview__name--bkXUa {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.4px;
    color: var(--basic-on-bg-link-hover)
}
  }

@media (max-width: 767px) {

.file-preview__name--bkXUa {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: var(--basic-on-bg-primary)
}
  }

.file-preview__remove--VB5RG {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 10000px) {

.file-preview__remove--VB5RG {
    background-color: var(--basic-on-bg-primary);
    top: -3px;
    right: -5px
}
  }

@media (max-width: 767px) {

.file-preview__remove--VB5RG {
    background-color: transparent;
    border: 0;
    top: 15px;
    right: -40px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.file-preview__remove-icon--d7BsU {
    fill: var(--basic-on-bg-on-accent)
}
  }

@media (max-width: 767px) {

.file-preview__remove-icon--d7BsU {
    fill: var(--basic-on-bg-alert)
}
  }
.file-value--dgAQ8 {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  padding: 16px 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.3s;
}

.file-value--dgAQ8:hover {
  border-color: var(--basic-on-bg-input);
}

.file-value_errors--_8Ud0 {
  border-color: var(--basic-on-bg-alert);
}

.file-value_errors--_8Ud0:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.file-value__text--JyKtQ {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  flex-shrink: 0;
  text-align: center;
  width: 100%;
}

.file-value__accent--AZmEU {
  font-weight: 500;
  color: var(--basic-bg-accent);
  transition: color 0.3s;
}

.file-value__common--erXpI {
  font-weight: 500;
}

.file-value__secondary--lsFxK {
  color: var(--basic-on-bg-secondary);
}
.import-header--oNqLs {
  margin-left: 16px;
  flex-wrap: nowrap;
}

.empty-content--dd9ep {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 8px;
  flex-grow: 1;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.empty-content--dd9ep {
    padding: 24px
}
  }

  @media (max-width: 1279px) {.empty-content--dd9ep {
    padding: 16px
}
  }

.empty-description--Y0n6M {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--basic-on-bg-secondary);
  letter-spacing: 0.5px;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (min-width: 1280px) and (max-width: 10000px) {.invertor--lsuDT {
    margin: -24px
}
  }
  @media (max-width: 1279px) {.invertor--lsuDT {
    margin: -16px
}
  }

.swagger-ui {
  color: #3b4151;
  font-family: sans-serif;
}
.swagger-ui html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.swagger-ui body {
  margin: 0;
}
.swagger-ui article,
.swagger-ui aside,
.swagger-ui footer,
.swagger-ui header,
.swagger-ui nav,
.swagger-ui section {
  display: block;
}
.swagger-ui h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.swagger-ui figcaption,
.swagger-ui figure,
.swagger-ui main {
  display: block;
}
.swagger-ui figure {
  margin: 1em 40px;
}
.swagger-ui hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.swagger-ui pre {
  font-family: monospace,monospace;
  font-size: 1em;
}
.swagger-ui a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
.swagger-ui abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.swagger-ui b,
.swagger-ui strong {
  font-weight: inherit;
  font-weight: bolder;
}
.swagger-ui code,
.swagger-ui kbd,
.swagger-ui samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
.swagger-ui dfn {
  font-style: italic;
}
.swagger-ui mark {
  background-color: #ff0;
  color: #000;
}
.swagger-ui small {
  font-size: 80%;
}
.swagger-ui sub,
.swagger-ui sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.swagger-ui sub {
  bottom: -0.25em;
}
.swagger-ui sup {
  top: -0.5em;
}
.swagger-ui audio,
.swagger-ui video {
  display: inline-block;
}
.swagger-ui audio:not([controls]) {
  display: none;
  height: 0;
}
.swagger-ui img {
  border-style: none;
}
.swagger-ui svg:not(:root) {
  overflow: hidden;
}
.swagger-ui button,
.swagger-ui input,
.swagger-ui optgroup,
.swagger-ui select,
.swagger-ui textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.swagger-ui button,
.swagger-ui input {
  overflow: visible;
}
.swagger-ui button,
.swagger-ui select {
  text-transform: none;
}
.swagger-ui [type=reset],
.swagger-ui [type=submit],
.swagger-ui button,
.swagger-ui html [type=button] {
  -webkit-appearance: button;
}
.swagger-ui [type=button]::-moz-focus-inner,
.swagger-ui [type=reset]::-moz-focus-inner,
.swagger-ui [type=submit]::-moz-focus-inner,
.swagger-ui button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.swagger-ui [type=button]:-moz-focusring,
.swagger-ui [type=reset]:-moz-focusring,
.swagger-ui [type=submit]:-moz-focusring,
.swagger-ui button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.swagger-ui fieldset {
  padding: 0.35em 0.75em 0.625em;
}
.swagger-ui legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
.swagger-ui progress {
  display: inline-block;
  vertical-align: baseline;
}
.swagger-ui textarea {
  overflow: auto;
}
.swagger-ui [type=checkbox],
.swagger-ui [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.swagger-ui [type=number]::-webkit-inner-spin-button,
.swagger-ui [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.swagger-ui [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.swagger-ui [type=search]::-webkit-search-cancel-button,
.swagger-ui [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.swagger-ui ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.swagger-ui details,
.swagger-ui menu {
  display: block;
}
.swagger-ui summary {
  display: list-item;
}
.swagger-ui canvas {
  display: inline-block;
}
.swagger-ui [hidden],
.swagger-ui template {
  display: none;
}
.swagger-ui .debug * {
  outline: 1px solid gold;
}
.swagger-ui .debug-white * {
  outline: 1px solid #fff;
}
.swagger-ui .debug-black * {
  outline: 1px solid #000;
}
.swagger-ui .debug-grid {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat 0 0;
}
.swagger-ui .debug-grid-16 {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat 0 0;
}
.swagger-ui .debug-grid-8-solid {
  background: #fff url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat 0 0;
}
.swagger-ui .debug-grid-16-solid {
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat 0 0;
}
.swagger-ui .border-box,
.swagger-ui a,
.swagger-ui article,
.swagger-ui body,
.swagger-ui code,
.swagger-ui dd,
.swagger-ui div,
.swagger-ui dl,
.swagger-ui dt,
.swagger-ui fieldset,
.swagger-ui footer,
.swagger-ui form,
.swagger-ui h1,
.swagger-ui h2,
.swagger-ui h3,
.swagger-ui h4,
.swagger-ui h5,
.swagger-ui h6,
.swagger-ui header,
.swagger-ui html,
.swagger-ui input[type=email],
.swagger-ui input[type=number],
.swagger-ui input[type=password],
.swagger-ui input[type=tel],
.swagger-ui input[type=text],
.swagger-ui input[type=url],
.swagger-ui legend,
.swagger-ui li,
.swagger-ui main,
.swagger-ui ol,
.swagger-ui p,
.swagger-ui pre,
.swagger-ui section,
.swagger-ui table,
.swagger-ui td,
.swagger-ui textarea,
.swagger-ui th,
.swagger-ui tr,
.swagger-ui ul {
  box-sizing: border-box;
}
.swagger-ui .aspect-ratio {
  height: 0;
  position: relative;
}
.swagger-ui .aspect-ratio--16x9 {
  padding-bottom: 56.25%;
}
.swagger-ui .aspect-ratio--9x16 {
  padding-bottom: 177.77%;
}
.swagger-ui .aspect-ratio--4x3 {
  padding-bottom: 75%;
}
.swagger-ui .aspect-ratio--3x4 {
  padding-bottom: 133.33%;
}
.swagger-ui .aspect-ratio--6x4 {
  padding-bottom: 66.6%;
}
.swagger-ui .aspect-ratio--4x6 {
  padding-bottom: 150%;
}
.swagger-ui .aspect-ratio--8x5 {
  padding-bottom: 62.5%;
}
.swagger-ui .aspect-ratio--5x8 {
  padding-bottom: 160%;
}
.swagger-ui .aspect-ratio--7x5 {
  padding-bottom: 71.42%;
}
.swagger-ui .aspect-ratio--5x7 {
  padding-bottom: 140%;
}
.swagger-ui .aspect-ratio--1x1 {
  padding-bottom: 100%;
}
.swagger-ui .aspect-ratio--object {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (min-width: 30em) {
  .swagger-ui .aspect-ratio-ns {
    height: 0;
    position: relative;
  }
  .swagger-ui .aspect-ratio--16x9-ns {
    padding-bottom: 56.25%;
  }
  .swagger-ui .aspect-ratio--9x16-ns {
    padding-bottom: 177.77%;
  }
  .swagger-ui .aspect-ratio--4x3-ns {
    padding-bottom: 75%;
  }
  .swagger-ui .aspect-ratio--3x4-ns {
    padding-bottom: 133.33%;
  }
  .swagger-ui .aspect-ratio--6x4-ns {
    padding-bottom: 66.6%;
  }
  .swagger-ui .aspect-ratio--4x6-ns {
    padding-bottom: 150%;
  }
  .swagger-ui .aspect-ratio--8x5-ns {
    padding-bottom: 62.5%;
  }
  .swagger-ui .aspect-ratio--5x8-ns {
    padding-bottom: 160%;
  }
  .swagger-ui .aspect-ratio--7x5-ns {
    padding-bottom: 71.42%;
  }
  .swagger-ui .aspect-ratio--5x7-ns {
    padding-bottom: 140%;
  }
  .swagger-ui .aspect-ratio--1x1-ns {
    padding-bottom: 100%;
  }
  .swagger-ui .aspect-ratio--object-ns {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .aspect-ratio-m {
    height: 0;
    position: relative;
  }
  .swagger-ui .aspect-ratio--16x9-m {
    padding-bottom: 56.25%;
  }
  .swagger-ui .aspect-ratio--9x16-m {
    padding-bottom: 177.77%;
  }
  .swagger-ui .aspect-ratio--4x3-m {
    padding-bottom: 75%;
  }
  .swagger-ui .aspect-ratio--3x4-m {
    padding-bottom: 133.33%;
  }
  .swagger-ui .aspect-ratio--6x4-m {
    padding-bottom: 66.6%;
  }
  .swagger-ui .aspect-ratio--4x6-m {
    padding-bottom: 150%;
  }
  .swagger-ui .aspect-ratio--8x5-m {
    padding-bottom: 62.5%;
  }
  .swagger-ui .aspect-ratio--5x8-m {
    padding-bottom: 160%;
  }
  .swagger-ui .aspect-ratio--7x5-m {
    padding-bottom: 71.42%;
  }
  .swagger-ui .aspect-ratio--5x7-m {
    padding-bottom: 140%;
  }
  .swagger-ui .aspect-ratio--1x1-m {
    padding-bottom: 100%;
  }
  .swagger-ui .aspect-ratio--object-m {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .aspect-ratio-l {
    height: 0;
    position: relative;
  }
  .swagger-ui .aspect-ratio--16x9-l {
    padding-bottom: 56.25%;
  }
  .swagger-ui .aspect-ratio--9x16-l {
    padding-bottom: 177.77%;
  }
  .swagger-ui .aspect-ratio--4x3-l {
    padding-bottom: 75%;
  }
  .swagger-ui .aspect-ratio--3x4-l {
    padding-bottom: 133.33%;
  }
  .swagger-ui .aspect-ratio--6x4-l {
    padding-bottom: 66.6%;
  }
  .swagger-ui .aspect-ratio--4x6-l {
    padding-bottom: 150%;
  }
  .swagger-ui .aspect-ratio--8x5-l {
    padding-bottom: 62.5%;
  }
  .swagger-ui .aspect-ratio--5x8-l {
    padding-bottom: 160%;
  }
  .swagger-ui .aspect-ratio--7x5-l {
    padding-bottom: 71.42%;
  }
  .swagger-ui .aspect-ratio--5x7-l {
    padding-bottom: 140%;
  }
  .swagger-ui .aspect-ratio--1x1-l {
    padding-bottom: 100%;
  }
  .swagger-ui .aspect-ratio--object-l {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
  }
}
.swagger-ui img {
  max-width: 100%;
}
.swagger-ui .cover {
  background-size: cover !important;
}
.swagger-ui .contain {
  background-size: contain !important;
}
@media screen and (min-width: 30em) {
  .swagger-ui .cover-ns {
    background-size: cover !important;
  }
  .swagger-ui .contain-ns {
    background-size: contain !important;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .cover-m {
    background-size: cover !important;
  }
  .swagger-ui .contain-m {
    background-size: contain !important;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .cover-l {
    background-size: cover !important;
  }
  .swagger-ui .contain-l {
    background-size: contain !important;
  }
}
.swagger-ui .bg-center {
  background-position: 50%;
  background-repeat: no-repeat;
}
.swagger-ui .bg-top {
  background-position: top;
  background-repeat: no-repeat;
}
.swagger-ui .bg-right {
  background-position: 100%;
  background-repeat: no-repeat;
}
.swagger-ui .bg-bottom {
  background-position: bottom;
  background-repeat: no-repeat;
}
.swagger-ui .bg-left {
  background-position: 0;
  background-repeat: no-repeat;
}
@media screen and (min-width: 30em) {
  .swagger-ui .bg-center-ns {
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-top-ns {
    background-position: top;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-right-ns {
    background-position: 100%;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-bottom-ns {
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-left-ns {
    background-position: 0;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .bg-center-m {
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-top-m {
    background-position: top;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-right-m {
    background-position: 100%;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-bottom-m {
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-left-m {
    background-position: 0;
    background-repeat: no-repeat;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .bg-center-l {
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-top-l {
    background-position: top;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-right-l {
    background-position: 100%;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-bottom-l {
    background-position: bottom;
    background-repeat: no-repeat;
  }
  .swagger-ui .bg-left-l {
    background-position: 0;
    background-repeat: no-repeat;
  }
}
.swagger-ui .outline {
  outline: 1px solid;
}
.swagger-ui .outline-transparent {
  outline: 1px solid transparent;
}
.swagger-ui .outline-0 {
  outline: 0;
}
@media screen and (min-width: 30em) {
  .swagger-ui .outline-ns {
    outline: 1px solid;
  }
  .swagger-ui .outline-transparent-ns {
    outline: 1px solid transparent;
  }
  .swagger-ui .outline-0-ns {
    outline: 0;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .outline-m {
    outline: 1px solid;
  }
  .swagger-ui .outline-transparent-m {
    outline: 1px solid transparent;
  }
  .swagger-ui .outline-0-m {
    outline: 0;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .outline-l {
    outline: 1px solid;
  }
  .swagger-ui .outline-transparent-l {
    outline: 1px solid transparent;
  }
  .swagger-ui .outline-0-l {
    outline: 0;
  }
}
.swagger-ui .ba {
  border-style: solid;
  border-width: 1px;
}
.swagger-ui .bt {
  border-top-style: solid;
  border-top-width: 1px;
}
.swagger-ui .br {
  border-right-style: solid;
  border-right-width: 1px;
}
.swagger-ui .bb {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.swagger-ui .bl {
  border-left-style: solid;
  border-left-width: 1px;
}
.swagger-ui .bn {
  border-style: none;
  border-width: 0;
}
@media screen and (min-width: 30em) {
  .swagger-ui .ba-ns {
    border-style: solid;
    border-width: 1px;
  }
  .swagger-ui .bt-ns {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .swagger-ui .br-ns {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .swagger-ui .bb-ns {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .swagger-ui .bl-ns {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .swagger-ui .bn-ns {
    border-style: none;
    border-width: 0;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .ba-m {
    border-style: solid;
    border-width: 1px;
  }
  .swagger-ui .bt-m {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .swagger-ui .br-m {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .swagger-ui .bb-m {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .swagger-ui .bl-m {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .swagger-ui .bn-m {
    border-style: none;
    border-width: 0;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .ba-l {
    border-style: solid;
    border-width: 1px;
  }
  .swagger-ui .bt-l {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .swagger-ui .br-l {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .swagger-ui .bb-l {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .swagger-ui .bl-l {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .swagger-ui .bn-l {
    border-style: none;
    border-width: 0;
  }
}
.swagger-ui .b--black {
  border-color: #000;
}
.swagger-ui .b--near-black {
  border-color: #111;
}
.swagger-ui .b--dark-gray {
  border-color: #333;
}
.swagger-ui .b--mid-gray {
  border-color: #555;
}
.swagger-ui .b--gray {
  border-color: #777;
}
.swagger-ui .b--silver {
  border-color: #999;
}
.swagger-ui .b--light-silver {
  border-color: #aaa;
}
.swagger-ui .b--moon-gray {
  border-color: #ccc;
}
.swagger-ui .b--light-gray {
  border-color: #eee;
}
.swagger-ui .b--near-white {
  border-color: #f4f4f4;
}
.swagger-ui .b--white {
  border-color: #fff;
}
.swagger-ui .b--white-90 {
  border-color: hsla(0, 0%, 100%, 0.9);
}
.swagger-ui .b--white-80 {
  border-color: hsla(0, 0%, 100%, 0.8);
}
.swagger-ui .b--white-70 {
  border-color: hsla(0, 0%, 100%, 0.7);
}
.swagger-ui .b--white-60 {
  border-color: hsla(0, 0%, 100%, 0.6);
}
.swagger-ui .b--white-50 {
  border-color: hsla(0, 0%, 100%, 0.5);
}
.swagger-ui .b--white-40 {
  border-color: hsla(0, 0%, 100%, 0.4);
}
.swagger-ui .b--white-30 {
  border-color: hsla(0, 0%, 100%, 0.3);
}
.swagger-ui .b--white-20 {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.swagger-ui .b--white-10 {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.swagger-ui .b--white-05 {
  border-color: hsla(0, 0%, 100%, 0.05);
}
.swagger-ui .b--white-025 {
  border-color: hsla(0, 0%, 100%, 0.025);
}
.swagger-ui .b--white-0125 {
  border-color: hsla(0, 0%, 100%, 0.013);
}
.swagger-ui .b--black-90 {
  border-color: rgba(0, 0, 0, 0.9);
}
.swagger-ui .b--black-80 {
  border-color: rgba(0, 0, 0, 0.8);
}
.swagger-ui .b--black-70 {
  border-color: rgba(0, 0, 0, 0.7);
}
.swagger-ui .b--black-60 {
  border-color: rgba(0, 0, 0, 0.6);
}
.swagger-ui .b--black-50 {
  border-color: rgba(0, 0, 0, 0.5);
}
.swagger-ui .b--black-40 {
  border-color: rgba(0, 0, 0, 0.4);
}
.swagger-ui .b--black-30 {
  border-color: rgba(0, 0, 0, 0.3);
}
.swagger-ui .b--black-20 {
  border-color: rgba(0, 0, 0, 0.2);
}
.swagger-ui .b--black-10 {
  border-color: rgba(0, 0, 0, 0.1);
}
.swagger-ui .b--black-05 {
  border-color: rgba(0, 0, 0, 0.05);
}
.swagger-ui .b--black-025 {
  border-color: rgba(0, 0, 0, 0.025);
}
.swagger-ui .b--black-0125 {
  border-color: rgba(0, 0, 0, 0.013);
}
.swagger-ui .b--dark-red {
  border-color: #e7040f;
}
.swagger-ui .b--red {
  border-color: #ff4136;
}
.swagger-ui .b--light-red {
  border-color: #ff725c;
}
.swagger-ui .b--orange {
  border-color: #ff6300;
}
.swagger-ui .b--gold {
  border-color: #ffb700;
}
.swagger-ui .b--yellow {
  border-color: gold;
}
.swagger-ui .b--light-yellow {
  border-color: #fbf1a9;
}
.swagger-ui .b--purple {
  border-color: #5e2ca5;
}
.swagger-ui .b--light-purple {
  border-color: #a463f2;
}
.swagger-ui .b--dark-pink {
  border-color: #d5008f;
}
.swagger-ui .b--hot-pink {
  border-color: #ff41b4;
}
.swagger-ui .b--pink {
  border-color: #ff80cc;
}
.swagger-ui .b--light-pink {
  border-color: #ffa3d7;
}
.swagger-ui .b--dark-green {
  border-color: #137752;
}
.swagger-ui .b--green {
  border-color: #19a974;
}
.swagger-ui .b--light-green {
  border-color: #9eebcf;
}
.swagger-ui .b--navy {
  border-color: #001b44;
}
.swagger-ui .b--dark-blue {
  border-color: #00449e;
}
.swagger-ui .b--blue {
  border-color: #357edd;
}
.swagger-ui .b--light-blue {
  border-color: #96ccff;
}
.swagger-ui .b--lightest-blue {
  border-color: #cdecff;
}
.swagger-ui .b--washed-blue {
  border-color: #f6fffe;
}
.swagger-ui .b--washed-green {
  border-color: #e8fdf5;
}
.swagger-ui .b--washed-yellow {
  border-color: #fffceb;
}
.swagger-ui .b--washed-red {
  border-color: #ffdfdf;
}
.swagger-ui .b--transparent {
  border-color: transparent;
}
.swagger-ui .b--inherit {
  border-color: inherit;
}
.swagger-ui .br0 {
  border-radius: 0;
}
.swagger-ui .br1 {
  border-radius: 0.125rem;
}
.swagger-ui .br2 {
  border-radius: 0.25rem;
}
.swagger-ui .br3 {
  border-radius: 0.5rem;
}
.swagger-ui .br4 {
  border-radius: 1rem;
}
.swagger-ui .br-100 {
  border-radius: 100%;
}
.swagger-ui .br-pill {
  border-radius: 9999px;
}
.swagger-ui .br--bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.swagger-ui .br--top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.swagger-ui .br--right {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.swagger-ui .br--left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
@media screen and (min-width: 30em) {
  .swagger-ui .br0-ns {
    border-radius: 0;
  }
  .swagger-ui .br1-ns {
    border-radius: 0.125rem;
  }
  .swagger-ui .br2-ns {
    border-radius: 0.25rem;
  }
  .swagger-ui .br3-ns {
    border-radius: 0.5rem;
  }
  .swagger-ui .br4-ns {
    border-radius: 1rem;
  }
  .swagger-ui .br-100-ns {
    border-radius: 100%;
  }
  .swagger-ui .br-pill-ns {
    border-radius: 9999px;
  }
  .swagger-ui .br--bottom-ns {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .swagger-ui .br--top-ns {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .swagger-ui .br--right-ns {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .swagger-ui .br--left-ns {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .br0-m {
    border-radius: 0;
  }
  .swagger-ui .br1-m {
    border-radius: 0.125rem;
  }
  .swagger-ui .br2-m {
    border-radius: 0.25rem;
  }
  .swagger-ui .br3-m {
    border-radius: 0.5rem;
  }
  .swagger-ui .br4-m {
    border-radius: 1rem;
  }
  .swagger-ui .br-100-m {
    border-radius: 100%;
  }
  .swagger-ui .br-pill-m {
    border-radius: 9999px;
  }
  .swagger-ui .br--bottom-m {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .swagger-ui .br--top-m {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .swagger-ui .br--right-m {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .swagger-ui .br--left-m {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .br0-l {
    border-radius: 0;
  }
  .swagger-ui .br1-l {
    border-radius: 0.125rem;
  }
  .swagger-ui .br2-l {
    border-radius: 0.25rem;
  }
  .swagger-ui .br3-l {
    border-radius: 0.5rem;
  }
  .swagger-ui .br4-l {
    border-radius: 1rem;
  }
  .swagger-ui .br-100-l {
    border-radius: 100%;
  }
  .swagger-ui .br-pill-l {
    border-radius: 9999px;
  }
  .swagger-ui .br--bottom-l {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .swagger-ui .br--top-l {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .swagger-ui .br--right-l {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .swagger-ui .br--left-l {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
.swagger-ui .b--dotted {
  border-style: dotted;
}
.swagger-ui .b--dashed {
  border-style: dashed;
}
.swagger-ui .b--solid {
  border-style: solid;
}
.swagger-ui .b--none {
  border-style: none;
}
@media screen and (min-width: 30em) {
  .swagger-ui .b--dotted-ns {
    border-style: dotted;
  }
  .swagger-ui .b--dashed-ns {
    border-style: dashed;
  }
  .swagger-ui .b--solid-ns {
    border-style: solid;
  }
  .swagger-ui .b--none-ns {
    border-style: none;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .b--dotted-m {
    border-style: dotted;
  }
  .swagger-ui .b--dashed-m {
    border-style: dashed;
  }
  .swagger-ui .b--solid-m {
    border-style: solid;
  }
  .swagger-ui .b--none-m {
    border-style: none;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .b--dotted-l {
    border-style: dotted;
  }
  .swagger-ui .b--dashed-l {
    border-style: dashed;
  }
  .swagger-ui .b--solid-l {
    border-style: solid;
  }
  .swagger-ui .b--none-l {
    border-style: none;
  }
}
.swagger-ui .bw0 {
  border-width: 0;
}
.swagger-ui .bw1 {
  border-width: 0.125rem;
}
.swagger-ui .bw2 {
  border-width: 0.25rem;
}
.swagger-ui .bw3 {
  border-width: 0.5rem;
}
.swagger-ui .bw4 {
  border-width: 1rem;
}
.swagger-ui .bw5 {
  border-width: 2rem;
}
.swagger-ui .bt-0 {
  border-top-width: 0;
}
.swagger-ui .br-0 {
  border-right-width: 0;
}
.swagger-ui .bb-0 {
  border-bottom-width: 0;
}
.swagger-ui .bl-0 {
  border-left-width: 0;
}
@media screen and (min-width: 30em) {
  .swagger-ui .bw0-ns {
    border-width: 0;
  }
  .swagger-ui .bw1-ns {
    border-width: 0.125rem;
  }
  .swagger-ui .bw2-ns {
    border-width: 0.25rem;
  }
  .swagger-ui .bw3-ns {
    border-width: 0.5rem;
  }
  .swagger-ui .bw4-ns {
    border-width: 1rem;
  }
  .swagger-ui .bw5-ns {
    border-width: 2rem;
  }
  .swagger-ui .bt-0-ns {
    border-top-width: 0;
  }
  .swagger-ui .br-0-ns {
    border-right-width: 0;
  }
  .swagger-ui .bb-0-ns {
    border-bottom-width: 0;
  }
  .swagger-ui .bl-0-ns {
    border-left-width: 0;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .bw0-m {
    border-width: 0;
  }
  .swagger-ui .bw1-m {
    border-width: 0.125rem;
  }
  .swagger-ui .bw2-m {
    border-width: 0.25rem;
  }
  .swagger-ui .bw3-m {
    border-width: 0.5rem;
  }
  .swagger-ui .bw4-m {
    border-width: 1rem;
  }
  .swagger-ui .bw5-m {
    border-width: 2rem;
  }
  .swagger-ui .bt-0-m {
    border-top-width: 0;
  }
  .swagger-ui .br-0-m {
    border-right-width: 0;
  }
  .swagger-ui .bb-0-m {
    border-bottom-width: 0;
  }
  .swagger-ui .bl-0-m {
    border-left-width: 0;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .bw0-l {
    border-width: 0;
  }
  .swagger-ui .bw1-l {
    border-width: 0.125rem;
  }
  .swagger-ui .bw2-l {
    border-width: 0.25rem;
  }
  .swagger-ui .bw3-l {
    border-width: 0.5rem;
  }
  .swagger-ui .bw4-l {
    border-width: 1rem;
  }
  .swagger-ui .bw5-l {
    border-width: 2rem;
  }
  .swagger-ui .bt-0-l {
    border-top-width: 0;
  }
  .swagger-ui .br-0-l {
    border-right-width: 0;
  }
  .swagger-ui .bb-0-l {
    border-bottom-width: 0;
  }
  .swagger-ui .bl-0-l {
    border-left-width: 0;
  }
}
.swagger-ui .shadow-1 {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.swagger-ui .shadow-2 {
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.swagger-ui .shadow-3 {
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.swagger-ui .shadow-4 {
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.swagger-ui .shadow-5 {
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 30em) {
  .swagger-ui .shadow-1-ns {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-2-ns {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-3-ns {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-4-ns {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-5-ns {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .shadow-1-m {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-2-m {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-3-m {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-4-m {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-5-m {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .shadow-1-l {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-2-l {
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-3-l {
    box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-4-l {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .swagger-ui .shadow-5-l {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
}
.swagger-ui .pre {
  overflow-x: auto;
  overflow-y: hidden;
  overflow: scroll;
}
.swagger-ui .top-0 {
  top: 0;
}
.swagger-ui .right-0 {
  right: 0;
}
.swagger-ui .bottom-0 {
  bottom: 0;
}
.swagger-ui .left-0 {
  left: 0;
}
.swagger-ui .top-1 {
  top: 1rem;
}
.swagger-ui .right-1 {
  right: 1rem;
}
.swagger-ui .bottom-1 {
  bottom: 1rem;
}
.swagger-ui .left-1 {
  left: 1rem;
}
.swagger-ui .top-2 {
  top: 2rem;
}
.swagger-ui .right-2 {
  right: 2rem;
}
.swagger-ui .bottom-2 {
  bottom: 2rem;
}
.swagger-ui .left-2 {
  left: 2rem;
}
.swagger-ui .top--1 {
  top: -1rem;
}
.swagger-ui .right--1 {
  right: -1rem;
}
.swagger-ui .bottom--1 {
  bottom: -1rem;
}
.swagger-ui .left--1 {
  left: -1rem;
}
.swagger-ui .top--2 {
  top: -2rem;
}
.swagger-ui .right--2 {
  right: -2rem;
}
.swagger-ui .bottom--2 {
  bottom: -2rem;
}
.swagger-ui .left--2 {
  left: -2rem;
}
.swagger-ui .absolute--fill {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
@media screen and (min-width: 30em) {
  .swagger-ui .top-0-ns {
    top: 0;
  }
  .swagger-ui .left-0-ns {
    left: 0;
  }
  .swagger-ui .right-0-ns {
    right: 0;
  }
  .swagger-ui .bottom-0-ns {
    bottom: 0;
  }
  .swagger-ui .top-1-ns {
    top: 1rem;
  }
  .swagger-ui .left-1-ns {
    left: 1rem;
  }
  .swagger-ui .right-1-ns {
    right: 1rem;
  }
  .swagger-ui .bottom-1-ns {
    bottom: 1rem;
  }
  .swagger-ui .top-2-ns {
    top: 2rem;
  }
  .swagger-ui .left-2-ns {
    left: 2rem;
  }
  .swagger-ui .right-2-ns {
    right: 2rem;
  }
  .swagger-ui .bottom-2-ns {
    bottom: 2rem;
  }
  .swagger-ui .top--1-ns {
    top: -1rem;
  }
  .swagger-ui .right--1-ns {
    right: -1rem;
  }
  .swagger-ui .bottom--1-ns {
    bottom: -1rem;
  }
  .swagger-ui .left--1-ns {
    left: -1rem;
  }
  .swagger-ui .top--2-ns {
    top: -2rem;
  }
  .swagger-ui .right--2-ns {
    right: -2rem;
  }
  .swagger-ui .bottom--2-ns {
    bottom: -2rem;
  }
  .swagger-ui .left--2-ns {
    left: -2rem;
  }
  .swagger-ui .absolute--fill-ns {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .top-0-m {
    top: 0;
  }
  .swagger-ui .left-0-m {
    left: 0;
  }
  .swagger-ui .right-0-m {
    right: 0;
  }
  .swagger-ui .bottom-0-m {
    bottom: 0;
  }
  .swagger-ui .top-1-m {
    top: 1rem;
  }
  .swagger-ui .left-1-m {
    left: 1rem;
  }
  .swagger-ui .right-1-m {
    right: 1rem;
  }
  .swagger-ui .bottom-1-m {
    bottom: 1rem;
  }
  .swagger-ui .top-2-m {
    top: 2rem;
  }
  .swagger-ui .left-2-m {
    left: 2rem;
  }
  .swagger-ui .right-2-m {
    right: 2rem;
  }
  .swagger-ui .bottom-2-m {
    bottom: 2rem;
  }
  .swagger-ui .top--1-m {
    top: -1rem;
  }
  .swagger-ui .right--1-m {
    right: -1rem;
  }
  .swagger-ui .bottom--1-m {
    bottom: -1rem;
  }
  .swagger-ui .left--1-m {
    left: -1rem;
  }
  .swagger-ui .top--2-m {
    top: -2rem;
  }
  .swagger-ui .right--2-m {
    right: -2rem;
  }
  .swagger-ui .bottom--2-m {
    bottom: -2rem;
  }
  .swagger-ui .left--2-m {
    left: -2rem;
  }
  .swagger-ui .absolute--fill-m {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .top-0-l {
    top: 0;
  }
  .swagger-ui .left-0-l {
    left: 0;
  }
  .swagger-ui .right-0-l {
    right: 0;
  }
  .swagger-ui .bottom-0-l {
    bottom: 0;
  }
  .swagger-ui .top-1-l {
    top: 1rem;
  }
  .swagger-ui .left-1-l {
    left: 1rem;
  }
  .swagger-ui .right-1-l {
    right: 1rem;
  }
  .swagger-ui .bottom-1-l {
    bottom: 1rem;
  }
  .swagger-ui .top-2-l {
    top: 2rem;
  }
  .swagger-ui .left-2-l {
    left: 2rem;
  }
  .swagger-ui .right-2-l {
    right: 2rem;
  }
  .swagger-ui .bottom-2-l {
    bottom: 2rem;
  }
  .swagger-ui .top--1-l {
    top: -1rem;
  }
  .swagger-ui .right--1-l {
    right: -1rem;
  }
  .swagger-ui .bottom--1-l {
    bottom: -1rem;
  }
  .swagger-ui .left--1-l {
    left: -1rem;
  }
  .swagger-ui .top--2-l {
    top: -2rem;
  }
  .swagger-ui .right--2-l {
    right: -2rem;
  }
  .swagger-ui .bottom--2-l {
    bottom: -2rem;
  }
  .swagger-ui .left--2-l {
    left: -2rem;
  }
  .swagger-ui .absolute--fill-l {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.swagger-ui .cf:after,
.swagger-ui .cf:before {
  content: " ";
  display: table;
}
.swagger-ui .cf:after {
  clear: both;
}
.swagger-ui .cf {
  zoom: 1;
}
.swagger-ui .cl {
  clear: left;
}
.swagger-ui .cr {
  clear: right;
}
.swagger-ui .cb {
  clear: both;
}
.swagger-ui .cn {
  clear: none;
}
@media screen and (min-width: 30em) {
  .swagger-ui .cl-ns {
    clear: left;
  }
  .swagger-ui .cr-ns {
    clear: right;
  }
  .swagger-ui .cb-ns {
    clear: both;
  }
  .swagger-ui .cn-ns {
    clear: none;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .cl-m {
    clear: left;
  }
  .swagger-ui .cr-m {
    clear: right;
  }
  .swagger-ui .cb-m {
    clear: both;
  }
  .swagger-ui .cn-m {
    clear: none;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .cl-l {
    clear: left;
  }
  .swagger-ui .cr-l {
    clear: right;
  }
  .swagger-ui .cb-l {
    clear: both;
  }
  .swagger-ui .cn-l {
    clear: none;
  }
}
.swagger-ui .flex {
  display: flex;
}
.swagger-ui .inline-flex {
  display: inline-flex;
}
.swagger-ui .flex-auto {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}
.swagger-ui .flex-none {
  flex: none;
}
.swagger-ui .flex-column {
  flex-direction: column;
}
.swagger-ui .flex-row {
  flex-direction: row;
}
.swagger-ui .flex-wrap {
  flex-wrap: wrap;
}
.swagger-ui .flex-nowrap {
  flex-wrap: nowrap;
}
.swagger-ui .flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.swagger-ui .flex-column-reverse {
  flex-direction: column-reverse;
}
.swagger-ui .flex-row-reverse {
  flex-direction: row-reverse;
}
.swagger-ui .items-start {
  align-items: flex-start;
}
.swagger-ui .items-end {
  align-items: flex-end;
}
.swagger-ui .items-center {
  align-items: center;
}
.swagger-ui .items-baseline {
  align-items: baseline;
}
.swagger-ui .items-stretch {
  align-items: stretch;
}
.swagger-ui .self-start {
  align-self: flex-start;
}
.swagger-ui .self-end {
  align-self: flex-end;
}
.swagger-ui .self-center {
  align-self: center;
}
.swagger-ui .self-baseline {
  align-self: baseline;
}
.swagger-ui .self-stretch {
  align-self: stretch;
}
.swagger-ui .justify-start {
  justify-content: flex-start;
}
.swagger-ui .justify-end {
  justify-content: flex-end;
}
.swagger-ui .justify-center {
  justify-content: center;
}
.swagger-ui .justify-between {
  justify-content: space-between;
}
.swagger-ui .justify-around {
  justify-content: space-around;
}
.swagger-ui .content-start {
  align-content: flex-start;
}
.swagger-ui .content-end {
  align-content: flex-end;
}
.swagger-ui .content-center {
  align-content: center;
}
.swagger-ui .content-between {
  align-content: space-between;
}
.swagger-ui .content-around {
  align-content: space-around;
}
.swagger-ui .content-stretch {
  align-content: stretch;
}
.swagger-ui .order-0 {
  order: 0;
}
.swagger-ui .order-1 {
  order: 1;
}
.swagger-ui .order-2 {
  order: 2;
}
.swagger-ui .order-3 {
  order: 3;
}
.swagger-ui .order-4 {
  order: 4;
}
.swagger-ui .order-5 {
  order: 5;
}
.swagger-ui .order-6 {
  order: 6;
}
.swagger-ui .order-7 {
  order: 7;
}
.swagger-ui .order-8 {
  order: 8;
}
.swagger-ui .order-last {
  order: 99999;
}
.swagger-ui .flex-grow-0 {
  flex-grow: 0;
}
.swagger-ui .flex-grow-1 {
  flex-grow: 1;
}
.swagger-ui .flex-shrink-0 {
  flex-shrink: 0;
}
.swagger-ui .flex-shrink-1 {
  flex-shrink: 1;
}
@media screen and (min-width: 30em) {
  .swagger-ui .flex-ns {
    display: flex;
  }
  .swagger-ui .inline-flex-ns {
    display: inline-flex;
  }
  .swagger-ui .flex-auto-ns {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
  }
  .swagger-ui .flex-none-ns {
    flex: none;
  }
  .swagger-ui .flex-column-ns {
    flex-direction: column;
  }
  .swagger-ui .flex-row-ns {
    flex-direction: row;
  }
  .swagger-ui .flex-wrap-ns {
    flex-wrap: wrap;
  }
  .swagger-ui .flex-nowrap-ns {
    flex-wrap: nowrap;
  }
  .swagger-ui .flex-wrap-reverse-ns {
    flex-wrap: wrap-reverse;
  }
  .swagger-ui .flex-column-reverse-ns {
    flex-direction: column-reverse;
  }
  .swagger-ui .flex-row-reverse-ns {
    flex-direction: row-reverse;
  }
  .swagger-ui .items-start-ns {
    align-items: flex-start;
  }
  .swagger-ui .items-end-ns {
    align-items: flex-end;
  }
  .swagger-ui .items-center-ns {
    align-items: center;
  }
  .swagger-ui .items-baseline-ns {
    align-items: baseline;
  }
  .swagger-ui .items-stretch-ns {
    align-items: stretch;
  }
  .swagger-ui .self-start-ns {
    align-self: flex-start;
  }
  .swagger-ui .self-end-ns {
    align-self: flex-end;
  }
  .swagger-ui .self-center-ns {
    align-self: center;
  }
  .swagger-ui .self-baseline-ns {
    align-self: baseline;
  }
  .swagger-ui .self-stretch-ns {
    align-self: stretch;
  }
  .swagger-ui .justify-start-ns {
    justify-content: flex-start;
  }
  .swagger-ui .justify-end-ns {
    justify-content: flex-end;
  }
  .swagger-ui .justify-center-ns {
    justify-content: center;
  }
  .swagger-ui .justify-between-ns {
    justify-content: space-between;
  }
  .swagger-ui .justify-around-ns {
    justify-content: space-around;
  }
  .swagger-ui .content-start-ns {
    align-content: flex-start;
  }
  .swagger-ui .content-end-ns {
    align-content: flex-end;
  }
  .swagger-ui .content-center-ns {
    align-content: center;
  }
  .swagger-ui .content-between-ns {
    align-content: space-between;
  }
  .swagger-ui .content-around-ns {
    align-content: space-around;
  }
  .swagger-ui .content-stretch-ns {
    align-content: stretch;
  }
  .swagger-ui .order-0-ns {
    order: 0;
  }
  .swagger-ui .order-1-ns {
    order: 1;
  }
  .swagger-ui .order-2-ns {
    order: 2;
  }
  .swagger-ui .order-3-ns {
    order: 3;
  }
  .swagger-ui .order-4-ns {
    order: 4;
  }
  .swagger-ui .order-5-ns {
    order: 5;
  }
  .swagger-ui .order-6-ns {
    order: 6;
  }
  .swagger-ui .order-7-ns {
    order: 7;
  }
  .swagger-ui .order-8-ns {
    order: 8;
  }
  .swagger-ui .order-last-ns {
    order: 99999;
  }
  .swagger-ui .flex-grow-0-ns {
    flex-grow: 0;
  }
  .swagger-ui .flex-grow-1-ns {
    flex-grow: 1;
  }
  .swagger-ui .flex-shrink-0-ns {
    flex-shrink: 0;
  }
  .swagger-ui .flex-shrink-1-ns {
    flex-shrink: 1;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .flex-m {
    display: flex;
  }
  .swagger-ui .inline-flex-m {
    display: inline-flex;
  }
  .swagger-ui .flex-auto-m {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
  }
  .swagger-ui .flex-none-m {
    flex: none;
  }
  .swagger-ui .flex-column-m {
    flex-direction: column;
  }
  .swagger-ui .flex-row-m {
    flex-direction: row;
  }
  .swagger-ui .flex-wrap-m {
    flex-wrap: wrap;
  }
  .swagger-ui .flex-nowrap-m {
    flex-wrap: nowrap;
  }
  .swagger-ui .flex-wrap-reverse-m {
    flex-wrap: wrap-reverse;
  }
  .swagger-ui .flex-column-reverse-m {
    flex-direction: column-reverse;
  }
  .swagger-ui .flex-row-reverse-m {
    flex-direction: row-reverse;
  }
  .swagger-ui .items-start-m {
    align-items: flex-start;
  }
  .swagger-ui .items-end-m {
    align-items: flex-end;
  }
  .swagger-ui .items-center-m {
    align-items: center;
  }
  .swagger-ui .items-baseline-m {
    align-items: baseline;
  }
  .swagger-ui .items-stretch-m {
    align-items: stretch;
  }
  .swagger-ui .self-start-m {
    align-self: flex-start;
  }
  .swagger-ui .self-end-m {
    align-self: flex-end;
  }
  .swagger-ui .self-center-m {
    align-self: center;
  }
  .swagger-ui .self-baseline-m {
    align-self: baseline;
  }
  .swagger-ui .self-stretch-m {
    align-self: stretch;
  }
  .swagger-ui .justify-start-m {
    justify-content: flex-start;
  }
  .swagger-ui .justify-end-m {
    justify-content: flex-end;
  }
  .swagger-ui .justify-center-m {
    justify-content: center;
  }
  .swagger-ui .justify-between-m {
    justify-content: space-between;
  }
  .swagger-ui .justify-around-m {
    justify-content: space-around;
  }
  .swagger-ui .content-start-m {
    align-content: flex-start;
  }
  .swagger-ui .content-end-m {
    align-content: flex-end;
  }
  .swagger-ui .content-center-m {
    align-content: center;
  }
  .swagger-ui .content-between-m {
    align-content: space-between;
  }
  .swagger-ui .content-around-m {
    align-content: space-around;
  }
  .swagger-ui .content-stretch-m {
    align-content: stretch;
  }
  .swagger-ui .order-0-m {
    order: 0;
  }
  .swagger-ui .order-1-m {
    order: 1;
  }
  .swagger-ui .order-2-m {
    order: 2;
  }
  .swagger-ui .order-3-m {
    order: 3;
  }
  .swagger-ui .order-4-m {
    order: 4;
  }
  .swagger-ui .order-5-m {
    order: 5;
  }
  .swagger-ui .order-6-m {
    order: 6;
  }
  .swagger-ui .order-7-m {
    order: 7;
  }
  .swagger-ui .order-8-m {
    order: 8;
  }
  .swagger-ui .order-last-m {
    order: 99999;
  }
  .swagger-ui .flex-grow-0-m {
    flex-grow: 0;
  }
  .swagger-ui .flex-grow-1-m {
    flex-grow: 1;
  }
  .swagger-ui .flex-shrink-0-m {
    flex-shrink: 0;
  }
  .swagger-ui .flex-shrink-1-m {
    flex-shrink: 1;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .flex-l {
    display: flex;
  }
  .swagger-ui .inline-flex-l {
    display: inline-flex;
  }
  .swagger-ui .flex-auto-l {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
  }
  .swagger-ui .flex-none-l {
    flex: none;
  }
  .swagger-ui .flex-column-l {
    flex-direction: column;
  }
  .swagger-ui .flex-row-l {
    flex-direction: row;
  }
  .swagger-ui .flex-wrap-l {
    flex-wrap: wrap;
  }
  .swagger-ui .flex-nowrap-l {
    flex-wrap: nowrap;
  }
  .swagger-ui .flex-wrap-reverse-l {
    flex-wrap: wrap-reverse;
  }
  .swagger-ui .flex-column-reverse-l {
    flex-direction: column-reverse;
  }
  .swagger-ui .flex-row-reverse-l {
    flex-direction: row-reverse;
  }
  .swagger-ui .items-start-l {
    align-items: flex-start;
  }
  .swagger-ui .items-end-l {
    align-items: flex-end;
  }
  .swagger-ui .items-center-l {
    align-items: center;
  }
  .swagger-ui .items-baseline-l {
    align-items: baseline;
  }
  .swagger-ui .items-stretch-l {
    align-items: stretch;
  }
  .swagger-ui .self-start-l {
    align-self: flex-start;
  }
  .swagger-ui .self-end-l {
    align-self: flex-end;
  }
  .swagger-ui .self-center-l {
    align-self: center;
  }
  .swagger-ui .self-baseline-l {
    align-self: baseline;
  }
  .swagger-ui .self-stretch-l {
    align-self: stretch;
  }
  .swagger-ui .justify-start-l {
    justify-content: flex-start;
  }
  .swagger-ui .justify-end-l {
    justify-content: flex-end;
  }
  .swagger-ui .justify-center-l {
    justify-content: center;
  }
  .swagger-ui .justify-between-l {
    justify-content: space-between;
  }
  .swagger-ui .justify-around-l {
    justify-content: space-around;
  }
  .swagger-ui .content-start-l {
    align-content: flex-start;
  }
  .swagger-ui .content-end-l {
    align-content: flex-end;
  }
  .swagger-ui .content-center-l {
    align-content: center;
  }
  .swagger-ui .content-between-l {
    align-content: space-between;
  }
  .swagger-ui .content-around-l {
    align-content: space-around;
  }
  .swagger-ui .content-stretch-l {
    align-content: stretch;
  }
  .swagger-ui .order-0-l {
    order: 0;
  }
  .swagger-ui .order-1-l {
    order: 1;
  }
  .swagger-ui .order-2-l {
    order: 2;
  }
  .swagger-ui .order-3-l {
    order: 3;
  }
  .swagger-ui .order-4-l {
    order: 4;
  }
  .swagger-ui .order-5-l {
    order: 5;
  }
  .swagger-ui .order-6-l {
    order: 6;
  }
  .swagger-ui .order-7-l {
    order: 7;
  }
  .swagger-ui .order-8-l {
    order: 8;
  }
  .swagger-ui .order-last-l {
    order: 99999;
  }
  .swagger-ui .flex-grow-0-l {
    flex-grow: 0;
  }
  .swagger-ui .flex-grow-1-l {
    flex-grow: 1;
  }
  .swagger-ui .flex-shrink-0-l {
    flex-shrink: 0;
  }
  .swagger-ui .flex-shrink-1-l {
    flex-shrink: 1;
  }
}
.swagger-ui .dn {
  display: none;
}
.swagger-ui .di {
  display: inline;
}
.swagger-ui .db {
  display: block;
}
.swagger-ui .dib {
  display: inline-block;
}
.swagger-ui .dit {
  display: inline-table;
}
.swagger-ui .dt {
  display: table;
}
.swagger-ui .dtc {
  display: table-cell;
}
.swagger-ui .dt-row {
  display: table-row;
}
.swagger-ui .dt-row-group {
  display: table-row-group;
}
.swagger-ui .dt-column {
  display: table-column;
}
.swagger-ui .dt-column-group {
  display: table-column-group;
}
.swagger-ui .dt--fixed {
  table-layout: fixed;
  width: 100%;
}
@media screen and (min-width: 30em) {
  .swagger-ui .dn-ns {
    display: none;
  }
  .swagger-ui .di-ns {
    display: inline;
  }
  .swagger-ui .db-ns {
    display: block;
  }
  .swagger-ui .dib-ns {
    display: inline-block;
  }
  .swagger-ui .dit-ns {
    display: inline-table;
  }
  .swagger-ui .dt-ns {
    display: table;
  }
  .swagger-ui .dtc-ns {
    display: table-cell;
  }
  .swagger-ui .dt-row-ns {
    display: table-row;
  }
  .swagger-ui .dt-row-group-ns {
    display: table-row-group;
  }
  .swagger-ui .dt-column-ns {
    display: table-column;
  }
  .swagger-ui .dt-column-group-ns {
    display: table-column-group;
  }
  .swagger-ui .dt--fixed-ns {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .dn-m {
    display: none;
  }
  .swagger-ui .di-m {
    display: inline;
  }
  .swagger-ui .db-m {
    display: block;
  }
  .swagger-ui .dib-m {
    display: inline-block;
  }
  .swagger-ui .dit-m {
    display: inline-table;
  }
  .swagger-ui .dt-m {
    display: table;
  }
  .swagger-ui .dtc-m {
    display: table-cell;
  }
  .swagger-ui .dt-row-m {
    display: table-row;
  }
  .swagger-ui .dt-row-group-m {
    display: table-row-group;
  }
  .swagger-ui .dt-column-m {
    display: table-column;
  }
  .swagger-ui .dt-column-group-m {
    display: table-column-group;
  }
  .swagger-ui .dt--fixed-m {
    table-layout: fixed;
    width: 100%;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .dn-l {
    display: none;
  }
  .swagger-ui .di-l {
    display: inline;
  }
  .swagger-ui .db-l {
    display: block;
  }
  .swagger-ui .dib-l {
    display: inline-block;
  }
  .swagger-ui .dit-l {
    display: inline-table;
  }
  .swagger-ui .dt-l {
    display: table;
  }
  .swagger-ui .dtc-l {
    display: table-cell;
  }
  .swagger-ui .dt-row-l {
    display: table-row;
  }
  .swagger-ui .dt-row-group-l {
    display: table-row-group;
  }
  .swagger-ui .dt-column-l {
    display: table-column;
  }
  .swagger-ui .dt-column-group-l {
    display: table-column-group;
  }
  .swagger-ui .dt--fixed-l {
    table-layout: fixed;
    width: 100%;
  }
}
.swagger-ui .fl {
  _display: inline;
  float: left;
}
.swagger-ui .fr {
  _display: inline;
  float: right;
}
.swagger-ui .fn {
  float: none;
}
@media screen and (min-width: 30em) {
  .swagger-ui .fl-ns {
    _display: inline;
    float: left;
  }
  .swagger-ui .fr-ns {
    _display: inline;
    float: right;
  }
  .swagger-ui .fn-ns {
    float: none;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .fl-m {
    _display: inline;
    float: left;
  }
  .swagger-ui .fr-m {
    _display: inline;
    float: right;
  }
  .swagger-ui .fn-m {
    float: none;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .fl-l {
    _display: inline;
    float: left;
  }
  .swagger-ui .fr-l {
    _display: inline;
    float: right;
  }
  .swagger-ui .fn-l {
    float: none;
  }
}
.swagger-ui .sans-serif {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica, helvetica neue, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}
.swagger-ui .serif {
  font-family: georgia, serif;
}
.swagger-ui .system-sans-serif {
  font-family: sans-serif;
}
.swagger-ui .system-serif {
  font-family: serif;
}
.swagger-ui .code,
.swagger-ui code {
  font-family: Consolas, monaco, monospace;
}
.swagger-ui .courier {
  font-family: Courier Next, courier, monospace;
}
.swagger-ui .helvetica {
  font-family: helvetica neue, helvetica, sans-serif;
}
.swagger-ui .avenir {
  font-family: avenir next, avenir, sans-serif;
}
.swagger-ui .athelas {
  font-family: athelas, georgia, serif;
}
.swagger-ui .georgia {
  font-family: georgia, serif;
}
.swagger-ui .times {
  font-family: times, serif;
}
.swagger-ui .bodoni {
  font-family: Bodoni MT, serif;
}
.swagger-ui .calisto {
  font-family: Calisto MT, serif;
}
.swagger-ui .garamond {
  font-family: garamond, serif;
}
.swagger-ui .baskerville {
  font-family: baskerville, serif;
}
.swagger-ui .i {
  font-style: italic;
}
.swagger-ui .fs-normal {
  font-style: normal;
}
@media screen and (min-width: 30em) {
  .swagger-ui .i-ns {
    font-style: italic;
  }
  .swagger-ui .fs-normal-ns {
    font-style: normal;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .i-m {
    font-style: italic;
  }
  .swagger-ui .fs-normal-m {
    font-style: normal;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .i-l {
    font-style: italic;
  }
  .swagger-ui .fs-normal-l {
    font-style: normal;
  }
}
.swagger-ui .normal {
  font-weight: 400;
}
.swagger-ui .b {
  font-weight: 700;
}
.swagger-ui .fw1 {
  font-weight: 100;
}
.swagger-ui .fw2 {
  font-weight: 200;
}
.swagger-ui .fw3 {
  font-weight: 300;
}
.swagger-ui .fw4 {
  font-weight: 400;
}
.swagger-ui .fw5 {
  font-weight: 500;
}
.swagger-ui .fw6 {
  font-weight: 600;
}
.swagger-ui .fw7 {
  font-weight: 700;
}
.swagger-ui .fw8 {
  font-weight: 800;
}
.swagger-ui .fw9 {
  font-weight: 900;
}
@media screen and (min-width: 30em) {
  .swagger-ui .normal-ns {
    font-weight: 400;
  }
  .swagger-ui .b-ns {
    font-weight: 700;
  }
  .swagger-ui .fw1-ns {
    font-weight: 100;
  }
  .swagger-ui .fw2-ns {
    font-weight: 200;
  }
  .swagger-ui .fw3-ns {
    font-weight: 300;
  }
  .swagger-ui .fw4-ns {
    font-weight: 400;
  }
  .swagger-ui .fw5-ns {
    font-weight: 500;
  }
  .swagger-ui .fw6-ns {
    font-weight: 600;
  }
  .swagger-ui .fw7-ns {
    font-weight: 700;
  }
  .swagger-ui .fw8-ns {
    font-weight: 800;
  }
  .swagger-ui .fw9-ns {
    font-weight: 900;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .normal-m {
    font-weight: 400;
  }
  .swagger-ui .b-m {
    font-weight: 700;
  }
  .swagger-ui .fw1-m {
    font-weight: 100;
  }
  .swagger-ui .fw2-m {
    font-weight: 200;
  }
  .swagger-ui .fw3-m {
    font-weight: 300;
  }
  .swagger-ui .fw4-m {
    font-weight: 400;
  }
  .swagger-ui .fw5-m {
    font-weight: 500;
  }
  .swagger-ui .fw6-m {
    font-weight: 600;
  }
  .swagger-ui .fw7-m {
    font-weight: 700;
  }
  .swagger-ui .fw8-m {
    font-weight: 800;
  }
  .swagger-ui .fw9-m {
    font-weight: 900;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .normal-l {
    font-weight: 400;
  }
  .swagger-ui .b-l {
    font-weight: 700;
  }
  .swagger-ui .fw1-l {
    font-weight: 100;
  }
  .swagger-ui .fw2-l {
    font-weight: 200;
  }
  .swagger-ui .fw3-l {
    font-weight: 300;
  }
  .swagger-ui .fw4-l {
    font-weight: 400;
  }
  .swagger-ui .fw5-l {
    font-weight: 500;
  }
  .swagger-ui .fw6-l {
    font-weight: 600;
  }
  .swagger-ui .fw7-l {
    font-weight: 700;
  }
  .swagger-ui .fw8-l {
    font-weight: 800;
  }
  .swagger-ui .fw9-l {
    font-weight: 900;
  }
}
.swagger-ui .input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.swagger-ui .button-reset::-moz-focus-inner,
.swagger-ui .input-reset::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.swagger-ui .h1 {
  height: 1rem;
}
.swagger-ui .h2 {
  height: 2rem;
}
.swagger-ui .h3 {
  height: 4rem;
}
.swagger-ui .h4 {
  height: 8rem;
}
.swagger-ui .h5 {
  height: 16rem;
}
.swagger-ui .h-25 {
  height: 25%;
}
.swagger-ui .h-50 {
  height: 50%;
}
.swagger-ui .h-75 {
  height: 75%;
}
.swagger-ui .h-100 {
  height: 100%;
}
.swagger-ui .min-h-100 {
  min-height: 100%;
}
.swagger-ui .vh-25 {
  height: 25vh;
}
.swagger-ui .vh-50 {
  height: 50vh;
}
.swagger-ui .vh-75 {
  height: 75vh;
}
.swagger-ui .vh-100 {
  height: 100vh;
}
.swagger-ui .min-vh-100 {
  min-height: 100vh;
}
.swagger-ui .h-auto {
  height: auto;
}
.swagger-ui .h-inherit {
  height: inherit;
}
@media screen and (min-width: 30em) {
  .swagger-ui .h1-ns {
    height: 1rem;
  }
  .swagger-ui .h2-ns {
    height: 2rem;
  }
  .swagger-ui .h3-ns {
    height: 4rem;
  }
  .swagger-ui .h4-ns {
    height: 8rem;
  }
  .swagger-ui .h5-ns {
    height: 16rem;
  }
  .swagger-ui .h-25-ns {
    height: 25%;
  }
  .swagger-ui .h-50-ns {
    height: 50%;
  }
  .swagger-ui .h-75-ns {
    height: 75%;
  }
  .swagger-ui .h-100-ns {
    height: 100%;
  }
  .swagger-ui .min-h-100-ns {
    min-height: 100%;
  }
  .swagger-ui .vh-25-ns {
    height: 25vh;
  }
  .swagger-ui .vh-50-ns {
    height: 50vh;
  }
  .swagger-ui .vh-75-ns {
    height: 75vh;
  }
  .swagger-ui .vh-100-ns {
    height: 100vh;
  }
  .swagger-ui .min-vh-100-ns {
    min-height: 100vh;
  }
  .swagger-ui .h-auto-ns {
    height: auto;
  }
  .swagger-ui .h-inherit-ns {
    height: inherit;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .h1-m {
    height: 1rem;
  }
  .swagger-ui .h2-m {
    height: 2rem;
  }
  .swagger-ui .h3-m {
    height: 4rem;
  }
  .swagger-ui .h4-m {
    height: 8rem;
  }
  .swagger-ui .h5-m {
    height: 16rem;
  }
  .swagger-ui .h-25-m {
    height: 25%;
  }
  .swagger-ui .h-50-m {
    height: 50%;
  }
  .swagger-ui .h-75-m {
    height: 75%;
  }
  .swagger-ui .h-100-m {
    height: 100%;
  }
  .swagger-ui .min-h-100-m {
    min-height: 100%;
  }
  .swagger-ui .vh-25-m {
    height: 25vh;
  }
  .swagger-ui .vh-50-m {
    height: 50vh;
  }
  .swagger-ui .vh-75-m {
    height: 75vh;
  }
  .swagger-ui .vh-100-m {
    height: 100vh;
  }
  .swagger-ui .min-vh-100-m {
    min-height: 100vh;
  }
  .swagger-ui .h-auto-m {
    height: auto;
  }
  .swagger-ui .h-inherit-m {
    height: inherit;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .h1-l {
    height: 1rem;
  }
  .swagger-ui .h2-l {
    height: 2rem;
  }
  .swagger-ui .h3-l {
    height: 4rem;
  }
  .swagger-ui .h4-l {
    height: 8rem;
  }
  .swagger-ui .h5-l {
    height: 16rem;
  }
  .swagger-ui .h-25-l {
    height: 25%;
  }
  .swagger-ui .h-50-l {
    height: 50%;
  }
  .swagger-ui .h-75-l {
    height: 75%;
  }
  .swagger-ui .h-100-l {
    height: 100%;
  }
  .swagger-ui .min-h-100-l {
    min-height: 100%;
  }
  .swagger-ui .vh-25-l {
    height: 25vh;
  }
  .swagger-ui .vh-50-l {
    height: 50vh;
  }
  .swagger-ui .vh-75-l {
    height: 75vh;
  }
  .swagger-ui .vh-100-l {
    height: 100vh;
  }
  .swagger-ui .min-vh-100-l {
    min-height: 100vh;
  }
  .swagger-ui .h-auto-l {
    height: auto;
  }
  .swagger-ui .h-inherit-l {
    height: inherit;
  }
}
.swagger-ui .tracked {
  letter-spacing: 0.1em;
}
.swagger-ui .tracked-tight {
  letter-spacing: -0.05em;
}
.swagger-ui .tracked-mega {
  letter-spacing: 0.25em;
}
@media screen and (min-width: 30em) {
  .swagger-ui .tracked-ns {
    letter-spacing: 0.1em;
  }
  .swagger-ui .tracked-tight-ns {
    letter-spacing: -0.05em;
  }
  .swagger-ui .tracked-mega-ns {
    letter-spacing: 0.25em;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .tracked-m {
    letter-spacing: 0.1em;
  }
  .swagger-ui .tracked-tight-m {
    letter-spacing: -0.05em;
  }
  .swagger-ui .tracked-mega-m {
    letter-spacing: 0.25em;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .tracked-l {
    letter-spacing: 0.1em;
  }
  .swagger-ui .tracked-tight-l {
    letter-spacing: -0.05em;
  }
  .swagger-ui .tracked-mega-l {
    letter-spacing: 0.25em;
  }
}
.swagger-ui .lh-solid {
  line-height: 1;
}
.swagger-ui .lh-title {
  line-height: 1.25;
}
.swagger-ui .lh-copy {
  line-height: 1.5;
}
@media screen and (min-width: 30em) {
  .swagger-ui .lh-solid-ns {
    line-height: 1;
  }
  .swagger-ui .lh-title-ns {
    line-height: 1.25;
  }
  .swagger-ui .lh-copy-ns {
    line-height: 1.5;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .lh-solid-m {
    line-height: 1;
  }
  .swagger-ui .lh-title-m {
    line-height: 1.25;
  }
  .swagger-ui .lh-copy-m {
    line-height: 1.5;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .lh-solid-l {
    line-height: 1;
  }
  .swagger-ui .lh-title-l {
    line-height: 1.25;
  }
  .swagger-ui .lh-copy-l {
    line-height: 1.5;
  }
}
.swagger-ui .link {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.swagger-ui .link,
.swagger-ui .link:active,
.swagger-ui .link:focus,
.swagger-ui .link:hover,
.swagger-ui .link:link,
.swagger-ui .link:visited {
  transition: color 0.15s ease-in;
}
.swagger-ui .link:focus {
  outline: 1px dotted currentColor;
}
.swagger-ui .list {
  list-style-type: none;
}
.swagger-ui .mw-100 {
  max-width: 100%;
}
.swagger-ui .mw1 {
  max-width: 1rem;
}
.swagger-ui .mw2 {
  max-width: 2rem;
}
.swagger-ui .mw3 {
  max-width: 4rem;
}
.swagger-ui .mw4 {
  max-width: 8rem;
}
.swagger-ui .mw5 {
  max-width: 16rem;
}
.swagger-ui .mw6 {
  max-width: 32rem;
}
.swagger-ui .mw7 {
  max-width: 48rem;
}
.swagger-ui .mw8 {
  max-width: 64rem;
}
.swagger-ui .mw9 {
  max-width: 96rem;
}
.swagger-ui .mw-none {
  max-width: none;
}
@media screen and (min-width: 30em) {
  .swagger-ui .mw-100-ns {
    max-width: 100%;
  }
  .swagger-ui .mw1-ns {
    max-width: 1rem;
  }
  .swagger-ui .mw2-ns {
    max-width: 2rem;
  }
  .swagger-ui .mw3-ns {
    max-width: 4rem;
  }
  .swagger-ui .mw4-ns {
    max-width: 8rem;
  }
  .swagger-ui .mw5-ns {
    max-width: 16rem;
  }
  .swagger-ui .mw6-ns {
    max-width: 32rem;
  }
  .swagger-ui .mw7-ns {
    max-width: 48rem;
  }
  .swagger-ui .mw8-ns {
    max-width: 64rem;
  }
  .swagger-ui .mw9-ns {
    max-width: 96rem;
  }
  .swagger-ui .mw-none-ns {
    max-width: none;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .mw-100-m {
    max-width: 100%;
  }
  .swagger-ui .mw1-m {
    max-width: 1rem;
  }
  .swagger-ui .mw2-m {
    max-width: 2rem;
  }
  .swagger-ui .mw3-m {
    max-width: 4rem;
  }
  .swagger-ui .mw4-m {
    max-width: 8rem;
  }
  .swagger-ui .mw5-m {
    max-width: 16rem;
  }
  .swagger-ui .mw6-m {
    max-width: 32rem;
  }
  .swagger-ui .mw7-m {
    max-width: 48rem;
  }
  .swagger-ui .mw8-m {
    max-width: 64rem;
  }
  .swagger-ui .mw9-m {
    max-width: 96rem;
  }
  .swagger-ui .mw-none-m {
    max-width: none;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .mw-100-l {
    max-width: 100%;
  }
  .swagger-ui .mw1-l {
    max-width: 1rem;
  }
  .swagger-ui .mw2-l {
    max-width: 2rem;
  }
  .swagger-ui .mw3-l {
    max-width: 4rem;
  }
  .swagger-ui .mw4-l {
    max-width: 8rem;
  }
  .swagger-ui .mw5-l {
    max-width: 16rem;
  }
  .swagger-ui .mw6-l {
    max-width: 32rem;
  }
  .swagger-ui .mw7-l {
    max-width: 48rem;
  }
  .swagger-ui .mw8-l {
    max-width: 64rem;
  }
  .swagger-ui .mw9-l {
    max-width: 96rem;
  }
  .swagger-ui .mw-none-l {
    max-width: none;
  }
}
.swagger-ui .w1 {
  width: 1rem;
}
.swagger-ui .w2 {
  width: 2rem;
}
.swagger-ui .w3 {
  width: 4rem;
}
.swagger-ui .w4 {
  width: 8rem;
}
.swagger-ui .w5 {
  width: 16rem;
}
.swagger-ui .w-10 {
  width: 10%;
}
.swagger-ui .w-20 {
  width: 20%;
}
.swagger-ui .w-25 {
  width: 25%;
}
.swagger-ui .w-30 {
  width: 30%;
}
.swagger-ui .w-33 {
  width: 33%;
}
.swagger-ui .w-34 {
  width: 34%;
}
.swagger-ui .w-40 {
  width: 40%;
}
.swagger-ui .w-50 {
  width: 50%;
}
.swagger-ui .w-60 {
  width: 60%;
}
.swagger-ui .w-70 {
  width: 70%;
}
.swagger-ui .w-75 {
  width: 75%;
}
.swagger-ui .w-80 {
  width: 80%;
}
.swagger-ui .w-90 {
  width: 90%;
}
.swagger-ui .w-100 {
  width: 100%;
}
.swagger-ui .w-third {
  width: 33.33333333%;
}
.swagger-ui .w-two-thirds {
  width: 66.66666667%;
}
.swagger-ui .w-auto {
  width: auto;
}
@media screen and (min-width: 30em) {
  .swagger-ui .w1-ns {
    width: 1rem;
  }
  .swagger-ui .w2-ns {
    width: 2rem;
  }
  .swagger-ui .w3-ns {
    width: 4rem;
  }
  .swagger-ui .w4-ns {
    width: 8rem;
  }
  .swagger-ui .w5-ns {
    width: 16rem;
  }
  .swagger-ui .w-10-ns {
    width: 10%;
  }
  .swagger-ui .w-20-ns {
    width: 20%;
  }
  .swagger-ui .w-25-ns {
    width: 25%;
  }
  .swagger-ui .w-30-ns {
    width: 30%;
  }
  .swagger-ui .w-33-ns {
    width: 33%;
  }
  .swagger-ui .w-34-ns {
    width: 34%;
  }
  .swagger-ui .w-40-ns {
    width: 40%;
  }
  .swagger-ui .w-50-ns {
    width: 50%;
  }
  .swagger-ui .w-60-ns {
    width: 60%;
  }
  .swagger-ui .w-70-ns {
    width: 70%;
  }
  .swagger-ui .w-75-ns {
    width: 75%;
  }
  .swagger-ui .w-80-ns {
    width: 80%;
  }
  .swagger-ui .w-90-ns {
    width: 90%;
  }
  .swagger-ui .w-100-ns {
    width: 100%;
  }
  .swagger-ui .w-third-ns {
    width: 33.33333333%;
  }
  .swagger-ui .w-two-thirds-ns {
    width: 66.66666667%;
  }
  .swagger-ui .w-auto-ns {
    width: auto;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .w1-m {
    width: 1rem;
  }
  .swagger-ui .w2-m {
    width: 2rem;
  }
  .swagger-ui .w3-m {
    width: 4rem;
  }
  .swagger-ui .w4-m {
    width: 8rem;
  }
  .swagger-ui .w5-m {
    width: 16rem;
  }
  .swagger-ui .w-10-m {
    width: 10%;
  }
  .swagger-ui .w-20-m {
    width: 20%;
  }
  .swagger-ui .w-25-m {
    width: 25%;
  }
  .swagger-ui .w-30-m {
    width: 30%;
  }
  .swagger-ui .w-33-m {
    width: 33%;
  }
  .swagger-ui .w-34-m {
    width: 34%;
  }
  .swagger-ui .w-40-m {
    width: 40%;
  }
  .swagger-ui .w-50-m {
    width: 50%;
  }
  .swagger-ui .w-60-m {
    width: 60%;
  }
  .swagger-ui .w-70-m {
    width: 70%;
  }
  .swagger-ui .w-75-m {
    width: 75%;
  }
  .swagger-ui .w-80-m {
    width: 80%;
  }
  .swagger-ui .w-90-m {
    width: 90%;
  }
  .swagger-ui .w-100-m {
    width: 100%;
  }
  .swagger-ui .w-third-m {
    width: 33.33333333%;
  }
  .swagger-ui .w-two-thirds-m {
    width: 66.66666667%;
  }
  .swagger-ui .w-auto-m {
    width: auto;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .w1-l {
    width: 1rem;
  }
  .swagger-ui .w2-l {
    width: 2rem;
  }
  .swagger-ui .w3-l {
    width: 4rem;
  }
  .swagger-ui .w4-l {
    width: 8rem;
  }
  .swagger-ui .w5-l {
    width: 16rem;
  }
  .swagger-ui .w-10-l {
    width: 10%;
  }
  .swagger-ui .w-20-l {
    width: 20%;
  }
  .swagger-ui .w-25-l {
    width: 25%;
  }
  .swagger-ui .w-30-l {
    width: 30%;
  }
  .swagger-ui .w-33-l {
    width: 33%;
  }
  .swagger-ui .w-34-l {
    width: 34%;
  }
  .swagger-ui .w-40-l {
    width: 40%;
  }
  .swagger-ui .w-50-l {
    width: 50%;
  }
  .swagger-ui .w-60-l {
    width: 60%;
  }
  .swagger-ui .w-70-l {
    width: 70%;
  }
  .swagger-ui .w-75-l {
    width: 75%;
  }
  .swagger-ui .w-80-l {
    width: 80%;
  }
  .swagger-ui .w-90-l {
    width: 90%;
  }
  .swagger-ui .w-100-l {
    width: 100%;
  }
  .swagger-ui .w-third-l {
    width: 33.33333333%;
  }
  .swagger-ui .w-two-thirds-l {
    width: 66.66666667%;
  }
  .swagger-ui .w-auto-l {
    width: auto;
  }
}
.swagger-ui .overflow-visible {
  overflow: visible;
}
.swagger-ui .overflow-hidden {
  overflow: hidden;
}
.swagger-ui .overflow-scroll {
  overflow: scroll;
}
.swagger-ui .overflow-auto {
  overflow: auto;
}
.swagger-ui .overflow-x-visible {
  overflow-x: visible;
}
.swagger-ui .overflow-x-hidden {
  overflow-x: hidden;
}
.swagger-ui .overflow-x-scroll {
  overflow-x: scroll;
}
.swagger-ui .overflow-x-auto {
  overflow-x: auto;
}
.swagger-ui .overflow-y-visible {
  overflow-y: visible;
}
.swagger-ui .overflow-y-hidden {
  overflow-y: hidden;
}
.swagger-ui .overflow-y-scroll {
  overflow-y: scroll;
}
.swagger-ui .overflow-y-auto {
  overflow-y: auto;
}
@media screen and (min-width: 30em) {
  .swagger-ui .overflow-visible-ns {
    overflow: visible;
  }
  .swagger-ui .overflow-hidden-ns {
    overflow: hidden;
  }
  .swagger-ui .overflow-scroll-ns {
    overflow: scroll;
  }
  .swagger-ui .overflow-auto-ns {
    overflow: auto;
  }
  .swagger-ui .overflow-x-visible-ns {
    overflow-x: visible;
  }
  .swagger-ui .overflow-x-hidden-ns {
    overflow-x: hidden;
  }
  .swagger-ui .overflow-x-scroll-ns {
    overflow-x: scroll;
  }
  .swagger-ui .overflow-x-auto-ns {
    overflow-x: auto;
  }
  .swagger-ui .overflow-y-visible-ns {
    overflow-y: visible;
  }
  .swagger-ui .overflow-y-hidden-ns {
    overflow-y: hidden;
  }
  .swagger-ui .overflow-y-scroll-ns {
    overflow-y: scroll;
  }
  .swagger-ui .overflow-y-auto-ns {
    overflow-y: auto;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .overflow-visible-m {
    overflow: visible;
  }
  .swagger-ui .overflow-hidden-m {
    overflow: hidden;
  }
  .swagger-ui .overflow-scroll-m {
    overflow: scroll;
  }
  .swagger-ui .overflow-auto-m {
    overflow: auto;
  }
  .swagger-ui .overflow-x-visible-m {
    overflow-x: visible;
  }
  .swagger-ui .overflow-x-hidden-m {
    overflow-x: hidden;
  }
  .swagger-ui .overflow-x-scroll-m {
    overflow-x: scroll;
  }
  .swagger-ui .overflow-x-auto-m {
    overflow-x: auto;
  }
  .swagger-ui .overflow-y-visible-m {
    overflow-y: visible;
  }
  .swagger-ui .overflow-y-hidden-m {
    overflow-y: hidden;
  }
  .swagger-ui .overflow-y-scroll-m {
    overflow-y: scroll;
  }
  .swagger-ui .overflow-y-auto-m {
    overflow-y: auto;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .overflow-visible-l {
    overflow: visible;
  }
  .swagger-ui .overflow-hidden-l {
    overflow: hidden;
  }
  .swagger-ui .overflow-scroll-l {
    overflow: scroll;
  }
  .swagger-ui .overflow-auto-l {
    overflow: auto;
  }
  .swagger-ui .overflow-x-visible-l {
    overflow-x: visible;
  }
  .swagger-ui .overflow-x-hidden-l {
    overflow-x: hidden;
  }
  .swagger-ui .overflow-x-scroll-l {
    overflow-x: scroll;
  }
  .swagger-ui .overflow-x-auto-l {
    overflow-x: auto;
  }
  .swagger-ui .overflow-y-visible-l {
    overflow-y: visible;
  }
  .swagger-ui .overflow-y-hidden-l {
    overflow-y: hidden;
  }
  .swagger-ui .overflow-y-scroll-l {
    overflow-y: scroll;
  }
  .swagger-ui .overflow-y-auto-l {
    overflow-y: auto;
  }
}
.swagger-ui .static {
  position: static;
}
.swagger-ui .relative {
  position: relative;
}
.swagger-ui .absolute {
  position: absolute;
}
.swagger-ui .fixed {
  position: fixed;
}
@media screen and (min-width: 30em) {
  .swagger-ui .static-ns {
    position: static;
  }
  .swagger-ui .relative-ns {
    position: relative;
  }
  .swagger-ui .absolute-ns {
    position: absolute;
  }
  .swagger-ui .fixed-ns {
    position: fixed;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .static-m {
    position: static;
  }
  .swagger-ui .relative-m {
    position: relative;
  }
  .swagger-ui .absolute-m {
    position: absolute;
  }
  .swagger-ui .fixed-m {
    position: fixed;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .static-l {
    position: static;
  }
  .swagger-ui .relative-l {
    position: relative;
  }
  .swagger-ui .absolute-l {
    position: absolute;
  }
  .swagger-ui .fixed-l {
    position: fixed;
  }
}
.swagger-ui .o-100 {
  opacity: 1;
}
.swagger-ui .o-90 {
  opacity: 0.9;
}
.swagger-ui .o-80 {
  opacity: 0.8;
}
.swagger-ui .o-70 {
  opacity: 0.7;
}
.swagger-ui .o-60 {
  opacity: 0.6;
}
.swagger-ui .o-50 {
  opacity: 0.5;
}
.swagger-ui .o-40 {
  opacity: 0.4;
}
.swagger-ui .o-30 {
  opacity: 0.3;
}
.swagger-ui .o-20 {
  opacity: 0.2;
}
.swagger-ui .o-10 {
  opacity: 0.1;
}
.swagger-ui .o-05 {
  opacity: 0.05;
}
.swagger-ui .o-025 {
  opacity: 0.025;
}
.swagger-ui .o-0 {
  opacity: 0;
}
.swagger-ui .rotate-45 {
  transform: rotate(45deg);
}
.swagger-ui .rotate-90 {
  transform: rotate(90deg);
}
.swagger-ui .rotate-135 {
  transform: rotate(135deg);
}
.swagger-ui .rotate-180 {
  transform: rotate(180deg);
}
.swagger-ui .rotate-225 {
  transform: rotate(225deg);
}
.swagger-ui .rotate-270 {
  transform: rotate(270deg);
}
.swagger-ui .rotate-315 {
  transform: rotate(315deg);
}
@media screen and (min-width: 30em) {
  .swagger-ui .rotate-45-ns {
    transform: rotate(45deg);
  }
  .swagger-ui .rotate-90-ns {
    transform: rotate(90deg);
  }
  .swagger-ui .rotate-135-ns {
    transform: rotate(135deg);
  }
  .swagger-ui .rotate-180-ns {
    transform: rotate(180deg);
  }
  .swagger-ui .rotate-225-ns {
    transform: rotate(225deg);
  }
  .swagger-ui .rotate-270-ns {
    transform: rotate(270deg);
  }
  .swagger-ui .rotate-315-ns {
    transform: rotate(315deg);
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .rotate-45-m {
    transform: rotate(45deg);
  }
  .swagger-ui .rotate-90-m {
    transform: rotate(90deg);
  }
  .swagger-ui .rotate-135-m {
    transform: rotate(135deg);
  }
  .swagger-ui .rotate-180-m {
    transform: rotate(180deg);
  }
  .swagger-ui .rotate-225-m {
    transform: rotate(225deg);
  }
  .swagger-ui .rotate-270-m {
    transform: rotate(270deg);
  }
  .swagger-ui .rotate-315-m {
    transform: rotate(315deg);
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .rotate-45-l {
    transform: rotate(45deg);
  }
  .swagger-ui .rotate-90-l {
    transform: rotate(90deg);
  }
  .swagger-ui .rotate-135-l {
    transform: rotate(135deg);
  }
  .swagger-ui .rotate-180-l {
    transform: rotate(180deg);
  }
  .swagger-ui .rotate-225-l {
    transform: rotate(225deg);
  }
  .swagger-ui .rotate-270-l {
    transform: rotate(270deg);
  }
  .swagger-ui .rotate-315-l {
    transform: rotate(315deg);
  }
}
.swagger-ui .black-90 {
  color: rgba(0, 0, 0, 0.9);
}
.swagger-ui .black-80 {
  color: rgba(0, 0, 0, 0.8);
}
.swagger-ui .black-70 {
  color: rgba(0, 0, 0, 0.7);
}
.swagger-ui .black-60 {
  color: rgba(0, 0, 0, 0.6);
}
.swagger-ui .black-50 {
  color: rgba(0, 0, 0, 0.5);
}
.swagger-ui .black-40 {
  color: rgba(0, 0, 0, 0.4);
}
.swagger-ui .black-30 {
  color: rgba(0, 0, 0, 0.3);
}
.swagger-ui .black-20 {
  color: rgba(0, 0, 0, 0.2);
}
.swagger-ui .black-10 {
  color: rgba(0, 0, 0, 0.1);
}
.swagger-ui .black-05 {
  color: rgba(0, 0, 0, 0.05);
}
.swagger-ui .white-90 {
  color: hsla(0, 0%, 100%, 0.9);
}
.swagger-ui .white-80 {
  color: hsla(0, 0%, 100%, 0.8);
}
.swagger-ui .white-70 {
  color: hsla(0, 0%, 100%, 0.7);
}
.swagger-ui .white-60 {
  color: hsla(0, 0%, 100%, 0.6);
}
.swagger-ui .white-50 {
  color: hsla(0, 0%, 100%, 0.5);
}
.swagger-ui .white-40 {
  color: hsla(0, 0%, 100%, 0.4);
}
.swagger-ui .white-30 {
  color: hsla(0, 0%, 100%, 0.3);
}
.swagger-ui .white-20 {
  color: hsla(0, 0%, 100%, 0.2);
}
.swagger-ui .white-10 {
  color: hsla(0, 0%, 100%, 0.1);
}
.swagger-ui .black {
  color: #000;
}
.swagger-ui .near-black {
  color: #111;
}
.swagger-ui .dark-gray {
  color: #333;
}
.swagger-ui .mid-gray {
  color: #555;
}
.swagger-ui .gray {
  color: #777;
}
.swagger-ui .silver {
  color: #999;
}
.swagger-ui .light-silver {
  color: #aaa;
}
.swagger-ui .moon-gray {
  color: #ccc;
}
.swagger-ui .light-gray {
  color: #eee;
}
.swagger-ui .near-white {
  color: #f4f4f4;
}
.swagger-ui .white {
  color: #fff;
}
.swagger-ui .dark-red {
  color: #e7040f;
}
.swagger-ui .red {
  color: #ff4136;
}
.swagger-ui .light-red {
  color: #ff725c;
}
.swagger-ui .orange {
  color: #ff6300;
}
.swagger-ui .gold {
  color: #ffb700;
}
.swagger-ui .yellow {
  color: gold;
}
.swagger-ui .light-yellow {
  color: #fbf1a9;
}
.swagger-ui .purple {
  color: #5e2ca5;
}
.swagger-ui .light-purple {
  color: #a463f2;
}
.swagger-ui .dark-pink {
  color: #d5008f;
}
.swagger-ui .hot-pink {
  color: #ff41b4;
}
.swagger-ui .pink {
  color: #ff80cc;
}
.swagger-ui .light-pink {
  color: #ffa3d7;
}
.swagger-ui .dark-green {
  color: #137752;
}
.swagger-ui .green {
  color: #19a974;
}
.swagger-ui .light-green {
  color: #9eebcf;
}
.swagger-ui .navy {
  color: #001b44;
}
.swagger-ui .dark-blue {
  color: #00449e;
}
.swagger-ui .blue {
  color: #357edd;
}
.swagger-ui .light-blue {
  color: #96ccff;
}
.swagger-ui .lightest-blue {
  color: #cdecff;
}
.swagger-ui .washed-blue {
  color: #f6fffe;
}
.swagger-ui .washed-green {
  color: #e8fdf5;
}
.swagger-ui .washed-yellow {
  color: #fffceb;
}
.swagger-ui .washed-red {
  color: #ffdfdf;
}
.swagger-ui .color-inherit {
  color: inherit;
}
.swagger-ui .bg-black-90 {
  background-color: rgba(0, 0, 0, 0.9);
}
.swagger-ui .bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.swagger-ui .bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7);
}
.swagger-ui .bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.swagger-ui .bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5);
}
.swagger-ui .bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.swagger-ui .bg-black-30 {
  background-color: rgba(0, 0, 0, 0.3);
}
.swagger-ui .bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2);
}
.swagger-ui .bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1);
}
.swagger-ui .bg-black-05 {
  background-color: rgba(0, 0, 0, 0.05);
}
.swagger-ui .bg-white-90 {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.swagger-ui .bg-white-80 {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.swagger-ui .bg-white-70 {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.swagger-ui .bg-white-60 {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.swagger-ui .bg-white-50 {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.swagger-ui .bg-white-40 {
  background-color: hsla(0, 0%, 100%, 0.4);
}
.swagger-ui .bg-white-30 {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.swagger-ui .bg-white-20 {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.swagger-ui .bg-white-10 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.swagger-ui .bg-black {
  background-color: #000;
}
.swagger-ui .bg-near-black {
  background-color: #111;
}
.swagger-ui .bg-dark-gray {
  background-color: #333;
}
.swagger-ui .bg-mid-gray {
  background-color: #555;
}
.swagger-ui .bg-gray {
  background-color: #777;
}
.swagger-ui .bg-silver {
  background-color: #999;
}
.swagger-ui .bg-light-silver {
  background-color: #aaa;
}
.swagger-ui .bg-moon-gray {
  background-color: #ccc;
}
.swagger-ui .bg-light-gray {
  background-color: #eee;
}
.swagger-ui .bg-near-white {
  background-color: #f4f4f4;
}
.swagger-ui .bg-white {
  background-color: #fff;
}
.swagger-ui .bg-transparent {
  background-color: transparent;
}
.swagger-ui .bg-dark-red {
  background-color: #e7040f;
}
.swagger-ui .bg-red {
  background-color: #ff4136;
}
.swagger-ui .bg-light-red {
  background-color: #ff725c;
}
.swagger-ui .bg-orange {
  background-color: #ff6300;
}
.swagger-ui .bg-gold {
  background-color: #ffb700;
}
.swagger-ui .bg-yellow {
  background-color: gold;
}
.swagger-ui .bg-light-yellow {
  background-color: #fbf1a9;
}
.swagger-ui .bg-purple {
  background-color: #5e2ca5;
}
.swagger-ui .bg-light-purple {
  background-color: #a463f2;
}
.swagger-ui .bg-dark-pink {
  background-color: #d5008f;
}
.swagger-ui .bg-hot-pink {
  background-color: #ff41b4;
}
.swagger-ui .bg-pink {
  background-color: #ff80cc;
}
.swagger-ui .bg-light-pink {
  background-color: #ffa3d7;
}
.swagger-ui .bg-dark-green {
  background-color: #137752;
}
.swagger-ui .bg-green {
  background-color: #19a974;
}
.swagger-ui .bg-light-green {
  background-color: #9eebcf;
}
.swagger-ui .bg-navy {
  background-color: #001b44;
}
.swagger-ui .bg-dark-blue {
  background-color: #00449e;
}
.swagger-ui .bg-blue {
  background-color: #357edd;
}
.swagger-ui .bg-light-blue {
  background-color: #96ccff;
}
.swagger-ui .bg-lightest-blue {
  background-color: #cdecff;
}
.swagger-ui .bg-washed-blue {
  background-color: #f6fffe;
}
.swagger-ui .bg-washed-green {
  background-color: #e8fdf5;
}
.swagger-ui .bg-washed-yellow {
  background-color: #fffceb;
}
.swagger-ui .bg-washed-red {
  background-color: #ffdfdf;
}
.swagger-ui .bg-inherit {
  background-color: inherit;
}
.swagger-ui .hover-black:focus,
.swagger-ui .hover-black:hover {
  color: #000;
}
.swagger-ui .hover-near-black:focus,
.swagger-ui .hover-near-black:hover {
  color: #111;
}
.swagger-ui .hover-dark-gray:focus,
.swagger-ui .hover-dark-gray:hover {
  color: #333;
}
.swagger-ui .hover-mid-gray:focus,
.swagger-ui .hover-mid-gray:hover {
  color: #555;
}
.swagger-ui .hover-gray:focus,
.swagger-ui .hover-gray:hover {
  color: #777;
}
.swagger-ui .hover-silver:focus,
.swagger-ui .hover-silver:hover {
  color: #999;
}
.swagger-ui .hover-light-silver:focus,
.swagger-ui .hover-light-silver:hover {
  color: #aaa;
}
.swagger-ui .hover-moon-gray:focus,
.swagger-ui .hover-moon-gray:hover {
  color: #ccc;
}
.swagger-ui .hover-light-gray:focus,
.swagger-ui .hover-light-gray:hover {
  color: #eee;
}
.swagger-ui .hover-near-white:focus,
.swagger-ui .hover-near-white:hover {
  color: #f4f4f4;
}
.swagger-ui .hover-white:focus,
.swagger-ui .hover-white:hover {
  color: #fff;
}
.swagger-ui .hover-black-90:focus,
.swagger-ui .hover-black-90:hover {
  color: rgba(0, 0, 0, 0.9);
}
.swagger-ui .hover-black-80:focus,
.swagger-ui .hover-black-80:hover {
  color: rgba(0, 0, 0, 0.8);
}
.swagger-ui .hover-black-70:focus,
.swagger-ui .hover-black-70:hover {
  color: rgba(0, 0, 0, 0.7);
}
.swagger-ui .hover-black-60:focus,
.swagger-ui .hover-black-60:hover {
  color: rgba(0, 0, 0, 0.6);
}
.swagger-ui .hover-black-50:focus,
.swagger-ui .hover-black-50:hover {
  color: rgba(0, 0, 0, 0.5);
}
.swagger-ui .hover-black-40:focus,
.swagger-ui .hover-black-40:hover {
  color: rgba(0, 0, 0, 0.4);
}
.swagger-ui .hover-black-30:focus,
.swagger-ui .hover-black-30:hover {
  color: rgba(0, 0, 0, 0.3);
}
.swagger-ui .hover-black-20:focus,
.swagger-ui .hover-black-20:hover {
  color: rgba(0, 0, 0, 0.2);
}
.swagger-ui .hover-black-10:focus,
.swagger-ui .hover-black-10:hover {
  color: rgba(0, 0, 0, 0.1);
}
.swagger-ui .hover-white-90:focus,
.swagger-ui .hover-white-90:hover {
  color: hsla(0, 0%, 100%, 0.9);
}
.swagger-ui .hover-white-80:focus,
.swagger-ui .hover-white-80:hover {
  color: hsla(0, 0%, 100%, 0.8);
}
.swagger-ui .hover-white-70:focus,
.swagger-ui .hover-white-70:hover {
  color: hsla(0, 0%, 100%, 0.7);
}
.swagger-ui .hover-white-60:focus,
.swagger-ui .hover-white-60:hover {
  color: hsla(0, 0%, 100%, 0.6);
}
.swagger-ui .hover-white-50:focus,
.swagger-ui .hover-white-50:hover {
  color: hsla(0, 0%, 100%, 0.5);
}
.swagger-ui .hover-white-40:focus,
.swagger-ui .hover-white-40:hover {
  color: hsla(0, 0%, 100%, 0.4);
}
.swagger-ui .hover-white-30:focus,
.swagger-ui .hover-white-30:hover {
  color: hsla(0, 0%, 100%, 0.3);
}
.swagger-ui .hover-white-20:focus,
.swagger-ui .hover-white-20:hover {
  color: hsla(0, 0%, 100%, 0.2);
}
.swagger-ui .hover-white-10:focus,
.swagger-ui .hover-white-10:hover {
  color: hsla(0, 0%, 100%, 0.1);
}
.swagger-ui .hover-inherit:focus,
.swagger-ui .hover-inherit:hover {
  color: inherit;
}
.swagger-ui .hover-bg-black:focus,
.swagger-ui .hover-bg-black:hover {
  background-color: #000;
}
.swagger-ui .hover-bg-near-black:focus,
.swagger-ui .hover-bg-near-black:hover {
  background-color: #111;
}
.swagger-ui .hover-bg-dark-gray:focus,
.swagger-ui .hover-bg-dark-gray:hover {
  background-color: #333;
}
.swagger-ui .hover-bg-mid-gray:focus,
.swagger-ui .hover-bg-mid-gray:hover {
  background-color: #555;
}
.swagger-ui .hover-bg-gray:focus,
.swagger-ui .hover-bg-gray:hover {
  background-color: #777;
}
.swagger-ui .hover-bg-silver:focus,
.swagger-ui .hover-bg-silver:hover {
  background-color: #999;
}
.swagger-ui .hover-bg-light-silver:focus,
.swagger-ui .hover-bg-light-silver:hover {
  background-color: #aaa;
}
.swagger-ui .hover-bg-moon-gray:focus,
.swagger-ui .hover-bg-moon-gray:hover {
  background-color: #ccc;
}
.swagger-ui .hover-bg-light-gray:focus,
.swagger-ui .hover-bg-light-gray:hover {
  background-color: #eee;
}
.swagger-ui .hover-bg-near-white:focus,
.swagger-ui .hover-bg-near-white:hover {
  background-color: #f4f4f4;
}
.swagger-ui .hover-bg-white:focus,
.swagger-ui .hover-bg-white:hover {
  background-color: #fff;
}
.swagger-ui .hover-bg-transparent:focus,
.swagger-ui .hover-bg-transparent:hover {
  background-color: transparent;
}
.swagger-ui .hover-bg-black-90:focus,
.swagger-ui .hover-bg-black-90:hover {
  background-color: rgba(0, 0, 0, 0.9);
}
.swagger-ui .hover-bg-black-80:focus,
.swagger-ui .hover-bg-black-80:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.swagger-ui .hover-bg-black-70:focus,
.swagger-ui .hover-bg-black-70:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.swagger-ui .hover-bg-black-60:focus,
.swagger-ui .hover-bg-black-60:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.swagger-ui .hover-bg-black-50:focus,
.swagger-ui .hover-bg-black-50:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.swagger-ui .hover-bg-black-40:focus,
.swagger-ui .hover-bg-black-40:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.swagger-ui .hover-bg-black-30:focus,
.swagger-ui .hover-bg-black-30:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.swagger-ui .hover-bg-black-20:focus,
.swagger-ui .hover-bg-black-20:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.swagger-ui .hover-bg-black-10:focus,
.swagger-ui .hover-bg-black-10:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.swagger-ui .hover-bg-white-90:focus,
.swagger-ui .hover-bg-white-90:hover {
  background-color: hsla(0, 0%, 100%, 0.9);
}
.swagger-ui .hover-bg-white-80:focus,
.swagger-ui .hover-bg-white-80:hover {
  background-color: hsla(0, 0%, 100%, 0.8);
}
.swagger-ui .hover-bg-white-70:focus,
.swagger-ui .hover-bg-white-70:hover {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.swagger-ui .hover-bg-white-60:focus,
.swagger-ui .hover-bg-white-60:hover {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.swagger-ui .hover-bg-white-50:focus,
.swagger-ui .hover-bg-white-50:hover {
  background-color: hsla(0, 0%, 100%, 0.5);
}
.swagger-ui .hover-bg-white-40:focus,
.swagger-ui .hover-bg-white-40:hover {
  background-color: hsla(0, 0%, 100%, 0.4);
}
.swagger-ui .hover-bg-white-30:focus,
.swagger-ui .hover-bg-white-30:hover {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.swagger-ui .hover-bg-white-20:focus,
.swagger-ui .hover-bg-white-20:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}
.swagger-ui .hover-bg-white-10:focus,
.swagger-ui .hover-bg-white-10:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.swagger-ui .hover-dark-red:focus,
.swagger-ui .hover-dark-red:hover {
  color: #e7040f;
}
.swagger-ui .hover-red:focus,
.swagger-ui .hover-red:hover {
  color: #ff4136;
}
.swagger-ui .hover-light-red:focus,
.swagger-ui .hover-light-red:hover {
  color: #ff725c;
}
.swagger-ui .hover-orange:focus,
.swagger-ui .hover-orange:hover {
  color: #ff6300;
}
.swagger-ui .hover-gold:focus,
.swagger-ui .hover-gold:hover {
  color: #ffb700;
}
.swagger-ui .hover-yellow:focus,
.swagger-ui .hover-yellow:hover {
  color: gold;
}
.swagger-ui .hover-light-yellow:focus,
.swagger-ui .hover-light-yellow:hover {
  color: #fbf1a9;
}
.swagger-ui .hover-purple:focus,
.swagger-ui .hover-purple:hover {
  color: #5e2ca5;
}
.swagger-ui .hover-light-purple:focus,
.swagger-ui .hover-light-purple:hover {
  color: #a463f2;
}
.swagger-ui .hover-dark-pink:focus,
.swagger-ui .hover-dark-pink:hover {
  color: #d5008f;
}
.swagger-ui .hover-hot-pink:focus,
.swagger-ui .hover-hot-pink:hover {
  color: #ff41b4;
}
.swagger-ui .hover-pink:focus,
.swagger-ui .hover-pink:hover {
  color: #ff80cc;
}
.swagger-ui .hover-light-pink:focus,
.swagger-ui .hover-light-pink:hover {
  color: #ffa3d7;
}
.swagger-ui .hover-dark-green:focus,
.swagger-ui .hover-dark-green:hover {
  color: #137752;
}
.swagger-ui .hover-green:focus,
.swagger-ui .hover-green:hover {
  color: #19a974;
}
.swagger-ui .hover-light-green:focus,
.swagger-ui .hover-light-green:hover {
  color: #9eebcf;
}
.swagger-ui .hover-navy:focus,
.swagger-ui .hover-navy:hover {
  color: #001b44;
}
.swagger-ui .hover-dark-blue:focus,
.swagger-ui .hover-dark-blue:hover {
  color: #00449e;
}
.swagger-ui .hover-blue:focus,
.swagger-ui .hover-blue:hover {
  color: #357edd;
}
.swagger-ui .hover-light-blue:focus,
.swagger-ui .hover-light-blue:hover {
  color: #96ccff;
}
.swagger-ui .hover-lightest-blue:focus,
.swagger-ui .hover-lightest-blue:hover {
  color: #cdecff;
}
.swagger-ui .hover-washed-blue:focus,
.swagger-ui .hover-washed-blue:hover {
  color: #f6fffe;
}
.swagger-ui .hover-washed-green:focus,
.swagger-ui .hover-washed-green:hover {
  color: #e8fdf5;
}
.swagger-ui .hover-washed-yellow:focus,
.swagger-ui .hover-washed-yellow:hover {
  color: #fffceb;
}
.swagger-ui .hover-washed-red:focus,
.swagger-ui .hover-washed-red:hover {
  color: #ffdfdf;
}
.swagger-ui .hover-bg-dark-red:focus,
.swagger-ui .hover-bg-dark-red:hover {
  background-color: #e7040f;
}
.swagger-ui .hover-bg-red:focus,
.swagger-ui .hover-bg-red:hover {
  background-color: #ff4136;
}
.swagger-ui .hover-bg-light-red:focus,
.swagger-ui .hover-bg-light-red:hover {
  background-color: #ff725c;
}
.swagger-ui .hover-bg-orange:focus,
.swagger-ui .hover-bg-orange:hover {
  background-color: #ff6300;
}
.swagger-ui .hover-bg-gold:focus,
.swagger-ui .hover-bg-gold:hover {
  background-color: #ffb700;
}
.swagger-ui .hover-bg-yellow:focus,
.swagger-ui .hover-bg-yellow:hover {
  background-color: gold;
}
.swagger-ui .hover-bg-light-yellow:focus,
.swagger-ui .hover-bg-light-yellow:hover {
  background-color: #fbf1a9;
}
.swagger-ui .hover-bg-purple:focus,
.swagger-ui .hover-bg-purple:hover {
  background-color: #5e2ca5;
}
.swagger-ui .hover-bg-light-purple:focus,
.swagger-ui .hover-bg-light-purple:hover {
  background-color: #a463f2;
}
.swagger-ui .hover-bg-dark-pink:focus,
.swagger-ui .hover-bg-dark-pink:hover {
  background-color: #d5008f;
}
.swagger-ui .hover-bg-hot-pink:focus,
.swagger-ui .hover-bg-hot-pink:hover {
  background-color: #ff41b4;
}
.swagger-ui .hover-bg-pink:focus,
.swagger-ui .hover-bg-pink:hover {
  background-color: #ff80cc;
}
.swagger-ui .hover-bg-light-pink:focus,
.swagger-ui .hover-bg-light-pink:hover {
  background-color: #ffa3d7;
}
.swagger-ui .hover-bg-dark-green:focus,
.swagger-ui .hover-bg-dark-green:hover {
  background-color: #137752;
}
.swagger-ui .hover-bg-green:focus,
.swagger-ui .hover-bg-green:hover {
  background-color: #19a974;
}
.swagger-ui .hover-bg-light-green:focus,
.swagger-ui .hover-bg-light-green:hover {
  background-color: #9eebcf;
}
.swagger-ui .hover-bg-navy:focus,
.swagger-ui .hover-bg-navy:hover {
  background-color: #001b44;
}
.swagger-ui .hover-bg-dark-blue:focus,
.swagger-ui .hover-bg-dark-blue:hover {
  background-color: #00449e;
}
.swagger-ui .hover-bg-blue:focus,
.swagger-ui .hover-bg-blue:hover {
  background-color: #357edd;
}
.swagger-ui .hover-bg-light-blue:focus,
.swagger-ui .hover-bg-light-blue:hover {
  background-color: #96ccff;
}
.swagger-ui .hover-bg-lightest-blue:focus,
.swagger-ui .hover-bg-lightest-blue:hover {
  background-color: #cdecff;
}
.swagger-ui .hover-bg-washed-blue:focus,
.swagger-ui .hover-bg-washed-blue:hover {
  background-color: #f6fffe;
}
.swagger-ui .hover-bg-washed-green:focus,
.swagger-ui .hover-bg-washed-green:hover {
  background-color: #e8fdf5;
}
.swagger-ui .hover-bg-washed-yellow:focus,
.swagger-ui .hover-bg-washed-yellow:hover {
  background-color: #fffceb;
}
.swagger-ui .hover-bg-washed-red:focus,
.swagger-ui .hover-bg-washed-red:hover {
  background-color: #ffdfdf;
}
.swagger-ui .hover-bg-inherit:focus,
.swagger-ui .hover-bg-inherit:hover {
  background-color: inherit;
}
.swagger-ui .pa0 {
  padding: 0;
}
.swagger-ui .pa1 {
  padding: 0.25rem;
}
.swagger-ui .pa2 {
  padding: 0.5rem;
}
.swagger-ui .pa3 {
  padding: 1rem;
}
.swagger-ui .pa4 {
  padding: 2rem;
}
.swagger-ui .pa5 {
  padding: 4rem;
}
.swagger-ui .pa6 {
  padding: 8rem;
}
.swagger-ui .pa7 {
  padding: 16rem;
}
.swagger-ui .pl0 {
  padding-left: 0;
}
.swagger-ui .pl1 {
  padding-left: 0.25rem;
}
.swagger-ui .pl2 {
  padding-left: 0.5rem;
}
.swagger-ui .pl3 {
  padding-left: 1rem;
}
.swagger-ui .pl4 {
  padding-left: 2rem;
}
.swagger-ui .pl5 {
  padding-left: 4rem;
}
.swagger-ui .pl6 {
  padding-left: 8rem;
}
.swagger-ui .pl7 {
  padding-left: 16rem;
}
.swagger-ui .pr0 {
  padding-right: 0;
}
.swagger-ui .pr1 {
  padding-right: 0.25rem;
}
.swagger-ui .pr2 {
  padding-right: 0.5rem;
}
.swagger-ui .pr3 {
  padding-right: 1rem;
}
.swagger-ui .pr4 {
  padding-right: 2rem;
}
.swagger-ui .pr5 {
  padding-right: 4rem;
}
.swagger-ui .pr6 {
  padding-right: 8rem;
}
.swagger-ui .pr7 {
  padding-right: 16rem;
}
.swagger-ui .pb0 {
  padding-bottom: 0;
}
.swagger-ui .pb1 {
  padding-bottom: 0.25rem;
}
.swagger-ui .pb2 {
  padding-bottom: 0.5rem;
}
.swagger-ui .pb3 {
  padding-bottom: 1rem;
}
.swagger-ui .pb4 {
  padding-bottom: 2rem;
}
.swagger-ui .pb5 {
  padding-bottom: 4rem;
}
.swagger-ui .pb6 {
  padding-bottom: 8rem;
}
.swagger-ui .pb7 {
  padding-bottom: 16rem;
}
.swagger-ui .pt0 {
  padding-top: 0;
}
.swagger-ui .pt1 {
  padding-top: 0.25rem;
}
.swagger-ui .pt2 {
  padding-top: 0.5rem;
}
.swagger-ui .pt3 {
  padding-top: 1rem;
}
.swagger-ui .pt4 {
  padding-top: 2rem;
}
.swagger-ui .pt5 {
  padding-top: 4rem;
}
.swagger-ui .pt6 {
  padding-top: 8rem;
}
.swagger-ui .pt7 {
  padding-top: 16rem;
}
.swagger-ui .pv0 {
  padding-bottom: 0;
  padding-top: 0;
}
.swagger-ui .pv1 {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.swagger-ui .pv2 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.swagger-ui .pv3 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.swagger-ui .pv4 {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.swagger-ui .pv5 {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.swagger-ui .pv6 {
  padding-bottom: 8rem;
  padding-top: 8rem;
}
.swagger-ui .pv7 {
  padding-bottom: 16rem;
  padding-top: 16rem;
}
.swagger-ui .ph0 {
  padding-left: 0;
  padding-right: 0;
}
.swagger-ui .ph1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.swagger-ui .ph2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.swagger-ui .ph3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.swagger-ui .ph4 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.swagger-ui .ph5 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.swagger-ui .ph6 {
  padding-left: 8rem;
  padding-right: 8rem;
}
.swagger-ui .ph7 {
  padding-left: 16rem;
  padding-right: 16rem;
}
.swagger-ui .ma0 {
  margin: 0;
}
.swagger-ui .ma1 {
  margin: 0.25rem;
}
.swagger-ui .ma2 {
  margin: 0.5rem;
}
.swagger-ui .ma3 {
  margin: 1rem;
}
.swagger-ui .ma4 {
  margin: 2rem;
}
.swagger-ui .ma5 {
  margin: 4rem;
}
.swagger-ui .ma6 {
  margin: 8rem;
}
.swagger-ui .ma7 {
  margin: 16rem;
}
.swagger-ui .ml0 {
  margin-left: 0;
}
.swagger-ui .ml1 {
  margin-left: 0.25rem;
}
.swagger-ui .ml2 {
  margin-left: 0.5rem;
}
.swagger-ui .ml3 {
  margin-left: 1rem;
}
.swagger-ui .ml4 {
  margin-left: 2rem;
}
.swagger-ui .ml5 {
  margin-left: 4rem;
}
.swagger-ui .ml6 {
  margin-left: 8rem;
}
.swagger-ui .ml7 {
  margin-left: 16rem;
}
.swagger-ui .mr0 {
  margin-right: 0;
}
.swagger-ui .mr1 {
  margin-right: 0.25rem;
}
.swagger-ui .mr2 {
  margin-right: 0.5rem;
}
.swagger-ui .mr3 {
  margin-right: 1rem;
}
.swagger-ui .mr4 {
  margin-right: 2rem;
}
.swagger-ui .mr5 {
  margin-right: 4rem;
}
.swagger-ui .mr6 {
  margin-right: 8rem;
}
.swagger-ui .mr7 {
  margin-right: 16rem;
}
.swagger-ui .mb0 {
  margin-bottom: 0;
}
.swagger-ui .mb1 {
  margin-bottom: 0.25rem;
}
.swagger-ui .mb2 {
  margin-bottom: 0.5rem;
}
.swagger-ui .mb3 {
  margin-bottom: 1rem;
}
.swagger-ui .mb4 {
  margin-bottom: 2rem;
}
.swagger-ui .mb5 {
  margin-bottom: 4rem;
}
.swagger-ui .mb6 {
  margin-bottom: 8rem;
}
.swagger-ui .mb7 {
  margin-bottom: 16rem;
}
.swagger-ui .mt0 {
  margin-top: 0;
}
.swagger-ui .mt1 {
  margin-top: 0.25rem;
}
.swagger-ui .mt2 {
  margin-top: 0.5rem;
}
.swagger-ui .mt3 {
  margin-top: 1rem;
}
.swagger-ui .mt4 {
  margin-top: 2rem;
}
.swagger-ui .mt5 {
  margin-top: 4rem;
}
.swagger-ui .mt6 {
  margin-top: 8rem;
}
.swagger-ui .mt7 {
  margin-top: 16rem;
}
.swagger-ui .mv0 {
  margin-bottom: 0;
  margin-top: 0;
}
.swagger-ui .mv1 {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.swagger-ui .mv2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.swagger-ui .mv3 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.swagger-ui .mv4 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.swagger-ui .mv5 {
  margin-bottom: 4rem;
  margin-top: 4rem;
}
.swagger-ui .mv6 {
  margin-bottom: 8rem;
  margin-top: 8rem;
}
.swagger-ui .mv7 {
  margin-bottom: 16rem;
  margin-top: 16rem;
}
.swagger-ui .mh0 {
  margin-left: 0;
  margin-right: 0;
}
.swagger-ui .mh1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.swagger-ui .mh2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.swagger-ui .mh3 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.swagger-ui .mh4 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.swagger-ui .mh5 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.swagger-ui .mh6 {
  margin-left: 8rem;
  margin-right: 8rem;
}
.swagger-ui .mh7 {
  margin-left: 16rem;
  margin-right: 16rem;
}
@media screen and (min-width: 30em) {
  .swagger-ui .pa0-ns {
    padding: 0;
  }
  .swagger-ui .pa1-ns {
    padding: 0.25rem;
  }
  .swagger-ui .pa2-ns {
    padding: 0.5rem;
  }
  .swagger-ui .pa3-ns {
    padding: 1rem;
  }
  .swagger-ui .pa4-ns {
    padding: 2rem;
  }
  .swagger-ui .pa5-ns {
    padding: 4rem;
  }
  .swagger-ui .pa6-ns {
    padding: 8rem;
  }
  .swagger-ui .pa7-ns {
    padding: 16rem;
  }
  .swagger-ui .pl0-ns {
    padding-left: 0;
  }
  .swagger-ui .pl1-ns {
    padding-left: 0.25rem;
  }
  .swagger-ui .pl2-ns {
    padding-left: 0.5rem;
  }
  .swagger-ui .pl3-ns {
    padding-left: 1rem;
  }
  .swagger-ui .pl4-ns {
    padding-left: 2rem;
  }
  .swagger-ui .pl5-ns {
    padding-left: 4rem;
  }
  .swagger-ui .pl6-ns {
    padding-left: 8rem;
  }
  .swagger-ui .pl7-ns {
    padding-left: 16rem;
  }
  .swagger-ui .pr0-ns {
    padding-right: 0;
  }
  .swagger-ui .pr1-ns {
    padding-right: 0.25rem;
  }
  .swagger-ui .pr2-ns {
    padding-right: 0.5rem;
  }
  .swagger-ui .pr3-ns {
    padding-right: 1rem;
  }
  .swagger-ui .pr4-ns {
    padding-right: 2rem;
  }
  .swagger-ui .pr5-ns {
    padding-right: 4rem;
  }
  .swagger-ui .pr6-ns {
    padding-right: 8rem;
  }
  .swagger-ui .pr7-ns {
    padding-right: 16rem;
  }
  .swagger-ui .pb0-ns {
    padding-bottom: 0;
  }
  .swagger-ui .pb1-ns {
    padding-bottom: 0.25rem;
  }
  .swagger-ui .pb2-ns {
    padding-bottom: 0.5rem;
  }
  .swagger-ui .pb3-ns {
    padding-bottom: 1rem;
  }
  .swagger-ui .pb4-ns {
    padding-bottom: 2rem;
  }
  .swagger-ui .pb5-ns {
    padding-bottom: 4rem;
  }
  .swagger-ui .pb6-ns {
    padding-bottom: 8rem;
  }
  .swagger-ui .pb7-ns {
    padding-bottom: 16rem;
  }
  .swagger-ui .pt0-ns {
    padding-top: 0;
  }
  .swagger-ui .pt1-ns {
    padding-top: 0.25rem;
  }
  .swagger-ui .pt2-ns {
    padding-top: 0.5rem;
  }
  .swagger-ui .pt3-ns {
    padding-top: 1rem;
  }
  .swagger-ui .pt4-ns {
    padding-top: 2rem;
  }
  .swagger-ui .pt5-ns {
    padding-top: 4rem;
  }
  .swagger-ui .pt6-ns {
    padding-top: 8rem;
  }
  .swagger-ui .pt7-ns {
    padding-top: 16rem;
  }
  .swagger-ui .pv0-ns {
    padding-bottom: 0;
    padding-top: 0;
  }
  .swagger-ui .pv1-ns {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .swagger-ui .pv2-ns {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .swagger-ui .pv3-ns {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .swagger-ui .pv4-ns {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .swagger-ui .pv5-ns {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .swagger-ui .pv6-ns {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .swagger-ui .pv7-ns {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
  .swagger-ui .ph0-ns {
    padding-left: 0;
    padding-right: 0;
  }
  .swagger-ui .ph1-ns {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .swagger-ui .ph2-ns {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .swagger-ui .ph3-ns {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .swagger-ui .ph4-ns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .swagger-ui .ph5-ns {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .swagger-ui .ph6-ns {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .swagger-ui .ph7-ns {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .swagger-ui .ma0-ns {
    margin: 0;
  }
  .swagger-ui .ma1-ns {
    margin: 0.25rem;
  }
  .swagger-ui .ma2-ns {
    margin: 0.5rem;
  }
  .swagger-ui .ma3-ns {
    margin: 1rem;
  }
  .swagger-ui .ma4-ns {
    margin: 2rem;
  }
  .swagger-ui .ma5-ns {
    margin: 4rem;
  }
  .swagger-ui .ma6-ns {
    margin: 8rem;
  }
  .swagger-ui .ma7-ns {
    margin: 16rem;
  }
  .swagger-ui .ml0-ns {
    margin-left: 0;
  }
  .swagger-ui .ml1-ns {
    margin-left: 0.25rem;
  }
  .swagger-ui .ml2-ns {
    margin-left: 0.5rem;
  }
  .swagger-ui .ml3-ns {
    margin-left: 1rem;
  }
  .swagger-ui .ml4-ns {
    margin-left: 2rem;
  }
  .swagger-ui .ml5-ns {
    margin-left: 4rem;
  }
  .swagger-ui .ml6-ns {
    margin-left: 8rem;
  }
  .swagger-ui .ml7-ns {
    margin-left: 16rem;
  }
  .swagger-ui .mr0-ns {
    margin-right: 0;
  }
  .swagger-ui .mr1-ns {
    margin-right: 0.25rem;
  }
  .swagger-ui .mr2-ns {
    margin-right: 0.5rem;
  }
  .swagger-ui .mr3-ns {
    margin-right: 1rem;
  }
  .swagger-ui .mr4-ns {
    margin-right: 2rem;
  }
  .swagger-ui .mr5-ns {
    margin-right: 4rem;
  }
  .swagger-ui .mr6-ns {
    margin-right: 8rem;
  }
  .swagger-ui .mr7-ns {
    margin-right: 16rem;
  }
  .swagger-ui .mb0-ns {
    margin-bottom: 0;
  }
  .swagger-ui .mb1-ns {
    margin-bottom: 0.25rem;
  }
  .swagger-ui .mb2-ns {
    margin-bottom: 0.5rem;
  }
  .swagger-ui .mb3-ns {
    margin-bottom: 1rem;
  }
  .swagger-ui .mb4-ns {
    margin-bottom: 2rem;
  }
  .swagger-ui .mb5-ns {
    margin-bottom: 4rem;
  }
  .swagger-ui .mb6-ns {
    margin-bottom: 8rem;
  }
  .swagger-ui .mb7-ns {
    margin-bottom: 16rem;
  }
  .swagger-ui .mt0-ns {
    margin-top: 0;
  }
  .swagger-ui .mt1-ns {
    margin-top: 0.25rem;
  }
  .swagger-ui .mt2-ns {
    margin-top: 0.5rem;
  }
  .swagger-ui .mt3-ns {
    margin-top: 1rem;
  }
  .swagger-ui .mt4-ns {
    margin-top: 2rem;
  }
  .swagger-ui .mt5-ns {
    margin-top: 4rem;
  }
  .swagger-ui .mt6-ns {
    margin-top: 8rem;
  }
  .swagger-ui .mt7-ns {
    margin-top: 16rem;
  }
  .swagger-ui .mv0-ns {
    margin-bottom: 0;
    margin-top: 0;
  }
  .swagger-ui .mv1-ns {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .swagger-ui .mv2-ns {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .swagger-ui .mv3-ns {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .swagger-ui .mv4-ns {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .swagger-ui .mv5-ns {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .swagger-ui .mv6-ns {
    margin-bottom: 8rem;
    margin-top: 8rem;
  }
  .swagger-ui .mv7-ns {
    margin-bottom: 16rem;
    margin-top: 16rem;
  }
  .swagger-ui .mh0-ns {
    margin-left: 0;
    margin-right: 0;
  }
  .swagger-ui .mh1-ns {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .swagger-ui .mh2-ns {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .swagger-ui .mh3-ns {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .swagger-ui .mh4-ns {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .swagger-ui .mh5-ns {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .swagger-ui .mh6-ns {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .swagger-ui .mh7-ns {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .pa0-m {
    padding: 0;
  }
  .swagger-ui .pa1-m {
    padding: 0.25rem;
  }
  .swagger-ui .pa2-m {
    padding: 0.5rem;
  }
  .swagger-ui .pa3-m {
    padding: 1rem;
  }
  .swagger-ui .pa4-m {
    padding: 2rem;
  }
  .swagger-ui .pa5-m {
    padding: 4rem;
  }
  .swagger-ui .pa6-m {
    padding: 8rem;
  }
  .swagger-ui .pa7-m {
    padding: 16rem;
  }
  .swagger-ui .pl0-m {
    padding-left: 0;
  }
  .swagger-ui .pl1-m {
    padding-left: 0.25rem;
  }
  .swagger-ui .pl2-m {
    padding-left: 0.5rem;
  }
  .swagger-ui .pl3-m {
    padding-left: 1rem;
  }
  .swagger-ui .pl4-m {
    padding-left: 2rem;
  }
  .swagger-ui .pl5-m {
    padding-left: 4rem;
  }
  .swagger-ui .pl6-m {
    padding-left: 8rem;
  }
  .swagger-ui .pl7-m {
    padding-left: 16rem;
  }
  .swagger-ui .pr0-m {
    padding-right: 0;
  }
  .swagger-ui .pr1-m {
    padding-right: 0.25rem;
  }
  .swagger-ui .pr2-m {
    padding-right: 0.5rem;
  }
  .swagger-ui .pr3-m {
    padding-right: 1rem;
  }
  .swagger-ui .pr4-m {
    padding-right: 2rem;
  }
  .swagger-ui .pr5-m {
    padding-right: 4rem;
  }
  .swagger-ui .pr6-m {
    padding-right: 8rem;
  }
  .swagger-ui .pr7-m {
    padding-right: 16rem;
  }
  .swagger-ui .pb0-m {
    padding-bottom: 0;
  }
  .swagger-ui .pb1-m {
    padding-bottom: 0.25rem;
  }
  .swagger-ui .pb2-m {
    padding-bottom: 0.5rem;
  }
  .swagger-ui .pb3-m {
    padding-bottom: 1rem;
  }
  .swagger-ui .pb4-m {
    padding-bottom: 2rem;
  }
  .swagger-ui .pb5-m {
    padding-bottom: 4rem;
  }
  .swagger-ui .pb6-m {
    padding-bottom: 8rem;
  }
  .swagger-ui .pb7-m {
    padding-bottom: 16rem;
  }
  .swagger-ui .pt0-m {
    padding-top: 0;
  }
  .swagger-ui .pt1-m {
    padding-top: 0.25rem;
  }
  .swagger-ui .pt2-m {
    padding-top: 0.5rem;
  }
  .swagger-ui .pt3-m {
    padding-top: 1rem;
  }
  .swagger-ui .pt4-m {
    padding-top: 2rem;
  }
  .swagger-ui .pt5-m {
    padding-top: 4rem;
  }
  .swagger-ui .pt6-m {
    padding-top: 8rem;
  }
  .swagger-ui .pt7-m {
    padding-top: 16rem;
  }
  .swagger-ui .pv0-m {
    padding-bottom: 0;
    padding-top: 0;
  }
  .swagger-ui .pv1-m {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .swagger-ui .pv2-m {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .swagger-ui .pv3-m {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .swagger-ui .pv4-m {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .swagger-ui .pv5-m {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .swagger-ui .pv6-m {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .swagger-ui .pv7-m {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
  .swagger-ui .ph0-m {
    padding-left: 0;
    padding-right: 0;
  }
  .swagger-ui .ph1-m {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .swagger-ui .ph2-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .swagger-ui .ph3-m {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .swagger-ui .ph4-m {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .swagger-ui .ph5-m {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .swagger-ui .ph6-m {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .swagger-ui .ph7-m {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .swagger-ui .ma0-m {
    margin: 0;
  }
  .swagger-ui .ma1-m {
    margin: 0.25rem;
  }
  .swagger-ui .ma2-m {
    margin: 0.5rem;
  }
  .swagger-ui .ma3-m {
    margin: 1rem;
  }
  .swagger-ui .ma4-m {
    margin: 2rem;
  }
  .swagger-ui .ma5-m {
    margin: 4rem;
  }
  .swagger-ui .ma6-m {
    margin: 8rem;
  }
  .swagger-ui .ma7-m {
    margin: 16rem;
  }
  .swagger-ui .ml0-m {
    margin-left: 0;
  }
  .swagger-ui .ml1-m {
    margin-left: 0.25rem;
  }
  .swagger-ui .ml2-m {
    margin-left: 0.5rem;
  }
  .swagger-ui .ml3-m {
    margin-left: 1rem;
  }
  .swagger-ui .ml4-m {
    margin-left: 2rem;
  }
  .swagger-ui .ml5-m {
    margin-left: 4rem;
  }
  .swagger-ui .ml6-m {
    margin-left: 8rem;
  }
  .swagger-ui .ml7-m {
    margin-left: 16rem;
  }
  .swagger-ui .mr0-m {
    margin-right: 0;
  }
  .swagger-ui .mr1-m {
    margin-right: 0.25rem;
  }
  .swagger-ui .mr2-m {
    margin-right: 0.5rem;
  }
  .swagger-ui .mr3-m {
    margin-right: 1rem;
  }
  .swagger-ui .mr4-m {
    margin-right: 2rem;
  }
  .swagger-ui .mr5-m {
    margin-right: 4rem;
  }
  .swagger-ui .mr6-m {
    margin-right: 8rem;
  }
  .swagger-ui .mr7-m {
    margin-right: 16rem;
  }
  .swagger-ui .mb0-m {
    margin-bottom: 0;
  }
  .swagger-ui .mb1-m {
    margin-bottom: 0.25rem;
  }
  .swagger-ui .mb2-m {
    margin-bottom: 0.5rem;
  }
  .swagger-ui .mb3-m {
    margin-bottom: 1rem;
  }
  .swagger-ui .mb4-m {
    margin-bottom: 2rem;
  }
  .swagger-ui .mb5-m {
    margin-bottom: 4rem;
  }
  .swagger-ui .mb6-m {
    margin-bottom: 8rem;
  }
  .swagger-ui .mb7-m {
    margin-bottom: 16rem;
  }
  .swagger-ui .mt0-m {
    margin-top: 0;
  }
  .swagger-ui .mt1-m {
    margin-top: 0.25rem;
  }
  .swagger-ui .mt2-m {
    margin-top: 0.5rem;
  }
  .swagger-ui .mt3-m {
    margin-top: 1rem;
  }
  .swagger-ui .mt4-m {
    margin-top: 2rem;
  }
  .swagger-ui .mt5-m {
    margin-top: 4rem;
  }
  .swagger-ui .mt6-m {
    margin-top: 8rem;
  }
  .swagger-ui .mt7-m {
    margin-top: 16rem;
  }
  .swagger-ui .mv0-m {
    margin-bottom: 0;
    margin-top: 0;
  }
  .swagger-ui .mv1-m {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .swagger-ui .mv2-m {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .swagger-ui .mv3-m {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .swagger-ui .mv4-m {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .swagger-ui .mv5-m {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .swagger-ui .mv6-m {
    margin-bottom: 8rem;
    margin-top: 8rem;
  }
  .swagger-ui .mv7-m {
    margin-bottom: 16rem;
    margin-top: 16rem;
  }
  .swagger-ui .mh0-m {
    margin-left: 0;
    margin-right: 0;
  }
  .swagger-ui .mh1-m {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .swagger-ui .mh2-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .swagger-ui .mh3-m {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .swagger-ui .mh4-m {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .swagger-ui .mh5-m {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .swagger-ui .mh6-m {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .swagger-ui .mh7-m {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .pa0-l {
    padding: 0;
  }
  .swagger-ui .pa1-l {
    padding: 0.25rem;
  }
  .swagger-ui .pa2-l {
    padding: 0.5rem;
  }
  .swagger-ui .pa3-l {
    padding: 1rem;
  }
  .swagger-ui .pa4-l {
    padding: 2rem;
  }
  .swagger-ui .pa5-l {
    padding: 4rem;
  }
  .swagger-ui .pa6-l {
    padding: 8rem;
  }
  .swagger-ui .pa7-l {
    padding: 16rem;
  }
  .swagger-ui .pl0-l {
    padding-left: 0;
  }
  .swagger-ui .pl1-l {
    padding-left: 0.25rem;
  }
  .swagger-ui .pl2-l {
    padding-left: 0.5rem;
  }
  .swagger-ui .pl3-l {
    padding-left: 1rem;
  }
  .swagger-ui .pl4-l {
    padding-left: 2rem;
  }
  .swagger-ui .pl5-l {
    padding-left: 4rem;
  }
  .swagger-ui .pl6-l {
    padding-left: 8rem;
  }
  .swagger-ui .pl7-l {
    padding-left: 16rem;
  }
  .swagger-ui .pr0-l {
    padding-right: 0;
  }
  .swagger-ui .pr1-l {
    padding-right: 0.25rem;
  }
  .swagger-ui .pr2-l {
    padding-right: 0.5rem;
  }
  .swagger-ui .pr3-l {
    padding-right: 1rem;
  }
  .swagger-ui .pr4-l {
    padding-right: 2rem;
  }
  .swagger-ui .pr5-l {
    padding-right: 4rem;
  }
  .swagger-ui .pr6-l {
    padding-right: 8rem;
  }
  .swagger-ui .pr7-l {
    padding-right: 16rem;
  }
  .swagger-ui .pb0-l {
    padding-bottom: 0;
  }
  .swagger-ui .pb1-l {
    padding-bottom: 0.25rem;
  }
  .swagger-ui .pb2-l {
    padding-bottom: 0.5rem;
  }
  .swagger-ui .pb3-l {
    padding-bottom: 1rem;
  }
  .swagger-ui .pb4-l {
    padding-bottom: 2rem;
  }
  .swagger-ui .pb5-l {
    padding-bottom: 4rem;
  }
  .swagger-ui .pb6-l {
    padding-bottom: 8rem;
  }
  .swagger-ui .pb7-l {
    padding-bottom: 16rem;
  }
  .swagger-ui .pt0-l {
    padding-top: 0;
  }
  .swagger-ui .pt1-l {
    padding-top: 0.25rem;
  }
  .swagger-ui .pt2-l {
    padding-top: 0.5rem;
  }
  .swagger-ui .pt3-l {
    padding-top: 1rem;
  }
  .swagger-ui .pt4-l {
    padding-top: 2rem;
  }
  .swagger-ui .pt5-l {
    padding-top: 4rem;
  }
  .swagger-ui .pt6-l {
    padding-top: 8rem;
  }
  .swagger-ui .pt7-l {
    padding-top: 16rem;
  }
  .swagger-ui .pv0-l {
    padding-bottom: 0;
    padding-top: 0;
  }
  .swagger-ui .pv1-l {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
  }
  .swagger-ui .pv2-l {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
  .swagger-ui .pv3-l {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .swagger-ui .pv4-l {
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .swagger-ui .pv5-l {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
  .swagger-ui .pv6-l {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .swagger-ui .pv7-l {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
  .swagger-ui .ph0-l {
    padding-left: 0;
    padding-right: 0;
  }
  .swagger-ui .ph1-l {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .swagger-ui .ph2-l {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .swagger-ui .ph3-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .swagger-ui .ph4-l {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .swagger-ui .ph5-l {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .swagger-ui .ph6-l {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .swagger-ui .ph7-l {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .swagger-ui .ma0-l {
    margin: 0;
  }
  .swagger-ui .ma1-l {
    margin: 0.25rem;
  }
  .swagger-ui .ma2-l {
    margin: 0.5rem;
  }
  .swagger-ui .ma3-l {
    margin: 1rem;
  }
  .swagger-ui .ma4-l {
    margin: 2rem;
  }
  .swagger-ui .ma5-l {
    margin: 4rem;
  }
  .swagger-ui .ma6-l {
    margin: 8rem;
  }
  .swagger-ui .ma7-l {
    margin: 16rem;
  }
  .swagger-ui .ml0-l {
    margin-left: 0;
  }
  .swagger-ui .ml1-l {
    margin-left: 0.25rem;
  }
  .swagger-ui .ml2-l {
    margin-left: 0.5rem;
  }
  .swagger-ui .ml3-l {
    margin-left: 1rem;
  }
  .swagger-ui .ml4-l {
    margin-left: 2rem;
  }
  .swagger-ui .ml5-l {
    margin-left: 4rem;
  }
  .swagger-ui .ml6-l {
    margin-left: 8rem;
  }
  .swagger-ui .ml7-l {
    margin-left: 16rem;
  }
  .swagger-ui .mr0-l {
    margin-right: 0;
  }
  .swagger-ui .mr1-l {
    margin-right: 0.25rem;
  }
  .swagger-ui .mr2-l {
    margin-right: 0.5rem;
  }
  .swagger-ui .mr3-l {
    margin-right: 1rem;
  }
  .swagger-ui .mr4-l {
    margin-right: 2rem;
  }
  .swagger-ui .mr5-l {
    margin-right: 4rem;
  }
  .swagger-ui .mr6-l {
    margin-right: 8rem;
  }
  .swagger-ui .mr7-l {
    margin-right: 16rem;
  }
  .swagger-ui .mb0-l {
    margin-bottom: 0;
  }
  .swagger-ui .mb1-l {
    margin-bottom: 0.25rem;
  }
  .swagger-ui .mb2-l {
    margin-bottom: 0.5rem;
  }
  .swagger-ui .mb3-l {
    margin-bottom: 1rem;
  }
  .swagger-ui .mb4-l {
    margin-bottom: 2rem;
  }
  .swagger-ui .mb5-l {
    margin-bottom: 4rem;
  }
  .swagger-ui .mb6-l {
    margin-bottom: 8rem;
  }
  .swagger-ui .mb7-l {
    margin-bottom: 16rem;
  }
  .swagger-ui .mt0-l {
    margin-top: 0;
  }
  .swagger-ui .mt1-l {
    margin-top: 0.25rem;
  }
  .swagger-ui .mt2-l {
    margin-top: 0.5rem;
  }
  .swagger-ui .mt3-l {
    margin-top: 1rem;
  }
  .swagger-ui .mt4-l {
    margin-top: 2rem;
  }
  .swagger-ui .mt5-l {
    margin-top: 4rem;
  }
  .swagger-ui .mt6-l {
    margin-top: 8rem;
  }
  .swagger-ui .mt7-l {
    margin-top: 16rem;
  }
  .swagger-ui .mv0-l {
    margin-bottom: 0;
    margin-top: 0;
  }
  .swagger-ui .mv1-l {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
  .swagger-ui .mv2-l {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .swagger-ui .mv3-l {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
  .swagger-ui .mv4-l {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .swagger-ui .mv5-l {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .swagger-ui .mv6-l {
    margin-bottom: 8rem;
    margin-top: 8rem;
  }
  .swagger-ui .mv7-l {
    margin-bottom: 16rem;
    margin-top: 16rem;
  }
  .swagger-ui .mh0-l {
    margin-left: 0;
    margin-right: 0;
  }
  .swagger-ui .mh1-l {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .swagger-ui .mh2-l {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .swagger-ui .mh3-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .swagger-ui .mh4-l {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .swagger-ui .mh5-l {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .swagger-ui .mh6-l {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .swagger-ui .mh7-l {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
.swagger-ui .na1 {
  margin: -0.25rem;
}
.swagger-ui .na2 {
  margin: -0.5rem;
}
.swagger-ui .na3 {
  margin: -1rem;
}
.swagger-ui .na4 {
  margin: -2rem;
}
.swagger-ui .na5 {
  margin: -4rem;
}
.swagger-ui .na6 {
  margin: -8rem;
}
.swagger-ui .na7 {
  margin: -16rem;
}
.swagger-ui .nl1 {
  margin-left: -0.25rem;
}
.swagger-ui .nl2 {
  margin-left: -0.5rem;
}
.swagger-ui .nl3 {
  margin-left: -1rem;
}
.swagger-ui .nl4 {
  margin-left: -2rem;
}
.swagger-ui .nl5 {
  margin-left: -4rem;
}
.swagger-ui .nl6 {
  margin-left: -8rem;
}
.swagger-ui .nl7 {
  margin-left: -16rem;
}
.swagger-ui .nr1 {
  margin-right: -0.25rem;
}
.swagger-ui .nr2 {
  margin-right: -0.5rem;
}
.swagger-ui .nr3 {
  margin-right: -1rem;
}
.swagger-ui .nr4 {
  margin-right: -2rem;
}
.swagger-ui .nr5 {
  margin-right: -4rem;
}
.swagger-ui .nr6 {
  margin-right: -8rem;
}
.swagger-ui .nr7 {
  margin-right: -16rem;
}
.swagger-ui .nb1 {
  margin-bottom: -0.25rem;
}
.swagger-ui .nb2 {
  margin-bottom: -0.5rem;
}
.swagger-ui .nb3 {
  margin-bottom: -1rem;
}
.swagger-ui .nb4 {
  margin-bottom: -2rem;
}
.swagger-ui .nb5 {
  margin-bottom: -4rem;
}
.swagger-ui .nb6 {
  margin-bottom: -8rem;
}
.swagger-ui .nb7 {
  margin-bottom: -16rem;
}
.swagger-ui .nt1 {
  margin-top: -0.25rem;
}
.swagger-ui .nt2 {
  margin-top: -0.5rem;
}
.swagger-ui .nt3 {
  margin-top: -1rem;
}
.swagger-ui .nt4 {
  margin-top: -2rem;
}
.swagger-ui .nt5 {
  margin-top: -4rem;
}
.swagger-ui .nt6 {
  margin-top: -8rem;
}
.swagger-ui .nt7 {
  margin-top: -16rem;
}
@media screen and (min-width: 30em) {
  .swagger-ui .na1-ns {
    margin: -0.25rem;
  }
  .swagger-ui .na2-ns {
    margin: -0.5rem;
  }
  .swagger-ui .na3-ns {
    margin: -1rem;
  }
  .swagger-ui .na4-ns {
    margin: -2rem;
  }
  .swagger-ui .na5-ns {
    margin: -4rem;
  }
  .swagger-ui .na6-ns {
    margin: -8rem;
  }
  .swagger-ui .na7-ns {
    margin: -16rem;
  }
  .swagger-ui .nl1-ns {
    margin-left: -0.25rem;
  }
  .swagger-ui .nl2-ns {
    margin-left: -0.5rem;
  }
  .swagger-ui .nl3-ns {
    margin-left: -1rem;
  }
  .swagger-ui .nl4-ns {
    margin-left: -2rem;
  }
  .swagger-ui .nl5-ns {
    margin-left: -4rem;
  }
  .swagger-ui .nl6-ns {
    margin-left: -8rem;
  }
  .swagger-ui .nl7-ns {
    margin-left: -16rem;
  }
  .swagger-ui .nr1-ns {
    margin-right: -0.25rem;
  }
  .swagger-ui .nr2-ns {
    margin-right: -0.5rem;
  }
  .swagger-ui .nr3-ns {
    margin-right: -1rem;
  }
  .swagger-ui .nr4-ns {
    margin-right: -2rem;
  }
  .swagger-ui .nr5-ns {
    margin-right: -4rem;
  }
  .swagger-ui .nr6-ns {
    margin-right: -8rem;
  }
  .swagger-ui .nr7-ns {
    margin-right: -16rem;
  }
  .swagger-ui .nb1-ns {
    margin-bottom: -0.25rem;
  }
  .swagger-ui .nb2-ns {
    margin-bottom: -0.5rem;
  }
  .swagger-ui .nb3-ns {
    margin-bottom: -1rem;
  }
  .swagger-ui .nb4-ns {
    margin-bottom: -2rem;
  }
  .swagger-ui .nb5-ns {
    margin-bottom: -4rem;
  }
  .swagger-ui .nb6-ns {
    margin-bottom: -8rem;
  }
  .swagger-ui .nb7-ns {
    margin-bottom: -16rem;
  }
  .swagger-ui .nt1-ns {
    margin-top: -0.25rem;
  }
  .swagger-ui .nt2-ns {
    margin-top: -0.5rem;
  }
  .swagger-ui .nt3-ns {
    margin-top: -1rem;
  }
  .swagger-ui .nt4-ns {
    margin-top: -2rem;
  }
  .swagger-ui .nt5-ns {
    margin-top: -4rem;
  }
  .swagger-ui .nt6-ns {
    margin-top: -8rem;
  }
  .swagger-ui .nt7-ns {
    margin-top: -16rem;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .na1-m {
    margin: -0.25rem;
  }
  .swagger-ui .na2-m {
    margin: -0.5rem;
  }
  .swagger-ui .na3-m {
    margin: -1rem;
  }
  .swagger-ui .na4-m {
    margin: -2rem;
  }
  .swagger-ui .na5-m {
    margin: -4rem;
  }
  .swagger-ui .na6-m {
    margin: -8rem;
  }
  .swagger-ui .na7-m {
    margin: -16rem;
  }
  .swagger-ui .nl1-m {
    margin-left: -0.25rem;
  }
  .swagger-ui .nl2-m {
    margin-left: -0.5rem;
  }
  .swagger-ui .nl3-m {
    margin-left: -1rem;
  }
  .swagger-ui .nl4-m {
    margin-left: -2rem;
  }
  .swagger-ui .nl5-m {
    margin-left: -4rem;
  }
  .swagger-ui .nl6-m {
    margin-left: -8rem;
  }
  .swagger-ui .nl7-m {
    margin-left: -16rem;
  }
  .swagger-ui .nr1-m {
    margin-right: -0.25rem;
  }
  .swagger-ui .nr2-m {
    margin-right: -0.5rem;
  }
  .swagger-ui .nr3-m {
    margin-right: -1rem;
  }
  .swagger-ui .nr4-m {
    margin-right: -2rem;
  }
  .swagger-ui .nr5-m {
    margin-right: -4rem;
  }
  .swagger-ui .nr6-m {
    margin-right: -8rem;
  }
  .swagger-ui .nr7-m {
    margin-right: -16rem;
  }
  .swagger-ui .nb1-m {
    margin-bottom: -0.25rem;
  }
  .swagger-ui .nb2-m {
    margin-bottom: -0.5rem;
  }
  .swagger-ui .nb3-m {
    margin-bottom: -1rem;
  }
  .swagger-ui .nb4-m {
    margin-bottom: -2rem;
  }
  .swagger-ui .nb5-m {
    margin-bottom: -4rem;
  }
  .swagger-ui .nb6-m {
    margin-bottom: -8rem;
  }
  .swagger-ui .nb7-m {
    margin-bottom: -16rem;
  }
  .swagger-ui .nt1-m {
    margin-top: -0.25rem;
  }
  .swagger-ui .nt2-m {
    margin-top: -0.5rem;
  }
  .swagger-ui .nt3-m {
    margin-top: -1rem;
  }
  .swagger-ui .nt4-m {
    margin-top: -2rem;
  }
  .swagger-ui .nt5-m {
    margin-top: -4rem;
  }
  .swagger-ui .nt6-m {
    margin-top: -8rem;
  }
  .swagger-ui .nt7-m {
    margin-top: -16rem;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .na1-l {
    margin: -0.25rem;
  }
  .swagger-ui .na2-l {
    margin: -0.5rem;
  }
  .swagger-ui .na3-l {
    margin: -1rem;
  }
  .swagger-ui .na4-l {
    margin: -2rem;
  }
  .swagger-ui .na5-l {
    margin: -4rem;
  }
  .swagger-ui .na6-l {
    margin: -8rem;
  }
  .swagger-ui .na7-l {
    margin: -16rem;
  }
  .swagger-ui .nl1-l {
    margin-left: -0.25rem;
  }
  .swagger-ui .nl2-l {
    margin-left: -0.5rem;
  }
  .swagger-ui .nl3-l {
    margin-left: -1rem;
  }
  .swagger-ui .nl4-l {
    margin-left: -2rem;
  }
  .swagger-ui .nl5-l {
    margin-left: -4rem;
  }
  .swagger-ui .nl6-l {
    margin-left: -8rem;
  }
  .swagger-ui .nl7-l {
    margin-left: -16rem;
  }
  .swagger-ui .nr1-l {
    margin-right: -0.25rem;
  }
  .swagger-ui .nr2-l {
    margin-right: -0.5rem;
  }
  .swagger-ui .nr3-l {
    margin-right: -1rem;
  }
  .swagger-ui .nr4-l {
    margin-right: -2rem;
  }
  .swagger-ui .nr5-l {
    margin-right: -4rem;
  }
  .swagger-ui .nr6-l {
    margin-right: -8rem;
  }
  .swagger-ui .nr7-l {
    margin-right: -16rem;
  }
  .swagger-ui .nb1-l {
    margin-bottom: -0.25rem;
  }
  .swagger-ui .nb2-l {
    margin-bottom: -0.5rem;
  }
  .swagger-ui .nb3-l {
    margin-bottom: -1rem;
  }
  .swagger-ui .nb4-l {
    margin-bottom: -2rem;
  }
  .swagger-ui .nb5-l {
    margin-bottom: -4rem;
  }
  .swagger-ui .nb6-l {
    margin-bottom: -8rem;
  }
  .swagger-ui .nb7-l {
    margin-bottom: -16rem;
  }
  .swagger-ui .nt1-l {
    margin-top: -0.25rem;
  }
  .swagger-ui .nt2-l {
    margin-top: -0.5rem;
  }
  .swagger-ui .nt3-l {
    margin-top: -1rem;
  }
  .swagger-ui .nt4-l {
    margin-top: -2rem;
  }
  .swagger-ui .nt5-l {
    margin-top: -4rem;
  }
  .swagger-ui .nt6-l {
    margin-top: -8rem;
  }
  .swagger-ui .nt7-l {
    margin-top: -16rem;
  }
}
.swagger-ui .collapse {
  border-collapse: collapse;
  border-spacing: 0;
}
.swagger-ui .striped--light-silver:nth-child(odd) {
  background-color: #aaa;
}
.swagger-ui .striped--moon-gray:nth-child(odd) {
  background-color: #ccc;
}
.swagger-ui .striped--light-gray:nth-child(odd) {
  background-color: #eee;
}
.swagger-ui .striped--near-white:nth-child(odd) {
  background-color: #f4f4f4;
}
.swagger-ui .stripe-light:nth-child(odd) {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.swagger-ui .stripe-dark:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}
.swagger-ui .strike {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.swagger-ui .underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.swagger-ui .no-underline {
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media screen and (min-width: 30em) {
  .swagger-ui .strike-ns {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
  }
  .swagger-ui .underline-ns {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  .swagger-ui .no-underline-ns {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .strike-m {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
  }
  .swagger-ui .underline-m {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  .swagger-ui .no-underline-m {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .strike-l {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
  }
  .swagger-ui .underline-l {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
  .swagger-ui .no-underline-l {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
.swagger-ui .tl {
  text-align: left;
}
.swagger-ui .tr {
  text-align: right;
}
.swagger-ui .tc {
  text-align: center;
}
.swagger-ui .tj {
  text-align: justify;
}
@media screen and (min-width: 30em) {
  .swagger-ui .tl-ns {
    text-align: left;
  }
  .swagger-ui .tr-ns {
    text-align: right;
  }
  .swagger-ui .tc-ns {
    text-align: center;
  }
  .swagger-ui .tj-ns {
    text-align: justify;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .tl-m {
    text-align: left;
  }
  .swagger-ui .tr-m {
    text-align: right;
  }
  .swagger-ui .tc-m {
    text-align: center;
  }
  .swagger-ui .tj-m {
    text-align: justify;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .tl-l {
    text-align: left;
  }
  .swagger-ui .tr-l {
    text-align: right;
  }
  .swagger-ui .tc-l {
    text-align: center;
  }
  .swagger-ui .tj-l {
    text-align: justify;
  }
}
.swagger-ui .ttc {
  text-transform: capitalize;
}
.swagger-ui .ttl {
  text-transform: lowercase;
}
.swagger-ui .ttu {
  text-transform: uppercase;
}
.swagger-ui .ttn {
  text-transform: none;
}
@media screen and (min-width: 30em) {
  .swagger-ui .ttc-ns {
    text-transform: capitalize;
  }
  .swagger-ui .ttl-ns {
    text-transform: lowercase;
  }
  .swagger-ui .ttu-ns {
    text-transform: uppercase;
  }
  .swagger-ui .ttn-ns {
    text-transform: none;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .ttc-m {
    text-transform: capitalize;
  }
  .swagger-ui .ttl-m {
    text-transform: lowercase;
  }
  .swagger-ui .ttu-m {
    text-transform: uppercase;
  }
  .swagger-ui .ttn-m {
    text-transform: none;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .ttc-l {
    text-transform: capitalize;
  }
  .swagger-ui .ttl-l {
    text-transform: lowercase;
  }
  .swagger-ui .ttu-l {
    text-transform: uppercase;
  }
  .swagger-ui .ttn-l {
    text-transform: none;
  }
}
.swagger-ui .f-6,
.swagger-ui .f-headline {
  font-size: 6rem;
}
.swagger-ui .f-5,
.swagger-ui .f-subheadline {
  font-size: 5rem;
}
.swagger-ui .f1 {
  font-size: 3rem;
}
.swagger-ui .f2 {
  font-size: 2.25rem;
}
.swagger-ui .f3 {
  font-size: 1.5rem;
}
.swagger-ui .f4 {
  font-size: 1.25rem;
}
.swagger-ui .f5 {
  font-size: 1rem;
}
.swagger-ui .f6 {
  font-size: 0.875rem;
}
.swagger-ui .f7 {
  font-size: 0.75rem;
}
@media screen and (min-width: 30em) {
  .swagger-ui .f-6-ns,
  .swagger-ui .f-headline-ns {
    font-size: 6rem;
  }
  .swagger-ui .f-5-ns,
  .swagger-ui .f-subheadline-ns {
    font-size: 5rem;
  }
  .swagger-ui .f1-ns {
    font-size: 3rem;
  }
  .swagger-ui .f2-ns {
    font-size: 2.25rem;
  }
  .swagger-ui .f3-ns {
    font-size: 1.5rem;
  }
  .swagger-ui .f4-ns {
    font-size: 1.25rem;
  }
  .swagger-ui .f5-ns {
    font-size: 1rem;
  }
  .swagger-ui .f6-ns {
    font-size: 0.875rem;
  }
  .swagger-ui .f7-ns {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .f-6-m,
  .swagger-ui .f-headline-m {
    font-size: 6rem;
  }
  .swagger-ui .f-5-m,
  .swagger-ui .f-subheadline-m {
    font-size: 5rem;
  }
  .swagger-ui .f1-m {
    font-size: 3rem;
  }
  .swagger-ui .f2-m {
    font-size: 2.25rem;
  }
  .swagger-ui .f3-m {
    font-size: 1.5rem;
  }
  .swagger-ui .f4-m {
    font-size: 1.25rem;
  }
  .swagger-ui .f5-m {
    font-size: 1rem;
  }
  .swagger-ui .f6-m {
    font-size: 0.875rem;
  }
  .swagger-ui .f7-m {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .f-6-l,
  .swagger-ui .f-headline-l {
    font-size: 6rem;
  }
  .swagger-ui .f-5-l,
  .swagger-ui .f-subheadline-l {
    font-size: 5rem;
  }
  .swagger-ui .f1-l {
    font-size: 3rem;
  }
  .swagger-ui .f2-l {
    font-size: 2.25rem;
  }
  .swagger-ui .f3-l {
    font-size: 1.5rem;
  }
  .swagger-ui .f4-l {
    font-size: 1.25rem;
  }
  .swagger-ui .f5-l {
    font-size: 1rem;
  }
  .swagger-ui .f6-l {
    font-size: 0.875rem;
  }
  .swagger-ui .f7-l {
    font-size: 0.75rem;
  }
}
.swagger-ui .measure {
  max-width: 30em;
}
.swagger-ui .measure-wide {
  max-width: 34em;
}
.swagger-ui .measure-narrow {
  max-width: 20em;
}
.swagger-ui .indent {
  margin-bottom: 0;
  margin-top: 0;
  text-indent: 1em;
}
.swagger-ui .small-caps {
  font-feature-settings: "smcp";
  font-variant: small-caps;
}
.swagger-ui .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 30em) {
  .swagger-ui .measure-ns {
    max-width: 30em;
  }
  .swagger-ui .measure-wide-ns {
    max-width: 34em;
  }
  .swagger-ui .measure-narrow-ns {
    max-width: 20em;
  }
  .swagger-ui .indent-ns {
    margin-bottom: 0;
    margin-top: 0;
    text-indent: 1em;
  }
  .swagger-ui .small-caps-ns {
    font-feature-settings: "smcp";
    font-variant: small-caps;
  }
  .swagger-ui .truncate-ns {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .measure-m {
    max-width: 30em;
  }
  .swagger-ui .measure-wide-m {
    max-width: 34em;
  }
  .swagger-ui .measure-narrow-m {
    max-width: 20em;
  }
  .swagger-ui .indent-m {
    margin-bottom: 0;
    margin-top: 0;
    text-indent: 1em;
  }
  .swagger-ui .small-caps-m {
    font-feature-settings: "smcp";
    font-variant: small-caps;
  }
  .swagger-ui .truncate-m {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .measure-l {
    max-width: 30em;
  }
  .swagger-ui .measure-wide-l {
    max-width: 34em;
  }
  .swagger-ui .measure-narrow-l {
    max-width: 20em;
  }
  .swagger-ui .indent-l {
    margin-bottom: 0;
    margin-top: 0;
    text-indent: 1em;
  }
  .swagger-ui .small-caps-l {
    font-feature-settings: "smcp";
    font-variant: small-caps;
  }
  .swagger-ui .truncate-l {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.swagger-ui .overflow-container {
  overflow-y: scroll;
}
.swagger-ui .center {
  margin-left: auto;
  margin-right: auto;
}
.swagger-ui .mr-auto {
  margin-right: auto;
}
.swagger-ui .ml-auto {
  margin-left: auto;
}
@media screen and (min-width: 30em) {
  .swagger-ui .center-ns {
    margin-left: auto;
    margin-right: auto;
  }
  .swagger-ui .mr-auto-ns {
    margin-right: auto;
  }
  .swagger-ui .ml-auto-ns {
    margin-left: auto;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .center-m {
    margin-left: auto;
    margin-right: auto;
  }
  .swagger-ui .mr-auto-m {
    margin-right: auto;
  }
  .swagger-ui .ml-auto-m {
    margin-left: auto;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .center-l {
    margin-left: auto;
    margin-right: auto;
  }
  .swagger-ui .mr-auto-l {
    margin-right: auto;
  }
  .swagger-ui .ml-auto-l {
    margin-left: auto;
  }
}
.swagger-ui .clip {
  position: fixed!important;
  _position: absolute!important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
@media screen and (min-width: 30em) {
  .swagger-ui .clip-ns {
    position: fixed!important;
    _position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .clip-m {
    position: fixed!important;
    _position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .clip-l {
    position: fixed!important;
    _position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
.swagger-ui .ws-normal {
  white-space: normal;
}
.swagger-ui .nowrap {
  white-space: nowrap;
}
.swagger-ui .pre {
  white-space: pre;
}
@media screen and (min-width: 30em) {
  .swagger-ui .ws-normal-ns {
    white-space: normal;
  }
  .swagger-ui .nowrap-ns {
    white-space: nowrap;
  }
  .swagger-ui .pre-ns {
    white-space: pre;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .ws-normal-m {
    white-space: normal;
  }
  .swagger-ui .nowrap-m {
    white-space: nowrap;
  }
  .swagger-ui .pre-m {
    white-space: pre;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .ws-normal-l {
    white-space: normal;
  }
  .swagger-ui .nowrap-l {
    white-space: nowrap;
  }
  .swagger-ui .pre-l {
    white-space: pre;
  }
}
.swagger-ui .v-base {
  vertical-align: baseline;
}
.swagger-ui .v-mid {
  vertical-align: middle;
}
.swagger-ui .v-top {
  vertical-align: top;
}
.swagger-ui .v-btm {
  vertical-align: bottom;
}
@media screen and (min-width: 30em) {
  .swagger-ui .v-base-ns {
    vertical-align: baseline;
  }
  .swagger-ui .v-mid-ns {
    vertical-align: middle;
  }
  .swagger-ui .v-top-ns {
    vertical-align: top;
  }
  .swagger-ui .v-btm-ns {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 30em) and (max-width: 60em) {
  .swagger-ui .v-base-m {
    vertical-align: baseline;
  }
  .swagger-ui .v-mid-m {
    vertical-align: middle;
  }
  .swagger-ui .v-top-m {
    vertical-align: top;
  }
  .swagger-ui .v-btm-m {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 60em) {
  .swagger-ui .v-base-l {
    vertical-align: baseline;
  }
  .swagger-ui .v-mid-l {
    vertical-align: middle;
  }
  .swagger-ui .v-top-l {
    vertical-align: top;
  }
  .swagger-ui .v-btm-l {
    vertical-align: bottom;
  }
}
.swagger-ui .dim {
  opacity: 1;
  transition: opacity 0.15s ease-in;
}
.swagger-ui .dim:focus,
.swagger-ui .dim:hover {
  opacity: 0.5;
  transition: opacity 0.15s ease-in;
}
.swagger-ui .dim:active {
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}
.swagger-ui .glow {
  transition: opacity 0.15s ease-in;
}
.swagger-ui .glow:focus,
.swagger-ui .glow:hover {
  opacity: 1;
  transition: opacity 0.15s ease-in;
}
.swagger-ui .hide-child .child {
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
.swagger-ui .hide-child:active .child,
.swagger-ui .hide-child:focus .child,
.swagger-ui .hide-child:hover .child {
  opacity: 1;
  transition: opacity 0.15s ease-in;
}
.swagger-ui .underline-hover:focus,
.swagger-ui .underline-hover:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.swagger-ui .grow {
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}
.swagger-ui .grow:focus,
.swagger-ui .grow:hover {
  transform: scale(1.05);
}
.swagger-ui .grow:active {
  transform: scale(0.9);
}
.swagger-ui .grow-large {
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-in-out;
}
.swagger-ui .grow-large:focus,
.swagger-ui .grow-large:hover {
  transform: scale(1.2);
}
.swagger-ui .grow-large:active {
  transform: scale(0.95);
}
.swagger-ui .pointer:hover {
  cursor: pointer;
}
.swagger-ui .shadow-hover {
  cursor: pointer;
  position: relative;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.swagger-ui .shadow-hover:after {
  border-radius: inherit;
  box-shadow: 0 0 16px 2px rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
  z-index: -1;
}
.swagger-ui .shadow-hover:focus:after,
.swagger-ui .shadow-hover:hover:after {
  opacity: 1;
}
.swagger-ui .bg-animate,
.swagger-ui .bg-animate:focus,
.swagger-ui .bg-animate:hover {
  transition: background-color 0.15s ease-in-out;
}
.swagger-ui .z-0 {
  z-index: 0;
}
.swagger-ui .z-1 {
  z-index: 1;
}
.swagger-ui .z-2 {
  z-index: 2;
}
.swagger-ui .z-3 {
  z-index: 3;
}
.swagger-ui .z-4 {
  z-index: 4;
}
.swagger-ui .z-5 {
  z-index: 5;
}
.swagger-ui .z-999 {
  z-index: 999;
}
.swagger-ui .z-9999 {
  z-index: 9999;
}
.swagger-ui .z-max {
  z-index: 2147483647;
}
.swagger-ui .z-inherit {
  z-index: inherit;
}
.swagger-ui .z-initial,
.swagger-ui .z-unset {
  z-index: auto;
}
.swagger-ui .nested-copy-line-height ol,
.swagger-ui .nested-copy-line-height p,
.swagger-ui .nested-copy-line-height ul {
  line-height: 1.5;
}
.swagger-ui .nested-headline-line-height h1,
.swagger-ui .nested-headline-line-height h2,
.swagger-ui .nested-headline-line-height h3,
.swagger-ui .nested-headline-line-height h4,
.swagger-ui .nested-headline-line-height h5,
.swagger-ui .nested-headline-line-height h6 {
  line-height: 1.25;
}
.swagger-ui .nested-list-reset ol,
.swagger-ui .nested-list-reset ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.swagger-ui .nested-copy-indent p + p {
  margin-bottom: 0;
  margin-top: 0;
  text-indent: 0.1em;
}
.swagger-ui .nested-copy-seperator p + p {
  margin-top: 1.5em;
}
.swagger-ui .nested-img img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.swagger-ui .nested-links a {
  color: #357edd;
  transition: color 0.15s ease-in;
}
.swagger-ui .nested-links a:focus,
.swagger-ui .nested-links a:hover {
  color: #96ccff;
  transition: color 0.15s ease-in;
}
.swagger-ui .wrapper {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1460px;
  padding: 0 20px;
  width: 100%;
}
.swagger-ui .opblock-tag-section {
  display: flex;
  flex-direction: column;
}
.swagger-ui .try-out.btn-group {
  display: flex;
  flex: 0.1 2 auto;
  padding: 0;
}
.swagger-ui .try-out__btn {
  margin-left: 1.25rem;
}
.swagger-ui .opblock-tag {
  align-items: center;
  border-bottom: 1px solid rgba(59, 65, 81, 0.3);
  cursor: pointer;
  display: flex;
  padding: 10px 20px 10px 10px;
  transition: all 0.2s;
}
.swagger-ui .opblock-tag:hover {
  background: rgba(0, 0, 0, 0.02);
}
.swagger-ui .opblock-tag {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 24px;
  margin: 0 0 5px;
}
.swagger-ui .opblock-tag.no-desc span {
  flex: 1;
}
.swagger-ui .opblock-tag svg {
  transition: all 0.4s;
}
.swagger-ui .opblock-tag small {
  color: #3b4151;
  flex: 2;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 0 10px;
}
.swagger-ui .opblock-tag > div {
  flex: 1 1 150px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .swagger-ui .opblock-tag small,
  .swagger-ui .opblock-tag > div {
    flex: 1;
  }
}
.swagger-ui .opblock-tag .info__externaldocs {
  text-align: right;
}
.swagger-ui .parameter__type {
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 0;
}
.swagger-ui .parameter-controls {
  margin-top: 0.75em;
}
.swagger-ui .examples__title {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: 0.75em;
}
.swagger-ui .examples__section {
  margin-top: 1.5em;
}
.swagger-ui .examples__section-header {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.swagger-ui .examples-select {
  display: inline-block;
  margin-bottom: 0.75em;
}
.swagger-ui .examples-select .examples-select-element {
  width: 100%;
}
.swagger-ui .examples-select__section-label {
  font-size: 0.9rem;
  font-weight: 700;
  margin-right: 0.5rem;
}
.swagger-ui .example__section {
  margin-top: 1.5em;
}
.swagger-ui .example__section-header {
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.swagger-ui .view-line-link {
  cursor: pointer;
  margin: 0 5px;
  position: relative;
  top: 3px;
  transition: all 0.5s;
  width: 20px;
}
.swagger-ui .opblock {
  border: 1px solid #000;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.19);
  margin: 0 0 15px;
}
.swagger-ui .opblock .tab-header {
  display: flex;
  flex: 1;
}
.swagger-ui .opblock .tab-header .tab-item {
  cursor: pointer;
  padding: 0 40px;
}
.swagger-ui .opblock .tab-header .tab-item:first-of-type {
  padding: 0 40px 0 0;
}
.swagger-ui .opblock .tab-header .tab-item.active h4 span {
  position: relative;
}
.swagger-ui .opblock .tab-header .tab-item.active h4 span:after {
  background: grey;
  bottom: -15px;
  content: "";
  height: 4px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 120%;
}
.swagger-ui .opblock.is-open .opblock-summary {
  border-bottom: 1px solid #000;
}
.swagger-ui .opblock .opblock-section-header {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  display: flex;
  min-height: 50px;
  padding: 8px 20px;
}
.swagger-ui .opblock .opblock-section-header > label {
  align-items: center;
  color: #3b4151;
  display: flex;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 0 auto;
}
.swagger-ui .opblock .opblock-section-header > label > span {
  padding: 0 10px 0 0;
}
.swagger-ui .opblock .opblock-section-header h4 {
  color: #3b4151;
  flex: 1;
  font-family: sans-serif;
  font-size: 14px;
  margin: 0;
}
.swagger-ui .opblock .opblock-summary-method {
  background: #000;
  border-radius: 3px;
  color: #fff;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 700;
  min-width: 80px;
  padding: 6px 0;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .swagger-ui .opblock .opblock-summary-method {
    font-size: 12px;
  }
}
.swagger-ui .opblock .opblock-summary-operation-id,
.swagger-ui .opblock .opblock-summary-path,
.swagger-ui .opblock .opblock-summary-path__deprecated {
  align-items: center;
  color: #3b4151;
  display: flex;
  font-family: monospace;
  font-size: 16px;
  font-weight: 600;
  word-break: break-word;
}
@media (max-width: 768px) {
  .swagger-ui .opblock .opblock-summary-operation-id,
  .swagger-ui .opblock .opblock-summary-path,
  .swagger-ui .opblock .opblock-summary-path__deprecated {
    font-size: 12px;
  }
}
.swagger-ui .opblock .opblock-summary-path {
  flex-shrink: 1;
}
@media (max-width: 640px) {
  .swagger-ui .opblock .opblock-summary-path {
    max-width: 100%;
  }
}
.swagger-ui .opblock .opblock-summary-path__deprecated {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.swagger-ui .opblock .opblock-summary-operation-id {
  font-size: 14px;
}
.swagger-ui .opblock .opblock-summary-description {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 13px;
  word-break: break-word;
}
.swagger-ui .opblock .opblock-summary-path-description-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 0 10px;
  padding: 0 10px;
}
@media (max-width: 550px) {
  .swagger-ui .opblock .opblock-summary-path-description-wrapper {
    align-items: flex-start;
    flex-direction: column;
  }
}
.swagger-ui .opblock .opblock-summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 5px;
}
.swagger-ui .opblock .opblock-summary .view-line-link {
  cursor: pointer;
  margin: 0;
  position: relative;
  top: 2px;
  transition: all 0.5s;
  width: 0;
}
.swagger-ui .opblock .opblock-summary:hover .view-line-link {
  margin: 0 5px;
  width: 18px;
}
.swagger-ui .opblock .opblock-summary:hover .view-line-link.copy-to-clipboard {
  width: 24px;
}
.swagger-ui .opblock.opblock-post {
  background: rgba(73, 204, 144, 0.1);
  border-color: #49cc90;
}
.swagger-ui .opblock.opblock-post .opblock-summary-method {
  background: #49cc90;
}
.swagger-ui .opblock.opblock-post .opblock-summary {
  border-color: #49cc90;
}
.swagger-ui .opblock.opblock-post .tab-header .tab-item.active h4 span:after {
  background: #49cc90;
}
.swagger-ui .opblock.opblock-put {
  background: rgba(252, 161, 48, 0.1);
  border-color: #fca130;
}
.swagger-ui .opblock.opblock-put .opblock-summary-method {
  background: #fca130;
}
.swagger-ui .opblock.opblock-put .opblock-summary {
  border-color: #fca130;
}
.swagger-ui .opblock.opblock-put .tab-header .tab-item.active h4 span:after {
  background: #fca130;
}
.swagger-ui .opblock.opblock-delete {
  background: rgba(249, 62, 62, 0.1);
  border-color: #f93e3e;
}
.swagger-ui .opblock.opblock-delete .opblock-summary-method {
  background: #f93e3e;
}
.swagger-ui .opblock.opblock-delete .opblock-summary {
  border-color: #f93e3e;
}
.swagger-ui .opblock.opblock-delete .tab-header .tab-item.active h4 span:after {
  background: #f93e3e;
}
.swagger-ui .opblock.opblock-get {
  background: rgba(97, 175, 254, 0.1);
  border-color: #61affe;
}
.swagger-ui .opblock.opblock-get .opblock-summary-method {
  background: #61affe;
}
.swagger-ui .opblock.opblock-get .opblock-summary {
  border-color: #61affe;
}
.swagger-ui .opblock.opblock-get .tab-header .tab-item.active h4 span:after {
  background: #61affe;
}
.swagger-ui .opblock.opblock-patch {
  background: rgba(80, 227, 194, 0.1);
  border-color: #50e3c2;
}
.swagger-ui .opblock.opblock-patch .opblock-summary-method {
  background: #50e3c2;
}
.swagger-ui .opblock.opblock-patch .opblock-summary {
  border-color: #50e3c2;
}
.swagger-ui .opblock.opblock-patch .tab-header .tab-item.active h4 span:after {
  background: #50e3c2;
}
.swagger-ui .opblock.opblock-head {
  background: rgba(144, 18, 254, 0.1);
  border-color: #9012fe;
}
.swagger-ui .opblock.opblock-head .opblock-summary-method {
  background: #9012fe;
}
.swagger-ui .opblock.opblock-head .opblock-summary {
  border-color: #9012fe;
}
.swagger-ui .opblock.opblock-head .tab-header .tab-item.active h4 span:after {
  background: #9012fe;
}
.swagger-ui .opblock.opblock-options {
  background: rgba(13, 90, 167, 0.1);
  border-color: #0d5aa7;
}
.swagger-ui .opblock.opblock-options .opblock-summary-method {
  background: #0d5aa7;
}
.swagger-ui .opblock.opblock-options .opblock-summary {
  border-color: #0d5aa7;
}
.swagger-ui .opblock.opblock-options .tab-header .tab-item.active h4 span:after {
  background: #0d5aa7;
}
.swagger-ui .opblock.opblock-deprecated {
  background: hsla(0, 0%, 92%, 0.1);
  border-color: #ebebeb;
  opacity: 0.6;
}
.swagger-ui .opblock.opblock-deprecated .opblock-summary-method {
  background: #ebebeb;
}
.swagger-ui .opblock.opblock-deprecated .opblock-summary {
  border-color: #ebebeb;
}
.swagger-ui .opblock.opblock-deprecated .tab-header .tab-item.active h4 span:after {
  background: #ebebeb;
}
.swagger-ui .opblock .opblock-schemes {
  padding: 8px 20px;
}
.swagger-ui .opblock .opblock-schemes .schemes-title {
  padding: 0 10px 0 0;
}
.swagger-ui .filter .operation-filter-input {
  border: 2px solid #d8dde7;
  margin: 20px 0;
  padding: 10px;
  width: 100%;
}
.swagger-ui .download-url-wrapper .failed,
.swagger-ui .filter .failed {
  color: red;
}
.swagger-ui .download-url-wrapper .loading,
.swagger-ui .filter .loading {
  color: #aaa;
}
.swagger-ui .model-example {
  margin-top: 1em;
}
.swagger-ui .model-example .model-container {
  overflow-x: auto;
  width: 100%;
}
.swagger-ui .model-example .model-container .model-hint:not(.model-hint--embedded) {
  top: -1.15em;
}
.swagger-ui .tab {
  display: flex;
  list-style: none;
  padding: 0;
}
.swagger-ui .tab li {
  color: #3b4151;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 12px;
  min-width: 60px;
  padding: 0;
}
.swagger-ui .tab li:first-of-type {
  padding-left: 0;
  padding-right: 12px;
  position: relative;
}
.swagger-ui .tab li:first-of-type:after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  position: absolute;
  right: 6px;
  top: 0;
  width: 1px;
}
.swagger-ui .tab li.active {
  font-weight: 700;
}
.swagger-ui .tab li button.tablinks {
  background: none;
  border: 0;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  padding: 0;
}
.swagger-ui .opblock-description-wrapper,
.swagger-ui .opblock-external-docs-wrapper,
.swagger-ui .opblock-title_normal {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 12px;
  margin: 0 0 5px;
  padding: 15px 20px;
}
.swagger-ui .opblock-description-wrapper h4,
.swagger-ui .opblock-external-docs-wrapper h4,
.swagger-ui .opblock-title_normal h4 {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 12px;
  margin: 0 0 5px;
}
.swagger-ui .opblock-description-wrapper p,
.swagger-ui .opblock-external-docs-wrapper p,
.swagger-ui .opblock-title_normal p {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 14px;
  margin: 0;
}
.swagger-ui .opblock-external-docs-wrapper h4 {
  padding-left: 0;
}
.swagger-ui .execute-wrapper {
  padding: 20px;
  text-align: right;
}
.swagger-ui .execute-wrapper .btn {
  padding: 8px 40px;
  width: 100%;
}
.swagger-ui .body-param-options {
  display: flex;
  flex-direction: column;
}
.swagger-ui .body-param-options .body-param-edit {
  padding: 10px 0;
}
.swagger-ui .body-param-options label {
  padding: 8px 0;
}
.swagger-ui .body-param-options label select {
  margin: 3px 0 0;
}
.swagger-ui .responses-inner {
  padding: 20px;
}
.swagger-ui .responses-inner h4,
.swagger-ui .responses-inner h5 {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 12px;
  margin: 10px 0 5px;
}
.swagger-ui .responses-inner .curl {
  max-height: 400px;
  min-height: 6em;
  overflow-y: auto;
}
.swagger-ui .response-col_status {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 14px;
}
.swagger-ui .response-col_status .response-undocumented {
  color: #909090;
  font-family: monospace;
  font-size: 11px;
  font-weight: 600;
}
.swagger-ui .response-col_links {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 14px;
  max-width: 40em;
  padding-left: 2em;
}
.swagger-ui .response-col_links .response-undocumented {
  color: #909090;
  font-family: monospace;
  font-size: 11px;
  font-weight: 600;
}
.swagger-ui .response-col_links .operation-link {
  margin-bottom: 1.5em;
}
.swagger-ui .response-col_links .operation-link .description {
  margin-bottom: 0.5em;
}
.swagger-ui .opblock-body .opblock-loading-animation {
  display: block;
  margin: 3em auto;
}
.swagger-ui .opblock-body pre.microlight {
  background: #333;
  border-radius: 4px;
  font-size: 12px;
  hyphens: auto;
  margin: 0;
  padding: 10px;
  white-space: pre-wrap;
  word-break: break-all;
  word-break: break-word;
  word-wrap: break-word;
  color: #fff;
  font-family: monospace;
  font-weight: 600;
}
.swagger-ui .opblock-body pre.microlight .headerline {
  display: block;
}
.swagger-ui .highlight-code {
  position: relative;
}
.swagger-ui .highlight-code > .microlight {
  max-height: 400px;
  min-height: 6em;
  overflow-y: auto;
}
.swagger-ui .highlight-code > .microlight code {
  white-space: pre-wrap !important;
  word-break: break-all;
}
.swagger-ui .curl-command {
  position: relative;
}
.swagger-ui .download-contents {
  align-items: center;
  background: #7d8293;
  border: none;
  border-radius: 4px;
  bottom: 10px;
  color: #fff;
  display: flex;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  padding: 5px;
  position: absolute;
  right: 10px;
  text-align: center;
}
.swagger-ui .scheme-container {
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  margin: 0 0 20px;
  padding: 30px 0;
}
.swagger-ui .scheme-container .schemes {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
.swagger-ui .scheme-container .schemes > .schemes-server-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.swagger-ui .scheme-container .schemes > .schemes-server-container > label {
  color: #3b4151;
  display: flex;
  flex-direction: column;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin: -20px 15px 0 0;
}
.swagger-ui .scheme-container .schemes > .schemes-server-container > label select {
  min-width: 130px;
  text-transform: uppercase;
}
.swagger-ui .scheme-container .schemes:not(:has(.schemes-server-container)) {
  justify-content: flex-end;
}
.swagger-ui .scheme-container .schemes .auth-wrapper {
  flex: none;
  justify-content: start;
}
.swagger-ui .scheme-container .schemes .auth-wrapper .authorize {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding-right: 20px;
}
.swagger-ui .loading-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1em;
  min-height: 1px;
  padding: 40px 0 60px;
}
.swagger-ui .loading-container .loading {
  position: relative;
}
.swagger-ui .loading-container .loading:after {
  color: #3b4151;
  content: "loading";
  font-family: sans-serif;
  font-size: 10px;
  font-weight: 700;
  left: 50%;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swagger-ui .loading-container .loading:before {
  animation: rotation 1s linear infinite, opacity 0.5s;
  backface-visibility: hidden;
  border: 2px solid rgba(85, 85, 85, 0.1);
  border-radius: 100%;
  border-top-color: rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  height: 60px;
  left: 50%;
  margin: -30px;
  opacity: 1;
  position: absolute;
  top: 50%;
  width: 60px;
}
@keyframes rotation {
  to {
    transform: rotate(1turn);
  }
}
.swagger-ui .response-controls {
  display: flex;
  padding-top: 1em;
}
.swagger-ui .response-control-media-type {
  margin-right: 1em;
}
.swagger-ui .response-control-media-type--accept-controller select {
  border-color: green;
}
.swagger-ui .response-control-media-type__accept-message {
  color: green;
  font-size: 0.7em;
}
.swagger-ui .response-control-examples__title,
.swagger-ui .response-control-media-type__title {
  display: block;
  font-size: 0.7em;
  margin-bottom: 0.2em;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.swagger-ui .hidden {
  display: none;
}
.swagger-ui .no-margin {
  border: none;
  height: auto;
  margin: 0;
  padding: 0;
}
.swagger-ui .float-right {
  float: right;
}
.swagger-ui .svg-assets {
  height: 0;
  position: absolute;
  width: 0;
}
.swagger-ui section h3 {
  color: #3b4151;
  font-family: sans-serif;
}
.swagger-ui a.nostyle {
  display: inline;
}
.swagger-ui a.nostyle,
.swagger-ui a.nostyle:visited {
  color: inherit;
  cursor: pointer;
  text-decoration: inherit;
}
.swagger-ui .fallback {
  color: #aaa;
  padding: 1em;
}
.swagger-ui .version-pragma {
  height: 100%;
  padding: 5em 0;
}
.swagger-ui .version-pragma__message {
  display: flex;
  font-size: 1.2em;
  height: 100%;
  justify-content: center;
  line-height: 1.5em;
  padding: 0 0.6em;
  text-align: center;
}
.swagger-ui .version-pragma__message > div {
  flex: 1;
  max-width: 55ch;
}
.swagger-ui .version-pragma__message code {
  background-color: #dedede;
  padding: 4px 4px 2px;
  white-space: pre;
}
.swagger-ui .opblock-link {
  font-weight: 400;
}
.swagger-ui .opblock-link.shown {
  font-weight: 700;
}
.swagger-ui span.token-string {
  color: #555;
}
.swagger-ui span.token-not-formatted {
  color: #555;
  font-weight: 700;
}
.swagger-ui .btn {
  background: transparent;
  border: 2px solid grey;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #3b4151;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 23px;
  transition: all 0.3s;
}
.swagger-ui .btn.btn-sm {
  font-size: 12px;
  padding: 4px 23px;
}
.swagger-ui .btn[disabled] {
  cursor: not-allowed;
  opacity: 0.3;
}
.swagger-ui .btn:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.swagger-ui .btn.cancel {
  background-color: transparent;
  border-color: #ff6060;
  color: #ff6060;
  font-family: sans-serif;
}
.swagger-ui .btn.authorize {
  background-color: transparent;
  border-color: #49cc90;
  color: #49cc90;
  display: inline;
  line-height: 1;
}
.swagger-ui .btn.authorize span {
  float: left;
  padding: 4px 20px 0 0;
}
.swagger-ui .btn.authorize svg {
  fill: #49cc90;
}
.swagger-ui .btn.execute {
  background-color: #4990e2;
  border-color: #4990e2;
  color: #fff;
}
.swagger-ui .btn-group {
  display: flex;
  padding: 30px;
}
.swagger-ui .btn-group .btn {
  flex: 1;
}
.swagger-ui .btn-group .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.swagger-ui .btn-group .btn:last-child {
  border-radius: 0 4px 4px 0;
}
.swagger-ui .authorization__btn {
  background: none;
  border: none;
  padding: 0 0 0 10px;
}
.swagger-ui .authorization__btn .locked {
  opacity: 1;
}
.swagger-ui .authorization__btn .unlocked {
  opacity: 0.4;
}
.swagger-ui .model-box-control,
.swagger-ui .models-control,
.swagger-ui .opblock-summary-control {
  all: inherit;
  border-bottom: 0;
  cursor: pointer;
  flex: 1;
  padding: 0;
}
.swagger-ui .model-box-control:focus,
.swagger-ui .models-control:focus,
.swagger-ui .opblock-summary-control:focus {
  outline: auto;
}
.swagger-ui .expand-methods,
.swagger-ui .expand-operation {
  background: none;
  border: none;
}
.swagger-ui .expand-methods svg,
.swagger-ui .expand-operation svg {
  height: 20px;
  width: 20px;
}
.swagger-ui .expand-methods {
  padding: 0 10px;
}
.swagger-ui .expand-methods:hover svg {
  fill: #404040;
}
.swagger-ui .expand-methods svg {
  transition: all 0.3s;
  fill: #707070;
}
.swagger-ui button {
  cursor: pointer;
}
.swagger-ui button.invalid {
  animation: shake 0.4s 1;
  background: #feebeb;
  border-color: #f93e3e;
}
.swagger-ui .copy-to-clipboard {
  align-items: center;
  background: #7d8293;
  border: none;
  border-radius: 4px;
  bottom: 10px;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 100px;
  width: 30px;
}
.swagger-ui .copy-to-clipboard button {
  background: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"15\" aria-hidden=\"true\"><path fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M4 12h4v1H4zm5-6H4v1h5zm2 3V7l-3 3 3 3v-2h5V9zM6.5 8H4v1h2.5zM4 11h2.5v-1H4zm9 1h1v2c-.02.28-.11.52-.3.7s-.42.28-.7.3H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h3c0-1.11.89-2 2-2s2 .89 2 2h3c.55 0 1 .45 1 1v5h-1V5H3v9h10zM4 4h8c0-.55-.45-1-1-1h-1c-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1H5c-.55 0-1 .45-1 1\"/></svg>") 50% no-repeat;
  border: none;
  flex-grow: 1;
  flex-shrink: 1;
  height: 25px;
}
.swagger-ui .copy-to-clipboard:active {
  background: #5e626f;
}
.swagger-ui .opblock-control-arrow {
  background: none;
  border: none;
  text-align: center;
}
.swagger-ui .curl-command .copy-to-clipboard {
  bottom: 5px;
  height: 20px;
  right: 10px;
  width: 20px;
}
.swagger-ui .curl-command .copy-to-clipboard button {
  height: 18px;
}
.swagger-ui .opblock .opblock-summary .view-line-link.copy-to-clipboard {
  height: 26px;
  position: static;
}
.swagger-ui select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f7f7f7 url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\"><path d=\"M13.418 7.859a.695.695 0 0 1 .978 0 .68.68 0 0 1 0 .969l-3.908 3.83a.697.697 0 0 1-.979 0l-3.908-3.83a.68.68 0 0 1 0-.969.695.695 0 0 1 .978 0L10 11z\"/></svg>") right 10px center no-repeat;
  background-size: 20px;
  border: 2px solid #41444e;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  color: #3b4151;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 700;
  padding: 5px 40px 5px 10px;
}
.swagger-ui select[multiple] {
  background: #f7f7f7;
  margin: 5px 0;
  padding: 5px;
}
.swagger-ui select.invalid {
  animation: shake 0.4s 1;
  background: #feebeb;
  border-color: #f93e3e;
}
.swagger-ui .opblock-body select {
  min-width: 230px;
}
@media (max-width: 768px) {
  .swagger-ui .opblock-body select {
    min-width: 180px;
  }
}
@media (max-width: 640px) {
  .swagger-ui .opblock-body select {
    min-width: 100%;
    width: 100%;
  }
}
.swagger-ui label {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 5px;
}
.swagger-ui input[type=email],
.swagger-ui input[type=file],
.swagger-ui input[type=password],
.swagger-ui input[type=search],
.swagger-ui input[type=text] {
  line-height: 1;
}
@media (max-width: 768px) {
  .swagger-ui input[type=email],
  .swagger-ui input[type=file],
  .swagger-ui input[type=password],
  .swagger-ui input[type=search],
  .swagger-ui input[type=text] {
    max-width: 175px;
  }
}
.swagger-ui input[type=email],
.swagger-ui input[type=file],
.swagger-ui input[type=password],
.swagger-ui input[type=search],
.swagger-ui input[type=text],
.swagger-ui textarea {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin: 5px 0;
  min-width: 100px;
  padding: 8px 10px;
}
.swagger-ui input[type=email].invalid,
.swagger-ui input[type=file].invalid,
.swagger-ui input[type=password].invalid,
.swagger-ui input[type=search].invalid,
.swagger-ui input[type=text].invalid,
.swagger-ui textarea.invalid {
  animation: shake 0.4s 1;
  background: #feebeb;
  border-color: #f93e3e;
}
.swagger-ui input[disabled],
.swagger-ui select[disabled],
.swagger-ui textarea[disabled] {
  background-color: #fafafa;
  color: #888;
  cursor: not-allowed;
}
.swagger-ui select[disabled] {
  border-color: #888;
}
.swagger-ui textarea[disabled] {
  background-color: #41444e;
  color: #fff;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.swagger-ui textarea {
  background: hsla(0, 0%, 100%, 0.8);
  border: none;
  border-radius: 4px;
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  font-weight: 600;
  min-height: 280px;
  outline: none;
  padding: 10px;
  width: 100%;
}
.swagger-ui textarea:focus {
  border: 2px solid #61affe;
}
.swagger-ui textarea.curl {
  background: #41444e;
  border-radius: 4px;
  color: #fff;
  font-family: monospace;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
  min-height: 100px;
  padding: 10px;
  resize: none;
}
.swagger-ui .checkbox {
  color: #303030;
  padding: 5px 0 10px;
  transition: opacity 0.5s;
}
.swagger-ui .checkbox label {
  display: flex;
}
.swagger-ui .checkbox p {
  color: #3b4151;
  font-family: monospace;
  font-style: italic;
  font-weight: 400!important;
  font-weight: 600;
  margin: 0 !important;
}
.swagger-ui .checkbox input[type=checkbox] {
  display: none;
}
.swagger-ui .checkbox input[type=checkbox] + label > .item {
  background: #e8e8e8;
  border-radius: 1px;
  box-shadow: 0 0 0 2px #e8e8e8;
  cursor: pointer;
  display: inline-block;
  flex: none;
  height: 16px;
  margin: 0 8px 0 0;
  padding: 5px;
  position: relative;
  top: 3px;
  width: 16px;
}
.swagger-ui .checkbox input[type=checkbox] + label > .item:active {
  transform: scale(0.9);
}
.swagger-ui .checkbox input[type=checkbox]:checked + label > .item {
  background: #e8e8e8 url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"8\" viewBox=\"3 7 10 8\"><path fill=\"%2341474E\" fill-rule=\"evenodd\" d=\"M6.333 15 3 11.667l1.333-1.334 2 2L11.667 7 13 8.333z\"/></svg>") 50% no-repeat;
}
.swagger-ui .dialog-ux {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
}
.swagger-ui .dialog-ux .backdrop-ux {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.swagger-ui .dialog-ux .modal-ux {
  background: #fff;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
  left: 50%;
  max-width: 650px;
  min-width: 300px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 9999;
}
.swagger-ui .dialog-ux .modal-ux-content {
  max-height: 540px;
  overflow-y: auto;
  padding: 20px;
}
.swagger-ui .dialog-ux .modal-ux-content p {
  color: #41444e;
  color: #3b4151;
  font-family: sans-serif;
  font-size: 12px;
  margin: 0 0 5px;
}
.swagger-ui .dialog-ux .modal-ux-content h4 {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin: 15px 0 0;
}
.swagger-ui .dialog-ux .modal-ux-header {
  align-items: center;
  border-bottom: 1px solid #ebebeb;
  display: flex;
  padding: 12px 0;
}
.swagger-ui .dialog-ux .modal-ux-header .close-modal {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 0 10px;
}
.swagger-ui .dialog-ux .modal-ux-header h3 {
  color: #3b4151;
  flex: 1;
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding: 0 20px;
}
.swagger-ui .model {
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  font-weight: 300;
  font-weight: 600;
}
.swagger-ui .model .deprecated span,
.swagger-ui .model .deprecated td {
  color: #a0a0a0 !important;
}
.swagger-ui .model .deprecated > td:first-of-type {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.swagger-ui .model-toggle {
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  margin: auto 0.3em;
  position: relative;
  top: 6px;
  transform: rotate(90deg);
  transform-origin: 50% 50%;
  transition: transform 0.15s ease-in;
}
.swagger-ui .model-toggle.collapsed {
  transform: rotate(0deg);
}
.swagger-ui .model-toggle:after {
  background: url("data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/></svg>") 50% no-repeat;
  background-size: 100%;
  content: "";
  display: block;
  height: 20px;
  width: 20px;
}
.swagger-ui .model-jump-to-path {
  cursor: pointer;
  position: relative;
}
.swagger-ui .model-jump-to-path .view-line-link {
  cursor: pointer;
  position: absolute;
  top: -0.4em;
}
.swagger-ui .model-title {
  position: relative;
}
.swagger-ui .model-title:hover .model-hint {
  display: block;
}
.swagger-ui .model-hint {
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  color: #ebebeb;
  display: none;
  padding: 0.1em 0.5em;
  position: absolute;
  top: -1.8em;
  white-space: nowrap;
}
.swagger-ui .model p {
  margin: 0 0 1em;
}
.swagger-ui .model .property {
  color: #999;
  font-style: italic;
}
.swagger-ui .model .property.primitive {
  color: #6b6b6b;
}
.swagger-ui .model .property.primitive.extension {
  display: block;
}
.swagger-ui .model .property.primitive.extension > td:first-child {
  padding-left: 0;
  padding-right: 0;
  width: auto;
}
.swagger-ui .model .property.primitive.extension > td:first-child:after {
  content: ": ";
}
.swagger-ui .model .external-docs,
.swagger-ui table.model tr.description {
  color: #666;
  font-weight: 400;
}
.swagger-ui table.model tr.description td:first-child,
.swagger-ui table.model tr.property-row.required td:first-child {
  font-weight: 700;
}
.swagger-ui table.model tr.property-row td {
  vertical-align: top;
}
.swagger-ui table.model tr.property-row td:first-child {
  padding-right: 0.2em;
}
.swagger-ui table.model tr.property-row .star {
  color: red;
}
.swagger-ui table.model tr.extension {
  color: #777;
}
.swagger-ui table.model tr.extension td:last-child {
  vertical-align: top;
}
.swagger-ui table.model tr.external-docs td:first-child {
  font-weight: 700;
}
.swagger-ui table.model tr .renderedMarkdown p:first-child {
  margin-top: 0;
}
.swagger-ui section.models {
  border: 1px solid rgba(59, 65, 81, 0.3);
  border-radius: 4px;
  margin: 30px 0;
}
.swagger-ui section.models .pointer {
  cursor: pointer;
}
.swagger-ui section.models.is-open {
  padding: 0 0 20px;
}
.swagger-ui section.models.is-open h4 {
  border-bottom: 1px solid rgba(59, 65, 81, 0.3);
  margin: 0 0 5px;
}
.swagger-ui section.models h4 {
  align-items: center;
  color: #606060;
  cursor: pointer;
  display: flex;
  font-family: sans-serif;
  font-size: 16px;
  margin: 0;
  padding: 10px 20px 10px 10px;
  transition: all 0.2s;
}
.swagger-ui section.models h4 svg {
  transition: all 0.4s;
}
.swagger-ui section.models h4 span {
  flex: 1;
}
.swagger-ui section.models h4:hover {
  background: rgba(0, 0, 0, 0.02);
}
.swagger-ui section.models h5 {
  color: #707070;
  font-family: sans-serif;
  font-size: 16px;
  margin: 0 0 10px;
}
.swagger-ui section.models .model-jump-to-path {
  position: relative;
  top: 5px;
}
.swagger-ui section.models .model-container {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: 0 20px 15px;
  position: relative;
  transition: all 0.5s;
}
.swagger-ui section.models .model-container:hover {
  background: rgba(0, 0, 0, 0.07);
}
.swagger-ui section.models .model-container:first-of-type {
  margin: 20px;
}
.swagger-ui section.models .model-container:last-of-type {
  margin: 0 20px;
}
.swagger-ui section.models .model-container .models-jump-to-path {
  opacity: 0.65;
  position: absolute;
  right: 5px;
  top: 8px;
}
.swagger-ui section.models .model-box {
  background: none;
}
.swagger-ui section.models .model-box:has(.model-box) {
  overflow-x: auto;
  width: 100%;
}
.swagger-ui .model-box {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: inline-block;
  padding: 10px;
}
.swagger-ui .model-box .model-jump-to-path {
  position: relative;
  top: 4px;
}
.swagger-ui .model-box.deprecated {
  opacity: 0.5;
}
.swagger-ui .model-title {
  color: #505050;
  font-family: sans-serif;
  font-size: 16px;
}
.swagger-ui .model-title img {
  bottom: 0;
  margin-left: 1em;
  position: relative;
}
.swagger-ui .model-deprecated-warning {
  color: #f93e3e;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-right: 1em;
}
.swagger-ui span > span.model .brace-close {
  padding: 0 0 0 10px;
}
.swagger-ui .prop-name {
  display: inline-block;
  margin-right: 1em;
}
.swagger-ui .prop-type {
  color: #55a;
}
.swagger-ui .prop-enum {
  display: block;
}
.swagger-ui .prop-format {
  color: #606060;
}
.swagger-ui .servers > label {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 12px;
  margin: -20px 15px 0 0;
}
.swagger-ui .servers > label select {
  max-width: 100%;
  min-width: 130px;
  width: 100%;
}
.swagger-ui .servers h4.message {
  padding-bottom: 2em;
}
.swagger-ui .servers table tr {
  width: 30em;
}
.swagger-ui .servers table td {
  display: inline-block;
  max-width: 15em;
  padding-bottom: 10px;
  padding-top: 10px;
  vertical-align: middle;
}
.swagger-ui .servers table td:first-of-type {
  padding-right: 1em;
}
.swagger-ui .servers table td input {
  height: 100%;
  width: 100%;
}
.swagger-ui .servers .computed-url {
  margin: 2em 0;
}
.swagger-ui .servers .computed-url code {
  display: inline-block;
  font-size: 16px;
  margin: 0 1em;
  padding: 4px;
}
.swagger-ui .servers-title {
  font-size: 12px;
  font-weight: 700;
}
.swagger-ui .operation-servers h4.message {
  margin-bottom: 2em;
}
.swagger-ui table {
  border-collapse: collapse;
  padding: 0 10px;
  width: 100%;
}
.swagger-ui table.model tbody tr td {
  padding: 0 0 0 1em;
  vertical-align: top;
}
.swagger-ui table.model tbody tr td:first-of-type {
  padding: 0 0 0 2em;
  width: 174px;
}
.swagger-ui table.headers td {
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  font-weight: 300;
  font-weight: 600;
  vertical-align: middle;
}
.swagger-ui table.headers .header-example {
  color: #999;
  font-style: italic;
}
.swagger-ui table tbody tr td {
  padding: 10px 0 0;
  vertical-align: top;
}
.swagger-ui table tbody tr td:first-of-type {
  min-width: 6em;
  padding: 10px 0;
}
.swagger-ui table tbody tr td:has(.model-box) {
  max-width: 1px;
}
.swagger-ui table thead tr td,
.swagger-ui table thead tr th {
  border-bottom: 1px solid rgba(59, 65, 81, 0.2);
  color: #3b4151;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 0;
  text-align: left;
}
.swagger-ui .parameters-col_description {
  margin-bottom: 2em;
  width: 99%;
}
.swagger-ui .parameters-col_description input {
  max-width: 340px;
  width: 100%;
}
.swagger-ui .parameters-col_description select {
  border-width: 1px;
}
.swagger-ui .parameters-col_description .markdown:first-child p:first-child,
.swagger-ui .parameters-col_description .renderedMarkdown:first-child p:first-child {
  margin: 0;
}
.swagger-ui .parameter__name {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-right: 0.75em;
}
.swagger-ui .parameter__name.required {
  font-weight: 700;
}
.swagger-ui .parameter__name.required span {
  color: red;
}
.swagger-ui .parameter__name.required:after {
  color: rgba(255, 0, 0, 0.6);
  content: "required";
  font-size: 10px;
  padding: 5px;
  position: relative;
  top: -6px;
}
.swagger-ui .parameter__extension,
.swagger-ui .parameter__in {
  color: grey;
  font-family: monospace;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
}
.swagger-ui .parameter__deprecated {
  color: red;
  font-family: monospace;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
}
.swagger-ui .parameter__empty_value_toggle {
  display: block;
  font-size: 13px;
  padding-bottom: 12px;
  padding-top: 5px;
}
.swagger-ui .parameter__empty_value_toggle input {
  margin-right: 7px;
  width: auto;
}
.swagger-ui .parameter__empty_value_toggle.disabled {
  opacity: 0.7;
}
.swagger-ui .table-container {
  padding: 20px;
}
.swagger-ui .response-col_description {
  width: 99%;
}
.swagger-ui .response-col_description .markdown p:first-child,
.swagger-ui .response-col_description .renderedMarkdown p:first-child {
  margin: 0;
}
.swagger-ui .response-col_description .markdown p:last-child,
.swagger-ui .response-col_description .renderedMarkdown p:last-child {
  margin-bottom: 0;
}
.swagger-ui .response-col_links {
  min-width: 6em;
}
.swagger-ui .response__extension {
  color: grey;
  font-family: monospace;
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
}
.swagger-ui .topbar {
  background-color: #1b1b1b;
  padding: 10px 0;
}
.swagger-ui .topbar .topbar-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 550px) {
  .swagger-ui .topbar .topbar-wrapper {
    align-items: start;
    flex-direction: column;
  }
}
.swagger-ui .topbar a {
  align-items: center;
  color: #fff;
  display: flex;
  flex: 1;
  font-family: sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  max-width: 300px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.swagger-ui .topbar a span {
  margin: 0;
  padding: 0 10px;
}
.swagger-ui .topbar .download-url-wrapper {
  display: flex;
  flex: 3;
  justify-content: flex-end;
}
.swagger-ui .topbar .download-url-wrapper input[type=text] {
  border: 2px solid #62a03f;
  border-radius: 4px 0 0 4px;
  margin: 0;
  max-width: 100%;
  outline: none;
  width: 100%;
}
.swagger-ui .topbar .download-url-wrapper .select-label {
  align-items: center;
  color: #f0f0f0;
  display: flex;
  margin: 0;
  max-width: 600px;
  width: 100%;
}
.swagger-ui .topbar .download-url-wrapper .select-label span {
  flex: 1;
  font-size: 16px;
  padding: 0 10px 0 0;
  text-align: right;
}
.swagger-ui .topbar .download-url-wrapper .select-label select {
  border: 2px solid #62a03f;
  box-shadow: none;
  flex: 2;
  outline: none;
  width: 100%;
}
.swagger-ui .topbar .download-url-wrapper .download-url-button {
  background: #62a03f;
  border: none;
  border-radius: 0 4px 4px 0;
  color: #fff;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 4px 30px;
}
@media (max-width: 550px) {
  .swagger-ui .topbar .download-url-wrapper {
    width: 100%;
  }
}
.swagger-ui .info {
  margin: 50px 0;
}
.swagger-ui .info.failed-config {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
  text-align: center;
}
.swagger-ui .info hgroup.main {
  margin: 0 0 20px;
}
.swagger-ui .info hgroup.main a {
  font-size: 12px;
}
.swagger-ui .info li,
.swagger-ui .info p,
.swagger-ui .info pre,
.swagger-ui .info table {
  font-size: 14px;
}
.swagger-ui .info h1,
.swagger-ui .info h2,
.swagger-ui .info h3,
.swagger-ui .info h4,
.swagger-ui .info h5,
.swagger-ui .info li,
.swagger-ui .info p,
.swagger-ui .info table {
  color: #3b4151;
  font-family: sans-serif;
}
.swagger-ui .info a {
  color: #4990e2;
  font-family: sans-serif;
  font-size: 14px;
  transition: all 0.4s;
}
.swagger-ui .info a:hover {
  color: #1f69c0;
}
.swagger-ui .info > div {
  margin: 0 0 5px;
}
.swagger-ui .info .base-url {
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  font-weight: 300!important;
  font-weight: 600;
  margin: 0;
}
.swagger-ui .info .title {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 36px;
  margin: 0;
}
.swagger-ui .info .title small {
  background: #7d8492;
  border-radius: 57px;
  display: inline-block;
  font-size: 10px;
  margin: 0 0 0 5px;
  padding: 2px 4px;
  position: relative;
  top: -5px;
  vertical-align: super;
}
.swagger-ui .info .title small.version-stamp {
  background-color: #89bf04;
}
.swagger-ui .info .title small pre {
  color: #fff;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}
.swagger-ui .auth-btn-wrapper {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.swagger-ui .auth-btn-wrapper .btn-done {
  margin-right: 1em;
}
.swagger-ui .auth-wrapper {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}
.swagger-ui .auth-wrapper .authorize {
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 20px;
}
.swagger-ui .auth-container {
  border-bottom: 1px solid #ebebeb;
  margin: 0 0 10px;
  padding: 10px 20px;
}
.swagger-ui .auth-container:last-of-type {
  border: 0;
  margin: 0;
  padding: 10px 20px;
}
.swagger-ui .auth-container h4 {
  margin: 5px 0 15px !important;
}
.swagger-ui .auth-container .wrapper {
  margin: 0;
  padding: 0;
}
.swagger-ui .auth-container input[type=password],
.swagger-ui .auth-container input[type=text] {
  min-width: 230px;
}
.swagger-ui .auth-container .errors {
  background-color: #fee;
  border-radius: 4px;
  color: red;
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  font-weight: 600;
  margin: 1em;
  padding: 10px;
}
.swagger-ui .auth-container .errors b {
  margin-right: 1em;
  text-transform: capitalize;
}
.swagger-ui .scopes h2 {
  color: #3b4151;
  font-family: sans-serif;
  font-size: 14px;
}
.swagger-ui .scopes h2 a {
  color: #4990e2;
  cursor: pointer;
  font-size: 12px;
  padding-left: 10px;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.swagger-ui .scope-def {
  padding: 0 0 20px;
}
.swagger-ui .errors-wrapper {
  animation: scaleUp 0.5s;
  background: rgba(249, 62, 62, 0.1);
  border: 2px solid #f93e3e;
  border-radius: 4px;
  margin: 20px;
  padding: 10px 20px;
}
.swagger-ui .errors-wrapper .error-wrapper {
  margin: 0 0 10px;
}
.swagger-ui .errors-wrapper .errors h4 {
  color: #3b4151;
  font-family: monospace;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.swagger-ui .errors-wrapper .errors small {
  color: #606060;
}
.swagger-ui .errors-wrapper .errors .message {
  white-space: pre-line;
}
.swagger-ui .errors-wrapper .errors .message.thrown {
  max-width: 100%;
}
.swagger-ui .errors-wrapper .errors .error-line {
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.swagger-ui .errors-wrapper hgroup {
  align-items: center;
  display: flex;
}
.swagger-ui .errors-wrapper hgroup h4 {
  color: #3b4151;
  flex: 1;
  font-family: sans-serif;
  font-size: 20px;
  margin: 0;
}
@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.swagger-ui .Resizer.vertical.disabled {
  display: none;
}
.swagger-ui .markdown p,
.swagger-ui .markdown pre,
.swagger-ui .renderedMarkdown p,
.swagger-ui .renderedMarkdown pre {
  margin: 1em auto;
  word-break: break-all;
  word-break: break-word;
}
.swagger-ui .markdown pre,
.swagger-ui .renderedMarkdown pre {
  background: none;
  color: #000;
  font-weight: 400;
  padding: 0;
  white-space: pre-wrap;
}
.swagger-ui .markdown code,
.swagger-ui .renderedMarkdown code {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  color: #9012fe;
  font-family: monospace;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 7px;
}
.swagger-ui .markdown pre > code,
.swagger-ui .renderedMarkdown pre > code {
  display: block;
}
.swagger-ui .json-schema-2020-12-keyword--\$vocabulary ul {
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
  margin: 0 0 0 20px;
}
.swagger-ui .json-schema-2020-12-\$vocabulary-uri {
  margin-left: 35px;
}
.swagger-ui .json-schema-2020-12-\$vocabulary-uri--disabled {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.swagger-ui .json-schema-2020-12-keyword--const .json-schema-2020-12-json-viewer__name,
.swagger-ui .json-schema-2020-12-keyword--const .json-schema-2020-12-json-viewer__value {
  color: #3b4151;
  font-style: normal;
}
.swagger-ui .json-schema-2020-12__constraint {
  background-color: #805ad5;
  border-radius: 4px;
  color: #3b4151;
  color: #fff;
  font-family: monospace;
  font-weight: 600;
  line-height: 1.5;
  margin-left: 10px;
  padding: 1px 3px;
}
.swagger-ui .json-schema-2020-12__constraint--string {
  background-color: #d69e2e;
  color: #fff;
}
.swagger-ui .json-schema-2020-12-keyword--default .json-schema-2020-12-json-viewer__name,
.swagger-ui .json-schema-2020-12-keyword--default .json-schema-2020-12-json-viewer__value {
  color: #3b4151;
  font-style: normal;
}
.swagger-ui .json-schema-2020-12-keyword--dependentRequired > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.swagger-ui .json-schema-2020-12-keyword--dependentRequired > ul li {
  display: inline;
  list-style-type: none;
}
.swagger-ui .json-schema-2020-12-keyword--description {
  color: #6b6b6b;
  font-size: 12px;
  margin-left: 20px;
}
.swagger-ui .json-schema-2020-12-keyword--description p {
  margin: 0;
}
.swagger-ui .json-schema-2020-12-keyword--enum .json-schema-2020-12-json-viewer__name,
.swagger-ui .json-schema-2020-12-keyword--enum .json-schema-2020-12-json-viewer__value,
.swagger-ui .json-schema-2020-12-keyword--examples .json-schema-2020-12-json-viewer__name,
.swagger-ui .json-schema-2020-12-keyword--examples .json-schema-2020-12-json-viewer__value {
  color: #3b4151;
  font-style: normal;
}
.swagger-ui .json-schema-2020-12-json-viewer-extension-keyword .json-schema-2020-12-json-viewer__name,
.swagger-ui .json-schema-2020-12-json-viewer-extension-keyword .json-schema-2020-12-json-viewer__value {
  color: #929292;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-keyword--patternProperties ul {
  border: none;
  margin: 0;
  padding: 0;
}
.swagger-ui .json-schema-2020-12-keyword--patternProperties .json-schema-2020-12__title:first-of-type:after,
.swagger-ui .json-schema-2020-12-keyword--patternProperties .json-schema-2020-12__title:first-of-type:before {
  color: #55a;
  content: "/";
}
.swagger-ui .json-schema-2020-12-keyword--properties > ul {
  border: none;
  margin: 0;
  padding: 0;
}
.swagger-ui .json-schema-2020-12-property {
  list-style-type: none;
}
.swagger-ui .json-schema-2020-12-property--required > .json-schema-2020-12:first-of-type > .json-schema-2020-12-head .json-schema-2020-12__title:after {
  color: red;
  content: "*";
  font-weight: 700;
}
.swagger-ui .json-schema-2020-12__title {
  color: #505050;
  display: inline-block;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}
.swagger-ui .json-schema-2020-12__title .json-schema-2020-12-keyword__name {
  margin: 0;
}
.swagger-ui .json-schema-2020-12-property {
  margin: 7px 0;
}
.swagger-ui .json-schema-2020-12-property .json-schema-2020-12__title {
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  font-weight: 600;
  vertical-align: middle;
}
.swagger-ui .json-schema-2020-12-keyword {
  margin: 5px 0;
}
.swagger-ui .json-schema-2020-12-keyword__children {
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
  margin: 0 0 0 20px;
  padding: 0;
}
.swagger-ui .json-schema-2020-12-keyword__children--collapsed {
  display: none;
}
.swagger-ui .json-schema-2020-12-keyword__name {
  font-size: 12px;
  font-weight: 700;
  margin-left: 20px;
}
.swagger-ui .json-schema-2020-12-keyword__name--primary {
  color: #3b4151;
  font-style: normal;
}
.swagger-ui .json-schema-2020-12-keyword__name--secondary {
  color: #6b6b6b;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-keyword__name--extension {
  color: #929292;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-keyword__value {
  color: #6b6b6b;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}
.swagger-ui .json-schema-2020-12-keyword__value--primary {
  color: #3b4151;
  font-style: normal;
}
.swagger-ui .json-schema-2020-12-keyword__value--secondary {
  color: #6b6b6b;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-keyword__value--extension {
  color: #929292;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-keyword__value--warning {
  border: 1px dashed red;
  border-radius: 4px;
  color: #3b4151;
  color: red;
  display: inline-block;
  font-family: monospace;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  margin-left: 10px;
  padding: 1px 4px;
}
.swagger-ui .json-schema-2020-12-keyword__name--secondary + .json-schema-2020-12-keyword__value--secondary:before {
  content: "=";
}
.swagger-ui .json-schema-2020-12__attribute {
  color: #3b4151;
  font-family: monospace;
  font-size: 12px;
  padding-left: 10px;
  text-transform: lowercase;
}
.swagger-ui .json-schema-2020-12__attribute--primary {
  color: #55a;
}
.swagger-ui .json-schema-2020-12__attribute--muted {
  color: gray;
}
.swagger-ui .json-schema-2020-12__attribute--warning {
  color: red;
}
.swagger-ui .json-schema-2020-12-json-viewer {
  margin: 5px 0;
}
.swagger-ui .json-schema-2020-12-json-viewer__children {
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
  margin: 0 0 0 20px;
  padding: 0;
}
.swagger-ui .json-schema-2020-12-json-viewer__children--collapsed {
  display: none;
}
.swagger-ui .json-schema-2020-12-json-viewer__name {
  font-size: 12px;
  font-weight: 700;
  margin-left: 20px;
}
.swagger-ui .json-schema-2020-12-json-viewer__name--primary {
  color: #3b4151;
  font-style: normal;
}
.swagger-ui .json-schema-2020-12-json-viewer__name--secondary {
  color: #6b6b6b;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-json-viewer__name--extension {
  color: #929292;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-json-viewer__value {
  color: #6b6b6b;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}
.swagger-ui .json-schema-2020-12-json-viewer__value--primary {
  color: #3b4151;
  font-style: normal;
}
.swagger-ui .json-schema-2020-12-json-viewer__value--secondary {
  color: #6b6b6b;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-json-viewer__value--extension {
  color: #929292;
  font-style: italic;
}
.swagger-ui .json-schema-2020-12-json-viewer__value--warning {
  border: 1px dashed red;
  border-radius: 4px;
  color: #3b4151;
  color: red;
  display: inline-block;
  font-family: monospace;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  margin-left: 10px;
  padding: 1px 4px;
}
.swagger-ui .json-schema-2020-12-json-viewer__name--secondary + .json-schema-2020-12-json-viewer__value--secondary:before {
  content: "=";
}
.swagger-ui .json-schema-2020-12 {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin: 0 20px 15px;
  padding: 12px 0 12px 20px;
}
.swagger-ui .json-schema-2020-12:first-of-type {
  margin: 20px;
}
.swagger-ui .json-schema-2020-12:last-of-type {
  margin: 0 20px;
}
.swagger-ui .json-schema-2020-12--embedded {
  background-color: inherit;
  padding-bottom: 0;
  padding-left: inherit;
  padding-right: inherit;
  padding-top: 0;
}
.swagger-ui .json-schema-2020-12-body {
  border-left: 1px dashed rgba(0, 0, 0, 0.1);
  margin: 2px 0;
}
.swagger-ui .json-schema-2020-12-body--collapsed {
  display: none;
}
.swagger-ui .json-schema-2020-12-accordion {
  border: none;
  outline: none;
  padding-left: 0;
}
.swagger-ui .json-schema-2020-12-accordion__children {
  display: inline-block;
}
.swagger-ui .json-schema-2020-12-accordion__icon {
  display: inline-block;
  height: 18px;
  vertical-align: bottom;
  width: 18px;
}
.swagger-ui .json-schema-2020-12-accordion__icon--expanded {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: transform 0.15s ease-in;
}
.swagger-ui .json-schema-2020-12-accordion__icon--collapsed {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  transition: transform 0.15s ease-in;
}
.swagger-ui .json-schema-2020-12-accordion__icon svg {
  height: 20px;
  width: 20px;
}
.swagger-ui .json-schema-2020-12-expand-deep-button {
  border: none;
  color: #505050;
  color: #afaeae;
  font-family: sans-serif;
  font-size: 12px;
  padding-right: 0;
}
.swagger-ui .model-box .json-schema-2020-12:not(.json-schema-2020-12--embedded) > .json-schema-2020-12-head .json-schema-2020-12__title:first-of-type {
  font-size: 16px;
}
.swagger-ui .model-box > .json-schema-2020-12 {
  margin: 0;
}
.swagger-ui .model-box .json-schema-2020-12 {
  background-color: transparent;
  padding: 0;
}
.swagger-ui .model-box .json-schema-2020-12-accordion,
.swagger-ui .model-box .json-schema-2020-12-expand-deep-button {
  background-color: transparent;
}
.swagger-ui .models .json-schema-2020-12:not(.json-schema-2020-12--embedded) > .json-schema-2020-12-head .json-schema-2020-12__title:first-of-type {
  font-size: 16px;
}
.swagger-ui .models .json-schema-2020-12:not(.json-schema-2020-12--embedded) {
  overflow-x: auto;
  width: calc(100% - 40px);
}

.item--JszuA {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
}

.actions--i0GFi {
  margin-right: 16px;
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  flex-shrink: 0;
}

.control--htBQH {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  border: none;
  padding: 24px 16px;
  cursor: pointer;
  background-color: transparent;
}

.control--htBQH[data-chevron-position="left"] {
  flex-direction: row;
}

.label--RiYvp {
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.title--hkM9T {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.title--hkM9T {
    -webkit-line-clamp: 1
}
  }

@media (max-width: 1279px) {

.title--hkM9T {
    -webkit-line-clamp: 2
}
  }

.item--JszuA[data-size="sm"] .title--hkM9T {
  line-height: 32px;
}

.item--JszuA[data-size="md"] .title--hkM9T {
  line-height: 40px;
}

.chevron--actet {
  fill: var(--basic-on-bg-secondary);
}

.chevron--actet[data-position="left"] {
  margin-inline-end: 1rem;
  margin-inline-start: 1rem;
}

.chevron--actet[data-rotate="true"] {
  transform: rotate(180deg);
}

.content--kECON {
  padding: 0 16px 24px;
}

.main-column--OC7UH {
  display: flex;
  flex-direction: column;
  background-color: var(--basic-bg-foreground);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  flex-grow: 1;
}

.main-title--EWQV7 {
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.main-title--EWQV7 {
    padding: 24px
}
  }

@media (max-width: 1279px) {

.main-title--EWQV7 {
    padding: 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.main-title_without-content--AKmaz {
    border: 0
}
  }

.body--tHLPM {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-grow: 1;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.body--tHLPM {
    padding: 24px !important
}
  }

@media (max-width: 1279px) {

.body--tHLPM {
    padding: 16px !important
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.body--tHLPM:has(.main-title--EWQV7) {
    padding: 16px 24px 24px !important
}
  }

.header--tQHqr {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 24px;
}

.header--tQHqr:empty {
    display: none;
  }

.title--vcpav {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 10000px) {

.title--vcpav {
    -webkit-line-clamp: 1
}
  }

@media (max-width: 767px) {

.title--vcpav {
    -webkit-line-clamp: 2
}
  }

.header--tQHqr[data-size="sm"] .title--vcpav {
  line-height: 32px;
}

.header--tQHqr[data-size="md"] .title--vcpav {
  line-height: 40px;
}

.actions--u3zEK {
  display: flex;
  flex-direction: row-reverse;
  gap: 16px;
  flex-shrink: 0;
}

.content--BkZcs {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-overlay--ShFCD {
  pointer-events: none;
  background-color: transparent;
  background-image: linear-gradient(
    to bottom,
    transparent 0%,
    transparent calc(100% - 32px),
    var(--basic-bg-primary) calc(100% - 32px),
    var(--basic-bg-primary) 100%
  );
}

.modal-wrapper--tEX7l {
  padding: 88px 0 24px;
  pointer-events: none;
  background-color: transparent;
}

.modal-wrapper--tEX7l .modal-content--XQ4dy {
  border-radius: 16px;
  pointer-events: all;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.modal-main-title--F1t0F {
  position: static;
  background-color: transparent;
}

.modal-body--RUuGv {
  border-top: 1px solid var(--basic-on-bg-stroke);
}

.section--ttqyg {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  align-items: flex-start;
}

.content--kh49e {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.section--ttqyg[data-variant="column"] .content--kh49e {
  gap: 16px;
}

.section--ttqyg[data-variant="column-separated"] .content--kh49e {
  gap: 12px;
}

.section--ttqyg[data-variant="column-separated"] .content--kh49e > *:not(:last-child) {
  border-bottom: 1px solid var(--basic-on-bg-stroke);
  padding-bottom: 12px;
}

.title--do9EL {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin: 0;
}

.subtitle--OyIyw {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  margin-top: -4px;
  color: var(--basic-on-bg-secondary);
}

@media (min-width: 768px) and (max-width: 10000px) {.form--B52xu {
    margin: 0 -24px
}
  }
  @media (max-width: 767px) {.form--B52xu {
    margin: 0 -16px
}
  }

.container--km3z0 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.main-columns--dRmPz[data-variant="explicit"],
.main-columns--dRmPz[data-variant="modal"] {
  flex-grow: 1;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.main-columns--dRmPz[data-variant="explicit"],
.main-columns--dRmPz[data-variant="modal"] {
    display: grid;
    grid-template-areas: "left-column right-column";
    grid-template-columns: 448px calc(100% - 24px - 448px);
    gap: 24px
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.main-columns--dRmPz[data-variant="explicit"],
.main-columns--dRmPz[data-variant="modal"] {
    display: grid;
    grid-template-areas: "left-column right-column";
    grid-template-columns: calc((100% - 16px) / 3) calc(100% - 16px - (100% - 16px) / 3);
    gap: 16px
}
  }

  @media (max-width: 767px) {.main-columns--dRmPz[data-variant="explicit"],
.main-columns--dRmPz[data-variant="modal"] {
    display: flex;
    gap: 16px;
    width: calc(100% + 32px);
    margin: 0 -16px
}
  }

@media (max-width: 767px) {

.main-columns--dRmPz[data-variant="explicit"] {
    flex-direction: column
}
  }

.main-columns--dRmPz[data-variant="accordion"] {
  gap: 24px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.main-columns--dRmPz[data-variant="accordion"] {
    display: grid;
    grid-template-areas: "left-column right-column";
    grid-template-columns: calc(50% - 12px) calc(50% - 12px)
}
  }

@media (max-width: 1279px) {

.main-columns--dRmPz[data-variant="accordion"] {
    display: flex;
    flex-direction: column
}
  }

@media (max-width: 767px) {

.main-columns--dRmPz[data-variant="accordion"] {
    width: calc(100% + 32px) !important;
    margin: 0 -16px
}
  }

.form--D4rjA {
  margin: 0 -16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.form--D4rjA {
    margin: 0 -24px
}
  }

.form--zLofN {
  margin: 0 -16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.form--zLofN {
    margin: 0 -24px
}
  }

.list--k5tiB {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  user-select: none;
}

  @media (hover: none) {.list--k5tiB {
    touch-action: none
}
  }

.list--k5tiB:not(:has(.dragging--D2C4A)):not(:has(.dragged--LT5lq)) .list-item--gL7ND:hover,
.list-item--gL7ND.dragged--LT5lq {
  background-color: var(--basic-bg-hover);
}

.list--k5tiB:not(:has(.dragging--D2C4A)):not(:has(.dragged--LT5lq)) .list-item--gL7ND:hover .dragging-button--cxXjL,
  .list--k5tiB:not(:has(.dragging--D2C4A)):not(:has(.dragged--LT5lq)) .list-item--gL7ND:hover .remove-button--UoPqX,
  .list-item--gL7ND.dragged--LT5lq .dragging-button--cxXjL,
  .list-item--gL7ND.dragged--LT5lq .remove-button--UoPqX {
    opacity: 1;
  }

.list-item--gL7ND {
  display: flex;
  align-items: center;
  padding: 0;
  border-radius: 8px;
  color: var(--basic-on-bg-primary);
  transition: background-color 0.3s;
  margin: 0 0 8px 0;
  list-style-type: none;
  position: relative;
}

.list--k5tiB:has(.dragging--D2C4A) .list-item--gL7ND:not(.dragging--D2C4A) {
  transition: transform 0.3s, background-color 0.3s !important;
}

@media (hover: hover) {

.list--k5tiB:has(.dragging--D2C4A) .list-item--gL7ND:not(.dragging--D2C4A) {
    z-index: 1
}
  }

@media (hover: hover) {

.list-item--gL7ND.dragging--D2C4A {
    cursor: grabbing
}
  }

@media (hover: none) {

.list-item--gL7ND.dragging--D2C4A {
    z-index: 1;
    background-color: var(--basic-on-bg-grey-03)
}
  }

.list-item_active--gRKNT {
  background-color: var(--basic-on-bg-grey-03);
}

.dragging-button--cxXjL {
  padding: 0 0 0 4px !important;
  transition: opacity 0.3s;
  cursor: grab;
}

@media (hover: hover) and (min-width: 768px) and (max-width: 10000px) {

.dragging-button--cxXjL {
    opacity: 0
}
  }

.dragging-button--cxXjL[data-loading="true"] {
  transform: scale(0.7) !important;
  transform-origin: 50% 50%;
}

.title-button--gY8WM {
  width: calc(100% - 24px - 48px);
  justify-content: flex-start;
  text-align: left;
  padding: 9px 0 !important;
  font-weight: 400 !important;
  color: var(--basic-on-bg-primary) !important;
  word-break: break-word;
}

.title-button-text--UYXsA {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.remove-button--UoPqX {
  padding: 9px 17px 9px 9px !important;
  transition: opacity 0.3s;
}

@media (hover: hover) and (min-width: 768px) and (max-width: 10000px) {

.remove-button--UoPqX {
    opacity: 0
}
  }

.switch--qUYs3[data-variant="string"] {
  display: grid;
  grid-template-areas:
    "label track description"
    "label track error"
    "label track error";
  grid-template-columns: auto 52px auto;
  align-items: flex-start;
}

  .switch--qUYs3[data-variant="string"]:has(.description--zbbed:empty) {
    grid-template-rows: 0 auto;
  }

  .switch--qUYs3[data-variant="string"]:has(.error--jZ_hp:nth-child(2)) {
    grid-template-rows: 0 auto;
  }

  .switch--qUYs3[data-variant="string"] .label--iUw4s {
    margin-right: 16px;
    min-height: 36px;
    color: var(--basic-on-bg-secondary);
  }

  .switch--qUYs3[data-variant="string"] .description--zbbed,
  .switch--qUYs3[data-variant="string"] .error--jZ_hp {
    margin-left: 12px;
  }

  .switch--qUYs3[data-variant="string"] :is(.description--zbbed, .error--jZ_hp):first-of-type {
    min-height: 36px;
  }

.switch--qUYs3[data-variant="content-left"] {
  display: grid;
  grid-template-areas:
    "label track"
    "description track"
    "error track";
  grid-template-columns: calc(100% - 52px) 52px;
}

.switch--qUYs3[data-variant="content-left"] .label--iUw4s {
    color: var(--basic-on-bg-primary);
  }

.switch--qUYs3[data-variant="content-left"] .label--iUw4s,
  .switch--qUYs3[data-variant="content-left"] .description--zbbed,
  .switch--qUYs3[data-variant="content-left"] .error--jZ_hp {
    margin-right: 12px;
    text-align: right;
    justify-self: flex-end;
  }

.switch--qUYs3[data-variant="content-left"] :is(.label--iUw4s, .description--zbbed, .error--jZ_hp):first-child {
    min-height: 36px;
  }

.switch--qUYs3[data-variant="content-right"] {
  display: grid;
  grid-template-areas:
    "track label"
    "track description"
    "track error";
  grid-template-columns: 52px calc(100% - 52px);
}

.switch--qUYs3[data-variant="content-right"] .label--iUw4s {
    color: var(--basic-on-bg-primary);
  }

.switch--qUYs3[data-variant="content-right"] .label--iUw4s,
  .switch--qUYs3[data-variant="content-right"] .description--zbbed,
  .switch--qUYs3[data-variant="content-right"] .error--jZ_hp {
    margin-left: 12px;
  }

.switch--qUYs3[data-variant="content-right"] :is(.label--iUw4s, .description--zbbed, .error--jZ_hp):first-child {
    min-height: 36px;
  }

.switch--qUYs3[data-variant="column"] {
  display: grid;
  grid-template-areas:
    "label label"
    "track description"
    "track error";
}

.switch--qUYs3[data-variant="column"] .label--iUw4s {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px;
    color: var(--basic-on-bg-primary);
  }

.switch--qUYs3[data-variant="column"] .description--zbbed {
    min-height: 36px;
    margin-left: 12px;
  }

.switch--qUYs3[data-variant="column"] .error--jZ_hp {
    margin-left: 12px;
  }

.switch--qUYs3[data-variant="column"] :is(.description--zbbed, .error--jZ_hp):first-of-type {
    min-height: 36px;
  }

.input--_yDjv {
  appearance: none;
  width: 0;
  height: 0;
  margin: 0;
}

.track--laLdo {
  grid-area: track;
  width: 52px;
  height: 32px;
  border-radius: 16px;
  position: relative;
  flex-shrink: 0;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.3s;
  background-color: var(--basic-on-bg-disabled);
  margin-top: 2px;
  margin-bottom: 2px;
}

.track--laLdo:hover {
    background-color: var(--button-primary-bg-disabled);
  }

.switch--qUYs3[data-checked] .track--laLdo {
  background-color: var(--button-primary-bg-active);
}

.switch--qUYs3[data-checked] .track--laLdo:hover {
    background-color: var(--button-primary-bg-hover);
  }

.switch--qUYs3[data-checked] .track--laLdo .thumb--vBL4K {
    transform: translateX(20px);
  }

.thumb--vBL4K {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--button-primary-on-bg-active);
  position: absolute;
  top: 4px;
  left: 4px;
  transition: transform 0.3s;
}

.inner--ieio5::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  border: 2px solid var(--basic-on-bg-grey-01);
  transition: border-color 0.3s;
}

.inner--ieio5:hover::after {
  border-color: var(--button-secondary-border-hover);
}

.switch--qUYs3[data-error] .inner--ieio5::after {
    border-color: var(--basic-on-bg-alert);
  }

.switch--qUYs3[data-error] .inner--ieio5::after:hover {
      border-color: var(--basic-on-bg-alert-hover);
    }

.body--BoM9s,
.label-wrapper--_EPTe {
  display: contents;
}

.label--iUw4s {
  grid-area: label;
  display: flex;
  align-items: center;
  margin-top: 0;
  word-break: break-word;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.label--iUw4s:empty {
    display: none;
  }

.description--zbbed {
  grid-area: description;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
  word-break: break-word;
  margin: 0;
}

.description--zbbed:empty {
    display: none;
  }

.error--jZ_hp {
  grid-area: error;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-alert);
  word-break: break-word;
  margin: 0;
}

.error--jZ_hp:empty {
    display: none;
  }

.description--zbbed:not(:empty) + .error--jZ_hp {
  margin-top: 3px;
}

.container--BYuph {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
}

.title--FUKDG {
  line-height: 36px;
  text-align: center;
}

.description--hcudu {
  font-size: 16px;
  line-height: 24px;
  color: var(--basic-on-bg-secondary);
  text-align: center;
}

.button--nHW4A {
  margin-top: 8px;
}

@media (max-width: 1279px) {.header--mU3Xx {
    flex-wrap: wrap
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.actions--bpAox {
    margin-top: -4px;
    margin-bottom: -4px
}
  }

@media (max-width: 1279px) {

.actions--bpAox {
    width: 100%;
    flex-direction: row
}
  }

.root--h2J1l {
  position: relative;
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  grid-area: wrapper;
}

.toolbar--aBl9g {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  padding: 0 3px;
  background: linear-gradient(
    to bottom,
    var(--basic-on-bg-grey-03) 0%,
    var(--basic-on-bg-grey-03) calc(100% - 1px),
    var(--basic-on-bg-stroke) calc(100% - 1px),
    var(--basic-on-bg-stroke) 100%
  );
  background-size: 100% 35px;
  background-repeat: repeat-y;
}

.toolbar--aBl9g[data-sticky] {
    position: sticky;
  }

.controls-group--UYeEH {
  display: flex;
  align-items: center;
  position: relative;
}

.controls-group--UYeEH::after {
    content: " ";
    display: block;
    width: 1px;
    height: 25px;
    background: var(--basic-on-bg-stroke);
    margin: 5px;
  }

.control--Fs_73 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  cursor: default;
  outline: none;
  border: none;
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-on-bg-grey-03);
  transition: background-color 0.3s, border-color 0.3s, color 0.3s, fill 0.3s;
  padding: 0;
  margin: 0 4px;
  min-width: 26px;
  height: 26px;
}

.control--Fs_73[data-disabled] {
    cursor: not-allowed;
    color: var(--basic-on-bg-primary);
    background-color: var(--basic-on-bg-grey-03);
  }

.control--Fs_73[data-interactive]:not([data-disabled]) {
    cursor: pointer;
  }

.control--Fs_73[data-active] {
    background-color: var(--basic-on-bg-grey-02);
  }

.control--Fs_73:not([data-disabled]):hover {
    background-color: var(--basic-on-bg-grey-02);
  }

.control-icon--j95vq {
  width: 20px;
  height: 20px;
  color: var(--basic-on-bg-primary);
}

.typography-styles-provider--VZCHR,
.read-only--qenqX {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  padding: 0;
  margin: 0;
}

.typography-styles-provider--VZCHR p, .read-only--qenqX p {
    margin: 0 0 8px;
    min-height: 24px;
    line-height: 24px;
  }

.typography-styles-provider--VZCHR ul,
  .typography-styles-provider--VZCHR ol,
  .read-only--qenqX ul,
  .read-only--qenqX ol {
    margin: 0 0 8px;
  }

.typography-styles-provider--VZCHR ul li,
  .typography-styles-provider--VZCHR ol li,
  .read-only--qenqX ul li,
  .read-only--qenqX ol li {
    margin-top: 2px;
  }

.typography-styles-provider--VZCHR li > p, .read-only--qenqX li > p {
    margin: 0;
  }

.typography-styles-provider--VZCHR h1,
  .typography-styles-provider--VZCHR h2,
  .typography-styles-provider--VZCHR h3,
  .typography-styles-provider--VZCHR h4,
  .typography-styles-provider--VZCHR h5,
  .typography-styles-provider--VZCHR h6,
  .read-only--qenqX h1,
  .read-only--qenqX h2,
  .read-only--qenqX h3,
  .read-only--qenqX h4,
  .read-only--qenqX h5,
  .read-only--qenqX h6 {
    margin-top: 0;
  }

.typography-styles-provider--VZCHR h1, .read-only--qenqX h1 {
    font-size: 32px;
    line-height: 36px;
  }

.typography-styles-provider--VZCHR h2, .read-only--qenqX h2 {
    font-size: 27px;
    line-height: 32px;
  }

.typography-styles-provider--VZCHR hr, .read-only--qenqX hr {
    border-width: 0;
    border-top: 1px solid var(--basic-on-bg-stroke);
    width: 100%;
    height: 0;
  }

.typography-styles-provider--VZCHR a, .read-only--qenqX a {
    color: var(--basic-on-bg-link);
  }

.typography-styles-provider--VZCHR a:hover, .read-only--qenqX a:hover {
    color: var(--basic-on-bg-link-hover);
  }

.typography-styles-provider--VZCHR a:active, .read-only--qenqX a:active {
    color: var(--basic-on-bg-link-focus);
  }

.read-only--qenqX > :last-child,
.content--LanwO .ProseMirror > :last-child {
  margin-bottom: 0;
}

.content--LanwO {
  background-color: var(--common_white);
  font-size: 16px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.content--LanwO .ProseMirror {
    outline: none;
    padding: 16px;
    min-height: 106px;
  }

.content--LanwO .ProseMirror p.is-editor-empty--bvh2z:first-of-type::before {
      content: attr(data-placeholder);
      pointer-events: none;
      user-select: none;
      float: left;
      height: 0;
      color: var(--mantine-color-placeholder);
    }

.link-editor--nCjV3 {
  display: flex;
}

.link-editor-input--K8vn5 {
  border: 1px solid var(--basic-on-bg-stroke);
  border-start-end-radius: 0;
  border-end-end-radius: 0;
  border-inline-end: 0;
  padding: 12px 34px 12px 12px;
}

.link-editor-save--zCjs_.link-editor-save--zCjs_ {
    border: 1px solid var(--basic-on-bg-stroke);
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    padding: 12px;
  }

.link-editor-external-control--nLCO6 {
  display: none;
}

.link-editor-dropdown--TEjj5 {
  position: absolute;
  border: 1px solid var(--basic-on-bg-stroke);
  padding: 12px 16px;
  border-radius: 8px;
  background-color: var(--common_white);
}

.editor--EkuHA[data-variant="string"] .read-only--qenqX {
  padding: 12px 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {.form--KflY7 {
    margin: 0 -24px
}
  }
  @media (max-width: 767px) {.form--KflY7 {
    margin: 0 -16px
}
  }

.field-section--_WUsn {
  padding: 0 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.field-section--_WUsn {
    padding: 0 24px
}
  }

.row--Ixi4t {
  display: flex;
}

@media (min-width: 768px) and (max-width: 10000px) {

.row--Ixi4t {
    flex-direction: row;
    gap: 24px
}
  }

@media (max-width: 767px) {

.row--Ixi4t {
    flex-direction: column;
    gap: 8px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.row_create--pnQ0V {
    gap: 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.row_read-only--WiBqF {
    gap: 0
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.sum--kznls {
    width: calc(100% - 320px);
    flex-shrink: 0
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.sum_create--BAQhm {
    width: calc((100% - 196px - 16px) / 2 + 196px)
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.sum_read-only--K01YH {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.sum_read-only--K01YH [class*="read-only-value"] {
      padding-right: 0 !important
  }
    }

@media (min-width: 768px) and (max-width: 10000px) {

.unit--eZvkz {
    width: 296px;
    flex-shrink: 0
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.unit_create--rQPXZ {
    width: calc((100% - 196px - 16px) / 2)
}
  }

.datepicker--hLSu3 .react-datepicker__navigation {
      display: none;
    }
    .datepicker--hLSu3 .react-datepicker__aria-live {
      display: none;
    }
    .datepicker--hLSu3 .react-datepicker__month-container {
      display: flex;
      flex-direction: column;
    }
    @media not ((max-width: 359px)) {
    .datepicker--hLSu3 .react-datepicker__month-container {
        gap: 8px
    }
      }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__month-container {
        gap: 4px
    }
      }
    .datepicker--hLSu3 .react-datepicker__header {
      display: flex;
      flex-direction: column;
    }
    @media not ((max-width: 359px)) {
    .datepicker--hLSu3 .react-datepicker__header {
        gap: 20px
    }
      }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__header {
        gap: 16px
    }
      }
    .datepicker--hLSu3 .react-datepicker__header__dropdown:empty {
      display: none;
    }
    .datepicker--hLSu3 .react-datepicker__header--time--only,
    .datepicker--hLSu3 .react-datepicker-year-header {
      display: none;
    }
    .datepicker--hLSu3 .react-datepicker__year-wrapper {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 10px;
      width: 272px;
    }
    .datepicker--hLSu3 .react-datepicker__year-text {
      font-weight: 500;
      font-size: 14px;
      line-height: 32px;
      letter-spacing: 0.25px;
      width: 84px;
      text-align: center;
      border-radius: 16px;
      cursor: pointer;
      transition:
        background-color 0.3s,
        color 0.3s;
    }
    .datepicker--hLSu3 .react-datepicker__year-text.react-datepicker__year-text--today {
      color: var(--basic-bg-accent);
    }
    .datepicker--hLSu3 .react-datepicker__year-text:hover,
    .datepicker--hLSu3 .react-datepicker__year-text.react-datepicker__year-text--today:hover,
    .datepicker--hLSu3 .react-datepicker__year-text.react-datepicker__year-text--selected {
      background-color: var(--basic-bg-accent);
      color: var(--basic-on-bg-on-accent);
    }
    .datepicker--hLSu3 .react-datepicker__current-month {
      font-weight: 700;
      font-size: 14px;
      line-height: 16px;
      text-align: center;
      letter-spacing: 1.25px;
      text-transform: uppercase;
      color: var(--button-tertiary-on-bg-active);
    }
    .datepicker--hLSu3 .react-datepicker__day-names {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    @media not ((max-width: 359px)) {
    .datepicker--hLSu3 .react-datepicker__day-names {
        gap: 8px
    }
      }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__day-names {
        gap: 4px
    }
      }
    .datepicker--hLSu3 .react-datepicker__day-name {
      width: 32px;
      text-align: center;
      font-weight: 500;
      font-size: 12px;
      line-height: 32px;
      letter-spacing: 0.4px;
      color: var(--basic-on-bg-secondary);
      text-transform: uppercase;
    }
    .datepicker--hLSu3 .react-datepicker__month {
      display: flex;
      flex-direction: column;
    }
    @media not ((max-width: 359px)) {
    .datepicker--hLSu3 .react-datepicker__month {
        gap: 8px
    }
      }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__month {
        gap: 4px
    }
      }
    .datepicker--hLSu3 .react-datepicker__week {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    @media not ((max-width: 359px)) {
    .datepicker--hLSu3 .react-datepicker__week {
        gap: 8px
    }
      }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__week {
        gap: 4px
    }
      }
    .datepicker--hLSu3 .react-datepicker__day {
      width: 32px;
      font-weight: 500;
      font-size: 14px;
      line-height: 32px;
      text-align: center;
      letter-spacing: 0.25px;
      color: var(--basic-on-bg-primary);
      cursor: pointer;
      background-color: var(--basic-bg-foreground);
      box-shadow: 9px 0px 0px var(--basic-bg-foreground);
      position: relative;
      z-index: 1;
      transition: color 0.3s;
    }
    .datepicker--hLSu3 .react-datepicker__day--today:not(
        .react-datepicker__day.react-datepicker__day--range-start,
        .react-datepicker__day.react-datepicker__day--range-end,
        .react-datepicker__day.react-datepicker__day--keyboard-selected.react-datepicker__day--selecting-range-start,
        .react-datepicker__day.react-datepicker__day--in-range
      ) {
      color: var(--basic-bg-accent);
    }
    .datepicker--hLSu3 .react-datepicker__day--today:not(
        .react-datepicker__day.react-datepicker__day--range-start,
        .react-datepicker__day.react-datepicker__day--range-end,
        .react-datepicker__day.react-datepicker__day--keyboard-selected.react-datepicker__day--selecting-range-start,
        .react-datepicker__day.react-datepicker__day--in-range
      ):hover {
      background-color: var(--basic-bg-accent);
      color: var(--basic-on-bg-on-accent);
      border-radius: 50%;
      box-shadow: none;
    }
    .datepicker--hLSu3 .react-datepicker__day::before {
      content: '';
      position: absolute;
      width: 32px;
      height: 32px;
      left: 0;
      top: 0;
      z-index: -1;
      border-radius: 50%;
      transition: background-color 0.3s;
    }
    .datepicker--hLSu3 .react-datepicker__day:hover {
      color: var(--basic-on-bg-on-accent);
    }
    .datepicker--hLSu3 .react-datepicker__day:hover::before {
      background-color: var(--basic-bg-accent);
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--in-range {
      background-color: var(--status-tint-success);
      border-radius: 0;
      position: relative;
      box-shadow: 9px 0px 0px var(--status-tint-success);
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--in-range:first-child,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--in-range-start-month {
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%;
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--in-range:last-child,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--in-range-end-month {
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
      box-shadow: none;
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--selected:not(.react-datepicker__day--range-start):not(.react-datepicker__day--range-end),
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--keyboard-selected.react-datepicker__day--selecting-range-start {
      background-color: var(--basic-bg-accent);
      color: var(--basic-on-bg-on-accent);
      border-radius: 50%;
      box-shadow: none;
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start::before,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end::before,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--keyboard-selected.react-datepicker__day--selecting-range-start::before {
      background-color: var(--basic-bg-accent);
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start::after,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end::after {
      content: '';
      position: absolute;
      height: 32px;
      background-color: var(--status-tint-success);
      top: 0;
      z-index: -2;
    }
    @media not ((max-width: 359px)) {
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start::after,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end::after {
        width: 40px
    }
      }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start::after,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end::after {
        width: 36px
    }
      }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start::after {
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%;
    }
    @media not ((max-width: 359px)) {
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start::after {
        right: -8px
    }
      }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start::after {
        right: -4px
    }
      }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end::after {
      left: -8px;
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%;
    }
    @media (max-width: 359px) {
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end::after {
        left: -4px
    }
      }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start:last-child::after,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end:first-child::after,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start.react-datepicker__day--in-range-end-month::after,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-end.react-datepicker__day--in-range-start-month::after,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--range-start.react-datepicker__day--range-end::after {
      display: none;
    }
    .datepicker--hLSu3 .react-datepicker__day--outside-month {
      opacity: 0;
      visibility: hidden;
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--disabled,
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--disabled:hover {
      color: var(--button-tertiary-on-bg-disabled) !important;
      background-color: transparent !important;
    }
    .datepicker--hLSu3 .react-datepicker__day.react-datepicker__day--disabled:hover::before {
      background-color: transparent;
    }
    .datepicker--hLSu3 .react-datepicker__time-list {
      list-style-type: none;
      margin: 0;
    }
    @media (min-width: 1280px) and (max-width: 10000px) {
    .datepicker--hLSu3 .react-datepicker__time-list {
        padding: 0
    }
      }
    @media (min-width: 768px) and (max-width: 1279px) {
    .datepicker--hLSu3 .react-datepicker__time-list {
        padding: 8px
    }
      }
    @media (max-width: 767px) {
    .datepicker--hLSu3 .react-datepicker__time-list {
        padding: 8px 8px 32px
    }
      }
    .datepicker--hLSu3 .react-datepicker__time-list-item {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.5px;
      white-space: nowrap;
      border: 0;
      background-color: transparent;
      width: 100%;
      text-align: left;
      color: var(--basic-on-bg-primary);
      transition:
        color 0.3s,
        background-color 0.3s;
      cursor: pointer;
    }
    @media (min-width: 1280px) and (max-width: 10000px) {
    .datepicker--hLSu3 .react-datepicker__time-list-item {
        padding: 10px 16px
    }
      }
    @media (max-width: 1279px) {
    .datepicker--hLSu3 .react-datepicker__time-list-item {
        border-radius: 8px;
        padding: 10px 8px
    }
      }
    .datepicker--hLSu3 .react-datepicker__time-list-item:hover,
    .datepicker--hLSu3 .react-datepicker__time-list-item:active,
    .datepicker--hLSu3 .react-datepicker__time-list-item:focus {
      color: var(--basic-on-bg-primary);
    }
    .datepicker--hLSu3 .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {
      color: var(--basic-on-bg-link);
    }
    @media (min-width: 1280px) and (max-width: 10000px) {
    .datepicker--hLSu3 .react-datepicker__time-list-item:hover,
    .datepicker--hLSu3 .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {
        background-color: var(--basic-bg-hover)
    }
      }
    @media (max-width: 1279px) {
    .datepicker--hLSu3 .react-datepicker__time-list-item:hover,
    .datepicker--hLSu3 .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {
        background-color: var(--basic-bg-hover)
    }
      }
    .datepicker--hLSu3 .react-datepicker__time-list-item.react-datepicker__time-list-item--disabled,
    .datepicker--hLSu3 .react-datepicker__time-list-item.react-datepicker__time-list-item--disabled:hover {
      display: none;
      color: var(--button-tertiary-on-bg-disabled) !important;
      background-color: transparent !important;
    }

.datetime-date__input-wrapper--NUCBA {
  position: relative;
}

  @media not (max-width: 359px) {.datetime-date__input-wrapper--NUCBA {
    width: calc(50% - 8px)
}
  }

  @media (max-width: 359px) {.datetime-date__input-wrapper--NUCBA {
    width: 100%
}
  }

.datetime-date__input-wrapper_full-width--hTt54 {
  width: 100%;
}

.datetime-date__oldDesign--nfE82 {
  height: 36px;
}

.datetime-date__input--NXeyx {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  font-size: 16px;
  line-height: 24px;
  padding: 11px 52px 11px 15px;
  border-radius: 8px;
  letter-spacing: 0.5px;
  width: 100%;
  transition: border-color 0.3s;
}

.datetime-date__input--NXeyx::placeholder {
  color: var(--basic-on-bg-secondary);
}

.datetime-date__input--NXeyx:hover {
  border-color: var(--basic-on-bg-input) !important;
}

.datetime-date__input--NXeyx:focus {
  border-color: var(--basic-on-bg-input) !important;
  border-width: 2px;
  padding: 10px 51px 10px 14px;
}

.datetime-date__input_errors--Wa4LG {
  border-color: var(--basic-on-bg-alert) !important;
}

.datetime-date__input_errors--Wa4LG:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.datetime-date__input_errors--Wa4LG:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.datetime-date__icons--SQAL4 {
  position: absolute;
  top: 0;
  right: 0;
}

.datetime-date__icon--EEUER {
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
  fill: var(--basic-on-bg-grey-01);
}

.datetime-date__oldDesignIcon--pLACX {
  top: 6px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.datetime-date__popup_top--cc20R {
    top: auto;
    bottom: 56px
}
  }

.datetime-date__popup-content--deOQp {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.datetime-date__popup-content--deOQp {
    padding: 16px
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.datetime-date__popup-content--deOQp {
    flex-wrap: wrap
}
  }

@media (max-width: 359px) {

.datetime-date__popup-content--deOQp {
    flex-wrap: wrap
}
  }

@media (max-width: 767px) {

.datetime-date__popup-content--deOQp {
    justify-content: center;
    padding-bottom: 32px
}
  }

.datetime-date__datepicker-wrapper--h7xu7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-top: 8px;
}

@media (min-width: 450px) and (max-width: 10000px) {

.datetime-date__datepicker-wrapper--h7xu7 {
    order: 2
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.datetime-date__datepicker-wrapper--h7xu7 {
    order: 3;
    width: 100%
}
  }

@media (max-width: 359px) {

.datetime-date__datepicker-wrapper--h7xu7 {
    order: 3;
    width: 100%
}
  }

.datetime-date__datepicker--eIXMq .react-datepicker__current-month {
  display: none;
}

.datetime-date__select-year--zt9VT {
  appearance: none;
  border: 0;
  padding: 0;
  background-color: transparent;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: var(--button-tertiary-on-bg-active);
  cursor: pointer;
}

.datetime-date__previous-month--gDlI3,
.datetime-date__next-month--bjMkZ {
  position: relative;
}

@media (min-width: 450px) and (max-width: 10000px) {

.datetime-date__previous-month--gDlI3,
.datetime-date__next-month--bjMkZ {
    top: 124px
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.datetime-date__previous-month--gDlI3,
.datetime-date__next-month--bjMkZ {
    top: 0
}
  }

@media (max-width: 359px) {

.datetime-date__previous-month--gDlI3,
.datetime-date__next-month--bjMkZ {
    top: 0
}
  }

.datetime-date__previous-month--gDlI3 {
  order: 1;
}

.datetime-date__next-month--bjMkZ {
  transform: rotate(180deg);
}

@media (min-width: 450px) and (max-width: 10000px) {

.datetime-date__next-month--bjMkZ {
    order: 3
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.datetime-date__next-month--bjMkZ {
    order: 2
}
  }

@media (max-width: 359px) {

.datetime-date__next-month--bjMkZ {
    order: 2
}
  }

@media (min-width: 450px) and (max-width: 10000px) {

.datetime-date__button-year--aN2es {
    top: 64px
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.datetime-date__button-year--aN2es {
    top: 0
}
  }

@media (max-width: 359px) {

.datetime-date__button-year--aN2es {
    top: 0
}
  }

.datetime-date__mobile-button--KMYb4 {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

@media (max-width: 449px) {

.datetime-date__mobile-button--KMYb4 {
    display: block
}
  }
.date--lIbpV {
  position: relative;
  display: flex;
  align-items: flex-start;
}

  @media (min-width: 768px) and (max-width: 10000px) {.date--lIbpV {
    gap: 16px
}
  }

  @media (max-width: 767px) {.date--lIbpV {
    gap: 8px
}
  }

.date_column--IcNQk {
  flex-direction: column;
  align-items: stretch;
}

.date__field-wrapper--tlpss {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
  position: relative;
}

.date__field-string--a192p {
  display: flex;
  gap: 16px;
}

@media (max-width: 359px) {

.date__field-string--a192p {
    flex-direction: column
}
  }
.datetime-time__input-wrapper--vfSYj {
  position: relative;
  height: 36px;
}

  @media not (max-width: 359px) {.datetime-time__input-wrapper--vfSYj {
    width: calc(50% - 8px)
}
  }

  @media (max-width: 359px) {.datetime-time__input-wrapper--vfSYj {
    width: 100%
}
  }

.datetime-time__oldDesign--XnKJa {
  height: 36px;
}


.datetime-time__input--YlJsM {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  font-size: 16px;
  line-height: 24px;
  padding: 11px 15px;
  border-radius: 8px;
  letter-spacing: 0.5px;
  width: 100%;
  transition: border-color 0.3s;
}

.datetime-time__input--YlJsM::placeholder {
  color: var(--basic-on-bg-secondary);
}

.datetime-time__input--YlJsM:hover {
  border-color: var(--basic-on-bg-input) !important;
}

.datetime-time__input--YlJsM:focus {
  border-color: var(--basic-on-bg-input) !important;
  border-width: 2px;
  padding: 10px 14px;
}

.datetime-time__input_errors--xTJFt {
  border-color: var(--basic-on-bg-alert);
}

.datetime-time__input_errors--xTJFt:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.datetime-time__input_errors--xTJFt:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.datetime-time__popup--Ld9f0 {
  width: 100%;
  max-height: 264px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.datetime-time__popup_top--g8EAr {
    top: auto;
    bottom: 56px
}
  }

.datetime-time__icon--aNWNV {
  position: absolute;
  top: 0;
  right: 0;
}

.datetime-time__icons--mxnXd {
  position: absolute;
  top: 0;
  right: 0;
}

.datetime-time__icon--aNWNV {
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
  fill: var(--basic-on-bg-secondary);
}

.datetime-time__oldDesignIcon--THL2k {
  top: 6px;
}
.info--D_JCt {
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--basic-on-bg-primary);
  font-weight: initial;
}

.info_s--JlCMG {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.info_m--venf_ {
  padding: 4px 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.info_l--q2evI {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.info_info--vCKw1 {
  background: var(--info-message-bg);
}

.info_info--vCKw1 .info-icon--jFdaV {
  transform: rotate(180deg);
  fill: var(--info-message-icon);
}

.info_warning--MMDgh {
  background: var(--status-tint-new);
  margin-bottom: 10px;
  word-break: break-all;
}

.info_alert--RoVUS {
  background-color: var(--status-tint-alert);
}

.info_alert--RoVUS .info-icon--jFdaV {
  color: var(--basic-on-bg-alert);
}

.info_tag--lJwky {
  background-color: var(--basic-bg-foreground);
  font-weight: 500;
}

.info-icon--jFdaV {
  fill: currentColor;
  flex-shrink: 0;
}

.list-no-results--NOMp9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
}

.list-no-results__search-icon--U_S6R {
  fill: var(--basic-on-bg-disabled);
}

.list-no-results__text--o6Mov {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin-top: 75px;
  margin-bottom: 75px;
}

.list-no-results__search-icon--U_S6R + .list-no-results__text--o6Mov {
  margin-top: 25px;
  margin-bottom: 0px;
}

.list-no-results__button--Pfyzw {
  margin-top: 32px;
}
.select__wrapper--tlHFc {
  display: flex;
  align-items: center;
}

.select__wrapper_column--a7E5V {
  flex-direction: column;
  align-items: stretch;
}

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_s--akz5r {
    gap: 8px
}
  }

@media (max-width: 767px) {

.select__wrapper_s--akz5r {
    gap: 4px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_l--QBxbe {
    gap: 16px
}
  }

@media (max-width: 767px) {

.select__wrapper_l--QBxbe {
    gap: 8px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_m--nzuUJ {
    gap: 10px
}
  }

@media (max-width: 767px) {

.select__wrapper_m--nzuUJ {
    gap: 12px
}
  }

.select__wrapper_l--QBxbe.select__wrapper_column--a7E5V {
  gap: 8px;
}

.select--e7B47 {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.select__popup--iQgBr {
  width: 100%;
  max-height: 264px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_s--akz5r .select_top--idks8 .select__popup--iQgBr {
    bottom: 42px;
    top: auto
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_s--akz5r .select_bottom--flo_B .select__popup--iQgBr {
    top: 42px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_l--QBxbe .select_top--idks8 .select__popup--iQgBr {
    bottom: 56px;
    top: auto
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_l--QBxbe .select_bottom--flo_B .select__popup--iQgBr {
    top: 56px
}
  }
.select-options--mBWN4 {
  margin: 0;
  list-style-type: none;
  user-select: none;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.select-options--mBWN4 {
    padding: 0
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.select-options--mBWN4 {
    padding: 8px
}
  }

  @media (max-width: 767px) {.select-options--mBWN4 {
    padding: 8px 8px 32px
}
  }

.select-options--mBWN4 .select-options--mBWN4 {
  padding: 0;
}

.select-options--mBWN4:empty {
  padding: 0;
}

.select-options__icon--R301V {
  transform: rotate(270deg);
  transition: transform;
  margin-left: -8px;
  position: relative;
}

.select-options__icon_loaded--RyOJZ {
  transform: rotate(0);
}

.select-options__role--p5WWU {
  color: var(--basic-on-bg-grey-01)
}

.select-options__loader--LBb6v {
  margin: 4px 5px;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
}

.select-options__arrow--CDQue {
  display: block;
  margin: 8px 8px 8px 7px;
  opacity: 1;
  transition: opacity 0.3s;
}

.select-options__icon_loading--Y9NNW .select-options__loader--LBb6v {
  opacity: 1;
}

.select-options__icon_loading--Y9NNW .select-options__arrow--CDQue {
  opacity: 0;
}

.select-options__item--ZLeQ6 .select-options__item--ZLeQ6 {
  padding-left: 16px;
}

.select-options__option--ZnDO9 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  white-space: normal;
  border: 0;
  background-color: transparent;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--basic-on-bg-primary);
  cursor: pointer;
  gap: 8px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.select-options__option--ZnDO9 {
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.select-options__option--ZnDO9 {
    border-radius: 8px;
    padding: 10px 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.select-options__option--ZnDO9:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.select-options__option--ZnDO9:hover {
    background-color: var(--basic-bg-hover)
}
  }

.select-options__option_active--dGRtQ,
.select-options__option_active--dGRtQ:hover {
  color: var(--basic-on-bg-link);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.select-options__option_active--dGRtQ,
.select-options__option_active--dGRtQ:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.select-options__option_active--dGRtQ,
.select-options__option_active--dGRtQ:hover {
    background-color: var(--basic-bg-hover)
}
  }
.modal--qs2pN {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.25s,
    visibility 0.25s;
}

.modal_visible--gTQre {
  opacity: 1;
  visibility: visible;
}

.modal__ext-wrapper--woIN4 {
  overflow: auto;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {

.modal_l--XyKTv .modal__ext-wrapper--woIN4 {
    background-color: var(--basic-bg-foreground)
}
  }

.modal__in-wrapper--iSl3R {
  display: flex;
}

@media (min-width: 1200px) and (max-width: 10000px) {

.modal_s--nXtkn .modal__in-wrapper--iSl3R,
.modal_m--SA_cg .modal__in-wrapper--iSl3R {
    padding: 64px
}
  }

@media (min-width: 768px) and (max-width: 1199px) {

.modal_s--nXtkn .modal__in-wrapper--iSl3R,
.modal_m--SA_cg .modal__in-wrapper--iSl3R {
    padding: 32px 16px
}
  }

@media (max-width: 767px) {

.modal_s--nXtkn .modal__in-wrapper--iSl3R,
.modal_m--SA_cg .modal__in-wrapper--iSl3R {
    padding: 16px;
    margin: auto 0
}
  }

@media (min-width: 1200px) and (max-width: 10000px) {

.modal_l--XyKTv .modal__in-wrapper--iSl3R {
    padding: 64px
}
  }

@media (min-width: 768px) and (max-width: 1199px) {

.modal_l--XyKTv .modal__in-wrapper--iSl3R {
    padding: 32px 16px
}
  }

@media (max-width: 767px) {

.modal_l--XyKTv .modal__in-wrapper--iSl3R {
    padding: 0;
    height: 100%
}
  }

.modal__window--MRhXI {
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
  box-shadow: 0 0 16px var(--basic-bg-shadow);
  margin: auto;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) and (max-width: 10000px) {

.modal_s--nXtkn .modal__window--MRhXI,
.modal_m--SA_cg .modal__window--MRhXI {
    width: 570px
}
  }

@media (max-width: 767px) {

.modal_s--nXtkn .modal__window--MRhXI,
.modal_m--SA_cg .modal__window--MRhXI {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.modal_l--XyKTv .modal__window--MRhXI {
    width: 808px
}
  }

@media (max-width: 767px) {

.modal_l--XyKTv .modal__window--MRhXI {
    border-radius: 0;
    width: 100%;
    min-height: 100%
}
  }

.modal__title-wrapper--hjR5F {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  z-index: 3;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.modal__title-wrapper--hjR5F {
    padding: 32px 32px 20px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.modal__title-wrapper--hjR5F {
    padding: 28px 32px 32px
}
  }

@media (max-width: 767px) {

.modal__title-wrapper--hjR5F {
    padding: 32px
}
  }

.modal_s--nXtkn .modal__title-wrapper--hjR5F {
  padding: 24px 16px;
}

@media (max-width: 767px) {

.modal_m--SA_cg .modal__title-wrapper--hjR5F {
    border-radius: 24px;
    padding: 16px 16px 46px
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.modal_l--XyKTv .modal__title-wrapper--hjR5F {
    padding: 24px 24px 32px;
    height: 100%
}
  }

@media (max-width: 767px) {

.modal_l--XyKTv .modal__title-wrapper--hjR5F {
    position: sticky;
    top: 0;
    background-color: var(--basic-bg-foreground);
    flex-direction: column-reverse;
    padding: 24px 16px 32px;
    gap: 16px
}
  }

.modal__title-wrapper_without-title--Ihdmj,
.modal__title-wrapper_without-title--Ihdmj {
  width: 96px;
  align-self: flex-end;
}

.modal__title-wrapper_without-title--Ihdmj + [class*='modal-content'],
.modal__title-wrapper_without-title--Ihdmj + [class*='modal-info'] {
  margin-top: -68px;
}

@media (max-width: 767px) {

.modal_m--SA_cg .modal__close--aR1wH {
    margin: 6px 0 6px auto
}
  }

@media (max-width: 767px) {

.modal_l--XyKTv .modal__close--aR1wH {
    margin: 0
}
  }

.select-search__input--iKSXJ {
  background: transparent;
  border: 0;
  width: 100%;
  padding: 0;
}

.select-search__input_s--sl8qj {
  font-size: 14px;
  line-height: 20px;
  height: 20px;
}

.select-search__input_l--iZZTK {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  height: 24px;
}

.select-search__mobile--JSNA1 {
  padding: 12px 16px 8px;
}

.select-value--lLxKe {
  display: block;
  width: 100%;
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  cursor: pointer;
  user-select: none;
  text-align: left;
  transition: border-color 0.3s;
  white-space: nowrap;
  position: relative;
  padding: 0;
  border-radius: 8px;
}

.select-value--lLxKe:hover {
  border-color: var(--basic-on-bg-input);
}

.select-value_active--Ycrih {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
}

.select-value_errors--Ywqyi {
  border-color: var(--basic-on-bg-alert);
}

.select-value_errors--Ywqyi:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.select-value_active--Ycrih.select-value_errors--Ywqyi {
  border-color: var(--basic-on-bg-alert-pressed);
}

.select-value_disabled--SRt1G {
  color: var(--basic-on-bg-disabled);
  border: 1px solid var(--basic-on-bg-stroke) !important;
}

.select-value_disabled--SRt1G .select-value__inner-placeholder--nz7n6 {
  color: var(--basic-on-bg-disabled);
}

.select-value_disabled--SRt1G .select-value__arrow--WcnEz {
  fill: var(--basic-on-bg-disabled);
}

.select-value__value--c9SPk {
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select-value__value_flex--z0_mX {
  display: flex;
  align-items: center;
  gap: 8px;
}

.select-value__icon--bR3B0 {
  flex-shrink: 0;
}

.select-value__inner-placeholder--nz7n6 {
  color: var(--basic-on-bg-secondary);
}

.select-value__arrow--WcnEz {
  position: absolute;
  fill: var(--basic-on-bg-secondary);
  transition: transform 0.3s;
}

.select-value__search-icon--D8qWR {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-grey-01);
}

.select-value__reset--h3agO {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-secondary);
}

.select-value_active--Ycrih .select-value__arrow--WcnEz {
  transform: rotate(180deg);
}

.select-value_s--jRcRP {
  font-size: 14px;
  line-height: 20px;
  height: 34px;
}

.select-value_s--jRcRP .select-value__value--c9SPk {
  padding: 6px 45px 6px 12px;
}

.select-value_s--jRcRP.select-value_active--Ycrih .select-value__value--c9SPk {
  padding: 5px 44px 5px 11px;
}

.select-value_s--jRcRP .select-value__value--c9SPk.select-value__value_with-reset--cs3Hc {
  padding-right: 61px;
}

.select-value_s--jRcRP.select-value_active--Ycrih .select-value__value--c9SPk.select-value__value_with-reset--cs3Hc {
  padding-right: 60px;
}

.select-value_s--jRcRP .select-value__arrow--WcnEz {
  top: 13px;
  right: 18px;
}

.select-value_s--jRcRP .select-value__search-icon--D8qWR {
  top: 8px;
  right: 12px;
}

.select-value_s--jRcRP .select-value__reset--h3agO {
  top: 8px;
  right: 33px;
}

.select-value_active--Ycrih.select-value_s--jRcRP .select-value__arrow--WcnEz {
  top: 12px;
  right: 17px;
}

.select-value_s--jRcRP.select-value_active--Ycrih .select-value__search-icon--D8qWR {
  top: 7px;
  right: 11px;
}

.select-value_s--jRcRP.select-value_active--Ycrih .select-value__reset--h3agO {
  top: 7px;
  right: 32px;
}

.select-value_m--ZOIdj {
  font-size: 14px;
  line-height: 20px;
  height: 40px;
}

.select-value_m--ZOIdj .select-value__value--c9SPk {
  padding: 9px 52px 9px 15px;
}

.select-value_m--ZOIdj.select-value_active--Ycrih .select-value__value--c9SPk {
  padding: 8px 51px 8px 14px;
}

.select-value_m--ZOIdj .select-value__arrow--WcnEz {
  top: 16px;
  right: 16px;
}

.select-value_m--ZOIdj .select-value__search-icon--D8qWR {
  top: 11px;
  right: 13px;
}

.select-value_active--Ycrih.select-value_m--ZOIdj .select-value__arrow--WcnEz {
  top: 15px;
  right: 15px;
}

.select-value_m--ZOIdj.select-value_active--Ycrih .select-value__search-icon--D8qWR {
  top: 10px;
  right: 12px;
}

.select-value_l--xNeiM {
  font-size: 16px;
  line-height: 24px;
  height: 48px;
}

.select-value_l--xNeiM .select-value__value--c9SPk {
  padding: 11px 52px 11px 15px;
}

.select-value_l--xNeiM.select-value_active--Ycrih .select-value__value--c9SPk {
  padding: 10px 51px 10px 14px;
}

.select-value_l--xNeiM .select-value__value--c9SPk.select-value__value_with-placeholder--fFIkr {
}

.select-value_l--xNeiM.select-value_active--Ycrih .select-value__value--c9SPk.select-value__value_with-placeholder--fFIkr {
}

.select-value_l--xNeiM .select-value__value--c9SPk.select-value__value_with-reset--cs3Hc {
  padding-right: 81px;
}

.select-value_l--xNeiM.select-value_active--Ycrih .select-value__value--c9SPk.select-value__value_with-reset--cs3Hc {
  padding-right: 80px;
}

.select-value_l--xNeiM .select-value__arrow--WcnEz {
  top: 20px;
  right: 18px;
}

.select-value_l--xNeiM .select-value__search-icon--D8qWR {
  top: 12px;
  right: 13px;
}

.select-value_l--xNeiM .select-value__reset--h3agO {
  top: 13px;
  right: 42px;
}

.select-value_active--Ycrih.select-value_l--xNeiM .select-value__arrow--WcnEz {
  top: 19px;
  right: 17px;
}

.select-value_l--xNeiM.select-value_active--Ycrih .select-value__search-icon--D8qWR {
  top: 11px;
  right: 12px;
}

.select-value_l--xNeiM.select-value_active--Ycrih .select-value__reset--h3agO {
  top: 12px;
  right: 41px;
}

.select-value__placeholder--o1X3d {
  color: var(--basic-on-bg-secondary);
  position: absolute;
  cursor: text;
  transition:
    font-size 0.3s,
    line-height 0.3s,
    letter-spacing 0.3s,
    transform 0.3s;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  top: 12px;
  left: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 32px);
}

.select-value_active--Ycrih .select-value__placeholder--o1X3d,
.select-value__placeholder--o1X3d.select-value__placeholder_filled-value--iaOFA {
  display: none;
}

.select-value__placeholder--o1X3d.select-value__with_label--jhzUs {
  display: block;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  transform: translateY(-8px);
}

.select-value_l--xNeiM:has(.select-value__placeholder--o1X3d.select-value__with_label--jhzUs) .select-value__value_with-reset--cs3Hc {
  padding-top: 19px;
  padding-bottom: 3px;
}

.select-value_l--xNeiM.select-value_active--Ycrih .select-value__placeholder--o1X3d {
  top: 11px;
  left: 15px;
}

.list-pagination__wrapper--lLXn9 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  flex-wrap: wrap;
}

  @media not ((max-width: 359px)) {.list-pagination__wrapper--lLXn9 {
    gap: 24px
}
  }

  @media (max-width: 359px) {.list-pagination__wrapper--lLXn9 {
    gap: 16px
}
  }

.list-pagination--y1CQK {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 8px;
  user-select: none;
}

.list-pagination__more--IsoGR,
.list-pagination__more--IsoGR:focus {
  display: flex;
  align-items: center;
  gap: 17px;
  font-size: 14px;
  line-height: 30px;
  color: var(--basic-on-bg-primary);
  padding: 0 8px;
}

.list-pagination__more--IsoGR:hover {
  color: var(--basic-on-bg-primary);
}

.list-pagination__icon_previous--i7xMh {
  transform: rotate(90deg);
}

.list-pagination__icon_next--dJO3M {
  transform: rotate(-90deg);
}

@media (max-width: 767px) {

.list-pagination__text-label--mH1os {
    display: none
}
  }

.list-pagination__page--Cs2rs,
.list-pagination__page--Cs2rs:focus {
  white-space: nowrap;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  text-align: center;
  border: 1px solid var(--basic-on-bg-stroke);
  border-radius: 8px;
  display: block;
  color: var(--basic-on-bg-primary);
  font-size: 14px;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  padding: 0 6px;
}

.list-pagination__page--Cs2rs:hover {
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-bg-hover);
}

.list-pagination__page_active--mBuH_,
.list-pagination__page_active--mBuH_:hover,
.list-pagination__page_active--mBuH_:focus {
  color: var(--basic-on-bg-on-accent);
  background-color: var(--basic-bg-accent);
  border-color: var(--basic-bg-accent);
}

.list-pagination__page-size--Ijivv {
  width: 110px;
}

.list-pagination__page-size-label--BAXme {
  display: none;
}

.list-pagination__to-page--d9D8_ {
  width: 88px;
}

.list-size--kdSJL {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

@media not ((max-width: 359px)) {

.list-size--kdSJL {
    gap: 24px
}
  }

@media (max-width: 359px) {

.list-size--kdSJL {
    gap: 16px
}
  }
.header--uZgwy {
  align-items: center;
}

.filters--VcmGm {
  display: flex;
  align-items: center;
  gap: 12px;
}

.filters--VcmGm > * {
  flex: 1;
}

.view-modes--gunJB {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 10px;
}

.view-modes-button--dXjVF {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.view-modes-button--dXjVF svg {
  fill: var(--basic-on-bg-secondary);
  transition: all 0.2s ease-in-out;
}

.view-modes-button-active--BvXgC {
  background: var(--basic-on-bg-grey-02);
}

.view-modes-button-active--BvXgC svg {
  fill: var(--button-primary-bg-active);
}

.content--kfZIv {
  background: transparent;
}

@media (max-width: 767px) {
  .header--uZgwy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .filters--VcmGm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding-block-start: 18px;
  }
}

.report-card--uJmAC {
  width: 333px;
  height: 294px;
  position: relative;
  display: block;
  padding-top: 80%;
  background: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke); 
  border-radius: 8px;
  overflow: hidden;
  transition: border 0.2s ease-in-out;
}

.report-card-error--BK5lx {
  width: 333px;
  height: 294px;
  position: relative;
  display: block;
  padding-top: 80%;
  background: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke); 
  border-radius: 8px;
  overflow: hidden;
  transition: border 0.2s ease-in-out;
}

.report-card--uJmAC:hover {
  border: 2px solid var(--basic-on-bg-input);
  cursor: pointer;
}

.report-card-error--BK5lx:hover {
  border: 2px solid var(--basic-on-bg-alert);
  cursor: pointer;
}

.content--itoFR {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.icon-container--zg85f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.icon-container--zg85f svg {
  width: auto !important;
  height: 65px !important;
}

.error-container--U7cyF {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  color: var(--basic-on-bg-alert);
  text-align: center;
  letter-spacing: 0.25px; 
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.error-container-text--TD_Qi {
  margin: 10px 10px 0 10px;
}

.error-container--U7cyF svg {
  width: auto !important;
  height: 65px !important;
}

.information--lv1Fk {
  height: 30%;
  padding: 20px 12px;
}

.name--zr3vF {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.25px; 
  margin: 0;
  padding: 0;
  color: var(--basic-on-bg-primary); 
}

.details--MEk7h {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  color: var(--basic-on-bg-secondary);
}

.details-text--s97ho {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

.download-button--uxpWZ {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0; 
  background: transparent;
  border: none;
  margin: 0;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.download-button--uxpWZ:hover {
  border-radius: 8px;
  background: var(--basic-on-bg-grey-02);
}

.download-icon--aS541 {
  min-width: 15px;
  width: 15px;
  height: 15px;
  fill: var(--basic-on-bg-secondary);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.report-card--uJmAC:hover .download-icon--aS541 {
  opacity: 1;
}

@media (max-width: 767px) {
  .icon-container--zg85f svg {
    height: 50px !important;
  }
}

@media (max-width: 449px) {
  .icon-container--zg85f svg {
    height: 40px !important;
  }
}

.reports-icon--_RItY {
    fill: var(--basic-on-bg-grey-01);
}

.reports-icon-error--WgL0y {
    fill: var(--basic-on-bg-alert);
}
.modal-actions--Jsocl {
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.modal-actions--Jsocl {
    display: grid;
    grid-template-areas: 'reset-button space cancel-button submit-button';
    grid-template-columns: auto 1fr auto auto
}
  }

  @media (max-width: 767px) {.modal-actions--Jsocl {
    display: flex;
    flex-wrap: wrap
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.modal-actions_s--pSPeN {
    padding: 24px
}
  }

@media (max-width: 767px) {

.modal-actions_s--pSPeN {
    padding: 16px
}
  }

.modal-actions_m--Np5_u,
.modal-actions_l--oAWbC {
  padding: 32px;
}

.modal-actions_align-center--MSnAq {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.modal-actions_align-right--H94Ij {
  justify-contentsrx: flex-end;
}

.modal-actions__reset--q3MEP {
  grid-area: reset-button;
  min-width: 0;
}

@media (min-width: 360px) and (max-width: 767px) {

.modal-actions__reset--q3MEP {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.modal-actions__reset--q3MEP {
    width: 100%;
    order: 2
}
  }

.modal-actions__cancel--VfFyT {
  grid-area: cancel-button;
}

@media (min-width: 360px) and (max-width: 767px) {

.modal-actions__cancel--VfFyT {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.modal-actions__cancel--VfFyT {
    width: 100%;
    order: 2
}
  }

.modal-actions__submit--LNPbq {
  grid-area: submit-button;
}

@media (min-width: 360px) and (max-width: 767px) {

.modal-actions__submit--LNPbq {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.modal-actions__submit--LNPbq {
    width: 100%;
    order: 1
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.modal-actions__submit--LNPbq:first-child {
    width: 100%
}
  }
@media (min-width: 768px) and (max-width: 10000px) {.modal-content_s--eNLRi {
    padding: 24px 24px 0
}
  }
  @media (max-width: 767px) {.modal-content_s--eNLRi {
    padding: 16px 16px 0
}
  }

.modal-content_m--E6nFp,
.modal-content_l--vQ1S4 {
  padding: 0 32px 32px;
}

@media (min-width: 768px) and (max-width: 919px) {

.modal-content_l--vQ1S4 {
    padding: 0 24px 24px;
    height: 100%
}
  }

@media (max-width: 767px) {

.modal-content_l--vQ1S4 {
    padding: 0;
    flex-grow: 1
}
  }
.modal-info--JldSq {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 0 32px;
}

.modal-info-grid--OJeIQ {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: 0 16px;
    grid-template-areas:
    "modal-info-icon modal-info__title"
    ". modal-info__description";
    padding: 24px 24px 0 24px;
}

.modal-info-grid__title--j3Du5 {
        margin: unset;
        grid-area: modal-info__title; /* Убедитесь, что область сетки указана правильно */
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
    }

.modal-info-grid__icon--vI_ls {
        grid-area: modal-info-icon; /* Убедитесь, что область сетки указана правильно */
    }

.modal-info-grid__description--gvkc4 {
        grid-area: modal-info__description;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.5px;
        color: var(--basic-on-bg-secondary);
        margin: 0;
    }

.modal-info__alert--GAf12 {
    fill: var(--status-primary-alert);
    position: relative;
    z-index: 2;
}

.modal-info__success--Y92qb {
    fill: var(--status-primary-success);
}

.modal-info__title--hrbdO {
    margin: 16px 0 0;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

.modal-info__description--xB9fb {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--basic-on-bg-secondary);
    text-align: center;
    margin: 0;
}
.modal-overlay--YThkt {
  width: 100%;
  height: 100%;
  content: '';
  position: fixed;
  z-index: 1;
  background-color: var(--basic-bg-overlay);
  top: 0;
  left: 0;
}

.modal-title--V_Wo0 {
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.1px;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.modal-title--V_Wo0 {
    font-size: 24px;
    line-height: 32px
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.modal-title--V_Wo0 {
    font-size: 24px;
    line-height: 32px
}
  }

  @media (max-width: 767px) {.modal-title--V_Wo0 {
    font-size: 28px;
    line-height: 36px
}
  }
.window--VXYYo {
  width: 390px !important;
  margin-block-start: -12px;
  margin-inline-start: auto;
  margin-inline-end: 15px;
  box-sizing: border-box;
  border-radius: 8px;
}

.window--VXYYo > :first-child,
.content--wiY2h {
  padding: 24px;
}

.window--VXYYo > :first-child {
  padding-block-end: 16px;
}

.title--RQ40Y {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.content--wiY2h {
  padding-block-start: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  color: var(--basic-on-bg-secondary);
  white-space: pre-wrap;
}

.employees-filter__wrapper--pz5zY {
  flex-grow: 1;
}

  @media (min-width: 768px) and (max-width: 1199px) {.employees-filter__wrapper--pz5zY {
    order: 4
}
  }

  @media (max-width: 767px) {.employees-filter__wrapper--pz5zY {
    width: 100%
}
  }

.employees-filter--SZgkL {
  flex-grow: 1;
}

@media (min-width: 1440px) and (max-width: 10000px) {

.employees-filter--SZgkL {
    width: 326px
}
  }

@media (min-width: 1280px) and (max-width: 1439px) {

.employees-filter--SZgkL {
    width: auto
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.employees-filter--SZgkL {
    width: auto
}
  }

@media (max-width: 767px) {

.employees-filter--SZgkL {
    width: 100%
}
  }

.async-reports-grid--RzhHH {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

@media (max-width: 1279px) {
  .async-reports-grid--RzhHH {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .async-reports-grid--RzhHH {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 449px) {
  .async-reports-grid--RzhHH {
    grid-template-columns: 1fr;
  }
}

.name--CAgdZ {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-weight: 500;
}

.transparent-background--Z35lW {
  background: transparent;
}

.tableRow--dcpzW {
  border-top: none;
}

.tableRowError--f_7DP {
 background: var(--status-tint-alert);
}

.tableCellError--fGthT {
  color: var(--basic-on-bg-alert);
}

.tableCellError--fGthT table-cell__content {
    overflow: visible;
    white-space: normal;
  }

.tableRow--dcpzW:hover > [class*="table-cell"] {
  background: var(--repost-list-hover);
}

.tableRow--dcpzW > [class*="table-cell"] {
  background: transparent;
}

.download-button--TnMyE {
  background: transparent;
  border: none;
  margin: 0;
  cursor: pointer;
  pointer-events: none;
  padding: 6px;
  transition: all 0.2s ease-in-out;
}

.tableRow--dcpzW:hover .download-button--TnMyE {
  pointer-events: initial;
}

.download-icon--SstT0 {
  width: 16px;
  height: 16px;
  fill: var(--basic-on-bg-secondary);
}

.download-button--TnMyE:hover {
  border-radius: 8px;
  background: var(--basic-on-bg-grey-02);
}

.reports-icon--iSbVZ {
    fill: var(--basic-on-bg-grey-01);
}

.reports-icon-error--rP3zt {
    fill: var(--basic-on-bg-alert);
}

.window--nh7oe {
  width: 390px !important;
  margin-block-start: -12px;
  margin-inline-start: auto;
  margin-inline-end: 15px;
  box-sizing: border-box;
  border-radius: 8px;
}

.window--nh7oe > :first-child,
.content--ETi5w,
.actions--ZfPtj {
  padding: 24px;
}

.window--nh7oe > :first-child {
  padding-block-end: 16px;
}

.title--XXNX8 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.content--ETi5w {
  padding-block-start: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  color: var(--basic-on-bg-secondary);
  white-space: pre-wrap;
}

.actions--ZfPtj {
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: flex-end;
  padding-block-start: 0;
  gap: 8px;
}

.actions--ZfPtj button {
  padding: 10px 14px;
}

.async-reports-search--Ok3le {
  flex-grow: 1;
}

  @media (min-width: 1440px) and (max-width: 10000px) {.async-reports-search--Ok3le {
    width: 100%
}
  }

  @media (min-width: 1280px) and (max-width: 1439px) {.async-reports-search--Ok3le {
    width: auto;
    max-width: 100%
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.async-reports-search--Ok3le {
    width: auto;
    max-width: 100%
}
  }

  @media (min-width: 768px) and (max-width: 1199px) {.async-reports-search--Ok3le {
    order: 3;
    max-width: none
}
  }

  @media (max-width: 767px) {.async-reports-search--Ok3le {
    width: 100%;
    display: flex;
    gap: 8px
}
  }

@media (max-width: 767px) {

.async-reports-search__input--0XcT3 {
    width: calc(100% - 56px)
}
  }

.async-reports-search__button--OZKzG {
  padding: 10px;
}

.window--Qpw7J {
  width: 390px !important;
  margin-block-start: -12px;
  margin-inline-start: auto;
  margin-inline-end: 15px;
  box-sizing: border-box;
  border-radius: 8px;
}

.window--Qpw7J > :first-child,
.content--cFsED,
.actions--m2eRH {
  padding: 24px;
}

.window--Qpw7J > :first-child {
  padding-block-end: 16px;
}

.title--wLmcv {
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.content--cFsED {
  padding-block-start: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  color: var(--basic-on-bg-secondary);
  white-space: pre-wrap;
}

.actions--m2eRH {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: start;
  padding-block-start: 0;
}

.actions--m2eRH button {
  padding: 10px 14px;
}

.modal-info__alert--HTWCi {
  fill: var(--status-primary-alert);
  z-index: 2;
  margin-right: 10px;
}

.chat-form--LW1xf {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.chat-form_submit--wSu7S {
  padding: 12px 16px;
  border-top: 1px solid var(--basic-on-bg-stroke);
}

@media (max-width: 767px) {

.chat-form_submit--wSu7S {
    position: sticky;
    bottom: 72px;
    background-color: var(--basic-bg-foreground);
    z-index: 1
}
  }

.chat-form__form--pm5r7 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.chat-form__message--VnbRA {
  flex-grow: 1;
  min-height: 40px;
  max-height: 400px;
  background-color: var(--basic-bg-emphasis);
  border-radius: 24px;
  border: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  padding: 8px 16px;
  color: inherit;
}

.chat-form__message--VnbRA::placeholder {
  color: var(--basic-on-bg-grey-01);
}
.chat-message--zM0tu {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 16px;
  transition: background-color 0.3s;
}

  @media (max-width: 767px) {.chat-message--zM0tu {
    width: 80%;
    margin-left: 20%
}
  }

.chat-message-returned--KiXBX {
  max-width: 436px;
  border-radius: 8px;
  padding: 8px;
  background: var(--status-hint-alert);
}

@media (max-width: 767px) {

.chat-message_my-message--Zue0n {
    margin-left: 0
}
  }

@media (max-width: 767px) {

.chat-message_editing--RgWY9 {
    width: 100%;
    margin-left: 0
}
  }

.chat-message__column--C3xFl {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.chat-message__column--C3xFl {
    width: calc(100% - 48px)
}
  }

@media (max-width: 767px) {

.chat-message__column--C3xFl {
    width: 100%
}
  }

.chat-message__author--q4Mtq {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  color: var(--basic-on-bg-secondary);
  word-break: break-word;
}

.chat-message__contact-type--s3Wez {
  color: var(--basic-on-bg-grey-01);
}

.chat-message__message--rjGRI {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) and (max-width: 10000px) {

.chat-message__message--rjGRI {
    gap: 8px
}
  }

@media (max-width: 767px) {

.chat-message__message--rjGRI {
    position: relative;
    background-color: var(--basic-bg-accent);
    color: var(--basic-bg-foreground);
    border-radius: 12px 12px 0 12px;
    padding: 4px 8px;
    gap: 4px
}
  }

@media (max-width: 767px) {

.chat-message_my-message--Zue0n .chat-message__message--rjGRI {
    background-color: var(--basic-bg-emphasis);
    color: var(--basic-on-bg-primary);
    border-radius: 12px 12px 12px 0
}
  }

@media (max-width: 767px) {

.chat-message__message--rjGRI::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-left: 8px solid var(--basic-bg-accent);
    border-bottom: 8px solid var(--basic-bg-accent);
    border-bottom-left-radius: 100%;
    position: absolute;
    bottom: -8px;
    right: -8px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 50% 50%)
}
  }

@media (max-width: 767px) {

.chat-message_my-message--Zue0n .chat-message__message--rjGRI::before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 100%;
    border-left: 0;
    border-right: 8px solid var(--basic-bg-emphasis);
    border-bottom: 8px solid var(--basic-bg-emphasis);
    right: auto;
    left: -8px;
    clip-path: polygon(0% 0%, 50% 0%, 50% 50%, 0% 50%)
}
  }

.chat-message__text--kyciL {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  word-break: break-word;
}

.chat-message__text--kyciL a {
  color: var(--basic-bg-accent);
  text-decoration: underline;
}

@media (max-width: 767px) {

.chat-message__text--kyciL a {
    color: var(--basic-bg-foreground);
    text-decoration: underline
}
  }

@media (max-width: 767px) {

.chat-message_my-message--Zue0n .chat-message__text--kyciL a {
    color: var(--basic-bg-accent)
}
  }

.chat-message__date--JKE5J {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
}

@media (max-width: 767px) {

.chat-message__date--JKE5J {
    font-weight: 500;
    text-align: right;
    color: var(--basic-bg-foreground)
}
  }

@media (max-width: 767px) {

.chat-message_my-message--Zue0n .chat-message__date--JKE5J {
    color: var(--basic-on-bg-primary)
}
  }

.chat-message__controls--lDd5m {
  position: absolute;
  top: 8px;
  right: 16px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  display: flex;
  gap: 16px;
  box-shadow: 0px 0px 4px var(--basic-bg-shadow);
  border-radius: 8px;
  padding: 4px;
  background-color: var(--basic-bg-foreground);
}

@media (hover) {

.chat-message--zM0tu:hover {
    background-color: var(--basic-bg-emphasis)
}
  }

@media (hover) {

.chat-message--zM0tu:hover .chat-message__controls--lDd5m {
    opacity: 1;
    visibility: visible
}
  }

.chat-message__controls_visible--Wru9W {
  opacity: 1;
  visibility: visible;
}

.chat-message__control--U5k1J:hover {
  fill: var(--basic-bg-accent);
}

.chat-messages--WhlU8 {
  padding: 8px 0;
  margin: -16px 0 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
  flex-grow: 1;
}

  @media (min-width: 1440px) and (max-width: 10000px) {.chat-messages--WhlU8 {
    max-height: 650px
}
  }

  @media (min-width: 1200px) and (max-width: 1439px) {.chat-messages--WhlU8 {
    max-height: 450px
}
  }

  @media (min-width: 920px) and (max-width: 1199px) {.chat-messages--WhlU8 {
    max-height: 400px
}
  }

  @media (min-width: 768px) and (max-width: 919px) {.chat-messages--WhlU8 {
    max-height: 450px
}
  }

.chat-messages__no-messages--ovyNY {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 8px 16px;
}
.ticket-card-chat__header--Ye6Qo {
  padding: 16px;
}

.ticket-card-chat__letter--y13eY {
  fill: var(--basic-on-bg-grey-01);
}

.ticket-card-chat__tabs--uMEOi,
.ticket-card-chat__tabs-content--glkJr {
  flex-grow: 1;
}

@media (max-width: 767px) {

.ticket-card-chat__tabs-header--oLv1L {
    position: sticky;
    top: 80px;
    z-index: 10;
    background-color: var(--basic-bg-foreground)
}
  }

@media (max-width: 767px) {

.ticket-card-chat__radio-wrapper--n6Hai {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background-color: var(--basic-bg-emphasis);
    padding: 8px
}
  }

.radio-button--eJmQQ {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  border-radius: 8px;
}

.radio-button_options--Qchd8 {
  height: 56px;
  background-color: var(--basic-bg-foreground);
}

.radio-button_s--UOYfM.radio-button_options--Qchd8 {
  padding: 0 10px;
  width: calc(50% - 4px);
}

.radio-button_l--duE1I.radio-button_options--Qchd8 {
  padding: 0 16px;
}

@media not (min-width: 768px) and (max-width: 919px) {

.radio-button_l--duE1I.radio-button_options--Qchd8 {
    width: calc(50% - 12px)
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.radio-button_l--duE1I.radio-button_options--Qchd8 {
    width: calc(50% - 8px)
}
  }

.radio-button_list--f7M7k {
  width: 100%;
}

.radio-button_row--nnS8R {
  width: auto;
}

.radio-button__input--Ybpw_ {
  display: none;
}

.radio-button__control--E4CRE {
  width: 20px;
  height: 20px;
  border: 2px solid var(--button-secondary-border-active); /* Цвет для активного состояния */
  border-radius: 10px;
  position: relative;
  flex-shrink: 0;
  transition: border-color 0.3s;
}

/* Когда радиокнопка не выбрана, применяем цвет --basic-on-bg-grey-01 */
.radio-button--eJmQQ:not(.radio-button_active--zZmZV) .radio-button__control--E4CRE {
  border-color: var(--basic-on-bg-grey-01); /* Цвет для неактивного состояния */
}

.radio-button__thumb--BZa0D {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s;
  background-color: var(--button-secondary-border-active);
}

.radio-button_active--zZmZV .radio-button__thumb--BZa0D {
  opacity: 1;
}

.radio-button__content--ofv5H {
  width: calc(100% - 30px);
  flex-shrink: 0;
}

.radio-button__label--_2Tly {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--basic-on-bg-primary);
  overflow: hidden;
  text-overflow: ellipsis;
}

.radio-button_s--UOYfM .radio-button__label--_2Tly {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.radio-button_l--duE1I .radio-button__label--_2Tly {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.radio-button__description--3FAMG {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  color: var(--basic-on-bg-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.radio-options--gwiTr {
  max-height: 174px;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 10000px) {

.radio-options_list--hymQI {
    margin-top: 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.radio-options_list--hymQI .radio-options__not-found--tmvCO {
    margin-top: -16px
}
  }

.radio-options_s--TII7r {
  gap: 8px;
}

@media not ((min-width: 768px) and (max-width: 919px)) {

.radio-options_l--rN7o4 {
    gap: 24px
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.radio-options_l--rN7o4 {
    gap: 16px
}
  }

.radio-options__not-found--tmvCO {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

.radio-options_list--hymQI {
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: column;
  padding-right: 8px;
  flex-wrap: nowrap;
}

@media not ((min-width: 768px) and (max-width: 919px)) {

.radio-options_list--hymQI {
    gap: 24px
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.radio-options_list--hymQI {
    gap: 24px
}
  }

.radio-options_row--x5bxg {
  max-height: none;
  overflow: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-right: 0;
}

@media (min-width: 1200px) and (max-width: 10000px) {

.radio-options_row--x5bxg {
    gap: 32px
}
  }

@media (min-width: 768px) and (max-width: 1199px) {

.radio-options_row--x5bxg {
    gap: 24px
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.radio-options_row--x5bxg {
    gap: 16px
}
  }
.radio--RAO7i {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

  @media (min-width: 768px) and (max-width: 10000px) {.radio--RAO7i {
    gap: 16px
}
  }

  @media (max-width: 767px) {.radio--RAO7i {
    gap: 8px
}
  }

.radio__wrapper--EVNsb {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.radio__icon--yJkDF {
  position: absolute;
  left: 0;
}
.ticket-card-dynamic-fields__form--ccUaW > [class*="form-fieldset"] {
  padding: 16px;
}

@media (min-width: 920px) and (max-width: 1199px) {

.ticket-card-dynamic-fields__form--ccUaW [class*="form-field__label"] {
    width: 150px
}
  }


.ticket-card-dynamic-fields__form--ccUaW [class*="input-value_textarea"] {
  height: 48px;
  min-height: 48px;
}
.form--hVX61 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.form__actions--ZRc0n {
  z-index: 2;
}

@media (min-width: 768px) and (max-width: 10000px) {

.form__actions--ZRc0n {
    padding: 0 !important
}
  }

@media (max-width: 767px) {

.form__actions--ZRc0n {
    padding: 24px 16px !important;
    position: sticky;
    bottom: 0;
    background-color: var(--basic-bg-foreground)
}
  }

@media (max-width: 767px) {

.form__errors--rRtNa {
    padding: 0 16px
}
  }
.form-buttons--_xQfQ {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.form-buttons--_xQfQ {
    padding-top: 24px
}
  }

  @media (max-width: 767px) {.form-buttons--_xQfQ {
    justify-content: center
}
  }
.form-field__label--Kk5fo {
  width: 180px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.form-field__no-label--ZA3WT {
    margin-left: 196px
}
  }

@media (max-width: 767px) {

.form-field__no-label--ZA3WT {
    margin-left: 0
}
  }

.form-field__free--M0oYI {
  display: flex;
}

@media (min-width: 768px) and (max-width: 10000px) {

.form-field__free--M0oYI {
    gap: 16px
}
  }

@media (max-width: 767px) {

.form-field__free--M0oYI {
    gap: 8px
}
  }

.form-field__free_column--cckXo {
  flex-direction: column;
  align-items: flex-start;
}

.form-field-hint-alert--EM6pH {
  display: flex;
  align-self: flex-end;
  gap: 12px;
  padding: 12px 16px;
  height: 64px;
  border-radius: 8px;
  background-color: var(--status-hint-alert);
}

@media (max-width: 767px) {

.form-field-hint-alert--EM6pH {
    height: max-content
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.form-field-hint-alert--EM6pH {
    width: 500px
}
  }

.form-field-hint-alert-text--FAK24 {
  font-size: 14px;
  line-height: 20px;
  color: var(--basic-on-bg-primary)
}

.row--OQA9O {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.row--OQA9O > div {
    width: 100%;
  }

@media (max-width: 767px) {

.row--OQA9O {
    align-items: flex-end
}
  }

.inputButton--IxUKC {
  height: 48px;
  width: 48px;
}
.multifield-field__row--K83Ah {
  display: flex;
  gap: 16px;
  width: 100%;
}

  @media (max-width: 767px) {.multifield-field__row--K83Ah {
    flex-wrap: wrap
}
  }

.multifield-field__row_date--v3WCr {
  width: 50%;
}

@media (max-width: 767px) {

.multifield-field__row_date--v3WCr {
    flex-wrap: nowrap;
    width: 100%
}
  }

.multifield-field__field--CD5yB {
  flex-grow: 1;
  order: 1;
}

.multifield-field__basic--IqJ3z {
  order: 2;
  height: 48px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.multifield-field__basic--IqJ3z {
    width: 120px !important
}
  }

@media (max-width: 767px) {

.multifield-field__basic--IqJ3z {
    order: 4;
    width: 100% !important;
    height: auto
}
  }

.multifield-field__remove--cyD2R {
  width: 32px;
  height: 32px;
  margin: 8px 0;
  order: 3;
  flex-shrink: 0;
}
.multifield--wJ2kN {
  position: relative;
  display: flex;
  align-items: flex-start;
}

  @media (min-width: 768px) and (max-width: 10000px) {.multifield--wJ2kN {
    gap: 16px
}
  }

  @media (max-width: 767px) {.multifield--wJ2kN {
    gap: 8px
}
  }

@media (max-width: 767px) {

.multifield_column--UWQzi {
    flex-direction: column;
    align-items: stretch
}
  }
.multifield-value--jSaS_ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex-grow: 1;
}

.multifield-value__add--yTg86 {
  padding: 0;
  margin-top: 10px;
}

.multiselect-options__wrapper--vrN06 {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.multiselect-options__option__current-user--w0UJA {
  color: var(--basic-on-bg-grey-01);
}

.multiselect-options--z68Cv {
  list-style-type: none;
  margin: 0;
  flex-grow: 1;
  width: 100%;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.multiselect-options--z68Cv {
    padding: 0
}
  }

@media (max-width: 1279px) {

.multiselect-options--z68Cv {
    padding: 0 8px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.multiselect-options__item--s9gnm:first-child {
    padding-top: 8px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.multiselect-options__item--s9gnm:last-child {
    padding-bottom: 8px
}
  }

.multiselect-options--z68Cv:empty {
  padding: 0;
}

.multiselect-options--z68Cv .multiselect-options--z68Cv {
  padding: 0;
}

.multiselect-options__item--s9gnm .multiselect-options__item--s9gnm {
  padding-left: 16px;
}

.multiselect-options__icon--BqefN {
  transform: rotate(270deg);
  transition: transform;
  margin-left: -8px;
}

.multiselect-options__icon_loaded--uX3pb {
  transform: rotate(0);
}

.multiselect-options__loader--ukULD {
  margin: 4px 5px;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
}

.multiselect-options__arrow--hQWD4 {
  display: block;
  margin: 8px 8px 8px 7px;
  opacity: 1;
  transition: opacity 0.3s;
}

.multiselect-options__icon_loading--Aq3ac .multiselect-options__loader--ukULD {
  opacity: 1;
}

.multiselect-options__icon_loading--Aq3ac .multiselect-options__arrow--hQWD4 {
  opacity: 0;
}

.multiselect-options__all--uuY8y,
.multiselect-options__current-user--d9XRA {
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 768px) and (max-width: 10000px) {

.multiselect-options__all--uuY8y,
.multiselect-options__current-user--d9XRA {
    position: sticky;
    top: 0;
    z-index: 1
}
  }

@media (max-width: 767px) {

.multiselect-options__all--uuY8y,
.multiselect-options__current-user--d9XRA {
    position: relative;
    z-index: 0;
    top: 0
}
  }

.multiselect-options__info__item--irtL9 {
  margin: 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.multiselect-options__info__item--irtL9 {
    position: relative;
    top: 0;
    z-index: 1
}
  }

.multiselect-options__info__icon--F2W7G {
  margin: 14px;
}

.multiselect-options__info__text--IBrG2 {
  letter-spacing: 0.25px
}

.multiselect-options__info--hNcHQ {
  display: flex;
  background-color: var(--controls_on_element_info);
  color: var(--basic-bg-info);
  border-radius: 12px;
  padding: 16px;
  border: 0;
}

.multiselect-options__reset--eadt1 {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.multiselect-options__reset--eadt1 {
    padding: 0 15px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.multiselect-options__reset--eadt1 {
    padding: 0 8px
}
  }

@media (max-width: 767px) {

.multiselect-options__reset--eadt1 {
    padding: 0 15px
}
  }

.multiselect-options__all_hidden--7YxUF {
  display: none;
}

.multiselect-options__all--uuY8y::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px;
  width: calc(100% - 16px);
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.multiselect-options__current-user--d9XRA::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px;
  width: calc(100% - 16px);
}

.multiselect-options__option--QAvYm,
.multiselect-options__option-all--HC5ux,
.multiselect-options__no-results--NAAMb {
  apparance: none;
  background-color: transparent;
  border: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.3s;
  width: 100%;
  color: var(--basic-on-bg-primary);
  display: flex;
  gap: 8px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.multiselect-options__option--QAvYm,
.multiselect-options__option-all--HC5ux,
.multiselect-options__no-results--NAAMb {
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.multiselect-options__option--QAvYm,
.multiselect-options__option-all--HC5ux,
.multiselect-options__no-results--NAAMb {
    border-radius: 8px;
    padding: 10px 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.multiselect-options__option--QAvYm:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.multiselect-options__option--QAvYm:hover {
    background-color: var(--basic-bg-hover)
}
  }

.multiselect-options__option_hidden--jkkB1 {
  display: none;
}

.multiselect-options__buttons--AvNbr {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (max-width: 767px) {

.multiselect-options__buttons--AvNbr {
    padding: 24px 16px;
    display: flex;
    flex-direction: column-reverse;
    gap: 16px
}
  }

.multiselect-options__buttons_only--Wyyl7 {
  padding-top: 4px;
}

.multiselect-options__buttons--AvNbr:empty {
  padding: 0;
}

.multiselect-options__submit--izCLI {
  display: block;
  width: 100%;
}

.multiselect-options__no-results--NAAMb {
  color: var(--basic-on-bg-secondary);
}

.multiselect--FPqXy {
  display: flex;
  align-items: flex-start;
}

  @media (min-width: 768px) and (max-width: 10000px) {.multiselect--FPqXy {
    gap: 16px
}
  }

  @media (max-width: 767px) {.multiselect--FPqXy {
    gap: 8px
}
  }

.multiselect_column--ndqS5 {
  flex-direction: column;
  align-items: stretch;
}

.multiselect_disable--grhH5 {
  pointer-events:none;
}

.multiselect__wrapper--pdEVg {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
}

.multiselect--FPqXy.multiselect_column--ndqS5 {
  gap: 8px;
}

.multiselect__inner-wrapper--ij5sc {
  position: relative;
}

.multiselect__inner-wrapper_active--x4kVG {
  border: 2px solid var(--basic-on-bg-input);
}

.multiselect__desktop-popup--lYOFH {
  width: 100%;
  top: calc(100% + 8px);
  max-height: 280px;
}

.multiselect__desktop-popup_top--yu13k {
  top: auto;
  bottom: calc(100% + 8px);
}

.multiselect__mobile-popup--fCko4 {
  padding: 0;
}

.multiselect__mobile-popup-content--YHMqt {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.multiselect-search__wrapper--qw0jm {
  max-width: 100%;
}

.multiselect-search__input--Koe2k {
  width: 20px;
}

.multiselect-search__input--Koe2k,
.multiselect-search__input-copy--hyoi3 {
  border: 0;
  padding: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
}

.multiselect-search__input-copy--hyoi3 {
  position: absolute;
  max-width: calc(100% - 20px);
  overflow: hidden;
  word-break: break-word;
}

.multiselect-search__input_s--dF1Mm,
.multiselect-search__input-copy_s--IWwp9 {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
}

.multiselect-search__input_l--LBunN,
.multiselect-search__input-copy_l--G_oie {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  height: 32px;
}

.multiselect-search__mobile--mkp7D {
  padding: 12px 16px 8px;
}

.multiselect-value--vRgWd {
  cursor: pointer;
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  transition: border-color 0.3s;
  cursor: text;
  border-radius: 8px;
}

.multiselect-value--vRgWd:hover {
  border-color: var(--basic-on-bg-input);
}

.multiselect-value_active--owdHV {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
}

.multiselect-value_s--_AC7I {
  font-size: 14px;
  line-height: 24px;
  min-height: 32px;
  padding: 4px 40px 4px 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.multiselect-value_s--_AC7I {
    max-height: 174px;
    overflow: auto
}
  }

.multiselect-value_s--_AC7I.multiselect-value_active--owdHV {
  padding: 3px 39px 3px 7px;
}

.multiselect-value_l--x6VcD {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  min-height: 48px;
  padding: 7px 52px 7px 15px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.multiselect-value_l--x6VcD {
    max-height: 210px;
    overflow: auto
}
  }

.multiselect-value_l--x6VcD.multiselect-value_active--owdHV {
  padding: 6px 51px 6px 14px;
}

.multiselect-value_popup--zWIX_ {
  min-height: 0;
  cursor: default;
  border: 0;
  padding: 8px 16px;
}

.multiselect-value_errors--CcW7p {
  border-color: var(--basic-on-bg-alert);
}

.multiselect-value_errors--CcW7p:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.multiselect-value_active--owdHV.multiselect-value_errors--CcW7p {
  border-color: var(--basic-on-bg-alert-pressed);
}

.multiselect-value_popup--zWIX_:empty {
  padding: 0;
}

.multiselect-value__placeholder--K1GZe {
  color: var(--basic-on-bg-secondary);
}

.multiselect-value--vRgWd .multiselect-value__show-more--X30uM {
  margin: 8px 0 0;
}

.multiselect-value__tags--pG1uR {
  width: 100%;
  overflow: hidden;
}

.multiselect-value__tags--pG1uR:empty {
  display: none;
}

.multiselect-value__icon--N0K0W {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-grey-01);
}

.multiselect-value_s--_AC7I .multiselect-value__icon--N0K0W {
  top: 9px;
  right: 13px;
}

.multiselect-value_l--x6VcD .multiselect-value__icon--N0K0W {
  top: 12px;
  right: 14px;
}
.tags-more__wrapper--HgGIA {
  position: relative;
}

.tags-more--XYl85 {
  padding: 0;
  border: 0;
  min-width: 28px;
  text-align: center;
  user-select: none;
}

.tags-more__show-more--X5FGV {
  text-transform: none;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.25px;
  margin-top: 8px;
  display: block;
}

.tags-more_hidden--gINzy {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.tags-more__hint--wObVG {
  max-width: 330px;
  white-space: normal;
}
.multiselect-hint--fPj2i {
  display: grid;
  grid-template-columns: auto auto;
  gap: 16px;
  margin: 16px 16px 8px;
  padding: 16px;
  background: #E7ECFA;
  border-radius: 12px;
}

  .multiselect-hint--fPj2i > svg {
    width: 20px;
    margin-top: 3px;
  }
.pass-car-field__row--UNYVD {
  display: flex;
  gap: 4px;
  width: 100%;
  align-items: center;
}

  @media (max-width: 767px) {.pass-car-field__row--UNYVD {
    flex-wrap: wrap
}
  }

.pass-car-field__wrapper--VIBgg {
  display: grid;
  gap: 8px 4px;
  grid-template-columns: repeat(2, 1fr);
}

.pass-car-field__field--jgIoi {
  flex-grow: 1;
  order: 1;
}

.pass-car-field__remove--EunvI, .pass-car-field__added--qyaOc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 8px 0 8px 16px;
  order: 3;
  flex-shrink: 0;
  border-radius: 8px;
}

.pass-car-field__remove--EunvI:hover, .pass-car-field__added--qyaOc:hover {
    background-color: var(--basic-on-bg-grey-03);
  }

.pass-car-field__remove--EunvI:active, .pass-car-field__added--qyaOc:active {
    background-color: var(--basic-on-bg-grey-02);
  }

.pass-car-field-email--XGn3y {
  grid-column: span 2;
}

.input-value--O3pe4 {
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  transition: color 0.3s, border-color 0.3s;
  letter-spacing: 0.5px;
  width: 100%;
  border-radius: 8px;
}

.input-value--O3pe4:disabled {
  color: #AFB1B6;
}

.input-value--O3pe4:hover {
  border-color: var(--basic-on-bg-input);
}

.input-value--O3pe4:focus {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
}

.input-value_s--GKqvC {
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px 6px 12px;
  letter-spacing: 0;
}

.input-value_s--GKqvC:focus {
  padding: 5px 29px 5px 11px;
}

.input-value_s--GKqvC:hover {
  padding: 5px 29px 5px 11px;
}

.input-value_s--GKqvC.input-value_without-clear--sCa9c {
  padding-right: 12px;
}

.input-value_s--GKqvC.input-value_without-clear--sCa9c:focus {
  padding-right: 11px;
}

.input-value_m--_ZrPb {
  font-size: 14px;
  line-height: 20px;
  padding: 9px 52px 9px 15px;
}

.input-value_m--_ZrPb:focus {
  padding: 8px 51px 8px 14px;
}

.input-value_m--_ZrPb.input-value_with-placeholder--UvVjP {
  height: 40px;
}

.input-value_m--_ZrPb.input-value_without-clear--sCa9c {
  padding-right: 15px;
}

.input-value_m--_ZrPb.input-value_without-clear--sCa9c:focus {
  padding-right: 14px;
}

.input-value_l--FxaZo {
  font-size: 16px;
  line-height: 24px;
  padding: 11px 52px 11px 15px;
}

.input-value_l--FxaZo:focus {
  padding: 10px 51px 10px 14px;
}

.input-value_l--FxaZo.input-value_with-placeholder--UvVjP {
  padding-top: 19px;
  padding-bottom: 3px;
}

.input-value_s--GKqvC.input-value_with-placeholder--UvVjP {
  top: 8px;
}

.input-value_l--FxaZo.input-value_with-placeholder--UvVjP:focus {
  padding-top: 18px;
  padding-bottom: 2px;
}

.input-value_l--FxaZo.input-value_without-clear--sCa9c {
  padding-right: 15px;
}

.input-value_l--FxaZo.input-value_without-clear--sCa9c:focus {
  padding-right: 14px;
}

.input-value_errors--eb4UB {
  border-color: var(--basic-on-bg-alert);
}

.input-value_errors--eb4UB:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.input-value_errors--eb4UB:focus {
  border-color: var(--basic-on-bg-alert-pressed);
}

.input-value__icons--SEAUj {
  position: absolute;
  top: 0;
  right: 0;
}

.input-value__icon--lAH8C {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-grey-01);
}

.input-value_s--GKqvC ~ .input-value__icons--SEAUj .input-value__icon--lAH8C {
  top: 8px;
  right: 12px;
}

.input-value_s--GKqvC:hover ~ .input-value__icons--SEAUj .input-value__icon--lAH8C {
  top: 8px;
  right: 12px;
}

.input-value_m--_ZrPb ~ .input-value__icons--SEAUj .input-value__icon--lAH8C {
  top: 8px;
  right: 15px;
}

.input-value_l--FxaZo ~ .input-value__icons--SEAUj .input-value__icon--lAH8C {
  top: 12px;
  right: 15px;
}

.input-value--O3pe4:focus ~ .input-value__icons--SEAUj .input-value__icon_search--u6o0r {
  display: none;
}

.input-value__icon_clear--Wsn_B {
  display: none;
}

.input-value--O3pe4:focus ~ .input-value__icons--SEAUj .input-value__icon_clear--Wsn_B {
  display: block;
}

.input-value--O3pe4:hover ~ .input-value__icons--SEAUj .input-value__icon_clear--Wsn_B {
  display: block;
}

.input-value__placeholder--QkFCb {
  color: var(--basic-on-bg-secondary);
  position: absolute;
  cursor: text;
  transition: font-size 0.3s, line-height 0.3s, letter-spacing 0.3s, transform 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 32px);
  left: 16px;
}

.input-value__placeholder--QkFCb[aria-disabled="true"] {
  color: #AFB1B6
}

.input-value_m--_ZrPb ~ .input-value__placeholder--QkFCb {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  top: 10px;
}

.input-value_m--_ZrPb:focus ~ .input-value__placeholder--QkFCb,
.input-value_m--_ZrPb ~ .input-value__placeholder--QkFCb.input-value__placeholder_filled-value--MkT3S {
  display: none;
}

.input-value_s--GKqvC:focus ~ .input-value__placeholder--QkFCb,
.input-value_s--GKqvC ~ .input-value__placeholder--QkFCb.input-value__placeholder_filled-value--MkT3S {
  display: none;
}


.input-value_l--FxaZo ~ .input-value__placeholder--QkFCb {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  top: 12px;
}

.input-value_s--GKqvC ~ .input-value__placeholder--QkFCb {
  padding-top: 8px;
}

.input-value_l--FxaZo:focus ~ .input-value__placeholder--QkFCb,
.input-value_l--FxaZo ~ .input-value__placeholder--QkFCb.input-value__placeholder_filled-value--MkT3S {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  transform: translateY(-8px);
}

.input-value_l--FxaZo ~ .input-value__icons--SEAUj .input-value__unit--LuXJ5 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
  position: absolute;
  top: 12px;
  right: 16px;
  opacity: 0;
  transition: opacity 0.3s;
}

.input-value_l--FxaZo:focus ~ .input-value__icons--SEAUj .input-value__unit--LuXJ5,
.input-value_l--FxaZo ~ .input-value__icons--SEAUj .input-value__unit_filled-value--Iqrjf {
  opacity: 1;
}

.input-value_l--FxaZo ~ .input-value__placeholder--QkFCb ~ .input-value__icons--SEAUj .input-value__unit--LuXJ5 {
  top: 21px;
}
.input--XbyK5 {
  position: relative;
  display: flex;
  align-items: center;
}

  @media (min-width: 768px) and (max-width: 10000px) {.input--XbyK5 {
    gap: 16px
}
  }

  @media (max-width: 767px) {.input--XbyK5 {
    gap: 8px
}
  }

.input_column--KO3Lj {
  flex-direction: column;
  align-items: stretch;
}

.input__field-wrapper--xKhsD {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
  position: relative;
}
.select-options--Jla2C {
  margin: 0;
  list-style-type: none;
  user-select: none;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.select-options--Jla2C {
    padding: 0
}
  }

  @media (min-width: 768px) and (max-width: 1279px) {.select-options--Jla2C {
    padding: 8px
}
  }

  @media (max-width: 767px) {.select-options--Jla2C {
    padding: 8px 8px 32px
}
  }

.select-options--Jla2C .select-options--Jla2C {
  padding: 0;
}

.select-options--Jla2C:empty {
  padding: 0;
}

.select-options__icon--Td05C {
  transform: rotate(270deg);
  transition: transform;
  margin-left: -8px;
  position: relative;
}

.select-options__icon_loaded--sXzMQ {
  transform: rotate(0);
}

.select-options__blocked--w6Jfo {
  font-size: 14px;
  color: var(--common_alert)
}

.select-options__loader--R_XgE {
  margin: 4px 5px;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
}

.select-options__arrow--xhaKN {
  display: block;
  margin: 8px 8px 8px 7px;
  opacity: 1;
  transition: opacity 0.3s;
}

.select-options__icon_loading--xf7AL .select-options__loader--R_XgE {
  opacity: 1;
}

.select-options__icon_loading--xf7AL .select-options__arrow--xhaKN {
  opacity: 0;
}

.select-options__item--AuPmE .select-options__item--AuPmE {
  padding-left: 16px;
}

.select-options__option--oKdkp {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  white-space: normal;
  border: 0;
  background-color: transparent;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--basic-on-bg-primary);
  flex-direction: column;
  cursor: pointer;
  gap: 8px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.select-options__option--oKdkp {
    flex-direction: column;
    gap: 0;
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.select-options__option--oKdkp {
    border-radius: 8px;
    padding: 10px 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.select-options__option--oKdkp:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.select-options__option--oKdkp:hover {
    background-color: var(--basic-bg-hover)
}
  }

.select-options__option_active--bOG1E,
.select-options__option_active--bOG1E:hover {
  color: var(--basic-on-bg-link);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.select-options__option_active--bOG1E,
.select-options__option_active--bOG1E:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.select-options__option_active--bOG1E,
.select-options__option_active--bOG1E:hover {
    background-color: var(--basic-bg-hover)
}
  }

.create-car__number--RgYfs {
  width: 100%;
}
.select-search__input--uWlqU {
  background: transparent;
  border: 0;
  width: 100%;
  padding: 0;
}

.select-search__input_s--gw6aM {
  font-size: 14px;
  line-height: 20px;
  height: 20px;
}

.select-search__input_l--qtPQy {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  height: 24px;
}

.select-search__mobile--b0ygc {
  padding: 12px 16px 8px;
}

.select-value--NYnga {
  display: block;
  width: 100%;
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  color: var(--basic-on-bg-primary);
  cursor: pointer;
  user-select: none;
  text-align: left;
  transition: border-color 0.3s;
  white-space: nowrap;
  position: relative;
  padding: 0;
  border-radius: 8px;
}

.select-value--NYnga:hover {
  border-color: var(--basic-on-bg-input);
}

.select-value_active--yjPMF {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
}

.select-value_errors--Af81e {
  border-color: var(--basic-on-bg-alert);
}

.select-value_errors--Af81e:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.select-value_active--yjPMF.select-value_errors--Af81e {
  border-color: var(--basic-on-bg-alert-pressed);
}

.select-value_disabled--twa7a {
  color: var(--basic-on-bg-disabled);
  border: 1px solid var(--basic-on-bg-stroke) !important;
}

.select-value_disabled--twa7a .select-value__inner-placeholder--ijhHf {
  color: var(--basic-on-bg-disabled);
}

.select-value_disabled--twa7a .select-value__arrow--HYFd7 {
  fill: var(--basic-on-bg-disabled);
}

.select-value__value--ynyCE {
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select-value__value_flex--w4jtW {
  display: flex;
  align-items: center;
  gap: 8px;
}

.select-value__icon--nNE7c {
  flex-shrink: 0;
}

.select-value__inner-placeholder--ijhHf {
  color: var(--basic-on-bg-secondary);
}

.select-value__arrow--HYFd7 {
  position: absolute;
  fill: var(--basic-on-bg-secondary);
  transition: transform 0.3s;
}

.select-value__search-icon--gL_bM {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-grey-01);
}

.select-value__reset--W4908 {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-secondary);
}

.select-value_active--yjPMF .select-value__arrow--HYFd7 {
  transform: rotate(180deg);
}

.select-value_s--d0PU2 {
  font-size: 14px;
  line-height: 20px;
  height: 34px;
}

.select-value_s--d0PU2 .select-value__value--ynyCE {
  padding: 6px 45px 6px 12px;
}

.select-value_s--d0PU2.select-value_active--yjPMF .select-value__value--ynyCE {
  padding: 5px 44px 5px 11px;
}

.select-value_s--d0PU2 .select-value__value--ynyCE.select-value__value_with-reset--5Cmln {
  padding-right: 61px;
}

.select-value_s--d0PU2.select-value_active--yjPMF .select-value__value--ynyCE.select-value__value_with-reset--5Cmln {
  padding-right: 60px;
}

.select-value_s--d0PU2 .select-value__arrow--HYFd7 {
  top: 13px;
  right: 18px;
}

.select-value_s--d0PU2 .select-value__search-icon--gL_bM {
  top: 8px;
  right: 12px;
}

.select-value_s--d0PU2 .select-value__reset--W4908 {
  top: 8px;
  right: 33px;
}

.select-value_active--yjPMF.select-value_s--d0PU2 .select-value__arrow--HYFd7 {
  top: 12px;
  right: 17px;
}

.select-value_s--d0PU2.select-value_active--yjPMF .select-value__search-icon--gL_bM {
  top: 7px;
  right: 11px;
}

.select-value_s--d0PU2.select-value_active--yjPMF .select-value__reset--W4908 {
  top: 7px;
  right: 32px;
}

.select-value_l--MM2QW {
  font-size: 16px;
  line-height: 24px;
  height: 48px;
}

.select-value_l--MM2QW .select-value__value--ynyCE {
  padding: 11px 52px 11px 15px;
}

.select-value_l--MM2QW.select-value_active--yjPMF .select-value__value--ynyCE {
  padding: 10px 51px 10px 14px;
}

.select-value_l--MM2QW .select-value__value--ynyCE.select-value__value_with-placeholder--Nc8CW {
}

.select-value_l--MM2QW.select-value_active--yjPMF .select-value__value--ynyCE.select-value__value_with-placeholder--Nc8CW {
}

.select-value_l--MM2QW .select-value__value--ynyCE.select-value__value_with-reset--5Cmln {
  padding-right: 81px;
}

.select-value_l--MM2QW.select-value_active--yjPMF .select-value__value--ynyCE.select-value__value_with-reset--5Cmln {
  padding-right: 80px;
}

.select-value_l--MM2QW .select-value__arrow--HYFd7 {
  top: 20px;
  right: 18px;
}

.select-value_l--MM2QW .select-value__search-icon--gL_bM {
  top: 12px;
  right: 13px;
}

.select-value_l--MM2QW .select-value__reset--W4908 {
  top: 13px;
  right: 42px;
}

.select-value_active--yjPMF.select-value_l--MM2QW .select-value__arrow--HYFd7 {
  top: 19px;
  right: 17px;
}

.select-value_l--MM2QW.select-value_active--yjPMF .select-value__search-icon--gL_bM {
  top: 11px;
  right: 12px;
}

.select-value_l--MM2QW.select-value_active--yjPMF .select-value__reset--W4908 {
  top: 12px;
  right: 41px;
}

.select-value__placeholder--RRghr {
  color: var(--basic-on-bg-secondary);
  position: absolute;
  cursor: text;
  transition: font-size 0.3s, line-height 0.3s, letter-spacing 0.3s, transform 0.3s;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  top: 12px;
  left: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 32px);
}

.select-value_active--yjPMF .select-value__placeholder--RRghr,
.select-value__placeholder--RRghr.select-value__placeholder_filled-value--X1MWa {
  display: none;
}

.select-value_l--MM2QW.select-value_active--yjPMF .select-value__placeholder--RRghr {
  top: 11px;
  left: 15px;
}
.select__wrapper--JLBGW {
  display: flex;
  align-items: center;
}

.select__wrapper_column--Dmrmk {
  flex-direction: column;
  align-items: stretch;
}

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_s--IAwDn {
    gap: 8px
}
  }

@media (max-width: 767px) {

.select__wrapper_s--IAwDn {
    gap: 4px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_l--NE6Mf {
    gap: 16px
}
  }

@media (max-width: 767px) {

.select__wrapper_l--NE6Mf {
    gap: 8px
}
  }

.select__wrapper_l--NE6Mf.select__wrapper_column--Dmrmk {
  gap: 8px;
}

.select--p0rIe {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.select__popup--tcsPV {
  width: 100%;
  max-height: 264px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_s--IAwDn .select_top--lQHKk .select__popup--tcsPV {
    bottom: 42px;
    top: auto
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_s--IAwDn .select_bottom--Uv1QK .select__popup--tcsPV {
    top: 42px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_l--NE6Mf .select_top--lQHKk .select__popup--tcsPV {
    bottom: 56px;
    top: auto
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.select__wrapper_l--NE6Mf .select_bottom--Uv1QK .select__popup--tcsPV {
    top: 56px
}
  }
.pass-car__label--VcDHS {
  width: 180px;
}

.pass-car__value--hatY4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex-grow: 1;
}

.pass-car__wrapper--y4XOi {
  display: flex;
  width: 100%;
  align-items: center;
}

.pass-car__wrapper--y4XOi:not(:first-child) {
    margin-top: 24px;
  }

.pass-car__hint--Awp2A {
  white-space: pre-wrap;
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--basic-on-bg-secondary);
}

@media (min-width: 768px) and (max-width: 10000px) {

.pass-car__hint--Awp2A {
    margin-left: 185px
}
  }

@media (max-width: 767px) {

.pass-car__hint--Awp2A {
    margin-left: 0
}
  }
.passCar--tiqmY {
  display: flex;
  position: relative;
  flex-direction: column;
}

  @media (min-width: 768px) and (max-width: 10000px) {.passCar--tiqmY {
    gap: 10px
}
  }

  @media (max-width: 767px) {.passCar--tiqmY {
    gap: 8px
}
  }
.pass-human-field__row--spSdp {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

  @media (max-width: 767px) {.pass-human-field__row--spSdp {
    flex-wrap: wrap
}
  }

.pass-human-field__field--BJEUa {
  flex-grow: 1;
  order: 1;
}

.pass-human-field__remove--stXKw, .pass-human-field__added--FeOYp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 8px 0 8px 16px;
  order: 3;
  flex-shrink: 0;
  border-radius: 8px;
}

.pass-human-field__remove--stXKw:hover, .pass-human-field__added--FeOYp:hover {
    background-color: var(--basic-on-bg-grey-03);
  }

.pass-human-field__remove--stXKw:active, .pass-human-field__added--FeOYp:active {
    background-color: var(--basic-on-bg-grey-02);
  }

.pass-human__label--gcD9Q {
  display: flex;
  width: 180px;
  height: 48px;
  align-items: center;
}

.pass-human__value--eOhYv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex-grow: 1;
}

.pass-human__wrapper--wNht1 {
  display: flex;
  width: 100%;
  align-items: flex-start;
}

.pass-human__wrapper--wNht1:not(:last-child) {
    margin-bottom: 24px;
  }
.passHuman--LeGQ0 {
  position: relative;
  display: flex;
  align-items: flex-start;
}

  @media (min-width: 768px) and (max-width: 10000px) {.passHuman--LeGQ0 {
    gap: 16px
}
  }

  @media (max-width: 767px) {.passHuman--LeGQ0 {
    gap: 8px
}
  }
.form-fieldset--MUN1b {
  background-color: var(--basic-bg-emphasis);
  border-radius: 16px;
  border: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.form-fieldset--MUN1b {
    padding: 24px
}
  }

  @media (max-width: 767px) {.form-fieldset--MUN1b {
    padding: 16px
}
  }

.form-fieldset__content--oyyZi {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.form-fieldset__wrapper--DcDmQ {
  display: flex;
  gap: 8px;
  align-items: center;
}

.form-fieldset__title--pxoC9 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin: 0;
}

.form-fieldset__disable--V420F {
  pointer-events:none;
}

.form-section--ys9SY {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.form-section__content--SOk1d {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.form-section__title--bIDer {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin: 0;
}
.contact-person__wrapper--W4NEJ {
    display: flex;
    flex-direction: column;
}

.contact-person__wrapper--W4NEJ div{
  gap: 4px;
}

.contact-person__label--MShTT {
  margin-right: 30px;
}

.contact-person__input--YdyGC {
  margin-bottom: 10px;
}


.wrapper--HSaM1 {
  align-items: flex-start;
}

.label--SYU7Q {
  width: 180px;
  height: max-content;
  align-items: center;
  display: flex;
}


.ticket-create-update-form__address-fields--cPdUl {
  display: grid;
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.ticket-create-update-form__address-fields--cPdUl {
    grid-template-columns: calc(11900% / 696 - 16px) calc(11900% / 696 - 16px) calc(2300% / 696 - 16px) calc(15300% / 696 - 16px) calc(10800% / 696 - 16px) calc(9500% / 696 - 16px) calc(7900% / 696);
    grid-template-rows: 48px 48px
}
  }

  @media (max-width: 767px) {.ticket-create-update-form__address-fields--cPdUl {
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: auto
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__address-span-2--FSrF_ {
    grid-column: span 2
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__address-span-2--FSrF_ {
    grid-column: span 2
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__address-span-3--uEo69 {
    grid-column: span 3
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__address-span-3--uEo69 {
    grid-column: span 2
}
  }

.ticket-create-update-form__add-contact--nQBZV {
  align-self: flex-start;
}

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__add-contact--nQBZV {
    margin-left: 196px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__add-contact--nQBZV {
    margin-left: 0
}
  }

.ticket-create-update-form__remove-contact--ibq28 {
  position: relative;
  align-self: flex-end;
  top: -40px;
  margin-bottom: -32px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__count--jRVEe {
    width: 400px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__count--jRVEe {
    width: 120px
}
  }

.ticket-create-update-form__count-info-wrapper--fPH3D {
  position: relative;
  margin-bottom: -16px;
}

.ticket-create-update-form__count-info--YWqHP {
  position: absolute;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__count-info--YWqHP {
    top: 0px;
    left: 408px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__count-info--YWqHP {
    left: 128px;
    top: 28px
}
  }

.ticket-create-update-form__count-info-total--_xQ5_ {
  color: var(--basic-on-bg-primary);
} 

@media (min-width: 768px) and (max-width: 10000px) { 

.ticket-create-update-form__norms--HBCr9 {
    margin-left: 196px
}
  } 

@media (max-width: 767px) { 

.ticket-create-update-form__norms--HBCr9 {
    margin-left: 0
}
  }

.ticket-create-update-form__search-more--hDaPr {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.25px;
}

.ticket-create-update-form__search-more-arrow--AOD8a {
  transform: rotate(180deg);
}

.ticket-create-update-form__planned--E2RxO {
  width: 100%;
  position: relative;
}

.ticket-create-update-form__planned-edit--nwb9N {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {

.ticket-create-update-form__planned-edit--nwb9N {
    top: -36px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__planned-label--bajHE {
    padding-top: 4px;
    padding-bottom: 4px
}
  }

.ticket-create-update-form__planned-button--iZsy8 {
  padding: 0;
}

.ticket-create-update-form__dynamic-fields--t8nfe [class*="input__textarea"] {
  align-items: center;
}

.ticket-create-update-form__dynamic-fields--t8nfe [class*="input-value_textarea"] {
  height: 48px;
  min-height: 48px;
}

.bill-create-form__pay--wADuX {
  background-color: var(--status-tint-new);
  border-radius: 16px;
  display: grid;
  grid-template-rows: repeat(3, 48px);
  grid-template-columns: 55% 45%;
  padding: 16px;
  width: 100%;
}

.bill-create-form__label--xykNP {
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0.5px;
}

.bill-create-form__sum--stxvg {
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0.5px;
  text-align: right;
}

.bill-create-form__total-label--Jk42S {
  font-weight: 500;
  font-size: 16px;
  line-height: 48px;
}

.bill-create-form__total-sum--uMBVQ {
  font-size: 16px;
  line-height: 48px;
  text-align: right;
}

.bill-create-form__create-service--WjYDt {
  align-self: flex-start;
}
.bill-create-subform__form--QXyN2 {
  padding: 16px 0;
}

.bill-create-subform__grid--N2dug {
  display: grid;
  gap: 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.bill-create-subform__grid--N2dug {
    grid-template-columns: 1fr 124px 124px 64px
}
  }

@media (max-width: 767px) {

.bill-create-subform__grid--N2dug {
    grid-template-columns: 100%
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.bill-create-subform__name--KRyZ5 {
    grid-column: span 3
}
  }

@media (max-width: 767px) {

.bill-create-subform__name--KRyZ5 {
    grid-column: 1
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.bill-create-subform__second-row--Nr85z {
    grid-row: 2
}
  }

@media (max-width: 767px) {

.bill-create-subform__second-row--Nr85z {
    grid-row: auto
}
  }

.table-cell-rejection-cause--y2rfb {
  border-top: none;
}
@media (min-width: 920px) and (max-width: 1199px) {.table-card-finances-pays__transaction--JeklD {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
  }

@media (min-width: 920px) and (max-width: 1199px) {

.table-card-finances-pays__bill--WM2ox [class*="detail-description"] {
    display: none
}
  }
.ticket-card-info--M_0r5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ticket-card-info__address--GPsjd {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin: 0;
  overflow: auto;
}

.ticket-card-info__list--sjj_H {
  margin: 0;
  width: 100%;
}

@media (min-width: 1200px) and (max-width: 10000px) {

.ticket-card-info__list--sjj_H {
    display: grid;
    grid-template-columns: 180px calc(100% - 24px - 180px);
    gap: 16px
}
  }

@media (min-width: 920px) and (max-width: 1199px) {

.ticket-card-info__list--sjj_H {
    display: grid;
    grid-template-columns: 150px calc(100% - 16px - 150px);
    gap: 16px
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card-info__list--sjj_H {
    display: grid;
    grid-template-columns: 180px calc(100% - 24px - 180px);
    gap: 16px
}
  }

@media (max-width: 767px) {

.ticket-card-info__list--sjj_H {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 16px
}
  }

@media (max-width: 767px) {

.ticket-card-info__list--sjj_H:last-child {
    padding-bottom: 16px
}
  }

.ticket-card-info__term--t5MCQ {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

@media not (max-width: 767px) {

.ticket-card-info__term--t5MCQ {
    grid-column: 1
}
  }

@media (max-width: 767px) {

.ticket-card-info__term--t5MCQ {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }

.ticket-card-info__details--W818y {
  font-size: 16px;
  overflow-wrap: break-word;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin: 0;
}

@media not (max-width: 767px) {

.ticket-card-info__details--W818y {
    grid-column: 2
}
  }

@media (max-width: 767px) {

.ticket-card-info__details--W818y {
    line-height: 24px
}
  }

@media (max-width: 767px) {

.ticket-card-info__details--W818y + .ticket-card-info__term--t5MCQ {
    margin-top: 8px
}
  }

@media not (max-width: 767px) {

.ticket-card-info__second-title--bIxc3 {
    margin-top: 16px
}
  }

.ticket-card-planned--oKIVx {
  background: var(--basic-bg-foreground);
  border-radius: 8px;
  width: 90%;
  table-layout: fixed;
}

  @media (max-width: 767px) {.ticket-card-planned--oKIVx {
    background: transparent
}
  }

.ticket-card-planned__cell--eKoKV {
  padding: 14px 16px;
  font-size: 14px;
  color: var(--basic-on-bg-primary);
  width: 50%;
  border: 1px solid var(--basic-on-bg-stroke);
  vertical-align: top;
}

@media (max-width: 767px) {

.ticket-card-planned__cell--eKoKV {
    padding: 6px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    border: 0;
    color: var(--basic-on-bg-primary)
}
  }

.ticket-card-planned__cell--eKoKV:first-child {
  color: var(--basic-on-bg-secondary);
}

.ticket-card-planned__row--Jlxy1:first-child .ticket-card-planned__cell--eKoKV {
  border-top: 0;
}

@media (max-width: 767px) {

.ticket-card-planned__row--Jlxy1:first-child .ticket-card-planned__cell--eKoKV {
    padding-top: 0
}
  }

.ticket-card-planned__row--Jlxy1:last-child .ticket-card-planned__cell--eKoKV {
  border-bottom: 0;
}

@media (max-width: 767px) {

.ticket-card-planned__row--Jlxy1:last-child .ticket-card-planned__cell--eKoKV {
    padding-bottom: 0
}
  }

.ticket-card-planned__cell--eKoKV:first-child {
  border-left: 0;
}

@media (max-width: 767px) {

.ticket-card-planned__cell--eKoKV:first-child {
    padding-left: 0
}
  }

.ticket-card-planned__cell--eKoKV:last-child {
  border-right: 0;
}

@media (max-width: 767px) {

.ticket-card-planned__cell--eKoKV:last-child {
    padding-right: 0
}
  }

.ticket-card-planned_form--qzGkI {
  background: var(--basic-bg-foreground);
}

.ticket-card-planned_form--qzGkI .ticket-card-planned__cell--eKoKV {
  color: var(--basic-on-bg-primary);
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.ticket-card-planned_form--qzGkI .ticket-card-planned__cell--eKoKV:first-child {
  padding-right: 12px;
  color: var(--basic-on-bg-secondary);
}

@media (max-width: 767px) {

.ticket-card-planned_form--qzGkI .ticket-card-planned__cell--eKoKV:first-child {
    padding-right: 6px;
    width: calc(50% - 6px)
}
  }

.ticket-card-planned_form--qzGkI .ticket-card-planned__cell--eKoKV:last-child {
  width: calc(100% - 176px);
}

@media (max-width: 767px) {

.ticket-card-planned_form--qzGkI .ticket-card-planned__cell--eKoKV:last-child {
    padding-left: 6px;
    width: calc(50% - 6px)
}
  }

.ticket-card-planned_form--qzGkI .ticket-card-planned__row--Jlxy1:not(:first-child) .ticket-card-planned__cell--eKoKV {
  padding-top: 12px;
}
.rating--adNva {
  display: flex;
  align-items: center;
}

.input--WeGLZ,
.label--oiohu[style*="z-index"] {
  display: none;
}

.star--ZMpjK {
  flex-shrink: 0;
  display: block;
}

.label--oiohu:not([data-read-only]) .star--ZMpjK {
  cursor: pointer;
}

.star_inactive--cKJ7W {
  fill: rgba(208, 211, 218, 1);
}

.star_active--nJQ1U {
  fill: rgba(237, 173, 10, 1);
}

.ticket-card-status--MgpHw {
  display: flex;
  align-items: flex-start;
}

  @media (max-width: 767px) {.ticket-card-status--MgpHw {
    padding: 16px
}
  }

  @media not ((max-width: 359px)) {.ticket-card-status--MgpHw {
    justify-content: space-between;
    gap: 16px
}
  }

  @media (max-width: 449px) {.ticket-card-status--MgpHw {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0
}
  }

.ticket-card-status__info--H96Os {
  flex-direction: column;
  align-items: flex-start;
}

@media not ((max-width: 449px)) {

.ticket-card-status__info--H96Os {
    display: flex
}
  }

@media (max-width: 449px) {

.ticket-card-status__info--H96Os {
    display: contents
}
  }

.ticket-card-status__planned-and-payment--qpyvj {
  display: flex;
  gap: 16px;
}

@media (max-width: 1199px) {

.ticket-card-status__planned-and-payment--qpyvj {
    flex-direction: column-reverse;
    gap: 8px;
    align-items: flex-start
}
  }

.ticket-card-status__payment-status--O4tck {
  font-weight: 500;
}

@media (max-width: 449px) {

.ticket-card-status__payment-status--O4tck {
    order: 1
}
  }

.ticket-card-status__status--KgbbW {
  letter-spacing: 0.25px;
  color: var(--basic-on-bg-secondary);
}

@media not ((max-width: 449px)) {

.ticket-card-status__status--KgbbW {
    margin-top: 8px
}
  }

@media (max-width: 449px) {

.ticket-card-status__status--KgbbW {
    margin-top: 16px;
    order: 3
}
  }

.ticket-card-status__norm--DD5x6 {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
}

@media not ((max-width: 449px)) {

.ticket-card-status__norm--DD5x6 {
    margin-top: 4px
}
  }

@media (max-width: 449px) {

.ticket-card-status__norm--DD5x6 {
    margin-top: 16px;
    order: 4
}
  }

.ticket-card-status__cause--rr0ag {
  margin-top: 16px;
}

@media (max-width: 449px) {

.ticket-card-status__cause--rr0ag {
    order: 5
}
  }

.ticket-card-status__button--VI3yj {
  position: relative;
}

@media (max-width: 449px) {

.ticket-card-status__button--VI3yj {
    margin-top: 16px;
    order: 2
}
  }

.ticket-card-status__popup--A_Sh_ {
  top: 48px;
}
.avatar-tenant--byfs9 {
  position: relative;
  border-radius: 50%;
  background-color: var(--basic-bg-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--button-primary-on-bg-active);
  border: 1px solid var(--basic-bg-accent);
  font-weight: 500;
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  flex-shrink: 0;
  user-select: none;
}

.avatar-tenant_white--ecNzF {
  background-color: var(--basic-bg-foreground);
  color: var(--basic-bg-accent);
  border: 1px solid var(--basic-bg-accent);
}

.avatar-tenant_disabled--VWyqV {
  background-color: var(--button-primary-bg-disabled);
  border: 1px solid var(--button-primary-bg-disabled);
}

.avatar-tenant_notification-wrapper--O8EMB {
  position: absolute;
  top: 8px;
  width: 45px;
  height: 42px;
  text-align: right;
  transform: translateY(-50%);
}

.avatar-tenant_notification--KrvV8 {
  fill: var(--basic-on-bg-alert); 
}

.detail--Hf3pp {
  overflow: inherit;
  text-overflow: inherit;
  display: flex;
  align-items: center;
  gap: 8px;
}

.detail__content--lMYFv {
  overflow: inherit;
  text-overflow: inherit;
  padding: 1px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.debtor--b5xXR {
    display: flex;
    padding: 6px 8px;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch; 
    border-radius: 8px;
    background: var(--status-tint-alert);

    color: var(--basic-on-bg-alert);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.4px; 
}

.ticket-card--LJ7sX {
  display: grid;
  gap: 16px;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.ticket-card--LJ7sX {
    grid-template-columns: 810px calc(100% - 810px - 16px)
}
  }

  @media (min-width: 1200px) and (max-width: 1279px) {.ticket-card--LJ7sX {
    grid-template-columns: calc((100% - 16px) * 0.67) calc((100% - 16px) * 0.33)
}
  }

  @media (min-width: 920px) and (max-width: 1199px) {.ticket-card--LJ7sX {
    grid-template-columns: calc((100% - 16px) * 0.64) calc((100% - 16px) * 0.36)
}
  }

  @media (max-width: 919px) {.ticket-card--LJ7sX {
    grid-template-columns: 100%
}
  }

.ticket-card__squares--PypxR {
  display: flex;
  gap: 12px;
}

.ticket-card__square--obc7W {
  apparance: none;
  border: 0;
  width: 122px;
  height: 110px;
  background-color: var(--basic-bg-foreground);
  border-radius: 12px;
  padding: 9px 40px 9px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  fill: var(--basic-bg-accent);
  text-align: left;
  cursor: pointer;
}

@media (min-width: 920px) and (max-width: 10000px) {

.ticket-card__column--ZhCjt {
    display: flex;
    flex-direction: column;
    gap: 16px
}
  }

@media (max-width: 919px) {

.ticket-card__column--ZhCjt {
    display: contents
}
  }

.ticket-card__column--ZhCjt [class*="list-no-results"] {
  display: block;
  margin-top: 0px;
  padding-top: 0px;
}

.ticket-card__main--Ascm7 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__main--Ascm7 {
    order: 2
}
  }

.ticket-card__members--IvwiN {
  display: grid;
  gap: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1440px) and (max-width: 10000px) {

.ticket-card__members--IvwiN {
    grid-template-columns: calc(48%) calc(52%)
}
  }

@media (min-width: 920px) and (max-width: 1439px) {

.ticket-card__members--IvwiN {
    grid-template-columns: 100%
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__members--IvwiN {
    grid-template-columns: calc(50% - 4px) calc(50% - 4px);
    order: 1
}
  }

@media (min-width: 1440px) and (max-width: 10000px) {

.ticket-card__members--IvwiN [class*="content"]:nth-child(3) {
    grid-column: span 2
}
  }

@media (min-width: 920px) and (max-width: 1439px) {

.ticket-card__members--IvwiN [class*="content"]:nth-child(3) {
    grid-column: 1
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__members--IvwiN [class*="content"]:nth-child(3) {
    grid-column: span 2
}
  }

@media (min-width: 1440px) and (max-width: 10000px) {

.ticket-card__members--IvwiN [class*="content"]:nth-child(4) {
    grid-column: span 2
}
  }

@media (min-width: 920px) and (max-width: 1439px) {

.ticket-card__members--IvwiN [class*="content"]:nth-child(4) {
    grid-column: 1
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__members--IvwiN [class*="content"]:nth-child(4) {
    grid-column: span 2
}
  }

.ticket-card__members--IvwiN [class*="content-header"] {
  gap: 8px;
}

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__dynamic-fields--MopDk {
    order: 3
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__chat--v2uMv {
    order: 4
}
  }
.ticket-header--JpmOl {
  flex-wrap: nowrap;
}

.ticket-header__priority--BAju2 {
  width: 42px;
  height: 42px;
  flex-shrink: 0;
  margin-top: 3px;
}

.ticket-header__button--DLdM2 {
  position: relative;
}

@media (min-width: 360px) and (max-width: 767px) {

.ticket-header__button--DLdM2 {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.ticket-header__button--DLdM2 {
    width: 100%
}
  }

.ticket-header__print--VAPP6 {
  width: 100%;
}

.tickets-header__popup-button_active--Flpqz,
.tickets-header__popup-button_active--Flpqz:hover {
  color: var(--basic-on-bg-link);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.tickets-header__popup-button_active--Flpqz,
.tickets-header__popup-button_active--Flpqz:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.tickets-header__popup-button_active--Flpqz,
.tickets-header__popup-button_active--Flpqz:hover {
    background-color: var(--basic-bg-hover)
}
  }

.tickets-header__popup-item--2PMOl {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ticket-priority__popup-button_active--pmHgr,
.ticket-priority__popup-button_active--pmHgr:hover {
  color: var(--basic-on-bg-link);
}

  @media (min-width: 1280px) and (max-width: 10000px) {.ticket-priority__popup-button_active--pmHgr,
.ticket-priority__popup-button_active--pmHgr:hover {
    background-color: var(--basic-bg-hover)
}
  }

  @media (max-width: 1279px) {.ticket-priority__popup-button_active--pmHgr,
.ticket-priority__popup-button_active--pmHgr:hover {
    background-color: var(--basic-bg-hover)
}
  }

.ticket-priority__popup-item--iZBpt {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wrapper--R7Fip {
    align-items: flex-start;
}

.label--megWa {
    width: 180px;
    height: max-content;
    align-items: center;
    display: flex;
}

@media (max-width: 767px) {

.select--w1qwP > div {
        width: 100%;
        max-width: 236px
}
    }

.row--fONl8 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.row--fONl8 > div {
        width: 100%;
    }

.filter-apply--A7w6c,
.filter-cancel--Db_em,
.filter-reset--xlixC {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.label--_ODAl {
  display: flex !important;
  align-items: center;
  background-color: var(--basic-bg-foreground) !important;
  color: var(--basic-on-bg-primary) !important;
  padding: 6px 12px 6px 12px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  cursor: pointer;
}

.selected-object--P342r {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.close-icon--O0PsJ {
  margin-left: 8px;
}

.selected-objects--AEdnX {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

@keyframes loadingCircle--PfeuB {
  100% {
    transform: rotate(360deg);
  }
}

.loading--KlCF1 {
  font-size: 24px !important;
  animation: loadingCircle--PfeuB 1s linear infinite;
}

.tree-limit--xfpnr {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--status-hint-alert);
  border-radius: 8px;
}

.tree-limit-icon--AaMxo {
  width: 20px;
  height: 20px;
}

.tree-limit-text--IN7GI {
  max-width: 614px;
  white-space: pre-line;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--basic-on-bg-primary);
}

.ant-tree {
    background: initial;
  }
  .ant-tree .ant-tree-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 1;
    margin-left: auto;
  }
  .ant-tree-checkbox .ant-tree-checkbox-inner, .ant-checkbox .ant-checkbox-inner {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid var(--basic-on-bg-grey-01) !important;
    background-color: transparent !important;
    border-radius: 2px !important;
  }
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner, .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--basic-bg-accent) !important;
    border-color: var(--basic-bg-accent) !important;
  }
  .ant-tree-checkbox-checked .ant-tree-checkbox-inner:after, .ant-checkbox-checked .ant-checkbox-inner:after {
      transition: none !important;
    }
  .ant-checkbox + span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    padding-inline-end: initial;
  }
  .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner, .ant-tree-checkbox:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner {
    border-color: var(--basic-bg-accent) !important;
  }
  .ant-tree .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: transparent !important;
    border-color: var(--basic-on-bg-grey-01) !important;
  }
  .ant-tree .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after, .ant-checkbox-indeterminate .ant-checkbox-inner:after {
      content: none;
    }
  .ant-tree .ant-tree-treenode {
    width: 100%;
  }
  .ant-tree .ant-tree-treenode:not(:last-child) {
      padding: 0 0 16px;
    }
  .ant-tree .ant-tree-checkbox + span:hover, .ant-tree .ant-tree-checkbox + span.ant-tree-node-selected {
    background-color: initial;
  }
  .ant-spin {
    display: flex;
    align-items: center;
    justify-content: center;
  }

@keyframes loadingCircle--ChTTW {
  100% {
    transform: rotate(360deg);
  }
}

.loading--OjKxa {
  font-size: 24px !important;
  animation: loadingCircle--ChTTW 1s linear infinite;
}

.divider--xmku1 {
  margin: 0 !important;
}

.tree--bCGtZ {
  max-height: 356px;
  overflow: auto;
}

.tree-node--KespC {
  display: flex;
  flex-direction: column;
}

.tree-node--KespC a {
    font-size: 16px;
  }

.tree-description--Vl1z_ {
  cursor: default;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--basic-on-bg-secondary);
}

.tree-empty--Jwa16 {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 12px;
  padding: 12px 16px;
  background: #e0e8ff;
  border-radius: 8px;
}

.tree-empty-text--E40vd {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--basic-on-bg-primary);
}

@keyframes loadingCircle--Gi_Cb {
  100% {
    transform: rotate(360deg);
  }
}

.loading--nVKWW {
  font-size: 24px !important;
  animation: loadingCircle--Gi_Cb 1s linear infinite;
}

.divider--SZfEl {
  margin: 0 !important;
}

.tree--P9rdF {
  max-height: 356px;
  overflow: auto;
}

.tree-node--qc1TP {
  display: flex;
  flex-direction: column;
}

.tree-node--qc1TP a {
    font-size: 16px;
  }

.tree-description--xJM_L {
  cursor: default;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--basic-on-bg-secondary);
}

.actions-container--C6DeJ {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
}

.information--DZPjO {
  margin-left: auto;
  color: var(--basic-on-bg-alert);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

::-webkit-scrollbar-track {
  background: transparent !important;
}

::-webkit-scrollbar-thumb {
  background: var(--basic-on-bg-stroke) !important;
}

.ant-tree {
    background: initial;
  }

.ant-tree .ant-tree-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 1;
    margin-left: auto;
  }

.ant-tree-checkbox .ant-tree-checkbox-inner, .ant-checkbox .ant-checkbox-inner {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid var(--basic-on-bg-grey-01) !important;
    background-color: transparent !important;
    border-radius: 2px !important;
  }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner, .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--basic-bg-accent) !important;
    border-color: var(--basic-bg-accent) !important;
  }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner:after, .ant-checkbox-checked .ant-checkbox-inner:after {
      transition: none !important;
    }

.ant-checkbox + span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    padding-inline-end: initial;
  }

.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner, .ant-tree-checkbox:not(.ant-tree-checkbox-disabled):hover .ant-tree-checkbox-inner {
    border-color: var(--basic-bg-accent) !important;
  }

.ant-tree .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner, .ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: transparent !important;
    border-color: var(--basic-on-bg-grey-01) !important;
  }

.ant-tree .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner:after, .ant-checkbox-indeterminate .ant-checkbox-inner:after {
      content: none;
    }

.ant-tree .ant-tree-treenode {
    width: 100%;
  }

.ant-tree .ant-tree-treenode:not(:last-child) {
      padding: 0 0 16px;
    }

.ant-tree .ant-tree-checkbox + span:hover, .ant-tree .ant-tree-checkbox + span.ant-tree-node-selected {
    background-color: initial;
  }

.ant-spin {
    display: flex;
    align-items: center;
    justify-content: center;
  }

.ant-checkbox-disabled + span {
    color: var(--basic-on-bg-disabled);
  }

.ant-checkbox-disabled > .ant-checkbox-inner {
    border: 2px solid var(--basic-on-bg-disabled) !important;
  }

.address-fields--_RwN9 {
  display: grid;
  gap: 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.address-fields--_RwN9 {
    grid-template-columns:
      calc(17.1% - 16px) calc(17.1% - 16px) calc(3.3% - 16px) calc(22% - 16px) calc(15.5% - 16px)
      calc(13.6% - 16px) 11.4%;
    grid-template-rows: 48px 48px
}
  }

@media (max-width: 767px) {

.address-fields--_RwN9 {
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: auto
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.address-span__2--_m5Ft {
    grid-column: span 2
}
  }

@media (max-width: 767px) {

.address-span__2--_m5Ft {
    grid-column: span 2
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.address-span__3--STciM {
    grid-column: span 3
}
  }

@media (max-width: 767px) {

.address-span__3--STciM {
    grid-column: span 2
}
  }

.search-more--z_SR6 {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.25px;
}

.search-more__arrow--kOYGv {
  transform: rotate(180deg);
}

.check-all--dz95_ {
  display: flex;
  align-items: baseline;
  gap: 24px;
}

.check-all--dz95_ .check-all-hint--LAQQ4 {
    font-size: 14px;
    line-height: 20px;
    color: var(--basic-on-bg-grey-01);
  }

.tree-fieldset--dWPEe,
.address-fieldset--pxYue {
  border-radius: 12px;
}

.tree-form--PmGPv {
  gap: 16px;
}

.bannerContainer--a2NGh {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.blockedLicenseBanner--z7sgY {
  display: flex;
  align-items: center;
  text-align: center;
  background: var(--status-hint-alert);
  padding: 12px 16px;
  border-radius: 8px;
  gap: 12px;
}

.bannerMessage--VkGMs {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--basic-on-bg-primary);
}

.iconAlert--tdYkW {
  width: 20px;
  height: 20px;
}

.endLicenseBanner--vOEKM {
  display: flex;
  align-items: center;
  text-align: center;
  background: var(--status-hint-alert);
  padding: 12px 16px;
  border-radius: 8px;
  gap: 12px;
}

.bannerMessage--AIN2T {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--basic-on-bg-primary);
}

.iconAlert--giUTr {
  width: 20px;
  height: 20px;
}

.iconClose--EmPmF {
  cursor: pointer;
  margin-left: auto;
}

.window--d0WDp {
  width: 390px !important;
  margin-block-start: -12px;
  margin-inline-start: auto;
  margin-inline-end: 15px;
  box-sizing: border-box;
  border-radius: 8px;
}

.window--d0WDp > :first-child,
.content--kiCSq {
  padding: 24px;
}

.window--d0WDp > :first-child {
  padding-block-end: 16px;
}

.title--kF60Z {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.content--kiCSq {
  padding-block-start: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  color: var(--basic-on-bg-secondary);
  white-space: pre-wrap;
}

.tickets-controls-columns__wrapper--aYi1V {
  position: absolute;
  right: 0;
  z-index: 4;
  top: 0;
}

.tickets-controls-columns__toggle--LqjaR {
  background-color: var(--basic-bg-emphasis);
  padding: 12px 24px;
}

.tickets-controls-columns__fields--ZCkKm {
  width: 430px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  top: 56px;
  right: 8px;
}

.tickets-controls-columns__fields_visible--LE3HU {
  opacity: 1;
  visibility: visible;
}
.autocomplete--BEMoG {
  display: flex;
  align-items: flex-start;
}

  @media (min-width: 768px) and (max-width: 10000px) {.autocomplete--BEMoG {
    gap: 16px
}
  }

  @media (max-width: 767px) {.autocomplete--BEMoG {
    gap: 8px
}
  }

.autocomplete_column--HtiWy {
  flex-direction: column;
  align-items: stretch;
}

.autocomplete__wrapper--qkB8x {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
}

.autocomplete--BEMoG.autocomplete_column--HtiWy {
  gap: 8px;
}

.autocomplete__inner-wrapper--vZlfr {
  position: relative;
}

.autocomplete__inner-wrapper_active--kmK3O {
  border: 2px solid var(--basic-on-bg-input);
}

.autocomplete__desktop-popup--XMqBj {
  width: 100%;
  top: calc(100% + 8px);
  max-height: 280px;
}

.autocomplete__desktop-popup_top--a2FAK {
  top: auto;
  bottom: calc(100% + 8px);
}

.autocomplete__mobile-popup--JtMeQ {
  padding: 0;
}

.autocomplete__mobile-popup-content--Z0FoQ {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.apply-columns__wrapper--UyojP {
  position: sticky;
  bottom: 0;
  padding: 16px;
  height: 70px;
  background-color: var(--basic-bg-foreground);
  border-top: 1px solid var(--basic-on-bg-stroke);
}

.apply-columns__wrapper--UyojP button {
  width: 100%;
}

.autocomplete-options__wrapper--KmuBR {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.autocomplete-options--eWmvt {
  list-style-type: none;
  margin: 0;
  flex-grow: 1;
  width: 100%;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.autocomplete-options--eWmvt {
    padding: 0
}
  }

@media (max-width: 1279px) {

.autocomplete-options--eWmvt {
    padding: 0 8px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.autocomplete-options__item--FkIhv:first-child {
    padding: 10px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.autocomplete-options__item--FkIhv:last-child {
    padding-bottom: 8px
}
  }

.autocomplete-options--eWmvt:empty {
  padding: 0;
}

.autocomplete-options--eWmvt .autocomplete-options--eWmvt {
  padding: 0;
}

.autocomplete-options__item--FkIhv .autocomplete-options__item--FkIhv {
  padding-left: 16px;
}

.autocomplete-options__icon--cmMJw {
  transform: rotate(270deg);
  transition: transform;
  margin-left: -8px;
}

.autocomplete-options__icon_loaded--QvAZ_ {
  transform: rotate(0);
}

.autocomplete-options__loader--XnB06 {
  margin: 4px 5px;
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
}

.autocomplete-options__arrow--6yghN {
  display: block;
  margin: 8px 8px 8px 7px;
  opacity: 1;
  transition: opacity 0.3s;
}

.autocomplete-options__icon_loading--IKAo9 .autocomplete-options__loader--XnB06 {
  opacity: 1;
}

.autocomplete-options__icon_loading--IKAo9 .autocomplete-options__arrow--6yghN {
  opacity: 0;
}

.autocomplete-options__all--CRR0u {
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 768px) and (max-width: 10000px) {

.autocomplete-options__all--CRR0u {
    position: sticky;
    top: 0;
    z-index: 1
}
  }

@media (max-width: 767px) {

.autocomplete-options__all--CRR0u {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 10px 8px
}
  }

.autocomplete-options__info__item--tr3dq {
  margin: 16px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.autocomplete-options__info__item--tr3dq {
    position: relative;
    top: 0;
    z-index: 1
}
  }

.autocomplete-options__info__icon--ewKpW {
  margin: 14px;
}

.autocomplete-options__info__text--KpyLz {
  letter-spacing: 0.25px
}

.autocomplete-options__info--paXl7 {
  display: flex;
  background-color: var(--controls_on_element_info);
  color: var(--basic-bg-info);
  border-radius: 12px;
  padding: 16px;
  border: 0;
}

.autocomplete-options__reset--FNMyz {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (min-width: 1280px) and (max-width: 10000px) {

.autocomplete-options__reset--FNMyz {
    padding: 0 15px
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.autocomplete-options__reset--FNMyz {
    padding: 0 8px
}
  }

@media (max-width: 767px) {

.autocomplete-options__reset--FNMyz {
    padding: 0 15px
}
  }

.autocomplete-options__all_hidden--Cff1h {
  display: none;
}

.autocomplete-options__all--CRR0u::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 8px;
  width: calc(100% - 16px);
  border-bottom: 1px solid var(--basic-on-bg-stroke);
}

.autocomplete-options__option--qdZza,
.autocomplete-options__option-all--LnU9t,
.autocomplete-options__no-results--tiTuj {
  apparance: none;
  background-color: transparent;
  border: 0;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.3s;
  width: 100%;
  color: var(--basic-on-bg-primary);
  display: flex;
  gap: 8px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.autocomplete-options__option--qdZza,
.autocomplete-options__option-all--LnU9t,
.autocomplete-options__no-results--tiTuj {
    padding: 10px 16px
}
  }

@media (max-width: 1279px) {

.autocomplete-options__option--qdZza,
.autocomplete-options__option-all--LnU9t,
.autocomplete-options__no-results--tiTuj {
    border-radius: 8px;
    padding: 10px 8px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.autocomplete-options__option--qdZza:hover {
    background-color: var(--basic-bg-hover)
}
  }

@media (max-width: 1279px) {

.autocomplete-options__option--qdZza:hover {
    background-color: var(--basic-bg-hover)
}
  }

.autocomplete-options__option--qdZza [class*="toggle__field-wrapper"] {
  z-index: 0;
}

.autocomplete-options__option_hidden--OjflW {
  display: none;
}

.autocomplete-options__buttons--nH0ht {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-color: var(--basic-bg-foreground);
}

@media (max-width: 767px) {

.autocomplete-options__buttons--nH0ht {
    padding: 24px 16px;
    display: flex;
    flex-direction: column-reverse;
    gap: 16px
}
  }

.autocomplete-options__buttons_only--IHswA {
  padding-top: 4px;
}

.autocomplete-options__buttons--nH0ht:empty {
  padding: 0;
}

.autocomplete-options__submit--ZBbBN {
  display: block;
  width: 100%;
}

.autocomplete-options__no-results--tiTuj {
  color: var(--basic-on-bg-secondary);
}

.autocomplete-search__wrapper--yWyIf {
  max-width: 100%;
}

.autocomplete-search__input--Q3iFA {
  width: 20px;
}

.autocomplete-search__input--Q3iFA,
.autocomplete-search__input-copy--AiGuk {
  border: 0;
  padding: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
}

.autocomplete-search__input-copy--AiGuk {
  position: absolute;
  max-width: calc(100% - 20px);
  overflow: hidden;
  word-break: break-word;
}

.autocomplete-search__input_s--mQRG2,
.autocomplete-search__input-copy_s--DQwO4 {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
}

.autocomplete-search__input_l--I3PVM,
.autocomplete-search__input-copy_l--snoeG {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  height: 32px;
}

.autocomplete-search__mobile--Qy2R2 {
  padding: 12px 16px 8px;
}

.autocomplete-value--eGd57 {
  cursor: pointer;
  background-color: var(--basic-bg-foreground);
  border: 1px solid var(--basic-on-bg-stroke);
  transition: border-color 0.3s;
  cursor: text;
  border-radius: 8px;
}

.autocomplete-value--eGd57:hover {
  border-color: var(--basic-on-bg-input);
}

.autocomplete-value_active--NsgpE {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
}

.autocomplete-value_s--pzEz0 {
  font-size: 14px;
  line-height: 24px;
  min-height: 32px;
  padding: 4px 40px 4px 8px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.autocomplete-value_s--pzEz0 {
    max-height: 174px;
    overflow: auto
}
  }

.autocomplete-value_s--pzEz0.autocomplete-value_active--NsgpE {
  padding: 3px 39px 3px 7px;
}

.autocomplete-value_l--fIIS_ {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 0.5px;
  min-height: 48px;
  padding: 7px 52px 7px 15px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.autocomplete-value_l--fIIS_ {
    max-height: 210px;
    overflow: auto
}
  }

.autocomplete-value_l--fIIS_.autocomplete-value_active--NsgpE {
  padding: 6px 51px 6px 14px;
}

.autocomplete-value_popup--Q2cmC {
  min-height: 0;
  cursor: default;
  border: 0;
  padding: 8px 16px;
}

.autocomplete-value_errors--WuRnL {
  border-color: var(--basic-on-bg-alert);
}

.autocomplete-value_errors--WuRnL:hover {
  border-color: var(--basic-on-bg-alert-hover);
}

.autocomplete-value_active--NsgpE.autocomplete-value_errors--WuRnL {
  border-color: var(--basic-on-bg-alert-pressed);
}

.autocomplete-value_popup--Q2cmC:empty {
  padding: 0;
}

.autocomplete-value__placeholder--oYjyA {
  color: var(--basic-on-bg-secondary);
}

.autocomplete-value--eGd57 .autocomplete-value__show-more--hREzJ {
  margin: 8px 0 0;
}

.autocomplete-value__tags--BYCoj {
  width: 100%;
  overflow: hidden;
}

.autocomplete-value__tags--BYCoj:empty {
  display: none;
}

.autocomplete-value__icon--bBtQG {
  position: absolute;
  cursor: pointer;
  fill: var(--basic-on-bg-grey-01);
}

.autocomplete-value_s--pzEz0 .autocomplete-value__icon--bBtQG {
  top: 9px;
  right: 13px;
}

.autocomplete-value_l--fIIS_ .autocomplete-value__icon--bBtQG {
  top: 12px;
  right: 14px;
}
.autocomplete-hint--F3xJ7 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin: 16px 16px 8px;
  padding: 16px;
  background: #E7ECFA;
  border-radius: 12px;
}

@media (min-width: 1280px) and (max-width: 10000px) {.tickets-controls__wrapper--XC1dS {
    padding: 24px
}
  }
  @media (max-width: 1279px) {.tickets-controls__wrapper--XC1dS {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}
  }

.tickets-controls--aJi1U {
  display: flex;
  align-items: center;
}

@media (min-width: 1366px) and (max-width: 10000px) {

.tickets-controls--aJi1U {
    gap: 16px 24px;
    justify-content: space-between
}
  }

@media (min-width: 1280px) and (max-width: 1365px) {

.tickets-controls--aJi1U {
    gap: 16px;
    justify-content: space-between
}
  }

@media (max-width: 1279px) {

.tickets-controls--aJi1U {
    display: contents
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.tickets-controls__search--Thfd_ {
    flex-grow: 1
}
  }

@media (max-width: 1279px) {

.tickets-controls__search--Thfd_ {
    order: 1
}
  }

@media (max-width: 1279px) {

.tickets-controls__comments--mUdiu {
    order: 4
}
  }

@media (max-width: 359px) {

.tickets-controls__comments--mUdiu {
    width: 100%
}
  }

@media (max-width: 1279px) {

.tickets-controls__utime--JtlHv {
    order: 5
}
  }

@media (max-width: 767px) {

.tickets-controls__utime--JtlHv {
    width: 100%
}
  }

@media (max-width: 1279px) {

.tickets-controls__excel-wrapper--qO2Q7 {
    order: 2;
    display: flex;
    gap: 16px;
    width: 100%
}
  }

.tickets-controls__states--dPQyP {
  gap: 16px;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.tickets-controls__states--dPQyP {
    display: flex;
    margin-top: 16px;
    align-items: center;
    justify-content: space-between
}
  }

@media (max-width: 1279px) {

.tickets-controls__states--dPQyP {
    order: 5
}
  }

.tickets-controls-returned-tickets--MbBK1 {
  background-color: var(--basic-bg-emphasis);
  color: var(--basic-on-bg-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 1279px) {

.tickets-controls-returned-tickets--MbBK1 {
    width: 100%;
    margin-top: 16px
}
  }

.tickets-controls-returned-tickets--MbBK1:hover {
    background-color: var(--basic-bg-emphasis);
    color: var(--basic-on-bg-primary);
  }

.tickets-controls-returned-tickets-active--wjYtS {
  background-color: var(--button-primary-bg-active);
  color: var(--button-primary-on-bg-active);
}

.tickets-controls-returned-tickets-active--wjYtS:hover {
    background-color: var(--button-primary-bg-active);
    color: var(--button-primary-on-bg-active);
  }

@media (max-width: 359px) {

.tickets-controls__comments-tab--mUhV9:nth-child(1) {
    width: 30%
}
  }

@media (max-width: 359px) {

.tickets-controls__comments-tab--mUhV9:nth-child(2) {
    width: 70%
}
  }

.tickets-controls__spinner--PNRmk {
  margin-left: 8px;
}

.tabWithIcon--dqWP1 > button {
    display: flex;
    align-items: center;
    gap: 8px;
  }

.statistics-container--Aqxkr {
  background-color: var(--basic-bg-emphasis);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.statistics-container--Aqxkr {
    margin-top: 12px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.statistics-container--Aqxkr {
    gap: 8px 50px;
    padding: 16px 52px 16px 24px;
    align-items: center
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.statistics-container--Aqxkr {
    order: 3
}
  }

@media (max-width: 767px) {

.statistics-container--Aqxkr {
    gap: 8px;
    padding: 16px 52px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    order: 3
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.statistics--KhyyZ {
    display: contents
}
  }

@media (max-width: 767px) {

.statistics--KhyyZ {
    display: grid;
    grid-template-columns: auto minmax(120px, max-content) auto;
    align-items: center;
    gap: 8px
}
  }

@media (max-width: 767px) {

.statistics-status--EPxjF {
    display: contents !important
}
  }

@media (max-width: 767px) {

.statistics-content-without-mark--bVjog {
    grid-column: 1 / span 2
}
  }

@media (max-width: 767px) {

.statistics-amount--B56Cq {
    text-align: right
}
  }

@media (max-width: 767px) {

.export-to-excel-button--gTHYn {
    width: calc(100% - 8px)
}
  }

.statistics-open-button--YWGEM {
  display: flex;
  gap: 16px;
  align-items: center;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.statistics-open-button--YWGEM {
    margin-left: auto
}
  }

@media (max-width: 767px) {

.statistics-open-button--YWGEM {
    width: calc(100% - 8px)
}
  }

.statistics-close-button--SwukV {
  position: absolute;
  right: 8px;
  top: 8px;
}

.statistics-mobile-column--ayvvO {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
}

.status--HpfIy {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status--HpfIy[data-size="md"] {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.status--HpfIy[data-size="lg"] {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.status-icon--wrGCB {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.amount--hnXvp {
  font-weight: 800;
}

.container--oqYNC {
  background-color: var(--basic-bg-emphasis);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

  @media (min-width: 768px) and (max-width: 10000px) {.container--oqYNC {
    gap: 8px 50px;
    padding: 16px 24px;
    align-items: center
}
  }

  @media (max-width: 767px) {.container--oqYNC {
    gap: 8px;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.container--oqYNC:has(.close-button--zjZWI) {
    padding: 16px 52px 16px 24px
}
  }

@media (max-width: 767px) {

.container--oqYNC:has(.close-button--zjZWI) {
    padding: 16px 52px 16px 16px
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.items--XMouh {
    display: contents
}
  }

@media (max-width: 767px) {

.items--XMouh {
    display: grid;
    grid-template-columns: auto minmax(120px, max-content) auto;
    gap: 8px
}
  }

.status--USB5M {
  align-items: flex-start;
}

@media (max-width: 767px) {

.status--USB5M {
    display: contents !important
}
  }

@media (max-width: 767px) {

.no-color-status--WkH9z {
    grid-column: 1 / span 2
}
  }

.status-icon--thC4v {
  margin-top: 6px;
  margin-bottom: 6px;
}

@media (max-width: 767px) {

.amount--lIiq3 {
    text-align: right
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.open-button--c6RT3 {
    margin-left: auto
}
  }

@media (max-width: 767px) {

.open-button--c6RT3 {
    width: calc(100% - 8px)
}
  }

.close-button--zjZWI {
  position: absolute;
  right: 8px;
  top: 8px;
}

.filter--DW4mM {
  grid-column: 1 / span 1;
}

.label--mTB9D {
  display: flex !important;
  align-items: center;
  background-color: var(--basic-bg-foreground) !important;
  color: var(--basic-on-bg-primary) !important;
  padding: 6px 12px 6px 12px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.quiet--lihbe {
  white-space: nowrap;
}

.selected-object--QJj0l {
  display: flex;
  width: 1000px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 8px;
  gap: 8px;
}

.selected-objects__wrapper--vdVyN {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.selected-objects__buttons--s23p6 {
  display: flex;
  gap: 16px;
}

.selected-objects--us_2E {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.button-icon--WF5YA {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--basic-on-bg-grey-03);
}

.button-icon--WF5YA:active {
    background-color: var(--basic-on-bg-grey-02);
  }

.button-icon--WF5YA:hover {
    fill: var(--basic-on-bg-grey-01);
  }

.close-icon--v5GVX {
  margin-left: 8px;
}

.tickets-filter-modals__wrapper--ZaqiD {
  display: flex;
  align-items: center;
  gap: 8px 24px;
  margin-top: 32px;
  margin-bottom: 8px;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.tickets-filter-modals__title--CBhQm {
  font-weight: 700;
  width: 100%;
}

.tickets-filter-modals__rating--E3SKT {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tickets-filter-modals__time--UYiwD [class*='modal__window'] {
  width: 780px;
}

.tickets-filter-modals__dates--SMwEd {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 32px;
  margin-bottom: 8px;
}

@media (min-width: 450px) and (max-width: 10000px) {

.tickets-filter-modals__dates--SMwEd {
    gap: 24px
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.tickets-filter-modals__dates--SMwEd {
    flex-wrap: wrap;
    gap: 16px 8px
}
  }

@media (max-width: 359px) {

.tickets-filter-modals__dates--SMwEd {
    flex-wrap: wrap;
    gap: 16px 8px
}
  }

.tickets-filter-modals__tabs-wrapper--CfXdy {
  display: flex;
}

.tickets-filter-modals__input--lIln9 {
  margin-right: 8px;
}

@media (min-width: 450px) and (max-width: 10000px) {

.tickets-filter-modals__first-datepicker--MywY0 {
    order: 2
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.tickets-filter-modals__first-datepicker--MywY0 {
    order: 3;
    width: 100%
}
  }

@media (max-width: 359px) {

.tickets-filter-modals__first-datepicker--MywY0 {
    order: 3;
    width: 100%
}
  }

.tickets-filter-modals__first-datepicker--MywY0 [class='react-datepicker'] {
  display: flex;
  margin-left: -24px;
  gap: 24px;
}

.tickets-filter-modals__second-datepicker--BEETk {
  margin-left: 24px;
  order: 3;
}

.tickets-filter-modals__previous-month--WWcrV,
.tickets-filter-modals__next-month--Bj4fS {
  position: relative;
}

@media (min-width: 450px) and (max-width: 10000px) {

.tickets-filter-modals__previous-month--WWcrV,
.tickets-filter-modals__next-month--Bj4fS {
    top: 124px
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.tickets-filter-modals__previous-month--WWcrV,
.tickets-filter-modals__next-month--Bj4fS {
    top: 0
}
  }

@media (max-width: 359px) {

.tickets-filter-modals__previous-month--WWcrV,
.tickets-filter-modals__next-month--Bj4fS {
    top: 0
}
  }

.tickets-filter-modals__previous-month--WWcrV {
  order: 1;
}

.tickets-filter-modals__next-month--Bj4fS {
  transform: rotate(180deg);
}

@media (min-width: 450px) and (max-width: 10000px) {

.tickets-filter-modals__next-month--Bj4fS {
    order: 4
}
  }

@media (min-width: 360px) and (max-width: 449px) {

.tickets-filter-modals__next-month--Bj4fS {
    order: 2
}
  }

@media (max-width: 359px) {

.tickets-filter-modals__next-month--Bj4fS {
    order: 2
}
  }

.filter--ACDkh {
  width: 100%;
}

.filter__fieldset--ZzHSa {
  display: grid;
  background-color: transparent;
}

@media (min-width: 1280px) and (max-width: 10000px) {

.filter__fieldset--ZzHSa {
    gap: 24px;
    grid-template-columns: repeat(4, calc((100% - 72px)/4))
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.filter__fieldset--ZzHSa {
    gap: 16px;
    grid-template-columns: repeat(2, calc((100% - 16px)/2))
}
  }

@media (max-width: 767px) {

.filter__fieldset--ZzHSa {
    grid-template-columns: 100%
}
  }
.groups__wrapper--Uq3qp {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  overflow: hidden;
  height: 24px;
}

.groups__wrapper_opened--RYqHh {
  height: auto;
}

.groups__wrapper_opened--RYqHh .groups__toggle--bUmMn {
  transform: rotate(180deg);
}

.groups__toggle--bUmMn {
  flex-shrink: 0;
  transition: transform 0.3s;
  margin-top: 8px;
}

.groups--X2QM9 {
  width: calc(100% - 27px);
  white-space: normal;
}

.tickets-list__row_new--wO84n > [class*="table-cell"] {
  background-color: var(--status-tint-new) !important;
}

.tickets-list__row_emergency--Ivbhs > [class*="table-cell"] {
  background-color: var(--status-tint-alert) !important;
}

.tickets-list__row_emergency--Ivbhs [class*="ticket-status__icon"][style*="alert"] {
  border: 1px solid var(--status-primary-hold);
}

.tickets-list__subject--hbuaY {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: inherit;
  text-overflow: inherit;
}

.tickets-list__subject--hbuaY > * {
  flex-shrink: 0;
}

.tickets-list__subject-link--moFFw {
  width: calc(100% - 36px);
}

.tickets-list__message--emjH3 {
  display: flex;
  gap: 5px;
  color: var(--status-primary-new);
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.tickets-list__message-icon--knoHf {
  fill: currentColor;
}

.tickets-list__table--jO1ET [class*="table-cell"] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {

.tickets-list__table--jO1ET [class*="multiselect__inner-wrapper"] > [class*="multiselect-value"] {
    opacity: 0 !important;
    visibility: hidden !important
}
  }

@media (max-width: 767px) {

.tickets-list__cell-status--SZPrs {
    padding-bottom: 20px !important;
    padding-left: 53px !important
}
  }

.tickets-search--HDvoe {
  display: flex;
  align-items: center;
}

  @media (min-width: 768px) and (max-width: 10000px) {.tickets-search--HDvoe {
    position: relative;
    z-index: 5
}
  }

  @media (max-width: 767px) {.tickets-search--HDvoe {
    flex-wrap: wrap;
    width: 100%;
    gap: 16px
}
  }

@media (max-width: 767px) {

.tickets-search--HDvoe [class*="multiselect__inner-wrapper"] > [class*="multiselect-value"] {
    opacity: 0 !important;
    visibility: hidden !important
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.tickets-search__query--nw178 {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 1279px) {

.tickets-search__query--nw178 {
    width: 280px
}
  }

@media (max-width: 767px) {

.tickets-search__query--nw178 {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.tickets-search__query-field--RWWQ0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0 !important
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.tickets-search__query-field--RWWQ0:focus {
    padding-right: 52px
}
  }

.tickets-search__fields-trigger--t8fLC {
  border-style: solid;
  border-color: var(--basic-on-bg-stroke);
  transition: border-color 0.3s;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

@media (min-width: 768px) and (max-width: 10000px) {

.tickets-search__fields-trigger--t8fLC {
    border-width: 1px 1px 1px 0;
    width: 200px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 9px 40px 9px 24px
}
  }

@media (max-width: 767px) {

.tickets-search__fields-trigger--t8fLC {
    width: 100%;
    border-width: 1px;
    padding: 9px 40px 9px 15px
}
  }

.tickets-search__fields-trigger--t8fLC::before {
  width: 1px;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: 0;
  background-color: var(--basic-on-bg-stroke);
  transition: background-color 0.3s;
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 10000px) {

.tickets-search__fields-trigger--t8fLC::before {
    content: ""
}
  }

.tickets-search__query--nw178:hover + .tickets-search__fields-trigger--t8fLC::before,
.tickets-search__fields-trigger--t8fLC:hover::before {
  background-color: var(--basic-on-bg-input);
}

.tickets-search__query--nw178:focus-within + .tickets-search__fields-trigger--t8fLC::before,
.tickets-search__fields-trigger_active--FZoGy:hover::before,
.tickets-search__fields-trigger_active--FZoGy::before {
  width: 2px;
  background-color: var(--basic-on-bg-input);
}

.tickets-search__fields-trigger_active--FZoGy::before {
  left: -2px;
}

.tickets-search__fields-trigger--t8fLC:hover {
  border-color: var(--basic-on-bg-input);
}

.tickets-search__fields-trigger_active--FZoGy:hover,
.tickets-search__fields-trigger_active--FZoGy {
  border-color: var(--basic-on-bg-input);
  border-width: 2px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.tickets-search__fields-trigger_active--FZoGy:hover,
.tickets-search__fields-trigger_active--FZoGy {
    padding: 8px 39px 8px 22px
}
  }

@media (max-width: 767px) {

.tickets-search__fields-trigger_active--FZoGy:hover,
.tickets-search__fields-trigger_active--FZoGy {
    padding: 8px 39px 8px 14px
}
  }

.tickets-search__fields-icon--oUrtE {
  position: absolute;
  top: 15px;
  right: 15px;
  transition: transform 0.3s;
  fill: var(--basic-on-bg-secondary);
}

.tickets-search__fields-trigger_active--FZoGy .tickets-search__fields-icon--oUrtE {
  transform: rotate(180deg);
}

.tickets-search__fields--sFb7S {
  width: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  top: 56px;
  left: 0;
  z-index: 3000;
}

.tickets-search__fields_visible--agYhV {
  opacity: 1;
  visibility: visible;
}

.tickets-search__start--QXfkc {
  width: 100%;
}

@media (max-width: 767px) {.tickets-header__filter-button--JPw4_ {
    order: 2
}
  }
  @media (min-width: 360px) and (max-width: 767px) {.tickets-header__filter-button--JPw4_ {
    width: calc(50% - 8px)
}
  }
  @media (max-width: 359px) {.tickets-header__filter-button--JPw4_ {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.tickets-header__title--JgwFH {
    width: 100%
}
  }

@media (max-width: 767px) {

.tickets-header__create-button--Dl8RX {
    order: 1
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.tickets-header__create-button--Dl8RX {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.tickets-header__create-button--Dl8RX {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.tickets-header__buttons--_N3dQ {
    flex-grow: 1
}
  }

@media (max-width: 767px) {

.tickets-header__tab--ifE_M {
    width: 50%
}
  }
.section--c6Z7m {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.sectionOpenFilter--eawHS {
  max-height: calc(100dvh - 128px);
  display: flex;
  flex-direction: column;
}

.car-info-wrapper--hoDQf {
  display: flex;
  flex-direction: column;
}

.car-info-driver-name--H2zLT {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--basic-on-bg-grey-01);
}

.buttons-wrapper--JABiG {
  display: flex;
  margin-left: auto;
  gap: 8px;
}

.cars-wrapper--jDSVo {
  display: flex;
  flex-direction: column;
}

.cars-title--utuuE {
  display: flex;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.cars-header--h0X65 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.cars-name--eXj8G {
  margin-bottom: 12px;
}

.cars-content--ss_YF {
  display: flex;
  flex-direction: column;
  background: var(--basic-bg-emphasis);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 8px;
}

.cars-content--ss_YF section {
  gap: 0 !important;
}

.cars-divider--RMB8Z {
  margin: 0 !important;
}

.cars-section--AGZ4M {
  gap: 0 !important;
}

.cars-pass-info--NVARQ {
  display: flex;
  margin-top: 12px;
  margin-left: 22px;
  flex-direction: column;
}

.cars-action--CaOaI {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cars-button--F4PaP {
  background-color: var(--basic-on-bg-grey-03);
  color: var(--basic-on-bg-primary);
}

.cars-button--F4PaP:hover, .cars-button--F4PaP:active {
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-on-bg-grey-02);
}

.pass-give--z9lE0 {
  margin-left: auto;
}

.blocking-wrapper--mrwQp {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: var(--basic-on-bg-alert);
  margin: 0;
}

.blocking-reason--eA1Nk {
  color: var(--basic-on-bg-primary);
}

.reload-icon--DgxNA {
  width: 20px;
  height: 20px;
  fill: var(--basic-on-bg-primary);
}

.reload-icon-wrapper--mHHzH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: var(--basic-on-bg-grey-03);
}

.reload-icon-wrapper--mHHzH:hover, .reload-icon-wrapper--mHHzH:active {
  background-color: var(--basic-on-bg-grey-02);
}


.status-wrapper--fHNhB {
  display: flex;
  gap: 5px;
}

.status--NSbM8 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.status-time-wrapper--E6GPX {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.status_m--WiQ0X {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}

.status_l--w2YGN {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

.status__icon--eRQHp {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.status-divider--iIT4_ {
  height: 20px;
  border-left: 1px solid var(--basic-on-bg-stroke);
}

.status-time--clX7e {
  color: var(--basic-on-bg-grey-01);
}

.issuing-form--PSY9z {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.issuing-field-set--_CS2T {
  padding: 0;
  margin-top: 12px;
}

.issuing-field-set-content--rF0wb {
  display: flex;
  gap: 8px;
}

.issuing-select--Agx7p {
  width: 270px;
}

.issuing-content--hUKCz {
  display: flex;
  gap: 8px;
  align-items: center;
}

.issuing-button-give--jiiXc {
  padding: 8px 12px;
}

.issuing-buttons--YpoAB {
  display: flex;
  gap: 8px;
  margin-top: 16px;
  margin-left: auto;
}

.humans-wrapper--DM2OH {
  display: flex;
  flex-direction: column;
}

.humans-header--cGJDW {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.humans-name--AAiQx {
  margin-bottom: 12px;
}

.humans-content--RbsKQ {
  display: flex;
  flex-direction: column;
  background: var(--basic-bg-emphasis);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 8px;
}

.humans-content--RbsKQ section {
  gap: 0 !important;
}

.humans-button-give-all--CBFS9 {
  margin-left: auto;
}

.humans-divider--NOk_U {
  margin: 0 !important;
}

.humans-section--OjFB2 {
  gap: 0 !important;
}

.humans-pass-info--b0RZj {
  display: flex;
  margin-top: 12px;
  margin-left: 22px;
  align-items: center;
  gap: 12px;
}

.humans-title--Crj33 {
  display: flex;
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.humans-actions-wrapper--aS5wU {
  display: flex;
  align-items: center;
  gap: 0 8px;
}

.humans-action--Ie7RC {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.humans-button--CvXli {
  margin-left: auto;
  background-color: var(--basic-on-bg-grey-03);
  color: var(--basic-on-bg-primary);
}

.humans-button--CvXli:hover, .humans-button--CvXli:active {
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-on-bg-grey-02);
}

.edit-icon-wrapper--IXsBH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: var(--basic-on-bg-grey-03);
}

.reload-icon--KHBaV {
  width: 20px;
  height: 20px;
  fill: var(--basic-on-bg-primary);
}

.edit-icon-wrapper--IXsBH:active, .edit-icon-wrapper--IXsBH:hover {
  background-color: var(--basic-on-bg-grey-02);
}

.ticket-reception-create-pass__wrapper--lMysm {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.ticket-reception-create-pass__section--aNapg {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--basic-bg-emphasis);
}

.ticket-reception-create-pass__content--uvqNQ {
  margin: 0;
  width: 100%;
}

@media (min-width: 1200px) and (max-width: 10000px) {

.ticket-reception-create-pass__content--uvqNQ {
    display: grid;
    grid-template-columns: 180px calc(100% - 24px - 180px);
    gap: 16px
}
  }

@media (min-width: 920px) and (max-width: 1199px) {

.ticket-reception-create-pass__content--uvqNQ {
    display: grid;
    grid-template-columns: 150px calc(100% - 16px - 150px);
    gap: 16px
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-reception-create-pass__content--uvqNQ {
    display: grid;
    grid-template-columns: 180px calc(100% - 24px - 180px);
    gap: 16px
}
  }

@media (max-width: 767px) {

.ticket-reception-create-pass__content--uvqNQ {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 16px
}
  }

@media (max-width: 767px) {

.ticket-reception-create-pass__content--uvqNQ:last-child {
    padding-bottom: 16px
}
  }

.ticket-reception-create-pass__term--JWhNa {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

@media not (max-width: 767px) {

.ticket-reception-create-pass__term--JWhNa {
    grid-column: 1
}
  }

@media (max-width: 767px) {

.ticket-reception-create-pass__term--JWhNa {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px
}
  }

.ticket-reception-create-pass__details--EvTsF {
  font-size: 16px;
  overflow-wrap: break-word;
  line-height: 28px;
  letter-spacing: 0.5px;
  margin: 0;
}

@media not (max-width: 767px) {

.ticket-reception-create-pass__details--EvTsF {
    grid-column: 2
}
  }

@media (max-width: 767px) {

.ticket-reception-create-pass__details--EvTsF {
    line-height: 24px
}
  }

@media (max-width: 767px) {

.ticket-reception-create-pass__details--EvTsF + .ticket-reception-create-pass__term--JWhNa {
    margin-top: 8px
}
  }
.ticket-create-update-form__address-fields--sVgtJ {
  display: grid;
  gap: 16px;
}

  @media (min-width: 768px) and (max-width: 10000px) {.ticket-create-update-form__address-fields--sVgtJ {
    grid-template-columns: calc(11900% / 696 - 16px) calc(11900% / 696 - 16px) calc(2300% / 696 - 16px) calc(15300% / 696 - 16px) calc(10800% / 696 - 16px) calc(9500% / 696 - 16px) calc(7900% / 696);
    grid-template-rows: 48px 48px
}
  }

  @media (max-width: 767px) {.ticket-create-update-form__address-fields--sVgtJ {
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-rows: auto
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__address-span-2--M5eEj {
    grid-column: span 2
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__address-span-2--M5eEj {
    grid-column: span 2
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__address-span-3--dqsJj {
    grid-column: span 3
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__address-span-3--dqsJj {
    grid-column: span 2
}
  }

.ticket-create-update-form__add-contact--Slzpi {
  align-self: flex-start;
}

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__add-contact--Slzpi {
    margin-left: 196px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__add-contact--Slzpi {
    margin-left: 0
}
  }

.ticket-create-update-form__remove-contact--b9V2K {
  position: relative;
  align-self: flex-end;
  top: -40px;
  margin-bottom: -32px;
}

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__count--nKFPe {
    width: 400px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__count--nKFPe {
    width: 120px
}
  }

.ticket-create-update-form__count-info-wrapper--RqoW2 {
  position: relative;
  margin-bottom: -16px;
}

.ticket-create-update-form__count-info--OQpX7 {
  position: absolute;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0.5px;
  color: var(--basic-on-bg-secondary);
}

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__count-info--OQpX7 {
    top: 0px;
    left: 408px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__count-info--OQpX7 {
    left: 128px;
    top: 28px
}
  }

.ticket-create-update-form__count-info-total--aGsuZ {
  color: var(--basic-on-bg-primary);
}

@media (min-width: 768px) and (max-width: 10000px) {

.ticket-create-update-form__norms--NnzaL {
    margin-left: 196px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__norms--NnzaL {
    margin-left: 0
}
  }

.ticket-create-update-form__search-more--vYnKf {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0.25px;
}

.ticket-create-update-form__search-more-arrow--yVqF1 {
  transform: rotate(180deg);
}

.ticket-create-update-form__planned--rMPQN {
  width: 100%;
  position: relative;
}

.ticket-create-update-form__planned-edit--MPTtq {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {

.ticket-create-update-form__planned-edit--MPTtq {
    top: -36px
}
  }

@media (max-width: 767px) {

.ticket-create-update-form__planned-label--HpDOS {
    padding-top: 4px;
    padding-bottom: 4px
}
  }

.ticket-create-update-form__planned-button--SA0_U {
  padding: 0;
}

.ticket-create-update-form__dynamic-fields--OmZqu [class*="input__textarea"] {
  align-items: center;
}

.ticket-create-update-form__dynamic-fields--OmZqu [class*="input-value_textarea"] {
  height: 48px;
  min-height: 48px;
}

.ticket-create-update-form__pass--b9Xb9 {
  width: 170px;
  height: 50px;
  background-color: var(--basic-bg-foreground);
  border-radius: 16px;
  padding: 16px;
}

.ticket-create-update-form__pass-icon--e8YSB {
  width: 24px;
  height: 24px;
}

.ticket-create-update-form-label--yJfAO {
  display: flex;
  align-items: center;
  height: 48px;
}

@media (max-width: 767px) {.tickets-header__filter-button--aDqLl {
    order: 2
}
  }
  @media (min-width: 360px) and (max-width: 767px) {.tickets-header__filter-button--aDqLl {
    width: calc(50% - 8px)
}
  }
  @media (max-width: 359px) {.tickets-header__filter-button--aDqLl {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.tickets-header__title--zGzgQ {
    width: 100%
}
  }

@media (max-width: 767px) {

.tickets-header__create-button--SWpPA {
    order: 1
}
  }

@media (min-width: 360px) and (max-width: 767px) {

.tickets-header__create-button--SWpPA {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.tickets-header__create-button--SWpPA {
    width: 100%
}
  }

@media (min-width: 768px) and (max-width: 10000px) {

.tickets-header__buttons--OoMvc {
    flex-grow: 1
}
  }

@media (max-width: 767px) {

.tickets-header__tab--WJxXu {
    width: 50%
}
  }
.visitorsWrapper--jJMsz {
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: var(--status-tint-hold);
  max-width: max-content;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
}

.visitorsContent--M1KyJ {
  display: flex;
  flex-direction: column;
  gap: 5px;
  cursor: default;
}

.error--cRPoI {
  color: var(--common_alert);
}

.wrapper--AuFxZ {
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: var(--status-tint-hold);
  max-width: max-content;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
}

.error--CkiHg {
  color: var(--common_alert);
}

.tickets-list__row_new--XAuRv > [class*="table-cell"] {
  background-color: var(--status-tint-new) !important;
}

.tickets-list__row_emergency--JT2gf > [class*="table-cell"] {
  background-color: var(--status-tint-alert) !important;
}

.tickets-list__row_emergency--JT2gf [class*="ticket-status__icon"][style*="alert"] {
  border: 1px solid var(--status-primary-hold);
}

.tickets-list__subject--WN58_ {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: inherit;
  text-overflow: inherit;
}

.tickets-list__subject--WN58_ > * {
  flex-shrink: 0;
}

.tickets-list__subject-link--Pm5zH {
  width: calc(100% - 36px);
}

.tickets-list__message--kBx3A {
  display: flex;
  gap: 5px;
  color: var(--status-primary-new);
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
}

.tickets-list__message-icon--ly3Z7 {
  fill: currentColor;
}

.tickets-list__table--DmGPb [class*="table-cell"] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 767px) {

.tickets-list__table--DmGPb [class*="multiselect__inner-wrapper"] > [class*="multiselect-value"] {
    opacity: 0 !important;
    visibility: hidden !important
}
  }

@media (max-width: 767px) {

.tickets-list__cell-status--RxRAK {
    padding-bottom: 20px !important;
    padding-left: 53px !important
}
  }

.section--DSdc8 {
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.sectionOpenFilter--uQ06z {
  max-height: calc(100dvh - 128px);
  display: flex;
  flex-direction: column;
}

.add-visitor--uPcaT {
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-on-bg-grey-03);
}

.add-visitor--uPcaT:hover, .add-visitor--uPcaT:active {
  color: var(--basic-on-bg-primary);
  background-color: var(--basic-on-bg-grey-02);
}
.ticket-card--jbWDV {
  display: grid;
  gap: 16px;
}

  @media (min-width: 1280px) and (max-width: 10000px) {.ticket-card--jbWDV {
    grid-template-columns: 810px calc(100% - 810px - 16px)
}
  }

  @media (min-width: 1200px) and (max-width: 1279px) {.ticket-card--jbWDV {
    grid-template-columns: calc((100% - 16px) * 0.67) calc((100% - 16px) * 0.33)
}
  }

  @media (min-width: 920px) and (max-width: 1199px) {.ticket-card--jbWDV {
    grid-template-columns: calc((100% - 16px) * 0.64) calc((100% - 16px) * 0.36)
}
  }

  @media (max-width: 919px) {.ticket-card--jbWDV {
    grid-template-columns: 100%
}
  }

.ticket-card__squares--MppqV {
  display: flex;
  gap: 12px;
}

.ticket-card__square--VKv80 {
  apparance: none;
  border: 0;
  width: 122px;
  height: 110px;
  background-color: var(--basic-bg-foreground);
  border-radius: 12px;
  padding: 9px 40px 9px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.4px;
  fill: var(--basic-bg-accent);
  text-align: left;
  cursor: pointer;
}

@media (min-width: 920px) and (max-width: 10000px) {

.ticket-card__column--vL1j9 {
    display: flex;
    flex-direction: column;
    gap: 16px
}
  }

@media (max-width: 919px) {

.ticket-card__column--vL1j9 {
    display: contents
}
  }

.ticket-card__column--vL1j9 [class*="list-no-results"] {
  display: block;
  margin-top: 0px;
  padding-top: 0px;
}

.ticket-card__main--HRB1R {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__main--HRB1R {
    order: 2
}
  }

.ticket-card__members--EPmdY {
  display: grid;
  gap: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1440px) and (max-width: 10000px) {

.ticket-card__members--EPmdY {
    grid-template-columns: calc(48%) calc(52%)
}
  }

@media (min-width: 920px) and (max-width: 1439px) {

.ticket-card__members--EPmdY {
    grid-template-columns: 100%
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__members--EPmdY {
    grid-template-columns: calc(50% - 4px) calc(50% - 4px);
    order: 1
}
  }

@media (min-width: 1440px) and (max-width: 10000px) {

.ticket-card__members--EPmdY [class*="content"]:nth-child(3) {
    grid-column: span 2
}
  }

@media (min-width: 920px) and (max-width: 1439px) {

.ticket-card__members--EPmdY [class*="content"]:nth-child(3) {
    grid-column: 1
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__members--EPmdY [class*="content"]:nth-child(3) {
    grid-column: span 2
}
  }

@media (min-width: 1440px) and (max-width: 10000px) {

.ticket-card__members--EPmdY [class*="content"]:nth-child(4) {
    grid-column: span 2
}
  }

@media (min-width: 920px) and (max-width: 1439px) {

.ticket-card__members--EPmdY [class*="content"]:nth-child(4) {
    grid-column: 1
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__members--EPmdY [class*="content"]:nth-child(4) {
    grid-column: span 2
}
  }

.ticket-card__members--EPmdY [class*="content-header"] {
  gap: 8px;
}

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__dynamic-fields--ssEH7 {
    order: 3
}
  }

@media (min-width: 768px) and (max-width: 919px) {

.ticket-card__chat--TrcCK {
    order: 4
}
  }

.ticket-card-visitors--xGbDy {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ticket-header--vxzV8 {
  flex-wrap: nowrap;
  align-items: center;
}

.ticket-header__button--iWrYR {
  position: relative;
}

@media (min-width: 360px) and (max-width: 767px) {

.ticket-header__button--iWrYR {
    width: calc(50% - 8px)
}
  }

@media (max-width: 359px) {

.ticket-header__button--iWrYR {
    width: 100%
}
  }
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ListRedux .ui.table {
  margin: 0;
}
.ListRedux__block:not(:last-child) {
  padding-bottom: 1rem;
}
.ListRedux__block {
  padding-bottom: 1rem;
}
.ListRedux__core {
  padding-bottom: 1rem;
}
.ListRedux__sort {
  display: flex;
  cursor: pointer;
}
.ListRedux__sort .icon {
  color: #999999;
  flex: 0;
  width: 12px;
}
.ListRedux__sort .ListRedux__sortText {
  flex: 0 1 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 12px);
  overflow: hidden;
  padding-right: 4px;
}
.ListRedux__sort._active .icon {
  color: var(--button_primary_bkg_normal);
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Hint {
  padding: 1rem;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  color: #999999;
}
.Hint._pos_left {
  justify-content: flex-start;
}
.Hint._pos_right {
  justify-content: flex-end;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
            Button
*******************************/
/*-------------------
       Element
--------------------*/
/* Button */
/* Button defaults to using same height as input globally */
/* Text */
/* Internal Shadow */
/* Box Shadow */
/* Icon */
/* Loader */
/*
@willChange: box-shadow, transform, opacity, color, background;
*/
/*-------------------
        Group
--------------------*/
/*-------------------
        States
--------------------*/
/* Hovered */
/* Focused */
/* Disabled */
/* Pressed Down */
/* Active */
/* Active + Hovered */
/* Loading */
/*-------------------
        Types
--------------------*/
/* Or */
/* Icon */
/* Labeled */
/* hypotenuse of triangle */
/* Labeled Icon */
/* Inverted */
/* Basic */
/* Basic Hover */
/* Basic Focus */
/* Basic Down */
/* Basic Active */
/* Basic Inverted */
/* Basic Group */
/*-------------------
      Variations
--------------------*/
/* Colors */
/* Colored */
/* Inverted */
/* Ordinality */
/* Compact */
/* Attached */
/* Floated */
/* Animated */
.Pager {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Pager__hint {
  width: 100%;
}
.Pager .mobile.only .breakLabel {
  display: none;
}
.Pager .buttons {
  padding: 0;
}
.Pager .buttons .button.positive a {
  color: var(--button_primary_on_bkg_normal);
}
.Pager .buttons .button:first-child a,
.Pager .buttons .button:last-child a {
  padding: 0.78571429em 0.8em 0.78571429em;
}
.Pager .buttons .button:first-child {
  margin-right: 0.7em;
}
.Pager .buttons .button:last-child {
  margin-left: 0.7em;
}
.Pager .buttons .ui.button {
  padding: 0;
}
.Pager .buttons a,
.Pager .buttons span {
  display: inline-block;
  color: var(--common_main);
}
.Pager .buttons .breakLabel {
  cursor: default;
}
.Pager a {
  padding: 0.78571429em 1.125em 0.78571429em;
}

.BillsListHistory {
  margin-top: 1rem;
  position: relative;
}
.BillsListService {
  margin-top: 1rem;
}
.BillsListService__title {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: lighter;
  margin-top: 1.5rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.HotKeyWrap {
  display: inline-block;
  position: relative;
  margin-bottom: 1.5em;
  margin-right: 0.7rem;
}
.HotKeyWrap .button {
  margin: 0 !important;
}
.HotKeyWrap__text {
  color: #999999;
  text-align: center;
  position: absolute;
  width: 100%;
  font-size: 12px;
  top: calc(100% + 0.5em);
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.UserAvatar {
  overflow: hidden;
  border-radius: 4px;
  background-color: var(--button_primary_bkg_normal);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
  font-size: 1.5em;
}
.UserAvatar__name {
  color: #ffffff;
}
.UserAvatar__name .icon {
  margin: 0 !important;
}
.UserAvatar__image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.UserAvatar._rounded {
  border-radius: 50%;
}
.UserAvatar._tiny {
  width: 24px;
  height: 24px;
  font-weight: bold;
  font-size: 10px;
}
.UserAvatar._small {
  width: 36px;
  height: 36px;
  font-size: 14px;
}
.UserAvatar._medium {
  width: 72px;
  height: 72px;
}
.UserAvatar._large {
  width: 108px;
  height: 108px;
}
.UserAvatar._deleted {
  background-color: #848484;
}
.UserAvatarComment {
  display: inline-block;
}

.item {
  display: flex;
  flex-direction: row;
}
.item._top {
  align-items: flex-start;
}
.item._middle {
  align-items: center;
}
.item._bottom {
  align-items: flex-end;
}
.item__icon {
  min-width: 0;
  display: flex;
  align-items: center;
}
.item__content {
  flex: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Person__description {
  font-size: 0.85rem;
}
.Person__deptor {
  margin-right: 0.5rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.RemoveModal__text {
  color: var(--common_alert);
  word-break: break-all;
}

.BillCard__header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.BillCard__header .arrow {
  cursor: pointer !important;
}
.BillCard__main {
  margin-bottom: 1rem !important;
}
.BillCard__statusMessage {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center;
}
.BillCard__statusControls button:last-child {
  margin-right: 0 !important;
}

.NoResultsMessage {
  font-weight: normal;
  font-size: 1.3rem;
  text-align: center;
  min-height: 55vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.NoResultsMessage__text {
  margin: 0.8rem 0 1.5rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.BillsList__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.BillsList__header h2 {
  margin-bottom: 0 !important;
}
.BillsTable td {
  min-width: 80px;
}
.BillsTable__basis {
  max-width: 260px;
}
.BillsTable__status {
  min-width: 150px;
}
.BillsTable__removed {
  color: #999999 !important;
  text-decoration: line-through !important;
}

.Calendar__control {
  font-size: 1rem;
  line-height: 1;
  font-weight: normal;
  cursor: pointer;
}
.Calendar__control .icon {
  margin-right: 0 !important;
}
.Calendar__control + .Calendar__control {
  margin-left: 24px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.CalendarData__table {
  border-top: 1px solid rgba(34, 36, 38, 0.1) !important;
  margin-bottom: 40px !important;
}
.CalendarData__table td:first-child {
  font-weight: bold;
}
.CalendarData__innerTable td {
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.CalendarData__innerTable td:first-child {
  font-weight: normal;
}

.CalendarGap {
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.CalendarGap .icon {
  margin-bottom: 1rem;
}

.Calendar__servicesLink {
  margin-top: -9px;
}
.Calendar__servicesLoader {
  position: relative;
  margin-top: 1rem;
  min-height: 50px;
}
.Calendar__servicesTable {
  margin-top: 24px !important;
}
.Calendar__servicesTable td:first-child {
  font-weight: bold;
}
.Calendar__servicesTable .error {
  margin-top: 0.5rem;
  display: flex;
}
.Calendar__servicesTable .error .icon {
  margin-right: 0.5rem;
}

.Slots {
  display: flex;
  align-items: baseline;
}
.Slots__days,
.Slots__time {
  list-style: none;
  margin: 0;
  padding: 0;
}
.Slots__days {
  margin-right: 24px;
}
.Slots__days li {
  white-space: nowrap;
}
.Slots__days li + li {
  margin-top: 25px;
}
.Slots__time {
  font-size: 18px;
  line-height: 1.78;
}
.Slots__daysItem {
  white-space: nowrap;
}

.CalendarForm__addItem {
  margin-top: -12px;
}

.CalendarForm__Conflict {
  display: flex;
  margin-top: 24px;
  max-width: 434px;
}
.CalendarForm__Conflict .icon {
  margin-right: 0.5rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.DateTime {
  color: #333;
}
.DateTime__triggerWrapper {
  position: relative;
}
.DateTime__triggerWrapper .ui.input {
  max-width: 100%;
}
.DateTime__trigger {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.rdt {
  position: relative;
  width: 100%;
}
.rdt .rdtPicker {
  display: none;
}
.rdt .rdtSwitch {
  cursor: pointer !important;
}
.rdt.rdtOpen .rdtPicker {
  min-width: 120px;
  display: block;
  position: absolute;
  top: 38px;
  left: 0;
  background: #ffffff;
  border: 1px solid #ccc;
  z-index: 3;
  border-radius: 4px;
  padding: 0.5rem;
}
.rdt.rdtOpen .rdtPicker .rdtDays .rdtPrev {
  cursor: pointer;
  color: var(--button_primary_bkg_normal);
}
.rdt.rdtOpen .rdtPicker .rdtDays .rdtNext {
  cursor: pointer;
  color: var(--button_primary_bkg_normal);
}
.rdt.rdtOpen .rdtPicker .rdtDays .dow {
  white-space: nowrap;
}
.rdt.rdtOpen .rdtPicker .rdtCounters {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rdt.rdtOpen .rdtPicker .rdtCounters .rdtBtn {
  color: var(--button_primary_bkg_normal);
  cursor: pointer;
}
.rdt.rdtOpen .rdtPicker .rdtDisabled {
  background: transparent;
  color: #999999;
  cursor: default;
}
.rdt.rdtOpen .rdtPicker .rdtDay {
  border-radius: 4px;
}
.rdt.rdtOpen .rdtPicker .rdtDay.rdtToday:not(.rdtActive) {
  color: var(--button_primary_bkg_normal);
}
.rdt.rdtOpen .rdtPicker .rdtDay:not(.rdtDisabled),
.rdt.rdtOpen .rdtPicker .rdtMonth:not(.rdtDisabled),
.rdt.rdtOpen .rdtPicker .rdtYear:not(.rdtDisabled) {
  cursor: pointer;
}
.rdt.rdtOpen .rdtPicker .rdtActive {
  background: var(--button_primary_bkg_normal);
  color: #ffffff;
}
.rdt.rdtOpen .rdtPicker td,
.rdt.rdtOpen .rdtPicker td {
  padding: 0.4em 0.5em;
  white-space: nowrap;
  text-align: center;
}
.rdt.rdtOpen .rdtPicker thead {
  text-align: center;
}
.rdt.rdtOpen .rdtPicker table {
  width: 100%;
}
.dateTimeCombined {
  display: inline-block;
}
.dateTimeCombined__field {
  display: inline-block;
  margin-right: 1rem;
  width: 180px;
  position: relative;
}
.dateTimeCombined__fieldNarrow {
  width: 75px;
}
.dateTimeCombined__fieldNarrow .dateTimeCombined__fieldErase {
  right: 4px;
}
.dateTimeCombined__fieldErase {
  position: absolute;
  right: 28px;
  top: 0px !important;
  bottom: 4px !important;
  margin: auto 0 !important;
  cursor: pointer;
  z-index: 2;
}

.Calendar__holidayField {
  width: 128px !important;
  margin-right: 10px;
}
.Calendar__holidayError {
  width: 100%;
}

.Calendar__numberField {
  width: 62px !important;
  margin-right: 10px;
}

.Schedule__checkbox {
  white-space: nowrap;
}
.Schedule__checkbox label::first-letter {
  text-transform: uppercase;
}
.Schedule__block {
  margin-left: 21px;
}
.Schedule__block + .Schedule__block {
  margin-left: 6px;
}
.Schedule__block + .Schedule__block::first-letter {
  text-transform: uppercase;
}
.Schedule__block .DateTime {
  width: 66px;
  display: inline-block;
  margin: 0 15px 0 10px;
}

.Calendar__TransferedDayField {
  width: 128px !important;
  margin-right: 10px;
}
.Calendar__TransferedDayDropdown {
  min-width: auto !important;
  width: 64px !important;
  margin: 0 10px;
}
.Calendar__TransferedDayError {
  width: 100%;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Timeslots {
  width: 240px;
  min-width: 240px;
  padding: 2rem 1.5rem;
  background: var(--bkg_emphasis);
  margin: -1.5rem -1.5rem -1.5rem 0;
}

.CalendarForm {
  display: flex;
}
.CalendarForm .ui.header {
  margin-bottom: 22px !important;
}
.CalendarForm > .ui.form {
  flex-grow: 1;
  padding-right: 20px;
}
.CalendarForm__field {
  display: flex;
  align-items: flex-start;
  align-items: center !important;
  margin-bottom: 1.5rem !important;
  flex-wrap: wrap;
}
.CalendarForm__field._grouped {
  margin-bottom: 12px !important;
}
.CalendarForm__field._type_schedule {
  align-items: baseline !important;
  flex-wrap: wrap;
}
.CalendarForm__field._type_schedule._all {
  display: block;
}
.CalendarForm__field._type_schedule._all .Schedule__checkbox {
  width: 100%;
}
.CalendarForm__field._type_schedule._all .Schedule__block {
  display: inline-block;
  margin: 1rem 0 0;
}
.CalendarForm__label {
  width: 22%;
  padding-right: 0.5rem;
  margin-bottom: 0 !important;
}
.CalendarForm__control {
  flex: 1;
  min-width: 0;
}
@media (max-width: 768px) {
  .CalendarForm__field {
    display: block;
  }
  .CalendarForm__label {
    width: 100%;
  }
}

.CalendarModal {
  position: relative;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Calendar__title {
  display: flex;
  justify-content: space-between;
}
.Calendar__loader {
  min-height: 100px;
}
.Calendar__deleteBadge {
  font-size: 14px;
  color: var(--common_main);
  font-weight: normal;
  margin-left: 12px;
}
.Calendar__deleteBadge .icon {
  margin-right: 6px !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Calendars__sidebarSwitch {
  background: var(--bkg_emphasis);
  padding: 1.5rem;
  margin: 0 -1rem;
  display: flex;
  justify-content: space-between;
}
.Calendars__sidebarList {
  margin-top: 1.5rem !important;
}
.Calendars__sidebarList .item {
  padding: 1rem 10px 1rem !important;
  cursor: pointer;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  display: flex !important;
  justify-content: space-between;
}
.Calendars__sidebarList .item:after {
  content: none !important;
}
.Calendars__sidebarList .item .quiet {
  padding-left: 0.5rem;
}
.Calendars__sidebarList .item:first-child {
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
}
.Calendars__sidebarList .item.active,
.Calendars__sidebarList .item:hover {
  background: #ECECEC;
}

.Calendars__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.Calendars__header h2 {
  margin-bottom: 0 !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.CarsListTable th {
  font-size: 0.86rem;
}
.CarsListTable td {
  height: 44px;
}
.CarsListTable__blocked {
  font-size: 12px;
  color: var(--common_alert);
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.DropdownWrap {
  position: relative;
}
.DropdownWrap .ui.selection.dropdown {
  padding-right: 4em;
}
.DropdownWrap__icon {
  position: absolute;
  right: 40px;
  z-index: 1;
  top: 0;
  line-height: 1;
  display: block;
  padding-top: 0.8rem;
  cursor: pointer;
}
.DropdownWrap__icon .icon {
  color: #999999 !important;
  opacity: 0.8;
  font-size: 0.85em;
}
.DropdownWrap__button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  margin-right: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.DropdownWrap .dropdown.disabled {
  background: #f8f8f8 !important;
}
.DropdownWrap .dropdown.disabled.error {
  background: var(--inputs_bkg_error) !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.carsList__title {
  display: flex;
  justify-content: space-between;
}
.carsList__title h2 {
  margin-bottom: 0 !important;
}
.carsList__filtersActions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.carsList__divider {
  border-bottom: 1px solid #DCDDDE;
  margin-bottom: 1rem;
  margin-top: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.carsList__filtersActionsClear {
  margin-right: 1rem;
  padding: 1rem 0;
}
.carsList__filtersActionsClear a {
  cursor: pointer;
}

.GoBack {
  cursor: pointer;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.CarsInfoCard__edit {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
}
.CarsInfoCard__cellLable {
  min-width: 80px;
}
.CarsInfoCard__blockForm {
  display: flex;
  flex-wrap: nowrap;
}
.CarsInfoCard__blockFormBtns {
  display: flex;
  align-items: baseline;
  margin-left: 0.7rem;
}
.CarsInfoCard__blockTitle {
  color: var(--common_alert);
  font-size: 14px;
}
.CarsInfoCard__blockReason {
  font-size: 12px;
  margin-bottom: 1rem !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.CardPasses__row {
  font-size: 12px;
}
.CardPasses__rowTitle {
  font-size: 1.2rem;
  color: #199ed8;
  margin-bottom: 0.5rem;
}
.PassAttrs {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-between;
}
.PassAttrs__name {
  min-width: 10rem;
  position: relative;
}
.PassAttrs__name:after {
  content: "";
  position: absolute;
  top: 1rem;
  width: 200%;
  height: 1px;
  border-bottom: 1px dashed #DCDDDE;
}
.PassAttrs__value {
  width: 70%;
  background: #FFFFFF;
  z-index: 1;
}
.CarArhivePasses {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  background: #ECECEC !important;
}
.CarArhivePasses__header {
  font-size: 1.5rem;
}
.CarArhivePasses .PassAttrs__value {
  background: #ECECEC !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.filePreview {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.filePreview__file {
  width: 100px;
  margin: 0.5rem 2rem 0.5rem 0;
}
.filePreview__Image {
  width: 100px;
  height: 100px;
  background-size: cover;
  border: 1px solid #ECECEC;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.filePreview__fileWrap {
  position: relative;
}
.filePreview__fileContent {
  width: 100px;
}
.filePreview__fileContent a {
  font-size: 12px;
  display: block;
  margin-top: 0.3rem;
}
.filePreview__fileRemove {
  cursor: pointer;
  padding: 0;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
}
.filePreview__fileRemoveIcon {
  line-height: 1;
  margin: 0 !important;
  color: white;
}
.filePreview__wrapControls {
  position: absolute;
  top: 4px;
  right: 4px;
}
.filePreview__fileControl {
  cursor: pointer;
  padding: 0;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin-left: 0.25rem !important;
  width: 20px;
  height: 20px;
  padding-left: 2px;
  position: relative;
}
.filePreview__fileControl .icon {
  position: absolute;
  width: 16px;
  height: 16px;
  line-height: 16px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-size: 14px;
  margin: auto auto !important;
}
.filePreview__fileControl:hover {
  background: rgba(0, 0, 0, 0.5);
}
.filePreview__popup {
  margin-left: -10px !important;
}
.filePreview__fileControlActive {
  background: rgba(0, 0, 0, 0.8);
}
.filePreview__popupCancel {
  cursor: pointer;
}

.CardViolations__row {
  position: relative;
}
.CardViolations__edit {
  position: absolute;
  right: 1.5rem;
  top: 0;
  cursor: pointer;
}
.CardViolations__delete {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.CardViolations__author {
  font-size: 12px;
}
.CardViolations__description {
  padding-right: 2.5rem;
}

@media (max-width: 768px) {
  .CarCard .column {
    margin-bottom: 1rem !important;
  }
}
.CarCard__header {
  display: flex;
  justify-content: space-between;
}
.CarCard__header .header {
  margin-bottom: 0 !important;
  line-height: 3rem !important;
}
.CarCardsHead {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.CarCardsHead button {
  margin-right: 0 !important;
}
.violationsForm__field {
  display: flex;
}
.violationsForm__field label {
  width: 30% !important;
  margin-right: 0 !important;
}

.ClientBillList__list {
  margin-top: 2.1rem;
}
.ClientBillList__editRow {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.ClientBillList__editRowTitle {
  min-width: 0;
  flex: 1;
}
.ClientBillList__editBtn {
  cursor: pointer;
}
.ClientBillList__editBtn--mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .ClientBillList__editBtn--mobile {
    display: block;
  }
  .ClientBillList__editRow {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .ClientBillTable td {
    height: 48px;
  }
}
.ClientBillTable th:last-child:not(:first-child),
.ClientBillTable td:last-child:not(:first-child) {
  text-align: right !important;
}
.ClientBillTable._type_modal tbody tr:last-child td {
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
}
.BillCauseForm {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0;
}
.BillCauseForm__field {
  min-width: 0;
  flex: 1;
  padding-right: 0.75rem;
}

.PaymentMethod {
  display: inline-block;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ClientPaymentTable {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
}
.ClientPaymentTable th {
  font-size: 0.86em;
  font-weight: bold;
}
.ClientPaymentTable__row {
  white-space: nowrap;
}
.ClientPaymentTable__row.positive .TicketTable__ticketLink {
  font-weight: bold;
}
.ClientPaymentTable__row .item {
  height: 36px;
  line-height: 1.3;
}
.ClientPaymentTable._size_mobile .table {
  table-layout: fixed;
}
.ClientPaymentTable:not(._size_mobile) td {
  height: 48px;
  min-height: 48px;
}
.ClientPaymentTable:not(._size_mobile) .TicketTable__fieldTable {
  overflow-x: auto;
  flex: 3;
}
.ClientPaymentTable th {
  white-space: nowrap;
}
.ClientPaymentTable__fieldTable {
  position: relative;
}
.ClientPaymentTable__fieldTable th:last-child {
  padding-right: 40px !important;
}
.ClientPaymentTable__headTable {
  flex: 2;
  min-width: 400px;
}
.ClientPaymentTable__headTable td:first-child,
.ClientPaymentTable__headTable th:first-child {
  padding-left: 0.5rem !important;
}
.ClientPaymentTable__headTable td:last-child {
  padding-right: 1rem !important;
}
.ClientPaymentTable__ticketLink {
  display: flex;
  flex-wrap: nowrap;
}
.ClientPaymentTable__ticketLink .icon {
  margin-left: 0.5rem;
}
.ClientPaymentTable__ticketDescription {
  font-size: 12px;
}
.ClientPaymentTable__priority {
  margin-right: 0.5rem !important;
}
.ClientPaymentTable__fixed {
  max-width: 160px;
}
.ClientPaymentTable__thFixed {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tickets__implicationDropdown {
  vertical-align: middle !important;
}
.tickets__implicationDropdown > a {
  background-image: linear-gradient(to right, #199ed8 2px, transparent 1px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  background-position: left 30px;
}
.tickets__implicationDropdown .active.item a {
  color: #333333 !important;
}
.tickets__implicationDropdown .dropdown.icon {
  display: none !important;
}

.ClientFinances__message {
  text-align: center;
}
.ClientFinances__list {
  margin-top: 1.5rem;
}
.ClientFinances__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ClientFinances__header button:last-child {
  margin-right: 0 !important;
}
@media screen and (max-width: 768px) {
  .ClientFinances__header {
    display: block;
  }
}

.ClientCallsCard__title {
  display: flex;
  justify-content: space-between;
}
.ClientCallsCard__empty {
  text-align: center;
  width: 240px;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.ClientCallsCard__empty i {
  font-size: 2.5rem !important;
  margin-bottom: 1rem !important;
}

.ClientView__alert {
  text-align: center;
  margin: 20px 0 10px !important;
  list-style: none;
}

.fileUploader {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.fileUploader__dropzone {
  order: 0;
}
.fileUploader__preview {
  order: 1;
}
.fileUploader__hint {
  text-align: center;
  font-size: 14px;
  color: #333;
}
.fileUploader__placeholder {
  text-align: center;
  display: block;
  font-size: 12px;
  margin-top: 0.5rem;
}
.fileUploader__preview {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.fileUploader__file {
  width: 100px;
  margin-top: 1rem;
  margin-right: 2rem;
}
.fileUploader__fileWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
}
.fileUploader__fileContent {
  width: 100px;
}
.fileUploader__fileRemove {
  cursor: pointer;
}
.fileUploader--preview-top .fileUploader__dropzone {
  order: 2;
}
.fileUploader--preview-top .fileUploader__errors {
  order: 1;
  margin-bottom: 0.5rem;
}
.fileUploader--preview-top .fileUploader__preview {
  order: 0;
  margin-bottom: 0.5rem;
}
.fileUploader--preview-bottom .fileUploader__dropzone {
  order: 0;
  margin-bottom: 0.5rem;
}
.fileUploader--preview-bottom .fileUploader__preview {
  order: 1;
}
.fileUploader--preview-bottom .fileUploader__errors {
  order: 2;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ClientFilesCard__title {
  display: flex;
  justify-content: space-between;
}
.ClientFilesCard__title button {
  margin-right: 0 !important;
}
.ClientFilesCard__filters {
  margin-top: 1rem;
}
.ClientFilesCard__body {
  margin-top: 1rem;
  position: relative;
}
.AddClientFiles__checkBoxRow {
  position: relative;
  padding-top: 1rem !important;
  border-top: 1px solid #ECECEC;
}
.AddClientFiles__checkBoxRow label {
  padding-left: 3rem !important;
}
.AddClientFiles__checkBoxRow .icon {
  position: absolute;
  left: 20px;
  color: #ECECEC !important;
}
.AddClientFiles._tiny .AddClientFiles__checkBoxRow {
  border: none;
  margin-bottom: 1rem !important;
  padding-top: 0 !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.row__box {
  display: flex;
  border-bottom: 1px solid #ECECEC;
  position: relative;
  white-space: normal;
}
.row__label {
  min-width: 25%;
  max-width: 25%;
  padding: 14px 0 12px;
}
.row__body {
  flex-grow: 1;
  padding: 14px 10px 12px;
  word-break: break-word;
}
.row__body._editing {
  padding: 4px 10px 2px;
}
.row__error {
  color: var(--common_alert);
}
.row__edit {
  margin-top: 0.5rem;
  padding: 4px;
  opacity: 0.3;
  cursor: pointer;
}
.row__edit:hover {
  opacity: 1;
}
.row__edit._more {
  opacity: 1;
  cursor: default;
  padding: 0 4px;
}
.row__edit._more .icon {
  margin-left: 0.5rem;
  opacity: 0.3;
  cursor: pointer;
  padding: 4px;
}
.row__edit._more .icon:hover {
  opacity: 1;
}
.row__controlsButtons {
  margin-top: 4px;
  white-space: nowrap;
}
.row__controlsButtons .button + .button {
  margin-right: 0 !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Ring {
  border-radius: 50%;
  width: 32px;
  min-width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: none;
  background: transparent;
  position: relative;
}
.Ring .dimmer {
  background: none !important;
}
.Ring .icon {
  color: #9b9b9b;
  margin: 0 !important;
}
.Ring._perceptible,
.Ring:hover {
  background: var(--button_primary_bkg_normal);
}
.Ring._perceptible .icon,
.Ring:hover .icon {
  color: #fff;
}
.Ring:active {
  opacity: 0.8;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ClientInfoCard__person {
  position: relative;
}
.ClientInfoCard__person .pencil {
  opacity: 0.3 !important;
  font-size: 1rem !important;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
}
.ClientInfoCard__person .pencil:hover {
  opacity: 1!important;
}
.ClientInfoCard__person_removed.ui.header {
  color: var(--on_bkg_main);
}
.ClientInfoCard__inlineEditNote {
  margin-top: 1rem;
  border: 0 !important;
}
.ClientInfoCard__inlineEditNote .row__box {
  position: relative;
}
.ClientInfoCard__inlineEditNote .row__body {
  padding: 0 !important;
}
.ClientInfoCard__inlineEditNote .row__edit {
  padding: 0 !important;
}
.ClientInfoCard__inlineEditNote .row__editIcon {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.ClientInfoCard__inlineEditNote .row__controlsButtons {
  margin-top: 2rem;
}
.ClientInfoCard__inlineEditNote h4 {
  font-size: 1rem !important;
  line-height: 2rem !important;
  margin-bottom: 0 !important;
  margin-right: 0.5rem !important;
}
.ClientInfoCard__inlineEditNote textarea {
  width: 100%;
  border-radius: 4px;
  border-color: var(--button_primary_bkg_normal);
  padding: 1rem;
  resize: none;
}
.ClientInfoCard__inlineEditNote button {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}
.ClientInfoCard__inlineEditNote .message {
  word-break: break-all !important;
}
.ClientInfoCard__inlineEditCell {
  padding: 0px !important;
}
.ClientInfoCard__inlineEditCell .dateTimeCombined__field {
  margin-right: 0px !important;
}
.ClientInfoCard__inlineEditCell .row__box {
  border-bottom: none !important;
}
.ClientInfoCard__inlineEditCell .row__body {
  position: relative;
}
.ClientInfoCard__inlineEditCell .row__edit {
  position: absolute;
  padding: 0px !important;
  height: 20px;
  margin: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto !important;
}
.ClientInfoCard__inlineEditCell .row__controls {
  min-width: 100px !important;
}
.ClientInfoCard__inlineEditCell .search {
  padding: 0.7rem !important;
}
.ClientInfoCard__quiet {
  color: #999999;
  font-size: 12px;
}
.ClientInfoCard__quietDebtor {
  color: #999999;
  font-size: 12px;
}
.ClientInfoCard__quietNotDebtor {
  color: #999999;
  font-size: 12px;
  margin-left: 65px !important;
}
.ClientInfoCard__debtor {
  display: flex;
  align-items: center;
}
.ClientInfoCard__fieldContact {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.ClientInfoCard__fieldContact .row__edit {
  position: absolute;
  padding: 0px !important;
  height: 20px;
  margin: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto !important;
}
.ClientInfoCard__phone {
  display: inline-block;
  margin-right: 1rem;
}
.ClientInfoCard__ring {
  margin-right: 0.5rem;
}
.ClientInfoCard__email {
  display: inline-block;
  margin-right: 1rem;
}
.ClientInfoCard__fieldToggle {
  display: flex;
  justify-content: flex-start;
}
.ClientInfoCard__fieldToggle .checkbox {
  min-width: 50px !important;
  margin-right: 1rem !important;
}
.ClientInfoCard__fieldToggle .checkbox label {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  height: 1rem;
}
.ClientInfoCard__fieldDebtorToggle {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.ClientInfoCard__fieldDebtorToggle .checkbox {
  min-width: 50px !important;
  margin-right: 1rem !important;
}
.ClientInfoCard__fieldDebtorToggle .checkbox label {
  position: absolute;
  top: 0px;
  bottom: 0px;
  margin: auto;
  height: 1rem;
}
.ClientInfoCard__fieldDevices {
  display: flex;
}
.ClientInfoCard__fieldDevicesItem {
  margin-right: 0.5rem;
}
.ClientInfoCard__footer {
  display: flex;
  justify-content: space-between;
  font-weight: bold !important;
  background: none !important;
  border-top: 1px solid #ECECEC !important;
  padding: 1.5rem;
}
.ClientInfoCard__deleteClientLink {
  color: var(--common_alert);
  cursor: pointer;
}
.ClientInfoCard__deleteClientLink:hover {
  color: var(--common_alert) !important;
}
.ClientInfoCard__makeContact {
  cursor: pointer;
}
.EditClientContact {
  border-bottom: 1px solid #ECECEC;
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}
.EditClientContact:first-child {
  padding-top: 0;
}
.EditClientContact:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.EditClientContact__row {
  display: flex;
}
.EditClientContact .checkbox {
  width: auto !important;
}
.EditClientContact__cellInput {
  width: 100%;
}
.EditClientContact__cellControls {
  display: flex;
}
.EditClientContact__cellControls button {
  margin: 0rem 0rem 0rem 0.7rem !important;
}
.EditClientContact__rowControls {
  display: flex;
  position: relative;
  margin-top: 1rem;
}
.EditClientContact__rowControls .radio {
  margin-right: 1rem;
}
.EditClientContact__rowControls .radio label {
  padding-left: 3rem !important;
}
.EditClientContact__rowControls .flag {
  position: absolute;
  left: 20px;
}
.EditClientContact__delNote {
  color: var(--common_alert);
}
.EditClientContact__errNote {
  color: var(--common_alert);
  display: block;
  width: 100%;
}
.EditClientContact__attention {
  color: var(--common_alert);
  margin-top: 0.5rem;
}
.PasswordForm__field {
  display: flex;
}
.PasswordForm__field label {
  padding-top: 0.5rem;
  width: 30% !important;
}
.PasswordForm__field .input {
  width: 70% !important;
}
.EditNameForm__field {
  display: flex;
}
.EditNameForm__field label {
  padding-top: 0.5rem;
  width: 30% !important;
}
.EditNameForm__field .input {
  width: 70% !important;
}
.ModalContent {
  display: flex !important;
  flex-direction: column;
  gap: 20px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Sync {
  display: flex;
  cursor: pointer;
  padding-top: 0.5rem;
  outline: none;
}
.Sync .icon {
  margin: 0 !important;
  line-height: 1rem;
}
.Sync__status {
  margin-left: 0.5rem;
  line-height: 1rem;
  color: #999999;
}
.Sync__status--orange {
  color: var(--common_alert);
}
.Sync__status--blue {
  color: #199ed8;
}

.MetersValues__status {
  display: inline-block;
  vertical-align: middle;
}

.MetersType {
  white-space: nowrap;
}
.MetersType .icon {
  margin-right: 0!important;
}

.MetersValues {
  display: inline-block;
  vertical-align: middle;
}
.MetersValues .MetersValues__consumption {
  font-size: 12px;
  line-height: 14px;
}

.Lazyload {
  overflow-y: auto;
  max-height: 300px;
  min-height: 50px;
}
.Lazyload._hasMore .Lazyload__wrap {
  margin-bottom: -50px;
}
.Lazyload__loader {
  height: 50px;
  position: relative;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ClientItemssCard {
  position: relative;
}
.ClientItemssCard__title {
  display: flex;
  justify-content: space-between;
}
.ClientItemssCard__title .header {
  margin-bottom: 0 !important;
}
.ClientItemssCard__title .menu {
  left: auto !important;
  right: 0 !important;
}
.ClientItemssCard__title .ellipsis {
  height: 1.2rem !important;
}
.ClientItemssCard__empty {
  text-align: center;
  width: 240px;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.ClientItemssCard__empty i {
  font-size: 2.5rem !important;
  margin-bottom: 1rem !important;
}
.ClientItems__titleWrap {
  padding: 0 !important;
}
.ClientItems__header {
  max-width: 421px;
  overflow: hidden;
}
.ClientItems__title {
  padding: 1.5rem;
  display: flex;
  border-top: 1px solid #ECECEC;
}
.ClientItems__title .header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 0rem !important;
  font-weight: normal !important;
  word-break: break-word;
}
.ClientItems__title .icon {
  font-size: 1.25rem !important;
  margin-left: 0.5rem !important;
}
.ClientItems__title .quiet {
  margin: 0 1rem 0 auto !important;
}
.ClientItems__title .quiet span {
  margin-left: 0.5rem;
  white-space: nowrap;
}
.ClientItems__title .dropdown {
  margin: 0 0 auto 0 !important;
}
.ClientItems__title .ciGroup {
  display: inline-block;
  font-size: 14px;
  background-color: var(--bkg_page);
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  margin: 5px 5px 0px 0px;
}
.ClientItems__content {
  padding: 1.5rem;
  padding-top: 0rem;
}
.ClientItems__contentTitle {
  display: flex;
  justify-content: space-between;
}
.ClientItems__halfVerticalOffset {
  margin-bottom: 0.5rem !important;
}
.ClientItems__billsValue {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.ClientItems__billsValue._minus {
  color: var(--common_alert);
}
.ClientItems__billsValue._plus {
  color: var(--common_success);
}
.EditClientObject {
  border-bottom: 1px solid #ECECEC;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.EditClientObject:last-child {
  border-bottom: none;
}
.EditClientObject__row {
  display: flex;
  margin-bottom: 1rem;
}
.EditClientObject__cellContext {
  width: 100%;
}
.EditClientObject__cellContext .header {
  margin-bottom: 0 !important;
  font-weight: normal !important;
}
.EditClientObject__cellContext .ciGroups {
  margin-top: 5px;
}
.EditClientObject__cellContext .ciGroups__Items {
  display: inline-block;
  font-size: 14px;
  background-color: var(--bkg_page);
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  margin: 5px 5px 0px 0px;
}
.EditClientObject__cellControls {
  display: flex;
}
.EditClientObject__rowControls {
  display: flex;
  align-items: baseline;
  position: relative;
}
.EditClientObject__rowControls > div {
  margin-right: 1rem;
}
.EditClientObject__rowControls .radio {
  margin-right: 1rem;
}
.EditClientObject__rowControls .radio label {
  padding-left: 3rem !important;
}
.EditClientObject__rowControls .flag {
  position: absolute;
  left: 20px;
}
.EditClientObject__delNote {
  color: var(--common_alert);
}
.AddClientObject__checkBoxRow {
  padding-left: 25%;
}
.AddClientObject__checkBoxRow label {
  margin-right: 1rem;
}
.AddItemAisModal__accountList {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.AddItemAisModal__accountList .ciGroups {
  margin-left: 25px;
}
.AddItemAisModal__accountList .ciGroups__Items {
  font-size: 14px;
  background-color: var(--bkg_page);
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  margin-right: 5px;
}
.AddItemAisField {
  margin-bottom: 1rem;
}
.AddItemAisField__label {
  width: 25% !important;
}
.AddItemAisField__row {
  display: flex;
  align-items: baseline;
}
.AddItemAisField__row label {
  margin-right: 0 !important;
}
.AddItemAisField__row.error label {
  color: #000000 !important;
}
.AddItemAisField__fieldWrap {
  flex: 1;
}
.AddItemAisField__field {
  display: flex;
  flex: 1;
}
.AddItemAisField__field .input {
  flex: 1;
}
.AddItemAisField__field .icon {
  margin-left: 1rem !important;
  margin-right: 0 !important;
}
.AddItemAisField__field .radio {
  margin-bottom: 1rem !important;
}
.AddItemAisField__field .checkbox {
  margin-right: 0.5rem !important;
}
.AisReceipts__row {
  display: flex;
  flex: 1;
}
.AisReceipts__dates {
  flex: 1;
}
.AisReceipts__label {
  margin-right: 1rem;
  margin-top: 0.5rem;
  width: 20%;
}
.AisReceipts__cell {
  margin-right: 1rem;
}
.AisReceipts__dropdown {
  margin-right: 1rem;
  min-width: 9rem !important;
  margin-bottom: 0.5rem !important;
}

.MemberCard__addForm .DropdownWrap {
  width: 100% !important;
}
.MemberCard__addForm .search {
  padding: 0.75rem !important;
}
.MemberCard__table i {
  cursor: pointer !important;
}

.PaymentStatus .quiet {
  font-weight: normal;
}

.ClientTicketsCard__title {
  display: flex;
  justify-content: space-between;
}
.ClientTicketsCard__buttonGroup {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ClientTicketsCard__buttonGroup button:last-child {
  margin-right: 0 !important;
}
.ClientTicketsCard__empty {
  text-align: center;
  width: 240px;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.ClientTicketsCard__empty i {
  font-size: 2.5rem !important;
  margin-bottom: 1rem !important;
}

.ClientView__title {
  display: flex;
  justify-content: space-between;
  padding-left: 0.5rem;
}
.ClientView__title h2 {
  margin-bottom: 0px !important;
  margin-top: 0rem !important;
}
@media (max-width: 900px) {
  .Clients__filtersActionsClear,
  .ClientView__title {
    display: block !important;
  }
}
.Clients__filterExpander {
  vertical-align: text-bottom !important;
}
.Clients__filtersActionsClear {
  display: inline-block;
  margin-right: 1rem;
}
.Clients__filtersActionsClear a {
  cursor: pointer;
}
.Clients__listDivider {
  margin: 1.5rem -1.5rem 1rem -1.5rem !important;
}
.Clients__filtersDivider {
  margin: 1rem -1rem 1rem -1rem !important;
}
.Clients__filtersDivider + .List__filters {
  padding: 0 0.5rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Clients__buttonsGroup {
  margin: 1rem 0 0 !important;
}
.Clients__buttonsGroup:not(:last-child) {
  margin-right: 1rem !important;
}
.Clients__tableRow td {
  padding: 11px 0 11px 0.5rem !important;
}
.Clients__listTD._verification {
  width: 100px !important;
  text-align: center !important;
  padding-right: 1rem !important;
  white-space: nowrap;
}
.Clients__ring {
  width: 48px;
}
.Clients__tableRow._loading td {
  padding: 25px 0 !important;
}
.Clients__tableRowLoader {
  position: relative;
}
.Clients__tableRow td .checkbox {
  margin-top: 4px;
}
.Clients__tableRowPlatform._color_grey {
  color: #999999;
}
.Clients__tableRowPlatform._color_blue {
  color: #54c2f7;
}
.Clients__tableRowPlatform._color_green {
  color: #73D822;
}
.Clients__tableRowPlatform._color_purpule {
  color: #f48ef5;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.CreateConfigItems {
  width: 100%;
}
.CreateConfigItems__listItem + .CreateConfigItems__listItem {
  border-top: 1px solid #ECECEC;
  padding-top: 1rem;
}
.CreateConfigItems__listItem:last-child {
  margin-bottom: 2rem;
}
.CreateConfigItems__listItem .ciGroup {
  display: inline-block;
  font-size: 14px;
  background-color: var(--bkg_page);
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  margin: 5px 5px 0px 5px;
}
.CreateConfigItems__listItemControls {
  margin: 0.5rem 0 1rem;
  overflow: hidden;
}
.CreateConfigItems__listItemControls .checkbox {
  margin-right: 0.5rem;
}
.CreateConfigItems__listItemRemover {
  opacity: 0.7 !important;
  cursor: pointer;
  float: right;
}
.CreateConfigItems__listItemRemover:hover {
  opacity: 1 !important;
}
.CreateConfigItems__listItemControlsLabel {
  vertical-align: baseline !important;
}
.CreateConfigItems__listItemControlsRadio {
  margin-right: 2rem;
}
.CreateConfigItems__listItemControlsCheckbox + .CreateConfigItems__listItemControlsCheckbox {
  margin-left: 1rem;
}
.CreateConfigItems__listItemControlsCheckbox .checkbox {
  position: relative;
  top: 2px;
}
.AddItemAisField__field .checkbox + .checkbox {
  margin-top: 0px;
}

.CreateContactForm__field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem !important;
}
.CreateContactForm__label {
  padding-top: 0.5rem;
  width: 25%;
}
.CreateContactForm__control {
  flex: 1;
  min-width: 0;
}
.CreateContactForm__control .checkbox.toggle {
  margin-top: 7px;
}

.config-items__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: -12px;
}
.config-items__title,
.ui.button.config-items__right-button {
  margin-right: 12px;
}
.config-items__title {
  margin-bottom: 12px;
  word-break: break-word;
}
.ui.button.config-items__back-button,
.ui.button.config-items__right-button {
  margin-bottom: 12px;
}
.config-items__title,
.ui.button.config-items__right-button:last-child {
  margin-right: 0;
}

.cover {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  user-select: none;
  min-height: 100px;
  font-size: 14px;
  text-transform: none;
}
.cover img {
  max-width: 100%;
  max-height: 300px;
  vertical-align: top;
}
.cover._user img,
.cover._tenant img {
  max-height: 200px;
}
.cover-empty {
  display: none;
  border: 1px solid #ccc;
  padding-bottom: 100%;
  box-sizing: border-box;
}
.cover._user .cover-empty,
.cover._tenant .cover-empty {
  border-radius: 50%;
}
.cover-empty:last-child {
  display: block;
}
.cover-empty .cover-placeholder {
  height: 40px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - 20px);
  line-height: 20px;
  color: #999;
}
.cover-image,
.cover-preview-image {
  padding-bottom: 100%;
  background-color: #fff;
  background-position: 50% 50%;
  background-size: cover;
}
.cover._user .cover-image,
.cover._tenant .cover-image,
.cover._user .cover-preview-image,
.cover._tenant .cover-preview-image {
  border-radius: 50%;
}
.cover-preview {
  background-color: #fff;
  overflow: hidden;
  text-align: center;
  position: relative;
  opacity: 1;
  transition: opacity 0.2s;
}
.cover._user .cover-preview,
.cover._tenant .cover-preview {
  border-radius: 50%;
}
.cover-image ~ .cover-preview {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
}
.cover-preview .dz-image-preview {
  background-color: #fff;
}
.cover-actions {
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.2s;
  text-align: center;
  z-index: 10;
}
.cover-actions:hover {
  opacity: 1;
}
.cover-actions:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.cover._user .cover-actions,
.cover._tenant .cover-actions {
  border-radius: 50%;
}
.cover-actions-buttons {
  display: inline-block;
  vertical-align: middle;
}
.cover-actions-buttons .btn {
  text-align: left;
}
.cover-actions-buttons .btn + .cover-actions-buttons .btn {
  margin-top: 5px;
}
.cover-preview-template {
  display: none;
}
.cover-error {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  color: #ffffff;
  background-color: rgba(255, 0, 0, 0.75);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s;
  z-index: 8;
}
.cover-error._error {
  opacity: 1;
}
.cover-success {
  font-size: 50px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background-color: green;
  opacity: 0;
  transition: opacity 0.4s;
  z-index: 9;
}
.cover._user .cover-success,
.cover._tenant .cover-success {
  border-radius: 50%;
}
.cover-success::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.cover-success._success {
  opacity: 0.4;
}
.cover-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 7;
}
.cover._user .cover-loading,
.cover._tenant .cover-loading {
  border-radius: 50%;
}
.cover-loading::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.cover-loading::after {
  content: attr(title);
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cover-loading._loading {
  opacity: 1;
}
.cover-progress {
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  width: 0;
  transition: width 0.4s;
  height: 100%;
}

@keyframes configItemsBounceDelay {
  0%,
  80%,
  100% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
}
.config-items__spinner {
  display: block;
  margin: auto;
  text-align: center;
  white-space: nowrap;
  min-height: 16px;
  height: 100%;
}
.config-items__spinner:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.config-items__spinner._overlayParent {
  position: absolute;
  z-index: 100;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
.config-items__bounce {
  margin: 8px 4px;
  width: 10px;
  height: 10px;
  background: #b0b0b0;
  border-radius: 100%;
  display: inline-block;
  animation: configItemsBounceDelay 1s infinite;
  animation-fill-mode: both;
  vertical-align: middle;
}
.config-items__bounce:first-child {
  animation-delay: -0.32s;
}
.config-items__bounce:first-child + .config-items__bounce {
  animation-delay: -0.16s;
}

.fileuploader {
  position: relative;
  margin: 0 auto;
  user-select: none;
  font-size: 14px;
  text-transform: none;
}
.fileuploader._disabled {
  opacity: 0.6;
}
.fileuploader._disabled .fileuploader__placeholder:focus {
  border: 1px dashed #ccc;
  box-shadow: none;
}
.fileuploader._disabled .fileuploader__remove:hover {
  color: inherit;
}
.fileuploader__placeholder {
  background-color: #fff;
  border: 1px dashed #ccc;
  display: block;
  font-size: 12px;
  padding: 20px;
  text-align: center;
  line-height: 20px;
  overflow: hidden;
  color: #999;
  cursor: pointer;
  transition: all 0.2s;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
}
.fileuploader__placeholder._hidden {
  display: none;
}
.fileuploader__placeholder u {
  color: inherit;
}
.fileuploader__placeholder u:hover {
  text-decoration: none;
}
.fileuploader__placeholder:focus {
  border-color: #47cbd7;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(71, 203, 215, 0.6);
}
.fileuploader__placeholder:hover,
.dz-drag-hover .fileuploader__placeholder {
  border-color: #bebebe;
}
.dz-drag-hover .fileuploader__placeholder {
  background-color: #FCFFE6;
}
.fileuploader__list._files {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.content__block .fileuploader__list._files {
  padding: 15px;
  margin: 0;
}
.content__block .form-core .fileuploader__list._files {
  padding: 0;
  margin-bottom: 8px;
}
.fileuploader._paddingless .fileuploader__list._files {
  padding: 0;
}
.fileuploader__list-template {
  display: none;
}
.fileuploader__error {
  opacity: 0;
  visibility: hidden;
  line-height: 1.25;
  color: #fff;
  background-color: rgba(255, 0, 0, 0.75);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s, visibility 0.4s;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  padding: 5px;
  right: 20px;
}
.fileuploader__error._error {
  opacity: 1;
  visibility: visible;
}
.fileuploader__error._direct {
  right: 0;
}
.fileuploader__success {
  font-size: 50px;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  overflow: hidden;
  background-color: green;
  opacity: 0.4;
}
.fileuploader__success:before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.fileuploader__preview {
  max-width: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 5px;
}
.fileuploader__details {
  padding-right: 20px;
  line-height: 24px;
  display: block;
}
.fileuploader__details-img {
  max-width: 100px;
  display: block;
}
.fileuploader__details-progress {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% - 20px);
  height: 100%;
}
.fileuploader__details-progress-thumb {
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: width 0.4s;
  border-radius: 4px;
}
.fileuploader__remove {
  position: absolute;
  right: -5px;
  top: 0;
  background: #fff;
  color: inherit;
}
.fileuploader__remove:hover {
  color: var(--common_link);
}
.fileuploader__details-name {
  outline: 0;
  max-width: 100px;
  word-break: break-word;
  display: block;
  text-align: center;
}
.fileuploader__center {
  position: relative;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.switch {
  display: flex;
  align-items: center;
}
.switch .switch__description {
  color: #999999;
}
.switch .switch__control {
  vertical-align: middle;
}
.switch__description {
  flex: 1 1 auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  line-height: 14px;
  vertical-align: middle;
}

.config-item__address {
  max-width: 438px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.DSelectBox {
  position: relative;
}
.DSelectBox__inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.DSelectBox__container {
  position: relative;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #ccc;
  flex: 1;
  min-width: 0;
}
.DSelectBox__container._disabled {
  cursor: not-allowed;
  background-color: #F8F8F8;
}
.DSelectBox__container._disabled .DSelectBox__remove-btn {
  cursor: not-allowed;
}
.DSelectBox__container-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
}
.DSelectBox__container-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
}
.DSelectBox__remove-btn {
  cursor: pointer;
  padding: 0 10px;
  color: #999;
}
.DSelectBox__container-inner._wrap {
  flex-wrap: wrap;
}
.DSelectBox__container-item {
  display: flex;
}
.DSelectBox__container-item._selected {
  min-width: 0;
}
.DSelectBox__container-item._fluid {
  flex: 1;
}
.DSelectBox__container-item._hidden {
  display: none;
}
.DSelectBox__container-item._wrap {
  flex-wrap: wrap;
}
.DSelectBox__selected {
  padding: 0 15px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
}
.DSelectBox__input-container {
  padding-right: 40px;
  width: 100%;
  position: relative;
}
.DSelectBox__input {
  display: block;
  margin: 6px 0;
  width: 100%;
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: none;
  min-width: 60px;
}
.DSelectBox__list {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #ccc;
  margin-top: -1px;
  box-sizing: border-box;
  display: none;
  min-height: 30px;
}
.DSelectBox__list._visible {
  display: block;
  z-index: 3;
}
.DSelectBox__list-scrollable {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 300px;
  overflow: auto;
}
.DSelectBox__loader {
  position: absolute;
  height: 100%;
  width: 100%;
}
.DSelectBox__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 13px;
}
.DSelectBox__item:last-child {
  border-bottom: 0;
}
.DSelectBox__item._active:not(._empty),
.DSelectBox__item:hover:not(._empty) {
  background-color: #eee;
  cursor: pointer;
}
.DSelectBox__item._selected:not(._multiple) {
  font-size: 12px;
  color: #999;
}
.DSelectBox__item._divided {
  border-bottom: 1px solid #ccc;
}
.DSelectBox__item-checkbox {
  margin-right: 5px;
}
.DSelectBox__actions {
  display: flex;
  min-height: 36px;
}
.DSelectBox__action-btn {
  padding: 8px 12px;
  border: 1px solid #ccc;
  background-color: #FFFFFF;
  border-left: none;
  color: #999;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.Chip {
  background-color: #eee;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block;
  max-width: 100px;
  white-space: nowrap;
  position: relative;
  margin: 3px 2px 3px;
}
.Chip__title {
  display: block;
  padding-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Chip__action {
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  cursor: pointer;
}

.config-items__account .form-group {
  margin-bottom: 4px;
}
.config-items__account table {
  border-collapse: collapse;
}
.config-items__account td {
  padding-top: 8px;
}

.config-items__account-payments-cell-id {
  padding-left: 10px !important;
}
.config-items__account-payments-name-removed {
  text-decoration: line-through;
  color: #999999;
}
.config-items__account-payments-type {
  font-size: 12px;
  color: #999999;
}
.config-items__account-receipts-cell-basis {
  max-width: 200px;
}
.config-items__payments-table .payment-basis__desc {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.config-items__receipts-table .icon {
  margin-right: 0;
}
.config-items__account-receipts-cell-remove {
  text-align: right !important;
  width: 1%;
}

.config-items__account-empty .empty-item__title {
  margin: 0;
}
.config-items__account-empty .icon {
  font-size: 2em;
  display: block;
  margin: auto;
}
.config-items__account-payments,
.config-items__account-receipts {
  position: relative;
}

.config-items__characteristics {
  position: relative;
}
.config-items__characteristics .form-group {
  margin-bottom: 0;
}
.config-items__boolean-field {
  padding-top: 7px;
  padding-bottom: 4px;
}
.config-items__date-field {
  display: flex;
  align-items: center;
  gap: 8px;
}
.config-items__date-field-icon {
  cursor: pointer;
}
.config-items__email-field-text {
  min-height: 32px;
  line-height: 32px;
}

.config-items__clients-search {
  display: flex;
  align-items: center;
  width: 100%;
}
.config-items__clients-search .DropdownWrap {
  flex-grow: 1;
  margin-right: 0.7em;
}
.config-items__clients-search .button:last-child {
  margin: 0 !important;
}

.config-items__clients-table {
  white-space: nowrap;
}
.config-items__clients-table .icon {
  margin-right: 0;
}
.config-items__clients-table-cell-id {
  width: 1%;
  padding-left: 10px !important;
}
.config-items__clients-table-cell-name {
  width: 40%;
}
.config-items__clients-table-cell-remove {
  text-align: right !important;
  width: 1%;
}

.config-items__сlients-owners,
.config-items__сlients-operators {
  position: relative;
}

.config-items__employees-search {
  display: flex;
  align-items: center;
  width: 100%;
}
.config-items__employees-search .button .icon,
.config-items__employees-search .button:last-child {
  margin: 0 !important;
}
.config-items__employees-search .DropdownWrap {
  flex-grow: 1;
  margin-right: 0.7em;
}
.config-items__employees-search-input {
  flex-grow: 1;
  margin-right: 0.7em;
}

.config-items__employees-table {
  white-space: nowrap;
}
.config-items__employees-table .icon {
  margin-right: 0;
}
.config-items__employees-table-cell-name {
  padding-left: 10px !important;
}
.config-items__employees-table-cell-remove {
  text-align: right !important;
  width: 1%;
}

.config-items__employees {
  position: relative;
}

.annotation {
  position: relative;
}
.annotation__control {
  color: #44b6ae;
}
.annotation__text-wrap {
  display: none;
  position: absolute;
  left: 100%;
  margin-left: 30px;
  top: 16px;
  transform: translateY(-50%);
  border-radius: 4px;
  font: 12px/20px 'Roboto Light', 'Roboto Regular', 'Roboto', sans-seif;
  width: 264px;
  background: #fff;
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.35);
  z-index: 2;
  color: #333;
}
.annotation:hover .annotation__text-wrap {
  display: block;
}
.annotation__text-wrap:before {
  width: 32px;
  height: 32px;
  background: #fff;
  content: '';
  box-shadow: 0 0 10px rgba(153, 153, 153, 0.35);
  top: 50%;
  margin-top: -16px;
  left: -16px;
  position: absolute;
  transform: rotate(45deg);
}
.annotation__text-wrap:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  left: -32px;
}
.annotation__text {
  padding: 16px;
  background: #fff;
  min-height: 32px;
  box-sizing: border-box;
  z-index: 2;
  position: relative;
}

.config-items__meters-list {
  position: relative;
  min-height: 80px;
}
.config-items__new-meter {
  float: right;
  margin-top: 21px;
}
.config-items__new-meter .icon {
  margin: 0;
}
.config-items__meters-filters {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5rem;
}
.config-items__meters-filters .button:last-child {
  margin: 0;
}
.config-items__meter-types {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: -7px;
}
.config-items__meter-type {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 18px;
  margin-bottom: 7px;
}
.config-items__meter-type span:nth-child(2) {
  width: 3.5rem;
}
.config-items__meter-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 18px;
  margin-bottom: 7px;
}
.config-items__meter-switch .config-items__boolean-field {
  padding-top: 6px;
  padding-bottom: 5px;
}
.config-items__meters-form table {
  border-collapse: collapse;
}
.config-items__meters-form td {
  height: 32px;
}
.config-items__meters-form .form-group {
  margin-bottom: 0;
}
.config-items__meter-label {
  display: flex;
  gap: 4px;
}

.config-items__meters-table .icon {
  margin: 0;
}
.config-items__meters-cell-room {
  padding-left: 10px !important;
}
.config-items__meters-cell-number {
  max-width: 150px;
}
.config-items__meters-cell-edit {
  text-align: right !important;
  width: 1%;
}
.config-items__meter-location-wrapper {
  position: relative;
  padding-bottom: 20px;
}
.config-items__meter-location {
  top: 20px;
  position: absolute;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.config-items__meter-status {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.config-items__meter-status-icon {
  margin-top: 4px;
  color: #2bccb5;
}
.config-items__meter-tariffs {
  display: flex;
  align-items: center;
  gap: 8px;
}

.phoneModal--yNbh4 {
  width: 100% !important;
  max-width: 659px;
}

.phoneModalContent--luNe8 {
  padding: unset !important;
}

.phoneModalForm--SMSi0 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.phoneModalFormContent--BzE1O {
  padding: 40px 32px 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.phoneModalRow--ma_E1 {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  position: relative;
  margin-bottom: 25px;
}

.phoneModalField--Bp6A1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.phoneModalLabel--lP4bq {
  font-weight: 400;
  font-size: 14px;
  color: #808080;
}

.phoneModalDeleteButton--n8gJx {
  margin: unset !important;
  width: 36px !important;
  height: 36px !important;
  padding: unset !important;
  min-width: 36px;
  min-height: 36px;
  align-self: flex-start;
  margin-top: auto !important;
}

.phoneModalDeleteButton--n8gJx > i {
    margin: unset !important;
  }

.phoneModalAddButton--QupcB {
  outline: none;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  color: #199ed8;
  cursor: pointer;
  width: max-content;
}

.phoneModalWarning--tOO6Y {
  color: var(--common_alert);
}

.phoneModalActions--ZaR8M {
  display: flex;
  gap: 16px;
  padding: 32px;
  background: #f8f8f8;
}

.phoneError--zo_kM {
  color: #db2828;
  margin-top: 5px;
  font-size: 0.9em;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
}

.tableWidth--IULmT {
  width: 100%;
}

.formCoreEditBtn--YCy6y {
  width: 40px;
  text-align: right;
  vertical-align: top;
}

.placeholder--QAa_2 {
  color: #808080;
  font-style: normal;
  padding: 7px 0;
}

.phonesList--zOAa_ {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 7px 0;
}

.phoneItem--GKQ5G {
  display: flex;
  gap: 14px;
}

.phoneName--SpCLc {
  min-width: 169px;
  word-break: break-all;
  max-width: 50%;
}

/** Trumbowyg v2.3.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
#trumbowyg-icons,
#trumbowyg-icons svg {
  height: 0;
  width: 0;
}
#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
}
.trumbowyg-box *,
.trumbowyg-box ::after,
.trumbowyg-box ::before {
  box-sizing: border-box;
}
.trumbowyg-box svg {
  width: 17px;
  height: 100%;
  fill: #222;
}
.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: relative;
  border: 1px solid #DDD;
  width: 100%;
  min-height: 300px;
  margin: 17px auto;
}
.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto;
}
.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none !important;
}
.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  min-height: 300px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: 0;
  overflow: auto;
}
.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent!important;
  text-shadow: 0 0 7px #333;
}
@media screen and (min-width: 0 \0) {
  .trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(200, 200, 200, 0.6) !important;
  }
}
@supports (-ms-accelerator:true) {
  .trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(200, 200, 200, 0.6) !important;
  }
}
.trumbowyg-box-blur .trumbowyg-editor hr,
.trumbowyg-box-blur .trumbowyg-editor img {
  opacity: 0.2;
}
.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  white-space: normal;
  font-size: 14px;
  font-family: Inconsolata, Consolas, Courier, "Courier New", sans-serif;
  line-height: 18px;
}
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px!important;
  width: 25%;
  min-height: 0!important;
  padding: 0!important;
  background: 0 0;
  opacity: 0 !important;
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block;
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none;
}
.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: 0 0;
}
.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none;
}
.trumbowyg-button-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  min-height: 36px;
  background: #ecf0f1;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0 5px;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trumbowyg-button-pane::after {
  content: " ";
  display: block;
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #d7e0e2;
}
.trumbowyg-button-pane .trumbowyg-button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: transparent;
}
.trumbowyg-button-pane .trumbowyg-button-group:not(:empty) + .trumbowyg-button-group::before {
  content: " ";
  display: block;
  width: 1px;
  background: #d7e0e2;
  margin: 0 5px;
  height: 35px;
}
.trumbowyg-button-pane button {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  padding: 1px 6px!important;
  margin-bottom: 1px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background: 0 0;
  -webkit-transition: background-color 150ms, opacity 150ms;
  transition: background-color 150ms, opacity 150ms;
}
.trumbowyg-button-pane button.trumbowyg-textual-button {
  width: auto;
  line-height: 35px;
}
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
  opacity: 0.2;
  cursor: default;
}
.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
  background: #e3e9eb;
}
.trumbowyg-button-pane button.trumbowyg-active,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
  background-color: #FFF;
  outline: 0;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  display: block;
  content: " ";
  position: absolute;
  top: 25px;
  right: 3px;
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-top-color: #555;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
  padding-left: 10px!important;
  padding-right: 18px !important;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
  top: 17px;
  right: 7px;
}
.trumbowyg-button-pane .trumbowyg-right {
  margin-left: auto;
}
.trumbowyg-button-pane .trumbowyg-right::before {
  display: none !important;
}
.trumbowyg-dropdown {
  width: 200px;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
}
.trumbowyg-dropdown button {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  background: #FFF;
  padding: 0 10px;
  color: #333 !important;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}
.trumbowyg-dropdown button:focus,
.trumbowyg-dropdown button:hover {
  background: #ecf0f1;
}
.trumbowyg-dropdown button svg {
  float: left;
  margin-right: 14px;
}
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 11;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trumbowyg-modal-box .trumbowyg-modal-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px;
  padding: 15px 0 13px;
  display: block;
  border-bottom: 1px solid #EEE;
  color: #333;
  background: #fbfcfc;
}
.trumbowyg-modal-box .trumbowyg-progress {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 58px;
}
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
  background: #2BC06A;
  height: 100%;
  -webkit-transition: width 150ms linear;
  transition: width 150ms linear;
}
.trumbowyg-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
}
.trumbowyg-modal-box label .trumbowyg-input-infos {
  display: block;
  text-align: left;
  height: 25px;
  line-height: 25px;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}
.trumbowyg-modal-box label .trumbowyg-input-infos span {
  display: block;
  color: #69878f;
  background-color: #fbfcfc;
  border: 1px solid #DEDEDE;
  padding: 0 7px;
  width: 150px;
}
.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c;
}
.trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border: 1px solid #e74c3c;
}
.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {
  margin-top: -27px;
}
.trumbowyg-modal-box label input {
  position: absolute;
  top: 0;
  right: 0;
  height: 27px;
  line-height: 27px;
  border: 1px solid #DEDEDE;
  background: #fff;
  font-size: 14px;
  max-width: 330px;
  width: 70%;
  padding: 0 7px;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}
.trumbowyg-modal-box label input:focus,
.trumbowyg-modal-box label input:hover {
  outline: 0;
  border: 1px solid #95a5a6;
}
.trumbowyg-modal-box label input:focus {
  background: #fbfcfc;
}
.trumbowyg-modal-box .error {
  margin-top: 25px;
  display: block;
  color: red;
}
.trumbowyg-modal-box .trumbowyg-modal-button {
  position: absolute;
  bottom: 10px;
  right: 0;
  text-decoration: none;
  color: #FFF;
  display: block;
  width: 100px;
  height: 35px;
  line-height: 33px;
  margin: 0 10px;
  background-color: #333;
  border: none;
  cursor: pointer;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  right: 110px;
  background: #2bc06a;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
  background: #40d47e;
  outline: 0;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #25a25a;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  color: #555;
  background: #e6e6e6;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  background: #fbfbfb;
  outline: 0;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #d5d5d5;
}
.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  left: 0;
  display: none;
  z-index: 10;
}
body.trumbowyg-body-fullscreen {
  overflow: hidden;
}
.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999;
}
.trumbowyg-fullscreen .trumbowyg-editor,
.trumbowyg-fullscreen.trumbowyg-box {
  border: none;
}
.trumbowyg-fullscreen .trumbowyg-editor,
.trumbowyg-fullscreen .trumbowyg-textarea {
  height: calc(100% - 37px) !important;
  overflow: auto;
}
.trumbowyg-fullscreen .trumbowyg-overlay {
  height: 100% !important;
}
.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #222;
  fill: transparent;
}
.trumbowyg-editor embed,
.trumbowyg-editor img,
.trumbowyg-editor object,
.trumbowyg-editor video {
  max-width: 100%;
}
.trumbowyg-editor img,
.trumbowyg-editor video {
  height: auto;
}
.trumbowyg-editor img {
  cursor: move;
}
.trumbowyg-editor.trumbowyg-reset-css {
  background: #FEFEFE !important;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px!important;
  line-height: 1.45em !important;
  white-space: normal!important;
  color: #333;
}
.trumbowyg-editor.trumbowyg-reset-css a {
  color: #15c !important;
  text-decoration: underline !important;
}
.trumbowyg-editor.trumbowyg-reset-css blockquote,
.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul {
  box-shadow: none!important;
  background: 0 0!important;
  margin: 0 0 15px!important;
  line-height: 1.4em !important;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px!important;
  border: none;
}
.trumbowyg-editor.trumbowyg-reset-css hr,
.trumbowyg-editor.trumbowyg-reset-css iframe,
.trumbowyg-editor.trumbowyg-reset-css object {
  margin-bottom: 15px !important;
}
.trumbowyg-editor.trumbowyg-reset-css blockquote {
  margin-left: 32px!important;
  font-style: italic!important;
  color: #555;
}
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css ul {
  padding-left: 20px !important;
}
.trumbowyg-editor.trumbowyg-reset-css ol ol,
.trumbowyg-editor.trumbowyg-reset-css ol ul,
.trumbowyg-editor.trumbowyg-reset-css ul ol,
.trumbowyg-editor.trumbowyg-reset-css ul ul {
  border: none;
  margin: 2px!important;
  padding: 0 0 0 24px !important;
}
.trumbowyg-editor.trumbowyg-reset-css hr {
  display: block;
  height: 1px;
  border: none;
  border-top: 1px solid #CCC;
}
.trumbowyg-editor.trumbowyg-reset-css h1,
.trumbowyg-editor.trumbowyg-reset-css h2,
.trumbowyg-editor.trumbowyg-reset-css h3,
.trumbowyg-editor.trumbowyg-reset-css h4 {
  color: #111;
  background: 0 0;
  margin: 0!important;
  padding: 0!important;
  font-weight: 700;
}
.trumbowyg-editor.trumbowyg-reset-css h1 {
  font-size: 32px!important;
  line-height: 38px!important;
  margin-bottom: 20px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h2 {
  font-size: 26px!important;
  line-height: 34px!important;
  margin-bottom: 15px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h3 {
  font-size: 22px!important;
  line-height: 28px!important;
  margin-bottom: 7px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h4 {
  font-size: 16px!important;
  line-height: 22px!important;
  margin-bottom: 7px !important;
}
.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd;
}
.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434;
}
.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
  background: #111;
}
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
  text-shadow: 0 0 7px #ccc;
}
@media screen and (min-width: 0 \0) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(20, 20, 20, 0.6) !important;
  }
}
@supports (-ms-accelerator:true) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(20, 20, 20, 0.6) !important;
  }
}
.trumbowyg-dark .trumbowyg-box svg {
  fill: #ecf0f1;
  color: #ecf0f1;
}
.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane::after {
  background: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before {
  background-color: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: transparent;
}
.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before {
  background-color: #2a2a2a;
}
.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
  background-color: #333;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  border-top-color: #fff;
}
.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent;
}
.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
}
.trumbowyg-dark .trumbowyg-dropdown button {
  background: #333;
  color: #fff !important;
}
.trumbowyg-dark .trumbowyg-dropdown button:focus,
.trumbowyg-dark .trumbowyg-dropdown button:hover {
  background: #222;
}
.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
  border-bottom: 1px solid #555;
  color: #fff;
  background: #3c3c3c;
}
.trumbowyg-dark .trumbowyg-modal-box label {
  display: block;
  position: relative;
  margin: 15px 12px;
  height: 27px;
  line-height: 27px;
  overflow: hidden;
}
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
  color: #eee;
  background-color: #2f2f2f;
  border-color: #222;
}
.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c;
}
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
  border-color: #e74c3c;
}
.trumbowyg-dark .trumbowyg-modal-box label input {
  border-color: #222;
  color: #eee;
  background: #333;
}
.trumbowyg-dark .trumbowyg-modal-box label input:focus,
.trumbowyg-dark .trumbowyg-modal-box label input:hover {
  border-color: #626262;
}
.trumbowyg-dark .trumbowyg-modal-box label input:focus {
  background-color: #2f2f2f;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  background: #1b7943;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
  background: #25a25a;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #176437;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  background: #333;
  color: #ccc;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
  background: #444;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #111;
}
.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6);
}

.form-core__edit-btn--_gkHC {
  width: 40px;
  vertical-align: top;
}

.editor-controls--TmT7r {
  margin-top: 16px;
  margin-bottom: 7px;
  display: flex;
  gap: 16px;
}

.content-row--ARgYe {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table-width--urhaJ {
  width: 100%;
}
.config-items__mobile-data {
  position: relative;
}
.config-items__mobile-data .form-group {
  margin-bottom: 0;
}
.config-items__mobile-data textarea.form-control {
  height: 100px;
  resize: none;
}

.config-items__organization {
  position: relative;
}
.config-items__organization .form-group {
  margin-bottom: 0;
}
.config-items__organization-notification {
  padding-top: 6px;
  padding-bottom: 7px;
}

.config-items__tabs {
  position: relative;
  margin-bottom: 15px;
  border-radius: 0;
  display: block;
}
.config-items__tabs:before {
  content: '';
  border-bottom: var(--bkg_high_emphasis) 1px solid;
  height: 0;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.config-items__tab {
  background: white;
  padding: 8px 15px;
  border: var(--bkg_high_emphasis) 1px solid;
  z-index: 2;
  position: relative;
}
.config-items__tab._activeTab {
  color: var(--common_accent);
  border-bottom: 1px solid #ffffff;
}
.config-items__tab + .config-items__tab {
  border-left: none;
}

.config-items__item {
  position: relative;
}
.config-items__item table {
  border-collapse: collapse;
}
.config-items__item td {
  padding: 0;
}
.config-items__item .icon {
  margin: 0;
}
.config-item__address {
  word-break: break-word;
}

.config-items-groups__items {
  margin-top: 24px;
}
.config-items-groups__items_hidden {
  display: none;
}
.config-items-groups__items-info {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
}
.config-items-groups__selected-amount {
  margin-top: 24px;
}
.config-items-groups__selected-amount,
.config-items-groups__selected-more {
  color: #8a8a8a;
  line-height: 16px;
}
.config-items-groups__selected-more {
  margin-top: 16px;
  cursor: pointer;
}
.config-items-groups__selected-labels-wrapper {
  margin: 16px 0;
}
.config-items-groups__selected-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow: hidden;
}
.config-items-groups__selected-labels_minimized {
  max-height: 82px;
}
.config-items-groups__selected-label {
  background-color: #ececec;
  border-radius: 4px;
  padding: 4px 8px;
  width: 166px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.config-items-groups__selected-name {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.config-items-groups__selected-close.icon {
  margin: 0;
  display: block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s;
}
.config-items-groups__selected-close.icon::before {
  display: block;
  line-height: 14px;
  text-align: center;
  width: 14px;
  height: 14px;
}
.config-items-groups__selected-close.icon:hover {
  opacity: 1;
}
.config-items-groups__fast-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 17px;
  margin-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.config-items-groups__all-options {
  display: flex;
  align-items: center;
  gap: 16px;
}
.config-items-groups__all-options_spaced {
  width: 100%;
  justify-content: space-between;
}
.config-items-groups__remove-button.ui.button {
  margin: 0;
}
.config-items-groups__options {
  margin-top: 8px;
}
.config-items-groups__all,
.config-items-groups__option {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.config-items-groups__option {
  padding: 8px 0;
}
.config-items-groups__option + .config-items-groups__option {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.config-items-groups__all-label,
.config-items-groups__none-label,
.config-items-groups__option-label {
  cursor: pointer;
}
.config-items-groups__option-name {
  font-size: 14px;
  line-height: 16px;
}
.config-items-groups__option-address {
  font-size: 12px;
  line-height: 14px;
  color: #999999;
}
.config-items-groups__option-address:not(:empty) {
  margin-top: 5px;
}
.config-items-groups__no-items {
  margin-top: 20px;
  text-align: center;
}

.config-items-groups__create-info {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 24px;
}
.config-items-groups__remove-info {
  margin-bottom: 16px;
}
.ui.form .config-items-groups__remove-text {
  margin: 0;
}
.config-items-groups__filter-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.config-items-groups__filter-name,
.config-items-groups__filter-city,
.config-items-groups__filter-street,
.config-items-groups__filter-row .DropdownWrap {
  width: calc((100% - 8px) / 2);
}
.config-items-groups__filter-house,
.config-items-groups__filter-housing {
  width: calc(((100% - 8px) / 2 - 24px) / 4);
}
.config-items-groups__error {
  margin-top: 16px;
}

.config-items__groups-list-no-title.uppercase {
  margin: 0 !important;
}
.config-items__groups-list-title.uppercase {
  margin-top: 0;
}

.config-items__list-table .icon {
  margin: 0;
}
.config-items__list-table-cell-name {
  padding-left: 10px !important;
}
.config-items__list-table-location {
  color: #999999;
  font-size: 12px;
}

.config-items__list {
  position: relative;
}

.config-items__tree-wrapper {
  position: relative;
}
.config-items__tree {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  min-height: 35px;
  max-height: 80vh;
  border: 0;
  position: relative;
}
.config-items__tree-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.config-items__tree-list .config-items__tree-list {
  padding: 0 0 0 18px;
}
.config-items__tree-item {
  position: relative;
}
.config-items__tree-button {
  padding: 8px 5px;
  position: relative;
}
.config-items__tree-button._selectable:hover {
  cursor: pointer;
}
.config-items__tree-button._selectable:hover:before {
  content: '';
  background-color: #f3f3f3;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: -500px;
}
.config-items__tree-button._disabled,
.config-items__tree-button._disabled:hover {
  color: #999999;
  cursor: default;
}
.config-items__tree-button._selected:hover {
  cursor: default;
}
.config-items__tree-button._selected:before,
.config-items__tree-button._selected:hover:before {
  content: '';
  background-color: #eeeeee;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: -300px;
}
.config-items__tree-button._notClickable,
.config-items__tree-button._notClickable:hover {
  cursor: default;
}
.config-items__tree-expand {
  padding: 3px;
  margin: -3px -2px;
  cursor: pointer;
}
.config-items__tree-name {
  position: relative;
  padding: 0 1px;
}

.config-items__row {
  margin-right: -10px;
  margin-left: -10px;
  display: flex;
  flex-wrap: wrap;
}
.config-items__col-sm-3 {
  width: 25%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .config-items__col-sm-3 {
    width: 100%;
  }
}
.config-items__col-sm-9 {
  width: 75%;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .config-items__col-sm-9 {
    width: 100%;
  }
}

.config-items-groups__header-wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 21px;
}
.config-items-groups__header.ui.header {
  margin: 0;
}
.config-items-groups__right-button.ui.button {
  margin: 0;
}
.config-items-groups__search {
  position: relative;
  padding-top: 21px;
}
.config-items-groups__search::before {
  content: '';
  position: absolute;
  top: 0;
  left: -21px;
  width: calc(100% + 42px);
  height: 1px;
  background-color: #f1f1f1;
}

.config-items-groups__no-houses {
  display: table;
}
.config-items-groups__actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
}
.config-items-groups__action-icon.icon {
  opacity: 0.3;
  transition: opacity 0.3s;
  cursor: pointer;
  display: block;
  margin: 0;
}
.config-items-groups__action-icon.icon:hover {
  opacity: 1;
}

.employee-groups__ci-field {
  width: 100%;
}
.employee-groups__filter-name {
  width: 100%;
}
.employee-groups__selected-amount {
  margin-top: 24px;
}
.employee-groups__selected-amount,
.employee-groups__selected-more {
  color: #8a8a8a;
  line-height: 16px;
}
.employee-groups__selected-more {
  margin-top: 16px;
  cursor: pointer;
}
.employee-groups__selected-labels-wrapper {
  margin: 16px 0;
}
.employee-groups__selected-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow: hidden;
}
.employee-groups__selected-labels_minimized {
  max-height: 82px;
}
.employee-groups__selected-label {
  background-color: #ececec;
  border-radius: 4px;
  padding: 4px 8px;
  width: 166px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.employee-groups__selected-name {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.employee-groups__selected-close.icon {
  margin: 0;
  display: block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s;
}
.employee-groups__selected-close.icon::before {
  display: block;
  line-height: 14px;
  text-align: center;
  width: 14px;
  height: 14px;
}
.employee-groups__selected-close.icon:hover {
  opacity: 1;
}
.employee-groups__fast-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 17px;
  margin-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.employee-groups__all-options {
  display: flex;
  align-items: center;
  gap: 16px;
}
.employee-groups__all-options_spaced {
  width: 100%;
  justify-content: space-between;
}
.employee-groups__options {
  margin-top: 8px;
}
.employee-groups__all,
.employee-groups__option {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.employee-groups__option {
  padding: 8px 0;
}
.employee-groups__option + .employee-groups__option {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.employee-groups__all-label,
.employee-groups__none-label,
.employee-groups__option-label {
  cursor: pointer;
}
.employee-groups__option-name {
  font-size: 14px;
  line-height: 16px;
}
.employee-groups__option-description {
  font-size: 12px;
  line-height: 14px;
  color: #999999;
}
.employee-groups__option-description:not(:empty) {
  margin-top: 5px;
}
.employee-groups__items-info {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
}

.Gap {
  background: #f9f9f9;
  text-align: center;
  padding: 150px 10%;
}
.Gap._color_white {
  background: #fff;
}
.Gap._size_small {
  padding: 100px 10%;
}

.employee-groups__error {
  margin-top: 16px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.EmployeeGroups__list .item {
  padding: 1rem 0.5rem !important;
  cursor: pointer;
}
.EmployeeGroups__list .item.active,
.EmployeeGroups__list .item:hover {
  background: #ECECEC;
}
.EmployeeGroups__listItem {
  display: flex;
  justify-content: space-between;
}
.EmployeeGroups__listItemData {
  padding-right: 0.5rem;
  word-break: break-all;
}
.EmployeeGroups__listItemRemove {
  opacity: 0.3 !important;
  cursor: pointer;
}
.EmployeeGroups__listItemRemove:hover {
  opacity: 1 !important;
}
.EmployeeGroups__groupWrap {
  min-height: 21rem;
}
.EmployeeGroups__usersTitle,
.employee-groups__ci-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 8px;
}
.EmployeeGroups__modalContent {
  position: relative;
}
.EmployeeGroups__modalList {
  margin-top: 1.5rem;
}
.EmployeeGroups__modalList._loading {
  min-height: 300px;
}
.EmployeeGroups__modalListItem {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
.EmployeeGroups__modalPerson {
  display: inline-block;
  margin-left: 0.5rem;
}
.EmployeeGroups__modalGap {
  min-height: 300px;
}
.EmployeeGroups__modalGapText {
  font-size: 18px;
  margin-top: 0.5rem;
}
.EmployeeGroups__userRemove {
  margin-right: 0.5rem !important;
  opacity: 0.3;
}
.EmployeeGroups__userRemove:hover {
  opacity: 1;
}
.EmployeeGroups__users {
  position: relative;
}
.EmployeeGroups__error {
  display: block;
  margin: 5px 0;
  line-height: 1rem;
}
.employee-gorups__ci-row {
  height: 49px;
}
.employee-gorups__ci-remove.icon {
  margin-right: 10px;
  opacity: 0.3;
  transition: opacity 0.2s;
  cursor: pointer;
}
.employee-gorups__ci-remove.icon:hover {
  opacity: 1;
}

.EmployeeGroups__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.EmployeeGroups__header h2 {
  margin-bottom: 0 !important;
}

.FieldAddress .Preferences__row {
  align-items: baseline;
}

.Abbreviations {
  margin: 1rem 0 0 1rem !important;
}
.Abbreviations .item {
  margin-bottom: 1rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.EditableRow {
  display: flex;
  min-height: 35px;
  align-items: center;
  justify-content: space-between;
}
.EditableRow._bordered {
  padding: 0.8rem 0;
  border-bottom: 1px solid #ECECEC;
}
.EditableRow + .EditableRow:last-child {
  border: 0;
}
.EditableRow__body {
  display: flex;
  align-items: baseline;
  flex-grow: 1;
}
.EditableRow__body .EditableRow__value {
  margin-right: 0.5rem;
}
.EditableRow__controls {
  white-space: nowrap;
}
.EditableRow__controls .button:last-child {
  margin-right: 0 !important;
}
.EditableRow__controls .icon.pencil {
  cursor: pointer;
  color: var(--button_secondary_on_bkg_normal);
}
.EditableRow__controls .icon.pencil:hover {
  color: var(--common_main);
}

.debtor-settings-form__label--uBA2y {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    min-width: 180px;
}

.debtor-settings-form__label-cigroups--Ddp0K {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    margin-right: 126px;
}

.debtor-settings-form__wrapper--iBtSZ {
  display: flex;
}

.debtor-settings-form__button--peSt7 {
  display: none;
}

.debtor-settings-form__wrapper-button--OzpFM {
    align-self: flex-start;
    margin-left: 196px;
}

.debtor-settings-form__chekbox--PHtEk {
  margin: 0;
  width: auto;
  margin-left: 20px;
}

.debtor-settings-form__chekbox--PHtEk label {
    width: 100%;
  }
/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.FieldDebtor {
  position: relative;
}
.FieldDebtor .FieldDebtor__wrapper {
  display: flex;
  flex-direction: column;
  padding: 12px;
  gap: 20px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--bkg_emphasis);
}
.FieldDebtor .FieldDebtor__cigroup-wrapper {
  display: flex;
  flex-direction: column;
  padding: 12px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--bkg_emphasis);
  margin-top: 20px;
}
.FieldDebtor .FieldDebtor__cigroup-header {
  margin-bottom: 10px;
}
.FieldDebtor .FieldDebtor__accordion-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--bkg_emphasis);
}
.FieldDebtor .FieldDebtor__label {
  display: inline-block;
  min-width: 330px;
}
.FieldDebtor .FieldDebtor__accordion {
  border-bottom: 1px solid #ECECEC;
}
.FieldDebtor .FieldDebtor__ciGroups-wrapper {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.FieldDebtor .FieldDebtor__ciGroups-wrapper .DropdownWrap {
  width: 250px;
}
.FieldDebtor .FieldDebtor__ciGroups-buttons {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 16px;
}
.FieldDebtor .FieldDebtor__ciGroups-actions {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 20px;
}
.FieldDebtor .FieldDebtor__ciGroups-actions .ui.button {
  margin: 0;
}
.FieldDebtor .FieldDebtor__ciGroups-actions .ui.button:last-child {
  margin: 0em 0.7em 0em 0em;
}
.FieldDebtor .FieldDebtor__ciGroups-accordion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}
.FieldDebtor .FieldDebtor__ciGroups-accordion-actions {
  display: flex;
  gap: 8px;
}
.FieldDebtor .FieldDebtor__ciGroups-accordion-actions .icon.pencil {
  cursor: pointer;
  color: var(--button_secondary_on_bkg_normal);
}
.FieldDebtor .FieldDebtor__ciGroups-accordion-actions .icon.pencil:hover {
  color: var(--common_main);
}
.FieldDebtor .FieldDebtor__ciGroups-caption {
  min-width: 330px;
}
.FieldDebtor .FieldDebtor__ciGroups-selected {
  display: flex;
}
.FieldDebtor .FieldDebtor__dateTime {
  width: 196px !important;
}
.FieldDebtor .FieldDebtor__checkbox {
  margin-right: 14px;
}
.FieldDebtor .EditableRow label {
  min-width: 330px;
  flex-shrink: 0;
}
.FieldDebtor .EditableRow__value {
  white-space: nowrap;
}
.FieldDebtor .EditableRow .input {
  max-width: 112px;
  margin-right: 0.5rem;
}
.FieldDebtor__input {
  white-space: nowrap;
}
.FieldDebtor__input + .error {
  white-space: normal;
}
@media (max-width: 600px) {
  .FieldDebtor .EditableRow label {
    max-width: 200px;
    min-width: auto;
  }
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.AllowdItemsList__GroupEmpty {
  background: #f8f8f8;
  text-align: center;
  padding: 30px;
  border-radius: 4px;
  color: #999999;
  font-size: 12px;
  margin-top: 2rem;
}
.AllowdItemsList__GroupEmpty .icon {
  vertical-align: sub !important;
}
.AllowdItemsList__nameDesc {
  font-size: 12px;
}

.CITree {
  position: relative;
  max-height: 300px;
  min-height: 80px;
  overflow: auto;
}
.CITree__selectAll {
  padding: 1rem;
}
.CITree__item {
  display: flex;
  border-top: 1px solid #ececec;
  padding: 1rem;
}
.CITree__item .icon {
  cursor: pointer;
}
.CITree__space {
  display: inline-block;
}
.CITree__subTree._shrinked {
  display: none;
}

.RegSettingsForm .radio {
  margin-right: 2rem !important;
}
.RegSettingsForm__field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem !important;
}
.RegSettingsForm__control {
  flex: 1;
  min-width: 0;
}
.RegSettingsForm__label {
  width: 38%;
}
@media (max-width: 768px) {
  .RegSettingsForm__field {
    display: block;
  }
  .RegSettingsForm__label {
    width: 100%;
  }
}

.MrActions--_XDYq {
  background: var(--basic-bg-emphasis);
  border-radius: 4px;
  padding: 32px 20px 32px 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.MrActions__row--FRdSW {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

@media (max-width: 767px) {

.MrActions__row--FRdSW {
    gap: 8px;
    flex-direction: column
}
  }

.MrActions__rowTitle--FQdAX {
  min-width: 240px;
  color: var(--basic-on-bg-secondary);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.5px;
  height: 40px;
  display: flex;
  align-items: center;
}

.MrActions__select--a55IK {
  flex-grow: 1;
}

.MrActions__selectWrapper--S1db2 {
  flex-grow: 1;
}

.MrActions__selectColumn--Txtjo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.MrActions__selectDescription--eGrj1 {
  color: var(--basic-on-bg-grey-01);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  padding: 0 8px;
}

.MrActions__configItem--NetZJ {
  padding: 0 8px;
  margin: 12px 0 8px 0;
}

.MrActions__configItem--NetZJ > div > div {
    width: unset;
  }

.wrapper--A4nRR {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.list--c9TIN {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.item--BQH8m {
  border-radius: 8px;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--basic-bg-foreground);
}

.trashButton--NOdKS,
.closeButton--ayJ0h {
  outline: none;
  border: none;
  background: none;
  padding: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.addButton--KR4Km {
  display: flex;
  align-items: center;
  gap: 0 8px;
  opacity: 1 !important;
}

.trashButton--NOdKS {
  background: var(--basic-on-bg-grey-03);
  border-radius: 8px;
  padding: 6px;
}

.trashButton--NOdKS > svg > path {
    fill: var(--basic-on-bg-grey-01);
  }

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Preferences {
  justify-content: center;
}
.Preferences__title {
  margin-top: 4px !important;
  margin-bottom: 0.5rem !important;
}
.Preferences__subTitle {
  margin-top: 2rem !important;
  margin-bottom: 0.5rem !important;
  font-weight: normal !important;
}
.Preferences__ciGroups-buttons {
  display: flex;
  flex-direction: row-reverse;
  margin: 16px 0 16px;
}
.Preferences__ciGroups-buttons .ui.button {
  margin: 0;
}
.Preferences__row {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ECECEC;
  min-height: 50px;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.Preferences__row:last-child {
  border-bottom: none;
}
.Preferences__row .toggle {
  min-width: 3.5rem;
  margin-left: 1rem;
}
.Preferences__row._disabled .Preferences__rowName {
  color: #999999;
}
.Preferences__rowNoBorder {
  border-bottom: none;
}
.Preferences__debtor {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 50px;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.Preferences__debtor:last-child {
  border-bottom: none;
}
.Preferences__debtor .toggle {
  min-width: 3.5rem;
  margin-left: 1rem;
}
.Preferences__debtor._disabled .Preferences__rowName {
  color: #999999;
}
.Preferences__rowName {
  padding-right: 0.5rem;
  flex: 1;
}
.Preferences__rowDesc {
  display: block;
  font-size: 0.85rem;
  width: 45%;
  text-align: right;
}
.Preferences__rowDesc:empty {
  width: 0;
}
.Preferences__rowcontrol {
  width: 100%;
  margin-top: 1rem;
}
.Preferences__rowcontrol a {
  cursor: pointer;
  outline: none;
}
.AllowdItemsList {
  margin-top: 1rem;
}
.AllowdItemsList__title {
  display: flex;
  justify-content: space-between;
  line-height: 2.5rem;
  margin-bottom: 1rem;
}
.AllowdItemsList__empty {
  text-align: center;
  width: 200px;
  margin: auto;
  margin-top: 2rem;
}
.AllowdItemsModal__form {
  margin-top: 2rem !important;
}
.AllowdItemsModal__field {
  display: flex;
  align-items: baseline;
}
.AllowdItemsModal__field label {
  font-size: 14px;
  width: 210px;
}
.AllowdItemsModal__field .input {
  width: auto !important;
  flex: 1 !important;
}
.AllowdItemsModal__field .checkbox {
  margin-left: 210px !important;
}
.MrActionsDisabled {
  color: var(--basic-on-bg-secondary);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ExportForm__date {
  display: inline-block;
  width: 150px;
  margin-bottom: 0.5em;
}
.ExportForm__actions {
  background: #F8F8F8 !important;
  flex-grow: 0 !important;
}
.ExportForm table {
  width: 100%;
}
.ExportForm td {
  padding-bottom: 1rem;
  padding-right: 1rem;
}
@media (max-width: 768px) {
  .ExportForm td {
    display: block;
    padding-bottom: 0;
  }
  .ExportForm__date {
    display: block;
    width: 100%;
  }
  .ExportForm__date .ui.input {
    max-width: 100%;
    width: 100%;
  }
  .ExportForm__actions .button {
    margin-bottom: 0.5em;
  }
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ExportSideBar .ui.text.vertical.menu {
  width: 100%;
}
.ExportSideBar .ui.text.vertical.menu .item,
.ExportSideBar .ui.text.vertical.menu .item:hover {
  color: var(--common_accent);
  font-weight: bold;
  margin: 0;
  padding: 1rem;
}
.ExportSideBar .ui.text.vertical.menu .item.active,
.ExportSideBar .ui.text.vertical.menu .item:hover.active {
  color: #1B1C1D;
  background: #F8F8F8 !important;
}

.MetersExport__block {
  min-height: 525px !important;
}
@media (max-width: 992px) {
  .MetersExport__block {
    min-height: 0 !important;
  }
}

.CIItem .quiet {
  margin-top: 0.5em;
  font-size: 12px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.MeterCard__header {
  display: flex;
  justify-content: space-between;
}
.MeterCard__edit {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  color: var(--button_secondary_on_bkg_normal);
}
.MeterCard__edit:hover {
  color: var(--common_main);
}
.MeterCard__InlineEditCell {
  padding: 0 !important;
}
.MeterCard__InlineEditCell .EditableRow {
  position: relative;
}
.MeterCard__InlineEditCell .overflowEllipsis {
  max-width: 260px;
}
.MeterCard__ParamsTable .icon {
  margin-left: -5px !important;
}
.MeterCard__HistoryTable {
  font-size: 0.9rem !important;
}
.MeterCard__HistoryTable .PeriodCell__period {
  text-transform: capitalize;
}
.MeterCard__HistoryTable .PeriodCell__day {
  font-size: 0.85rem;
}
.MeterCard__GroupEmpty {
  text-align: center;
  width: 200px;
  margin: auto;
  margin-top: 1rem;
}
.MeterCard__GroupTitle {
  display: flex;
  justify-content: space-between;
}
.MeterCard__GroupTable .icon {
  opacity: 0.3 !important;
  cursor: pointer;
}
.MeterCard__GroupTable .icon:hover {
  opacity: 1 !important;
}
.MeterCard__ValuesTitle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.MeterCard__ValuesTable .StatusCell {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.MeterCard__ValuesTable .PeriodCell__subData {
  font-size: 12px;
}
.MeterCard__ValuesTable .Person {
  max-width: 220px;
}
.MeterCard__OtherTable .StatusCell {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.MetersSync {
  display: flex;
}
.MetersSync .icon {
  margin-right: 0.5rem !important;
}

.MetersList__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.MetersList__header h2 {
  margin-bottom: 0 !important;
}
.MetersList table {
  margin-top: 2rem !important;
}
.MetersList__leftellipsis {
  direction: rtl;
  text-align: left;
}
.MetersList__enterValues .icon {
  opacity: 0.3 !important;
}
.MetersList__enterValues .icon:hover {
  opacity: 0.6 !important;
}
.MetersList .item {
  max-width: 208px !important;
}
.MetersList__emptyPadding {
  padding-left: 0px  !important;
  padding-right: 0px  !important;
}
.MetersList__loadingRow {
  position: relative;
  height: 40px;
}
@media (max-width: 960px) {
  .MetersList__sync {
    width: 100px;
  }
}
.MetersList .collapsing .item__title {
  white-space: normal;
}
.MetersFilter {
  margin-bottom: 1rem;
}
.MetersFilter__container {
  display: flex;
  justify-content: space-between;
}
.MetersFilter__row {
  display: flex;
  justify-content: space-between;
}
.MetersFilter__rowLeft {
  width: 51%;
}
.MetersFilter__rowRight {
  width: 47.5%;
}
.MetersFilter__itemCity {
  max-width: 208px;
  width: 33%;
}
.MetersFilter__itemStreet {
  max-width: 256px;
  width: 40%;
}
.MetersFilter__itemHouse {
  max-width: 60px;
  width: 10%;
}
.MetersFilter__itemHousing {
  max-width: 60px;
  width: 10%;
}
.MetersFilter__itemEntrance {
  max-width: 97px;
  width: 17%;
}
.MetersFilter__itemFloor {
  max-width: 97px;
  width: 17%;
}
.MetersFilter__itemFlat {
  max-width: 134px;
  width: 24%;
}
.MetersFilter__itemName {
  max-width: 208px;
  width: 32%;
}
.MetersFilter__typesFilter {
  float: left;
  display: inline-block;
  margin-right: 1rem;
}
.MetersFilter__searchString {
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
}
@media (max-width: 1150px) {
  .MetersFilter__container {
    display: block;
  }
  .MetersFilter__row {
    justify-content: flex-start;
    width: 100%;
  }
  .MetersFilter__rowLeft {
    margin-bottom: 1rem;
  }
  .MetersFilter__item {
    margin-right: 1rem;
  }
}
@media (max-width: 768px) {
  .MetersFilter__row {
    display: block;
  }
  .MetersFilter__rowLeft {
    margin-bottom: 0;
  }
  .MetersFilter__item {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1rem;
  }
  .MetersFilter__typesFilter {
    margin-right: 0px;
    display: block;
    float: none;
  }
}

.News__removeCommentMessage {
  width: 100%;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.News__removeCommentDesc {
  margin-bottom: 1rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.IconButton {
  outline: none;
  border: none;
  background: transparent;
  margin: 0 0.5rem 0;
  padding: 0;
  cursor: pointer;
  color: #999999;
}
.IconButton:hover {
  color: #1B1C1D;
}

.News__commentForm {
  margin-top: 2rem;
}
.News__commentFormActions {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  flex-direction: row;
}
.News__commentFormEditingControls {
  margin: 0 0 0 1rem;
}
.News__commentFormEditingControls .button + .button {
  margin-right: 0 !important;
}
.News__commentForm .field {
  margin-bottom: 0.5rem !important;
}
.News__commentFormAttachDesc {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: normal;
  max-width: 130px;
  text-align: right;
  margin-right: 0.5rem;
  white-space: normal;
}
.News__commentFormAttachDesc .button {
  vertical-align: middle;
}
.News__commentFormSendButton {
  margin-right: 0 !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.News__comment {
  margin-bottom: 30px;
}
.News__comment .filePreview__file {
  margin-top: 0;
}
.News__comment:last-child {
  margin-bottom: 0;
}
.News__comment .item__icon {
  align-items: flex-start;
}
.News__comment .Person__title {
  height: auto;
}
.News__commentTitle {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1px;
}
.News__commentTitleControls {
  white-space: nowrap;
  position: relative;
  display: none;
}
.News__comment:hover .News__commentTitleControls {
  display: block;
}
.News__commentTitleControls .IconButton {
  margin: 0;
}
.News__commentPersonName {
  font-weight: bold;
}
.News__commentPersonType {
  margin: 0 1rem 0 0.5rem;
  font-weight: bold;
  color: #999999;
}
.News__commentPersonType._type_employee {
  color: var(--button_primary_bkg_normal);
}
.News__commentText {
  white-space: normal;
}
.News__commentEditDateWrap {
  color: #999999;
  margin-left: 4px;
}
.News__commentEditDate {
  text-transform: lowercase;
  white-space: nowrap;
}
.News__commentError {
  margin-top: 0.5rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.NewsCard__title b,
.NewsCard__title strong {
  font-weight: bolder;
}
.NewsCard__header {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.NewsCard__content img {
  max-width: 100%;
}
.NewsCard__control {
  text-align: right;
  min-width: 340px;
  margin-bottom: auto;
}
.NewsCard__control .button {
  margin-bottom: 0.5rem;
}
.NewsCard__controlText {
  margin-right: 1rem;
}
.NewsCard__MoreButton {
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--common_accent);
  font-size: 14px;
  line-height: 21px;
  margin-top: 14px;
  cursor: pointer;
}
.NewsCard__MoreButton .icon {
  padding-top: 1px;
}
.NewsCard__informationTitleRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.NewsCard__informationTitleRow > h3 {
  margin-bottom: unset !important;
}
.NewsCard__informationTitleStatus {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 8px;
  color: var(--common_white);
}
.NewsCard__informationTitleStatus--draft {
  background-color: var(--basic-on-bg-grey-01);
}
.NewsCard__informationTitleStatus--awaiting-publication {
  background-color: var(--status-primary-processing);
}
.NewsCard__informationTitleStatus--published {
  background-color: var(--status-primary-success);
}
.NewsCard__informationTitleStatus--default {
  background-color: var(--status-default);
}
.Definitions {
  width: 100%;
}
.Definitions__title,
.Definitions__value,
.Definitions__titleWithValue {
  vertical-align: top;
  padding: 0.8rem 0;
  border-bottom: 1px solid #ECECEC;
}
.Definitions__title,
.Definitions__value {
  width: 50%;
}
.Definitions__valueWrap {
  margin-top: 0.5rem;
}
.Definitions__row:last-child .Definitions__title,
.Definitions__row:last-child .Definitions__value,
.Definitions__row:last-child .Definitions__titleWithValue {
  border-bottom: 0;
}
.NewsCard__commentsHeader {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.NewsCard__commentsHeader .header {
  white-space: nowrap !important;
}
.News__commentsGap {
  background: #f8f8f8;
  text-align: center;
  padding: 30px;
  border-radius: 4px;
  color: #999999;
  font-size: 12px;
  margin-top: 2rem;
}
.News__commentsGap .icon {
  vertical-align: sub !important;
}
.NewsCardModal {
  max-width: 379px;
  margin-bottom: auto !important;
  margin-top: 65px !important;
}
.NewsCardModalActions {
  background: #FFFFFF !important;
}

.NewsListTable tr {
  position: relative;
  z-index: 0;
}
.NewsListTable th {
  font-size: 0.86rem;
}
.NewsListTable td {
  height: 44px;
}
.NewsListTable th:first-child,
.NewsListTable td:first-child {
  padding-left: 11px !important;
}
.NewsListTable__author._removed {
  text-decoration: line-through;
  color: #999999;
}
.NewsListTable__celPublished {
  width: 142px;
}
.NewsListTable__celPublishedContent {
  display: flex;
  gap: 2px;
  align-items: center;
}
.NewsListTable__cePublishedPopup {
  border-radius: 8px !important;
  border: unset !important;
  padding: 8px !important;
  background-color: #515C71 !important;
  color: #fff !important;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.40000001px;
}
.NewsListTable__celActions {
  width: 112px;
}
.NewsListTable__celComments {
  width: 100px;
}
.NewsListTable__category {
  margin: 0 0 18px;
}
.NewsListTable__categoryDesc {
  margin: -0.5rem 0 0;
}
.NewsListTable__pinNews td:first-child::after {
  border: 1px solid #E37A39;
  content: '';
  height: calc(100% - 6px);
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 3px;
  left: 0;
}
.NewsListTable__pinNews td:first-child {
  padding-left: 10px !important;
}
.SearchRow > div {
  width: 100%;
}
.SearchRow {
  display: flex;
  gap: 16px;
}
.SearchRow__input {
  width: 100%;
}
.SearchRow__customTabs > div > div > ul > li:first-child > button {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.SearchRow__customTabs > div > div > ul > li:last-child > button {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.News__categoriesHeader {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1rem;
}
.News__categoriesHeader .header {
  margin: 0 !important;
}
.News__categoriesHeader button {
  margin-right: 0 !important;
}
.News__categoriesList .IconButton {
  margin: 0 0 0 0.5rem;
}
.News__categoriesListItem {
  padding: 1rem 0.5rem !important;
  cursor: pointer;
  display: flex !important;
  justify-content: space-between;
}
.News__categoriesListItem.active,
.News__categoriesListItem:hover {
  background: #ECECEC;
}
.News__categoriesListItemName {
  flex: 1;
  font-weight: bold;
  padding-right: 1rem;
}
.News__categoriesListItemCount {
  margin-right: 0.5rem;
}
.News__categoriesListItemCount._all {
  padding-right: 81px;
}

.NewsList__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.NewsList__header h2 {
  margin-bottom: 0 !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.PassesList__devider {
  height: 1px;
  border-bottom: 1px solid #ECECEC;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-bottom: 1rem;
}
.PassesList__searchRow {
  display: flex;
  flex-direction: row;
  justify-content: space-betwen;
}
.PassesList__fastFilter {
  margin-right: 1rem !important;
  margin-bottom: 1rem !important;
}
.PassesList__fastFilter:last-child {
  margin-right: 0 !important;
}
.PassesList__search {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 1rem;
}
.PassesList__search .button {
  line-height: 16px;
}
.PassesList__searchControl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  margin-right: 1rem;
}
.PassesList__searchField {
  position: relative;
  flex: 1;
}
.PassesList__searchField .ui.fluid.input > input {
  padding-right: 4.5em !important;
}
.PassesList__searchRemove {
  position: absolute;
  top: 9px;
  right: 40px;
  color: #999999;
  cursor: pointer;
}
.PassesList__searchRemove .icon {
  font-size: 0.85rem;
  line-height: 1;
}
.PassesList__fieldSelect {
  border-radius: 0 !important;
  border-right: none !important;
}
.PassesList__searchBtn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-right: 0 !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.PassesList__list {
  position: relative;
}
.PassesList__columnSettings {
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 16%, #ffffff 100%);
}
.PassesList__columnSettings .icon {
  cursor: pointer;
}
@media (max-width: 768px) {
  .PassesList__searchRow {
    display: block;
  }
  .PassesList__searchControl {
    margin-bottom: 1rem;
    margin-right: 0;
  }
  .PassesList__filtersTitle {
    display: block;
  }
  .PassesList__filtersActions .button {
    margin-top: 0.5rem;
  }
  .PassesList__utimeLabel {
    width: 100%;
    margin: 1rem 0;
  }
}
.PassesTable {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
}
.PassesTable__link {
  cursor: pointer;
  color: #199ed8;
}
.PassesTable th {
  font-size: 0.86em;
  font-weight: bold;
}
.PassesTable__row {
  white-space: nowrap;
}
.PassesTable__row .item {
  height: 36px;
  line-height: 1.3;
}
.PassesTable__guestCell .quiet,
.PassesTable__guestCell .error {
  font-size: 12px !important;
}
.PassesTable__stateCell {
  display: flex;
}
.PassesTable__stateCell .quiet {
  font-size: 12px !important;
}
.PassesTable__smallText {
  font-size: 12px !important;
}
.PassesTable._size_mobile .table {
  table-layout: fixed;
}
.PassesTable:not(._size_mobile) td {
  height: 54px;
  min-height: 54px;
}
.PassesTable:not(._size_mobile) .PassesTable__fieldTable {
  overflow-x: auto;
  flex: 3;
}
.PassesTable:not(._size_mobile) .PassesTable__fieldTable {
  flex: 1;
}
.PassesTable th {
  white-space: nowrap;
}
.PassesTable__fieldTable {
  position: relative;
}
.PassesTable__fieldTable th:last-child {
  padding-right: 40px !important;
}
.PassesTable__fieldTable td.fresnel-at-mobile + td,
.PassesTable__fieldTable th.fresnel-at-mobile + th {
  padding-left: 0 !important;
}
.PassesTable__headTable {
  flex: 2;
  min-width: 400px;
  max-width: 500px;
}
.PassesTable__headTable td:first-child,
.PassesTable__headTable th:first-child {
  padding-left: 0.5rem !important;
}
.PassesTable__headTable td:last-child {
  padding-right: 1rem !important;
}
.PassesTable__actionTable {
  position: relative;
  width: 40px;
  max-width: 40px;
  min-width: 40px;
  text-align: right;
}
.PassesTable__rightDirection {
  left: auto !important;
  right: 0 !important;
}
.PassesTable__emptyHeader:after {
  content: "";
  width: 1rem;
  display: inline-block;
}
.PassesTable__fixed {
  max-width: 160px;
}
.PassesTable__thFixed {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.passesList__title {
  display: flex;
  justify-content: space-between;
}
.passesList__title h2 {
  margin-bottom: 0 !important;
}
.passesList__filtersActions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.passesList__divider {
  border-bottom: 1px solid #DCDDDE;
  margin-bottom: 1rem;
  margin-top: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
}
.passesList__filtersActionsClear {
  margin-right: 1rem;
}

.PassInfoCard__edit {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
}
.PassInfoCard__statusBlock .header {
  margin-bottom: 1rem !important;
  font-size: 1rem !important;
}
.PassInfoCard__cellLable {
  min-width: 160px;
}
.PassInfoCard__cellLocation {
  max-width: 160px;
}
.PassInfoCard__rowWithBtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PassInfoCard__rowWithBtn button {
  margin-right: 0 !important;
  min-width: 140px;
}
.PassInfoCard__inlineEdit .row__box {
  border-bottom: none !important;
}
.PassInfoCard__inlineEdit .row__body {
  padding: 0 !important;
}
.PassInfoCard__inlineEdit .row__edit {
  padding: 0 !important;
  margin: 0 !important;
}
.PassInfoCard__inlineEdit .row__controlsButtons {
  margin-top: 0 !important;
  margin-left: 0.5rem !important;
}
.PassInfoCard__inlineEdit .row__controlsButtons button:last-child {
  margin-right: 0 !important;
}
.PassInfoCard__inlineEditRow {
  display: flex;
  justify-content: space-between;
}
.PassInfoCard__inlineEditRow .ui.dropdown {
  min-width: auto !important;
  width: 12rem !important;
}
.PassInfoCard__inlineEditRow .ui.input {
  flex: 1;
  margin-left: 0.5rem;
}

.PassCard__header {
  display: flex;
  justify-content: space-between;
}
.PassCard__header .header {
  margin-bottom: 0 !important;
  line-height: 3rem !important;
}
.PassCardHead {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.violationsForm__field {
  display: flex;
}
.violationsForm__field label {
  width: 30% !important;
  margin-right: 0 !important;
}
.PassActionBtn__redo {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
  filter: FlipH;
  -ms-filter: "FlipH";
}


.PaymentCard__verticalResponsive {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
}
.PaymentCard__verticalResponsive .ui.card {
  margin-top: 0;
}
.PaymentCard__variativeHeight {
  flex: 1;
}
.PaymentCard__historyList {
  overflow-y: auto;
}
.PaymentCard__dataBlock {
  min-height: 330px !important;
}
.PaymentCard__label {
  width: 170px;
  min-width: 170px;
}

.PaymentList__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.PaymentList__header h2 {
  margin-bottom: 0 !important;
}

.Pays--WMacY {
    width: 100%;
    height: 100%;
    max-height: 1136px;
}
    @media (max-width: 970px) {.Pays--WMacY {
        max-height: unset
}
    }
    .Pays__title--NJlEC {
        margin-bottom: 20px;
    }
    .Pays__content--mbKpV {
        height: calc(100% - 68px);
        display: flex;
        gap: 24px;
    }
    .Pays__objectsTab--HkXEm {
        height: 100%;
    }

.AreYouSureModal--bi_7K {
    justify-content: flex-end;
}

.AreYouSureModal__wrapper--GyqOo {
        height: 100%;
    }

.AreYouSureModal__wrapper--GyqOo > div {
            border-radius: 16px;
        }

.AreYouSureModal__padding--T_Juz {
        padding: 32px 32px 8px 32px;
    }

.AreYouSureModal__padding--T_Juz > h3 {
            white-space: pre-line;
        }

.AreYouSureModal__deleteButton--pMhWk {
        background: var(--basic-on-bg-alert) !important;
        color: var(--common_white);
    }


.DesktopWrapper--xbLJR {
    min-width: 620px;
}


.DesktopWrapper__reliableHeigth--h1Ex8 {
        height: min-content;
        max-height: 1136px;
    }


@media (min-height: 960px) {


.DesktopWrapper__settingsTab--CQT5v {
            //height: min-content
    }
        }
.Wrapper--vgvdR {
  width: 100%;
  padding: 24px;
  box-shadow: 0 0 16px 0 #0000001a;
  background: #ffffff;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
}

  .Wrapper__title--BRG09 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
  }

  @media (max-width: 970px) {

  .Wrapper__title--BRG09 {
      max-height: unset;
      padding: 0 24px
  }
    }

  .Wrapper__noPadding--uUu40 {
    padding: 24px 0 0 0;
    height: 100%;
  }

  .Wrapper__titleNoPadding--r4S9g {
    padding: 24px 0;
  }

  .Wrapper__backButton--kZxcc {
    padding: 24px 16px;
  }

.TerminalSettings__wrapperTitle--Udxbz {
    padding: 0 24px;
  }
  .TerminalSettings__content--WFEkV {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
  }
  .TerminalSettings__title--STLJ5 {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
  }
  .TerminalSettings__title--STLJ5 span:first-child {
        font-weight: 500;
        font-size: 24px;
      }
  .TerminalSettings__title--STLJ5 span:last-child {
        font-size: 16px;
        color: var(--basic-on-bg-secondary);
      }
  .TerminalSettings__title__text--iwqzk {
      font-size: 24px;
      line-height: 28px !important;
    }

.TerminalSettings__noData--kPWKi {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.TerminalSettings__noData--kPWKi > button {
    margin-top: 8px;
  }

.TerminalSettings__noData__title--OGSFS {
    font-weight: 500;
    font-size: 24px;
  }

.TerminalSettings__noData__description--SVpkp {
    font-size: 16px;
    line-height: 24px;
    color: var(--basic-on-bg-secondary);
  }

.Buttons__tooltip--PnEcD > div > div {
    background-color: var(--basic-on-bg-secondary) !important;
  }
  .Buttons__icon--Ltpk4 {
    min-width: 32px;
    width: 32px;
    min-height: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--basic-on-bg-grey-01);
  }
  @media (max-width: 970px) {
  .Buttons__icon__mobileHover--BSZH4 {
        background-color: #e6ebf5
    }
      }
  .Buttons__icon__size32--owQn3 {
      min-width: 32px;
      width: 32px;
      min-height: 32px;
      height: 32px;
    }
  .Buttons__icon__size40--y0nWP {
      min-width: 40px;
      width: 40px;
      min-height: 40px;
      height: 40px;
    }
  .Buttons__icon__transition--X7thf {
      transition: transform 0.3s;
    }
  .Buttons__icon--Ltpk4:hover {
      color: var(--basic-on-bg-grey-01);
      background-color: #e6ebf5;
    }
  .Buttons__icon__disableHover--NiyFi:hover {
        background-color: transparent;
      }
  .Buttons__icon__arrowOpen--zNlAD {
      transform: rotate(0deg);
    }
  .Buttons__icon__arrowUp--DrHJ4 {
      transform: rotate(180deg);
    }
  .Buttons__icon__arrowDown--Ktl2Z {
      transform: rotate(360deg);
    }
  .Buttons__icon_arrowClose--Dt7GE {
      transform: rotate(-90deg);
    }
  .Buttons__icon__editPrimary--RGZ1e {
      background-color: var(--basic-on-bg-grey-03);
      color: var(--basic-on-bg-primary);
    }
  .Buttons__icon__editPrimary--RGZ1e:hover {
        background-color: var(--basic-on-bg-grey-03);
      }
  .Buttons__icon__disable--Oxn06 {
      background-color: unset !important;
      color: var(--basic-on-bg-disabled) !important;
      cursor: not-allowed !important;
    }

.deleteButtonWrapper--ln4O_ {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.deleteButtonWrapper--ln4O_.visible--vgaeh {
    opacity: 1;
  }

.tooltipContainer--RjVvG > div > div {
  background: var(--basic-on-bg-secondary) !important;
  color: var(--basic-on-bg-on-accent) !important;
}

.Separator--E2fg7 {
    border-bottom: 1px solid var(--basic-on-bg-stroke);
    margin-top: -1px;
}

.TabsContent--CAVp1 {
    display: flex;
    height: 100%;
    flex-direction: column;
    border-top: 1px solid var(--basic-on-bg-stroke);
    overflow: hidden;
    scrollbar-width: none;
    position: relative;
}

.TabsContent__titleRow--UgWZk {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 24px;
    }

.TabsContent__titleText--fbMCC {
        font-size: 20px;
        font-weight: 500;
    }

.TabsContent__tabsLayout--V4NNL {
        padding: 0 24px;
    }

.TabsContent__relaibleHeight--zQpI8 {
        flex: unset;
    }

.TabsContent__attentionIcon--lWMfS {
        width: 20px;
        height: 20px;
    }


.TabsContent--CAVp1::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.TabsContent--CAVp1::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.TabsContent--CAVp1::-webkit-scrollbar-track {
    background-color: transparent;
}

.TerminalTypeModal__wrapper--p8jqo {
    height: 100%;
  }

    .TerminalTypeModal__wrapper--p8jqo > div:last-child > div {
      height: 100%;
    }
  .TerminalTypeModal__actions--U0BRS {
    padding-top: 20px;
  }
  .TerminalTypeModal__content--szt9_ {
    height: 100%;
    overflow: auto;
    padding-bottom: unset;
  }
  .TerminalTypeModal__content__noOverflow--vcuMP {
      overflow: hidden;
    }
  .TerminalTypeModal__content__noOverflow--vcuMP > form {
        height: 100%;
      }
  .TerminalTypeModal__content__noOverflow--vcuMP > form > div {
          height: 100%;
        }
  .TerminalTypeModal__content__wrapper--VgWak {
      height: 100%;
      display: flex;
      flex-direction: column;
    }
  .TerminalTypeModal__content__wrapper--VgWak > div:first-child {
        height: unset;
      }
  .TerminalTypeModal__content__wrapper--VgWak > div:first-child > button > svg {
          width: 20px;
          height: 20px;
        }
  .TerminalTypeModal__content__column--O2XJf {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
  .TerminalTypeModal__content__tag--Rwkga {
      display: flex;
      gap: 14px;
      align-items: center;
      padding: 12px 16px;
      border-radius: 8px;
      background-color: var(--status-tint-new);
      font-size: 14px;
      font-weight: 400;
      line-height: 20px;
      letter-spacing: 0.25px;
      height: min-content;
    }
  @media (max-width: 970px) {
  .TerminalTypeModal__content__tag--Rwkga {
        margin: 0 16px
    }
      }
  .TerminalTypeModal__content__tag--Rwkga > svg {
        width: 20px;
        height: 20px;
      }
  .TerminalTypeModal__content__field--YCbOJ {
      display: flex;
      flex-direction: column;
      gap: 24px;
      padding: 24px;
      border-radius: 12px;
      background-color: var(--basic-bg-emphasis);
    }
  .TerminalTypeModal__content__field__title--dYQjl {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 12px;
      }
  @media (max-width: 970px) {
  .TerminalTypeModal__content__field__title--dYQjl {
          margin-bottom: unset
      }
        }
  .TerminalTypeModal__paymoColumn--Z2PpE {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

.TerminalTypeModalRadioRow--HZ5pg {
  display: flex;
  gap: 16px;
  align-items: center;
}

@media (max-width: 970px) {

.TerminalTypeModalRadioRow--HZ5pg {
    flex-direction: column;
    align-items: flex-start
}
  }

.TerminalTypeModalRadioLabel--o7t1K {
  width: calc(185px - 16px);
  color: rgba(81, 92, 113, 1);
}

.TerminalTypeModalRadioOptions--HweOs {
  height: 48px;
  background: unset;
}

.ObjectsTabModal__wrapper--MQLqF {
        height: 100%;
        max-height: 1136px;
    }

        .ObjectsTabModal__wrapper--MQLqF > div:last-child > div {
            height: 100%;
        }
    .ObjectsTabModal__content--o4z50 {
        height: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0 32px;
    }
    @media (max-width: 970px) {
    .ObjectsTabModal__content--o4z50 {
            padding: unset
    }
        }
    .ObjectsTabModal__content--o4z50 > div:last-child {
            height: calc(100% - 64px);
        }
    @media (max-width: 970px) {
    .ObjectsTabModal__content--o4z50 > div:last-child {
                height: calc(100% - 84px)
        }
            }
    .ObjectsTabModal__content--o4z50 > section {
            height: 100%;
            padding: 0 32px !important;
        }
    @media (max-width: 970px) {
    .ObjectsTabModal__content--o4z50 > section {
                padding: unset
        }
            }
    .ObjectsTabModal__content__wrapper--yVBGT {
            height: 100%;
            display: flex;
            flex-direction: column;
        }
    .ObjectsTabModal__content__background--A1CDM {
            width: 100%;
            height: 100%;
            background-color: var(--basic-bg-emphasis);
            border-radius: 12px;
            padding: 16px;
        }
    .ObjectsTabModal__content__background--A1CDM > div {
                height: 100%;
            }

.PaymentMethodModal--PxXyU {
    padding: 0 24px;
}

@media (max-width: 970px) {

.PaymentMethodModal--PxXyU {
        padding: unset;
}
    }

.PaymentMethodModal--PxXyU {
    flex: 1;
}

.ObjectsModalActions--bttIV {
    padding-top: 20px;
}
.ObjectsTab__wrapper--bCjR5 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 24px;
    flex-grow: 1;
    height: calc(100% - 120px);
  }
    @media (max-width: 970px) {.ObjectsTab__wrapper--bCjR5 {
      gap: unset
  }
    }
  .ObjectsTab__title--Bgcmm {
    font-size: 20px;
    font-weight: 500;
    line-height: 23.44px;
  }
  @media (max-width: 970px) {
  .ObjectsTab__title--Bgcmm {
      padding: 0 16px
  }
    }
  .ObjectsTab__listCheckAllWrapperButtons--D4eDN {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .ObjectsTab__list__wrapper--BGFwV {
      height: 100%;
      overflow: hidden;
      padding: 24px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      width: 100%;
    }
  @media (max-width: 970px) {
  .ObjectsTab__list__wrapper--BGFwV {
        padding: unset;
        gap: unset
    }
      }
  .ObjectsTab__list__background--iWhmc {
      background-color: var(--basic-bg-emphasis);
      border-radius: 12px;
      padding: 16px;
    }
  .ObjectsTab__list__overflow--DQOi2 {
      height: calc(100% - 57px);
      overflow: auto;
    }
  .ObjectsTab__list__overflow--DQOi2::-webkit-scrollbar-thumb {
        background-color: #d8dde7;
        border-radius: 10px;
      }
  .ObjectsTab__list__overflow--DQOi2::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 10px;
      }
  .ObjectsTab__list__wrapperNoPadding--Sjmwz {
      padding: unset;
    }
  .ObjectsTab__list__noData--wa1Vc {
      opacity: 0;
    }
  .ObjectsTab__list__checkAllWrapper--pcpke {
      padding: 8px 0;
      border-bottom: 1px solid var(--basic-on-bg-stroke);
    }
  .ObjectsTab__list__checkAll--HOm1V {
      display: flex;
      align-items: center;
      gap: 8px;
    }
  .ObjectsTab__list__button--vWaB1 {
      padding: 14px 8px;
    }
  @media (max-width: 970px) {
  .ObjectsTab__list__button--vWaB1 {
        padding: 14px 16px
    }
      }
  .ObjectsTab__list__object__wrapper--nY2ut {
        display: flex;
        justify-content: space-between;
        padding: 12px 8px;
      }
  @media (max-width: 970px) {
  .ObjectsTab__list__object__wrapper--nY2ut {
          padding: 12px 16px
      }
        }
  .ObjectsTab__list__object__wrapper--nY2ut:hover {
          background-color: #f0f4fb;
        }
  .ObjectsTab__list__object__withBorder--TgUXB:not(:last-child) {
          border-bottom: 1px solid var(--basic-on-bg-stroke);
        }
  .ObjectsTab__list__object__active--ujf78 {
        background-color: #defff4;
      }
  .ObjectsTab__list__object__title__row--FNS8b {
          display: flex;
          align-items: flex-start;
          gap: 10px;
        }
  .ObjectsTab__list__object__title__text--lOdM0 {
          color: var(--basic-on-bg-link);
        }
  .ObjectsTab__list__object__title__subText--RBKf9 {
          color: var(--basic-on-bg-secondary);
          font-size: 12px;
          font-weight: 400;
          line-height: 18px;
          letter-spacing: 0.4000000059604645px;
        }
  .ObjectsTab__list__object__title__deleteIcon--hrEuw {
          color: var(--basic-on-bg-grey-01);
        }
  .ObjectsTab__list__object__info--xgrPQ {
        display: flex;
        flex-direction: column;
      }
  .ObjectsTab__search__input--C6wRk {
      width: 100%;
    }
  .ObjectsTab__search__row--EDXFI {
      width: 100%;
      display: flex;
      gap: 16px;
    }
  @media (max-width: 970px) {
  .ObjectsTab__search__row--EDXFI {
        flex-direction: column;
        padding: 16px
    }
      }
  .ObjectsTab__selectionPanel--G8dIJ {
    position: absolute;
    display: none !important;
    left: 50%;
    transform: translateX(-50%);
    bottom: 16px;
    display: flex;
    align-items: center;
    background: var(--basic-on-bg-primary);
    max-width: min-content;
    white-space: nowrap;
    border-radius: 8px;
    padding: 0 14px;
  }
  @media (max-width: 970px) {
  .ObjectsTab__selectionPanel--G8dIJ {
      position: fixed;
      bottom: 80px
  }
    }
  .ObjectsTab__selectionPanel__text--o4LKf {
      padding: 0 8px;
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: 0.5px;
      color: var(--basic-bg-foreground);
    }
  .ObjectsTab__selectionPanel__text--o4LKf:hover {
        color: var(--basic-bg-additional);
      }
  .ObjectsTab__selectionPanel__border--a1nfC {
      border-top-right-radius: unset;
      border-bottom-right-radius: unset;
      border-right: 1px solid var(--basic-on-bg-grey-01);
      padding-right: 9px;
    }

.NoData__wrapper--aLtFq {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 24px 40px 24px;
  }

.NoData__loading--jkm0S {
    display: flex;
    height: 300px;
  }

.NoData__text--OKW1C {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
  }

.ObjectsList--B32VT {
  height: calc(100% - 56px);
  overflow: hidden;
}

.ModalButtonText--k7lYj {
  color: var(--basic-on-bg-primary);
  font-weight: normal;
}

.PaymentsTab--V_lTe {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: calc(100% - 48px - 88px);
  overflow: auto;
}
  @media (max-width: 970px) {.PaymentsTab--V_lTe {
    padding: 24px 0
}
  }
  .PaymentsTab__noData--Xetnj {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-align: center;
  }

.PaymentMethod--bEBtV {
  padding: 12px 20px;
  border-radius: 12px;
  background: var(--basic-bg-emphasis);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.PaymentMethod__row--V3U2H {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

.PaymentMethod__column--WxwnZ {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

.PaymentMethod__actions--_OkDi {
    display: flex;
    align-items: center;
    gap: 10px;
  }

.PaymentMethod__fieldLabel--zU7oX {
    width: 185px;
    color: rgba(81, 92, 113, 1);
    padding: unset;
  }

.PaymentMethod__hint--iqeXB {
    padding: 0 16px;
    color: var(--basic-on-bg-grey-01);
  }

.PaymentMethod__fieldLabelProviderId--KdBNP {
    align-self: flex-start;
    padding-top: 15px;
  }

.PaymentMethod__fieldLabelLowercase--TFDaK::first-letter {
    text-transform: lowercase !important;
  }

.PaymentMethod__fieldValue--NJWoc {
    color: var(--common_main);
  }

.PaymentMethod__comission--Ej9Ec {
    display: flex;
    align-items: center;
    gap: 16px;
  }

.PaymentMethod__comissionRow--r7bLF {
    display: flex;
    gap: 8px;
    align-items: center;
  }

.PaymentMethod__inputWrapper--F1Inm {
    min-height: 48px;
    display: flex;
    justify-content: center;
  }

.PaymentMethod__refreshIcon--xZJk0 {
    margin: unset !important;
    width: 20px !important;
    height: 20px !important;
  }

.PaymentMethod__refreshIconRotate--BeIAe {
    animation: rotate360--CB4mN 1s ease-in-out;
  }

.PaymentMethod__fieldText--AhL62 {
    padding-left: 16px;
    font-size: 16px;
    letter-spacing: 0.5px;
    height: 48px;
    display: flex;
    align-items: center;
    overflow: hidden;
  }

.PaymentMethod__fieldText--AhL62 a {
      text-overflow: ellipsis;
      overflow: hidden;
    }

.PaymentMethodRadioRow--FgJJd {
  display: flex;
  gap: 16px;
  align-items: center;
}

@media (max-width: 970px) {

.PaymentMethodRadioRow--FgJJd {
    flex-direction: column;
    align-items: flex-start
}
  }

.PaymentMethodRadioLabel--WeKC7 {
  width: calc(185px - 16px);
  color: rgba(81, 92, 113, 1);
}

.PaymentMethodRadioOptions--bnD8T {
  height: 48px;
  background: unset;
}

@keyframes rotate360--CB4mN {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.SyncDebt__wrapper--OojCJ {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
  }
  .SyncDebt__title--SvJx7 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
  }
  .SyncDebt__modalTitle--VNUJb {
    font-size: 20px;
  }
  .SyncDebt__checkboxRow--ph61y {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 11px;
  }
  @media (max-width: 970px) {
  .SyncDebt__checkboxRow--ph61y {
      flex-direction: column;
      align-items: flex-start
  }
    }
  .SyncDebt__rowBorder--L3qKq {
    border-bottom: 1px solid var(--basic-on-bg-stroke);
  }
  .SyncDebt__prefix--RzF5k {
    font-size: 12px;
    font-weight: 400;
    color: var(--basic-on-bg-secondary);
  }
  .SyncDebt__periodRow--WC9mX {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 11px;
  }
  .SyncDebt__periodText--WxT6M {
    color: var(--basic-on-bg-secondary);
    font-size: 16px;
    font-weight: 400;
  }
  @media (max-width: 970px) {
  .SyncDebt__periodText--WxT6M {
      margin-top: 28px
  }
    }
  .SyncDebt__fieldLabel--r4VZU {
    width: 185px;
    color: rgba(81, 92, 113, 1);
    padding: unset;
  }
  @media (max-width: 970px) {
  .SyncDebt__fieldLabel--r4VZU {
      width: unset
  }
    }
  @media (max-width: 970px) {
  .SyncDebt__mobileNoLabel--JAQg5 {
      display: none
  }
    }
  .SyncDebt__radioLabel--oSomm {
    width: calc(185px - 16px);
    color: rgba(81, 92, 113, 1);
  }
  .SyncDebt__row--K5DnM {
    align-items: center;
  }
  @media (max-width: 970px) {
  .SyncDebt__row--K5DnM {
      flex-direction: column;
      align-items: flex-start
  }
    }
  .SyncDebt__uploadContent--nAnbg {
    padding-left: calc(185px + 16px);
  }
  .SyncDebt__radioOptions--KAYAu {
    height: 48px;
    background: unset;
  }
  .SyncDebt__fieldText--RHauh {
    padding-left: 16px;
    font-size: 16px;
    letter-spacing: 0.5px;
    height: 48px;
    display: flex;
    align-items: center;
  }
  .SyncDebt__offerTerms__row--nFGLl {
      display: flex;
      align-items: center;
      gap: 16px;
      padding-bottom: 11px;
      border-bottom: 1px solid var(--basic-on-bg-stroke);
    }
  @media (max-width: 970px) {
  .SyncDebt__offerTerms__row--nFGLl {
        flex-direction: column;
        align-items: flex-start
    }
      }
  .SyncDebt__offerTerms__column--MPrFW {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
  .SyncDebt__offerTerms__fileRow--zPZAY {
      display: flex;
      gap: 16px;
    }
  .SyncDebt__offerTerms__fileRow--zPZAY > div {
        width: 100%;
      }
  @media (max-width: 970px) {
  .SyncDebt__input--y14zq {
      display: flex;
      flex-direction: column;
      align-items: flex-start
  }
    }

.SettingsTab__wrapper--j0TV3 {
    padding: 24px 24px 0 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
    @media (max-width: 970px) {.SettingsTab__wrapper--j0TV3 {
      padding: 16px 16px 0 16px
  }
    }
  .SettingsTab__form--fnGWy {
    height: calc(100% - 48px - 72px);
    overflow: auto;
  }
  .SettingsTab__form--fnGWy::-webkit-scrollbar {
      width: 0;
      height: 0;
    }
  .SettingsTab__form--fnGWy::-webkit-scrollbar-thumb {
      background-color: transparent;
    }
  .SettingsTab__form--fnGWy::-webkit-scrollbar-track {
      background-color: transparent;
    }
  @media (max-width: 970px) {
  .SettingsTab__form--fnGWy {
      height: unset;
      overflow: unset
  }

      .SettingsTab__form--fnGWy::-webkit-scrollbar {
        width: initial;
        height: initial;
      }

      .SettingsTab__form--fnGWy::-webkit-scrollbar-thumb {
        background-color: initial;
      }

      .SettingsTab__form--fnGWy::-webkit-scrollbar-track {
        background-color: initial;
      }
    }
  .SettingsTab__title__text--__auJ {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
    }
  .SettingsTab__title__row--UEvhM {
      margin-bottom: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 40px;
    }
  .SettingsTab__column--TnIiT {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 8px;
  }
  @media (max-width: 970px) {
  .SettingsTab__column--TnIiT {
      gap: 16px
  }
    }
  .SettingsTab__row--p9dpX {
    display: flex;
    gap: 16px;
    align-items: center;
  }
  @media (max-width: 970px) {
  .SettingsTab__row--p9dpX {
      flex-direction: column;
      align-items: flex-start
  }
    }
  .SettingsTab__rowVat--EDGtT > div > div {
    max-height: unset;
  }
  .SettingsTab__actions__wrapperBorder--UQqzE {
      background: rgba(244, 244, 244, 1);
      border-bottom-left-radius: 16px;
      border-bottom-right-radius: 16px;
    }
  @media (max-width: 970px) {
  .SettingsTab__actions__wrapperBorder--UQqzE {
        background: unset
    }
      }
  .SettingsTab__actions__wrapper--nvNF8 {
      position: sticky;
      bottom: 0;
      right: 0;
      z-index: 1;
    }
  @media (min-height: 1058px) {
  .SettingsTab__actions__wrapper--nvNF8 {
        background: unset
    }
      }
  @media (max-width: 970px) {
  .SettingsTab__actions__wrapper--nvNF8 {
        position: unset;
        padding: 0 16px
    }
      }
  .SettingsTab__actions__row--Zt6Mh {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      padding: 24px;
    }
  @media (max-width: 970px) {
  .SettingsTab__actions__row--Zt6Mh {
        justify-content: unset;
        padding: 24px 0
    }
        .SettingsTab__actions__row--Zt6Mh > button {
          width: 100%;
        }
      }
  .SettingsTab__actions__rowNoPadding--uvG12 {
      padding: unset;
    }
  .SettingsTab__fieldWrapper--_jvJy {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .SettingsTab__fieldLabel--Oky2l {
    width: 185px;
    color: rgba(81, 92, 113, 1);
    padding: unset;
  }
  @media (max-width: 970px) {
  .SettingsTab__fieldLabel--Oky2l {
      width: unset
  }
    }
  .SettingsTab__radioLabel--atuPR {
    width: calc(185px - 16px);
    color: rgba(81, 92, 113, 1);
  }
  .SettingsTab__separator--kLHyX {
    padding-bottom: 11px;
    border-bottom: 1px solid var(--basic-on-bg-stroke);
  }
  @media (max-width: 970px) {
  .SettingsTab__separator--kLHyX > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
      }
  .SettingsTab__radioOptions--lMhZR {
    height: 48px;
    background: unset;
    min-width: 120px;
  }
  .SettingsTab__fieldText--Km1gv {
    padding-left: 16px;
    font-size: 16px;
    letter-spacing: 0.5px;
    height: 48px;
    display: flex;
    align-items: center;
  }
  .SettingsTab__input--Wsmpd {
    width: 100%;
  }
  @media (max-width: 970px) {
  .SettingsTab__input--Wsmpd {
      display: flex;
      flex-direction: column;
      align-items: flex-start
  }
      .SettingsTab__input--Wsmpd > div {
        width: 100%;
      }
    }
  @media (max-width: 970px) {
  .SettingsTab__select--gwOvt {
      display: unset !important
  }
      .SettingsTab__select--gwOvt > div {
        margin-top: 8px;
      }
    }

.PaymentStep__wrapper--a85xz {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .PaymentStep__radio--Swjdu {
        width: 20px;
    }
    .PaymentStep__radio--Swjdu > div > div {
            display: flex;
            flex-direction: column;
            max-height: unset;
        }
    .PaymentStep__radio--Swjdu > div > div > label {
                padding: unset !important;
                background-color: unset;
                height: 47px;
            }
    .PaymentStep__field--O_OtK {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }
    .PaymentStep__column--JUoNi {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .PaymentStep__title--asZQ0 {
        font-size: 20px;
        font-weight: 500;
        line-height: 23.44px;
    }
.TerminalTypesWrapper--WSWPd {
    max-width: 448px;
    padding: 24px;
}
    @media (max-width: 970px) {.TerminalTypesWrapper--WSWPd {
        padding: 24px 0;
        max-width: unset
}
    }

.TerminalTypes--IPprQ {
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    scrollbar-width: none;
}

.TerminalTypes--IPprQ::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.TerminalTypes--IPprQ::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.TerminalTypes--IPprQ::-webkit-scrollbar-track {
    background-color: transparent;
}

.TerminalType--LRq4K {
    background: var(--basic-bg-emphasis);
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 12px 16px 12px 16px;
    border-radius: 12px;
}

.TerminalType__row--OPTnm {
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }

.TerminalType__title--g2luz {
        display: flex;
        gap: 8px;
        align-items: center;
        max-width: 325px;
    }

@media (max-width: 970px) {

.TerminalType__title--g2luz {
            max-width: unset
    }
        }

.TerminalType__title__text--Ds6AZ {
            font-size: 16px;
            font-weight: 500;
        }

.TerminalTypeContent--wltq0 {
    //padding: 8px;
}

.TerminalTypeName--WYx9B {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 12px 8px 40px;
    border-radius: 8px;
}

.TerminalTypeName--WYx9B:hover {
        background-color: #F0F4FB;
    }

.TerminalTypeName__titleRow--aWQB7 {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 32px;
    }

.TerminalTypeName__attentionIcon--SrATI {
        width: 20px;
        height: 20px;
    }

.TerminalTypeName__titleText--WhFp9 {
        font-size: 16px;
    }

.TerminalTypeName__selected--qYKH0 {
        background-color: #E6EBF5;
    }
.Pays--Rhw4b {
    width: 100%;
    height: 100%;
}
    .Pays__title--q50zH {
        padding-bottom: 20px;
    }
    @media (max-width: 970px) {
    .Pays__title--q50zH {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px 0
    }
        }
    .Pays__content--LoAT2 {
        height: calc(100% - 68px);
        display: flex;
        gap: 24px;
    }
    @media (max-width: 970px) {
    .Pays__content--LoAT2 {
            padding-bottom: 8px;
            height: calc(100% - 96px)
    }
        }
    .Pays__objectTab--NTJDd {
        padding-bottom: unset;
        height: 100%
    }

.MobileWrapper--CaxAo {
    background: unset;
    box-shadow: unset;
    border-radius: unset;
    padding: unset;
}
.ObjectsStepField--otqF_ {
    height: calc(100% - 64px);
    position: relative;
}
    @media (max-width: 970px) {.ObjectsStepField--otqF_ {
        padding: 16px 0 0 0;
        height: calc(100% - 84px)
}
    }
.ClearableInput {
  position: relative;
}
.ClearableInput__btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0.35;
}
.ClearableInput input[type=number]::-webkit-inner-spin-button,
.ClearableInput input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.ClearableInput input[type=number] {
  -moz-appearance: textfield;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.QuickSetupClients {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - 90px);
  min-height: 500px;
}
.QuickSetupClients__data {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem 1.5rem !important;
}
.QuickSetupClients__block {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.QuickSetupClients__listWrap {
  flex-grow: 1;
  overflow-y: auto;
  margin: 0 -1.5rem;
}
/**/
.QuickSetupClients__total {
  font-size: 18px;
  line-height: 21px;
  margin: 1.5rem 0.5rem 2rem;
}
.QuickSetupClients__totalCount {
  color: #999999;
}
.QuickSetupClients__actions {
  background: #F8F8F8;
  padding: 1.5rem;
  margin: 0 -1.5rem -1rem -1.5rem;
}
/**/
.QuickSetupClients__house {
  padding: 1rem 1.5rem;
  border-top: 1px solid #ECECEC;
}
.QuickSetupClients__houseHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.QuickSetupClients__houseHeaderDataCounter {
  font-size: 12px;
  line-height: 1.2;
}
.QuickSetupClients__houseHeaderControls {
  font-weight: bold;
}
.QuickSetupClients__houseHeaderControlsRefresIcon {
  vertical-align: middle;
  color: #999999;
}
.QuickSetupClients__houseHeaderControlsRefresh {
  cursor: pointer;
  outline: none;
}
.QuickSetupClients__houseHeaderControlsExpander {
  cursor: pointer;
  outline: none;
  padding: 4px;
  margin: 0 -4px 0 1rem;
}
.QuickSetupClients__housesConfigItems {
  margin: 2rem 0 -1rem;
}
.QuickSetupClients__housesConfigItems label {
  font-weight: bold !important;
  margin: 0 !important;
}
.QuickSetupClients__tableData {
  width: 100%;
  border-collapse: collapse;
}
.QuickSetupClients__tr._notLast {
  border-bottom: 0 !important;
}
.QuickSetupClients__tr._error {
  background: #ffd4ca;
}
.QuickSetupClients__td {
  padding: 1rem 0 !important;
  vertical-align: top;
}
.QuickSetupClients__td._type_configitem {
  width: 14% !important;
  padding-left: 0.5rem !important;
}
.QuickSetupClients__td._type_lastName {
  width: 19% !important;
  padding-right: 1rem !important;
}
.QuickSetupClients__td._type_name {
  width: 19% !important;
  padding-right: 1rem !important;
}
.QuickSetupClients__td._type_phone {
  width: 17% !important;
  padding-right: 1rem !important;
}
.QuickSetupClients__td._type_email {
  width: 19% !important;
  padding-right: 1rem !important;
}
.QuickSetupClients__td._type_verification {
  width: 12% !important;
  text-align: right !important;
  padding-right: 0.5rem !important;
}
.QuickSetupClients__tdName,
.QuickSetupClients__tdControls {
  padding-top: 8px;
}
.QuickSetupClients__tdControls {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.QuickSetupClients__clientControl {
  opacity: 0.3;
  cursor: pointer;
  outline: none;
}
.QuickSetupClients__clientControl:hover {
  opacity: 1;
}
.QuickSetupClients__houseGap {
  text-align: center;
  padding: 70px 0 46px;
}
.QuickSetupClients__houseGapText {
  max-width: 262px;
  margin: 1rem auto 0;
}
.QuickSetupClients__accepted {
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: bold !important;
  text-align: center;
  padding: 0.5rem 10% 1.5rem;
}
.QuickSetupClients__acceptedText {
  margin-top: 1.5rem;
}
.QuickSetupClients__input.error input {
  background-color: #FFAD9E !important;
}

.HousesTable {
  overflow-x: auto;
}
.HousesTable .ui.table {
  min-width: 940px;
}
.HousesTable th {
  white-space: nowrap;
  overflow: visible !important;
}
.HousesTable__lastCol {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.HousesTable td:first-child,
.HousesTable td:last-child {
  padding-left: 0.78571429em !important;
  padding-right: 0.78571429em !important;
}
.HousesTable .ui.input.error input {
  background-color: #ffb4a2;
}
.HousesTable .errorMessage {
  font-size: 12px;
}
.HousesTable .required {
  position: relative;
  display: inline-block;
}
.HousesTable .required:after {
  position: absolute;
  top: 0;
  left: 100%;
  margin: -0.2em 0 0 0.2em;
  content: '*';
  color: #FF6F4D;
}
.HousesWizard__headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.HousesWizard h3 {
  margin-bottom: 0;
}
.HousesCreateModal {
  text-align: center;
  padding: 1rem;
}
.HousesCreateModal__icon {
  font-size: 18px;
  padding-bottom: 0.5rem;
}
.HousesCreateModal__title {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.SendSMSModal .header {
  font-size: 24px !important;
}
.SendSMSModal__slab {
  padding-left: 0.5rem;
}
.SendSMSModal__slabValue {
  font-size: 2.45rem;
  line-height: normal;
  display: inline-block;
  margin-right: 1rem;
  font-weight: bold;
}
.SendSMSModal__slabValue._orange {
  color: var(--common_alert);
}
.SendSMSModal__slabDescr {
  font-size: 0.85rem;
  line-height: normal;
  display: inline-block;
  width: 120px;
}
.SendSMSModal .actions {
  background: #f8f8f8 !important;
}
.FailSMSModal {
  text-align: center;
  padding: 1rem;
}
.FailSMSModal__icon {
  font-size: 18px;
  padding-bottom: 1rem;
}
.FailSMSModal__title {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 1rem;
}

.SetupDashboard__widget {
  height: 370px;
  overflow: hidden;
}
.SetupDashboard__widgetContent {
  margin: 90px auto;
  width: 230px;
  text-align: center;
}
.SetupDashboard__widgetContent .button {
  margin-right: 0;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
.SetupDashboard__widgetCount {
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 1rem;
}
.SetupDashboard__widgetContentIco {
  font-size: 2.25rem !important;
}
.SetupDashboard__widgetContentSmallText {
  font-size: 0.85rem;
}
.SetupDashboard__widgetBgIcon {
  font-size: 140px !important;
  opacity: 0.2 !important;
  width: 1.1em !important;
  line-height: 1;
  position: absolute;
  bottom: -15px;
  left: -30px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.servicesSidebar {
  width: auto !important;
}
.servicesSidebar__archiveToggle {
  display: flex;
  flex: 0 0 auto;
  padding: 1.5em;
  margin: 0 -1.5em;
  background: #F8F8F8;
  justify-content: space-between;
}
.servicesSidebar__search {
  margin: 1.5rem 0 0.5rem;
  flex: 0 0 auto;
}
.servicesSidebar__classes {
  padding: 0;
  z-index: 1;
  list-style: none;
  position: relative;
  overflow-y: auto;
  /*
      обрезаем по X чтоб скрыть вылезающий слева серый декоративный квадратик
      из под иконок скрытия/раскрытия категории и папки
    */
  overflow-x: hidden;
  max-height: 65vh;
}
.servicesSidebar__classesItem {
  margin-top: 1.5rem;
  border-bottom: 1px solid #ECECEC;
}
.servicesSidebar__serviceItem {
  width: 100%;
  cursor: pointer;
  background: #FFFFFF;
  padding: 0 !important;
  white-space: normal !important;
  border-top: 1px solid #ECECEC;
}
.servicesSidebar__serviceItem._dragble {
  z-index: 2;
  border-top: 0;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 4px 0 #999999;
}
.servicesSidebar__serviceItem > .icon {
  z-index: 1;
  position: relative;
  padding: 1rem 0 0 0.5rem !important;
}
.servicesSidebar__serviceItemBody {
  width: 100%;
  padding-left: 0 !important;
}
.servicesSidebar__serviceItemContent {
  flex-wrap: nowrap;
  display: flex !important;
  padding: 1rem 0 1rem 0.5rem !important;
  justify-content: space-between;
}
.servicesSidebar__serviceItem._archived > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent,
.servicesSidebar__serviceItem._hasNotQuery > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent {
  color: #999999 !important;
}
.servicesSidebar__serviceItem._isCategory > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent {
  padding-left: 0;
  position: relative;
}
.servicesSidebar__serviceItem._isCategory > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent:before {
  z-index: 1;
}
.servicesSidebar__serviceItem._isCategory > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent:before,
.servicesSidebar__serviceItem._isCategory > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent:after {
  top: 0;
  bottom: 0;
  right: 100%;
  width: 20px;
  content: '';
  position: absolute;
}
.servicesSidebar__serviceItem._isCategory._hasChildren > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent:before,
.servicesSidebar__serviceItem._isCategory._hasChildren > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent:after {
  width: 39px;
}
.servicesSidebar__serviceItemContent .servicesSidebar__serviceItemCount {
  color: #999999;
  word-break: normal;
  padding: 0 4px 0 0.5rem;
}
.servicesSidebar__serviceItem._dragble > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent > .IconButton {
  display: block !important;
}
.servicesSidebar__serviceItemContent .IconButton,
.servicesSidebar__serviceItem._dragble > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent > .servicesSidebar__serviceItemCount {
  display: none;
}
.servicesSidebar__serviceItem._dragble > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent:after,
.servicesSidebar__serviceItem._checked > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent:after,
.servicesSidebar__serviceItemContent:hover:after {
  background: #F8F8F8;
}
.servicesSidebar__serviceItem._dragble > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent,
.servicesSidebar__serviceItem._checked > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent,
.servicesSidebar__serviceItemContent:hover {
  background: #F8F8F8;
}
.servicesSidebar._enebleDnD .servicesSidebar__serviceItem._dragble > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent .servicesSidebar__serviceItemCount:not(._unsortable),
.servicesSidebar._enebleDnD .servicesSidebar__serviceItemContent:hover .servicesSidebar__serviceItemCount:not(._unsortable) {
  display: none;
}
.servicesSidebar._enebleDnD .servicesSidebar__serviceItem._dragble > .servicesSidebar__serviceItemBody > .servicesSidebar__serviceItemContent .IconButton,
.servicesSidebar._enebleDnD .servicesSidebar__serviceItemContent:hover .IconButton {
  display: block !important;
  cursor: pointer;
}
.servicesSidebar__subList {
  padding: 0 !important;
}

.Calendar__numberField {
  width: 62px !important;
  margin-right: 10px;
}

.ServiceCalendarForm__period .checkbox {
  margin-left: 12px;
}
.ServiceCalendarForm__period .DateTime {
  display: inline-block;
  margin-left: 0.5rem;
}
.ServiceCalendarForm__periodControl {
  width: 102px !important;
}

.ServiceCalendarForm__field {
  display: flex;
  align-items: flex-start;
  align-items: center !important;
  margin-bottom: 1.5rem !important;
}
.ServiceCalendarForm__label {
  width: 25%;
  padding-right: 0.5rem;
  margin-bottom: 0 !important;
}
.ServiceCalendarForm__control {
  flex: 1;
  min-width: 0;
}
.ServiceCalendarForm__warnings {
  padding-left: 31px !important;
}
.ServiceCalendarForm__warnings .icon {
  margin-left: -21px;
}
@media (max-width: 768px) {
  .ServiceCalendarForm__field {
    display: block;
  }
  .ServiceCalendarForm__label {
    width: 100%;
  }
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ServiceCalendar__switch {
  margin-top: 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ServiceCalendar__switch .ServiceCalendar__switchLabel {
  margin-right: 48px;
}
.ServiceCalendar__switch .ServiceCalendar__switchControl {
  display: flex;
  align-items: center;
}
.ServiceCalendar__switch .ServiceCalendar__switchControl .checkbox {
  margin-right: 12px;
}
.ServiceCalendar__switch .ServiceCalendar__switchControl .quiet {
  font-size: 12px;
}
.ServiceCalendar__haeder {
  display: flex;
  justify-content: space-between;
}
.ServiceCalendar__haeder .button {
  line-height: 36px;
  margin-right: 0 !important;
}
.ServiceCalendar__link {
  font-weight: bold;
}
.ServiceCalendar__controls {
  white-space: nowrap;
}
.ServiceCalendar__control {
  margin-left: 1rem !important;
}
.ServiceCalendar__table td:first-child {
  width: 30% !important;
  min-width: 140px;
}
.ServiceCalendar__table td:first-child a {
  white-space: normal;
}
.ServiceCalendar__table td {
  border-top-width: 1px !important;
  border-top-style: solid !important;
  border-top-color: rgba(34, 36, 38, 0.15) !important;
}
.ServiceCalendar__warnings {
  padding-left: 31px !important;
}
.ServiceCalendar__warnings .icon {
  margin-left: -21px;
}
.ServiceCalendar__warningsItems {
  margin-top: 18px !important;
}
.ServiceCalendar__warningsItems .item {
  margin: 6px 0 !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ParentModal__buttonGroup {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ParentModal__buttonGroup button:last-child {
  margin-right: 0 !important;
}
.ParentModal__error {
  margin-bottom: 1rem;
}
.ParentModal__item {
  border-top: 1px solid #ECECEC;
  padding: 0 !important;
  width: 100%;
  cursor: pointer;
  white-space: normal !important;
}
.ParentModal__item > .icon {
  padding: 1rem 0 0 6px !important;
}
.ParentModal__itemText {
  width: 100%;
}
.ParentModal__itemContent {
  display: flex !important;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 1rem 0 1rem 20px;
}
.ParentModal__itemContent:hover {
  background: #F8F8F8;
}
.ParentModal__item._hasNotQuery .ParentModal__itemContent {
  color: #999999 !important;
}
.ParentModal__itemClass {
  font-weight: bold;
}
.ParentModal__itemCount {
  color: #999999;
  padding: 0 4px 0 0.5rem;
  word-break: normal;
}
.ParentModal__itemSubList {
  padding: 0 !important;
}

.IEServiceRow__notifyDeclarant .services__rowDataControl,
.IEServiceRow__integrationPass .services__rowDataControl {
  padding: 1rem 0 12px !important;
}
.IEServiceRow__notifyDeclarant .row__body._editing,
.IEServiceRow__integrationPass .row__body._editing {
  flex: 1 !important;
}
.IEServiceRow__notifyDeclarant .row__controlsButtons,
.IEServiceRow__integrationPass .row__controlsButtons {
  margin-top: 1rem !important;
}
.IEServiceRow__notifyDeclarant .quiet,
.IEServiceRow__integrationPass .quiet {
  font-size: 12px !important;
}
.IEServiceRow__integrationPass .ServerIntegrationUrl {
  flex: 1 !important;
}
.IEServiceRow__notifyClient .quiet {
  font-size: 12px !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.PriorityIcon {
  border-radius: 4px;
  display: inline-block;
}
.PriorityIcon .icon {
  box-shadow: none !important;
  color: #FFFFFF;
  margin: 0;
}
.PriorityIcon._priority_emergency {
  background: var(--common_alert);
}
.PriorityIcon._priority_high {
  background: var(--common_accent);
}
.PriorityIcon._priority_normal {
  background: #DCDDDE;
}
.PriorityIcon._priority_normal .icon {
  color: #1B1C1D;
  opacity: 0.6;
}

.DeadlineField .input {
  width: 54px !important;
}
.DeadlineField__part + .DeadlineField__part {
  margin-left: 20px;
}
.DeadlineField__part .input {
  margin-right: 1rem;
}

.NotificationItem .error {
  margin: -1rem 0 1rem;
}
.NotificationItem__content {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline !important;
}
.NotificationItem__content .fields {
  flex-grow: 1;
  margin: 0 0.5em 1em -0.5em !important;
}
.NotificationItem__content .icon {
  opacity: 0.3;
  cursor: pointer;
}
.NotificationItem__content .icon:hover {
  opacity: 1;
}
.NotificationItem__content .input {
  width: 56px !important;
}

.PriorityField > *:not(:last-child) {
  margin-right: 1.25rem;
}

.StandartModal__field {
  display: flex;
  align-items: baseline;
}
.StandartModal__field > label {
  width: 25%;
  margin: 0 !important;
}
.StandartModal__field > label + * {
  width: 75%;
}
.StandartModal__subHeader {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: normal !important;
  margin: 1rem 0 1.5rem !important;
}

.StandartModal__body {
  position: relative;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.Standart {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 18px 16px;
  position: relative;
}
.Standart._disabled {
  background: #F8F8F8;
  padding-top: 1rem;
}
.Standart:first-child {
  margin-top: 1rem;
}
.Standart .item {
  width: 100%;
  align-items: flex-start;
}
.Standart .item .item__icon {
  padding-right: 1rem;
}
.Standart .Standart__priority {
  font-size: 12px;
  line-height: 12px;
}
.Standart__data {
  display: flex;
}
.Standart._disabled .Standart__data {
  margin-top: 1rem;
}
.Standart__controls {
  flex-grow: 0;
  white-space: nowrap;
  margin-right: -6px;
}
.Standart__controls .icon {
  margin-left: 1rem;
  opacity: 0.3;
  cursor: pointer;
}
.Standart__controls .icon:hover {
  opacity: 1;
}

.sla__gap {
  clear: both;
}
.sla__content {
  clear: both;
  overflow: hidden;
}

.service__popularOrder {
  width: 88px !important;
}
.services__confirmModalDescription.services__confirmModalDescription {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--common_alert);
}
.services__confirmModalText.services__confirmModalText,
.services__confirmModalDescription.services__confirmModalDescription {
  margin-bottom: 16px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
@keyframes icon-rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.services__sidebarWrap {
  padding: 0 1.5rem 0 0 !important;
  border: none !important;
}
.services,
.services > .row,
.services__contentWrap {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}
.services__subList._shrinked {
  display: none;
}
.services__tab {
  padding-top: 1.5rem;
  position: relative;
  min-height: 150px;
}
.services__tab .trumbowyg-box {
  margin-top: 0 !important;
}
.services__tab .row__label {
  width: 22%;
  max-width: 22%;
  min-width: 22%;
}
.services__tab .row__controls {
  white-space: nowrap;
}
.services__tab .row__body {
  /* limit row for FF */
  max-width: 75%;
  word-wrap: break-word !important;
}
.services__tab._type_pays {
  padding: 0;
}
.services__tab._type_common {
  padding-top: 0.5rem;
}
.services__tab._type_common .service__annotation {
  margin-top: 2rem;
}
.services__item {
  width: auto !important;
  min-height: 500px !important;
}
.services__item .Gap {
  padding-top: 90px;
  padding-bottom: 90px;
}
.services__block {
  margin: 21px 0;
}
.services__block:last-child {
  margin-bottom: 0;
}
.services__block .row__box {
  border: 0;
  min-height: 60px;
}
.services__block .row__box + .row__box {
  border-top: 1px solid #ECECEC;
}
.services__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.services__title h3 {
  margin: 0;
}
.services__title .ui.button {
  margin: 0;
}
.services__searchAction {
  margin-left: 1rem !important;
}
.services__rowData {
  word-wrap: break-word !important;
}
.services__rowDataAction {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  gap: 14px;
}
.services__rowDataActionButton {
  appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  cursor: pointer;
  opacity: 0.54;
  transition: opacity 0.3s;
  font-weight: 700;
}
.services__rowDataActionButton:hover {
  opacity: 1;
}
.services__rowDataActionButton .icon {
  margin: 0;
}
.services__rowDataActionButton_loading {
  animation: icon-rotate 1s linear infinite;
}
.services__rowDataActionIcon {
  margin: 0;
}
.services__rowDataControl {
  width: 100%;
}
.services__rowDataControl .ui.toggle.checkbox input:checked ~ label,
.services__rowDataControl .checkbox label {
  font-size: 12px;
  color: #999999 !important;
}
.services__uploader {
  padding-bottom: 14px;
  border-bottom: 1px solid #ECECEC;
  border-top: 1px solid white;
  margin-top: -1px;
  position: relative;
  z-index: 2;
}
.services__search {
  margin: 1.5rem 0 0.5rem;
  flex: 0 0 auto;
}
.services__personName {
  font-weight: bold;
  display: inline-block;
  width: 100%;
  padding: 0;
}
.services__modalAnnotation {
  margin-bottom: 1.5rem;
}
.services__checkAll {
  display: flex;
  align-items: center;
  margin: 1.5rem 0 1rem;
  padding-left: 0.5rem;
}
.services__checkAllText {
  font-weight: bold;
  color: #333333;
  line-height: 1rem;
  font-size: 12px;
  margin-left: 0.5rem;
}
.services__checkbox {
  vertical-align: sub;
}
.services__personListItem {
  margin: 0.5rem 0;
}
.services__personRemove {
  border: 0;
  background: none;
  padding: 0;
  opacity: 0.3;
  margin: 0 0.5rem;
  cursor: pointer;
  outline: none;
  margin-left: 2.5rem;
}
.services__personRemove:hover {
  opacity: 1;
}
.services__unusedListPerson {
  display: inline-block;
  margin-left: 0.5rem;
  appearance: none;
  background-color: transparent;
  padding: 0;
  border: 0;
}
.services__unusedListItem {
  border-top: 1px solid #ECECEC;
  padding: 1rem 0.5rem;
}
.services__addingModalType {
  margin-bottom: 1.5rem !important;
}
.services__treeWrap {
  position: relative;
  max-height: 300px;
  min-height: 80px;
  overflow: auto;
  margin-top: 14px;
}
.services__checkAll + .services__treeWrap {
  margin-top: 0;
}
.services__treeItem {
  padding: 1rem 0 !important;
  border-top: 1px solid #ECECEC;
  width: 100%;
}
.services__tab > div > .list > .services__treeItem:first-child {
  border-top: 0;
}
.services__treeItem._shrinked._hasChildren {
  padding-bottom: 1rem !important;
}
.services__treeItem._hasChildren {
  padding-bottom: 0!important;
}
.services__subTree .services__treeItem:before {
  position: absolute;
  top: 0;
  left: -50px;
  border-top: 1px solid #ECECEC;
  width: 50px;
  content: '';
}
.services__treeItem .services__treeCheckbox {
  float: left;
  margin-right: 0.5rem;
}
.services__subTree .services__treeItem .services__treeCheckbox {
  margin-left: -3rem;
  margin-right: 3rem;
}
.services__treeItem .services__treeItemText {
  width: 100%;
}
.services__treeItem .services__treeItemContent {
  display: flex !important;
  justify-content: space-between;
}
.services__treeItem .services__treeItemContentSubData {
  margin-top: 0.25rem;
}
.services__treeWrap .services__unusedListItem:first-child {
  border-top: 0;
}
.services__checkAll + .services__treeWrap .services__unusedListItem:first-child {
  border-top: 1px solid #ECECEC;
}
.services__treeWrap .services__unusedListPerson {
  cursor: pointer;
}
.services__checkAll + .services__treeWrap .services__unusedListPerson {
  cursor: default;
}
.services__treeItemCaret {
  cursor: pointer;
}
.services__subTree {
  margin-top: 1rem;
  margin-bottom: -1rem;
  position: relative;
  overflow: visible;
}
.services__subTree._shrinked {
  display: none;
}
.services__moveBtn,
.services__removeBtn {
  margin: -8px 0 0 !important;
  background: transparent !important;
}
.services__moveBtn._floated,
.services__removeBtn._floated {
  float: right;
  margin-bottom: -10px;
}
.services__moveBtn {
  opacity: 0.3 !important;
  margin-right: 0.5rem !important;
  cursor: pointer;
}
.services__moveBtn:hover {
  opacity: 1 !important;
}
.services__configItemsTree > .services__treeItem > .services__treeCheckbox {
  margin-left: 0.5rem;
}
.service__annotation {
  padding: 1.5rem;
  margin: 21px -21px -21px;
  border-radius: 0 0 4px 4px;
  background: #F8F8F8;
  color: #999999;
  font-size: 12px;
  line-height: 14px;
}
.services__gapTitle {
  font-size: 18px;
  line-height: 1.5rem;
  color: #333333;
  margin: 0.5rem 0;
}
.services__gapText {
  font-size: 14px;
  line-height: 16px;
  color: #999999;
  margin-bottom: 1rem;
}
.services__gapIcon {
  font-size: 3rem !important;
  margin: 0 !important;
}
.services__gapButton {
  margin-right: 0 !important;
}
.services__autoBinding {
  margin-right: 1rem;
}
.services__autoBindingControl {
  cursor: pointer;
  vertical-align: bottom !important;
}
.services__personControls {
  text-align: right !important;
}
.services__shortTableColumn {
  width: 120px;
  text-align: center !important;
}
.services__shortTableColumn + .services__shortTableColumn {
  text-align: right !important;
}
.services__shortTableColumn + .services__shortTableColumn .button .icon {
  opacity: 0.3 !important;
}
.services__shortTableColumn + .services__shortTableColumn .button:hover .icon {
  opacity: 1 !important;
}
.services__shortTableColumn:last-child {
  text-align: right !important;
}
.services__errorMsg {
  color: var(--common_alert);
}
.services__formControl {
  padding-left: 1.5rem;
}
.services__offerTypeControl {
  margin-top: 1.5rem;
}
.services__paysAlert {
  margin: 0 0 0.5rem !important;
}
.services__configItemAlert {
  margin: 0 0 1.5rem !important;
}
.services__ciGroupSearch {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.services__ciGroupInputSearch {
  width: 81%;
}
.services__paysAlertWrap {
  white-space: nowrap;
  display: flex;
}
.services__paysAlertText {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1.5rem;
}
.services__controls {
  float: right;
}
.services__controlsItem {
  background: none !important;
  font-weight: normal !important;
}
.services .services__controlsItem .services__controlsItemIcon.icon {
  margin-right: 4px !important;
  opacity: 0.3 !important;
}
.services__controlsItem:hover .services .services__controlsItem .services__controlsItemIcon.icon {
  opacity: 1 !important;
}
.services__tabCount {
  font-weight: normal;
  margin-left: 4px;
}
.services__createWrap .services__create {
  margin-right: 0;
}
.services__createWrap .dropdown.icon {
  display: none;
}
.services__modalError {
  margin-top: 1.5rem;
  display: inline-block;
}
.service__paysLogo {
  vertical-align: -1px !important;
  margin-right: 1rem;
}
.services__tabsWrap {
  margin-top: 2rem;
}
.tabs__wrapper {
  position: relative;
}
.tabs__wrapper:before,
.tabs__wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 40px;
  z-index: 2;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  content: '';
}
.tabs__wrapper:after {
  left: auto;
  right: 0;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
}
.tabs__wrapper .tabular {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 1.5rem;
}
.tabs__wrapper .tabular .item:last-child:after {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: -1.5rem;
}
.services__controlsItem + .services__controlsItem {
  margin-right: -1rem;
}
.services__planeTab {
  position: relative;
  min-height: 150px;
}
.services__drugableElemnt {
  display: flex;
}
.services__drugableElemnt td:first-child {
  flex: 1 1 auto;
}
.services__tableHeadRow th {
  border-bottom: 0 !important;
}
.services__creatModalFieldControl {
  padding-left: 1.5rem;
}
.services__paysLogo {
  height: 14px;
}
.services__sbpLogo {
  height: 33px;
  width: 32px;
}
.services__radio.ui.checkbox label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.services__radio.ui.checkbox label::before,
.services__radio.ui.checkbox label::after {
  top: calc(50% - 7px);
}
.services__currentIcon {
  margin-top: -8px;
}
.services__currentColor {
  height: 24px;
  width: 34px;
  margin-top: -4px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}
.servies__colorPicker {
  margin-bottom: 0.5rem;
}
/* В колорпикере есть ползунок, который регулирует прозрачность цвета, который нам не нужен */
.servies__colorPicker > div:nth-child(2) > div:first-child > div:nth-child(2) {
  display: none;
}
.services__currentColorValue {
  vertical-align: bottom;
  margin-left: 0.5rem;
}
.serices__fakeSubmitButton {
  display: none;
}
.services__archivedDisclamer {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: -10px;
}
.CITree {
  position: relative;
  max-height: 300px;
  min-height: 80px;
  overflow: auto;
}
.CITree__selectAll {
  padding: 1rem 1rem 1rem 0.5rem;
}
.CITree__item {
  display: flex;
  border-top: 1px solid #ececec;
  padding: 1rem 1rem 1rem 0.5rem;
}
.CITree__item .icon {
  cursor: pointer;
}
.CITree__space {
  display: inline-block;
}
.CITree__subTree._shrinked {
  display: none;
}
.rightLabelField {
  position: relative;
}
.rightLabelField input {
  padding-right: 40% !important;
}
.rightLabelField:after {
  content: attr(data-right-placeholder);
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999999;
  white-space: nowrap;
}
.services__employeeField {
  display: flex;
  justify-content: space-between;
  margin-right: -5%;
}
.services__employeeField .row__editIcon {
  opacity: 0.3;
  padding: 4px;
  cursor: pointer;
  margin-left: 0.5rem;
}
.services__employeeField .row__editIcon:hover {
  opacity: 1;
}
.services__employeeFieldCtrl {
  flex: 1 1 auto;
  padding-right: 10px;
}
.services__personBinding {
  position: relative;
  top: 2px;
}
.ServicePrice .ui.form {
  width: 100%;
}
.ServicePrice__tab {
  display: flex;
}
.ServicePrice__fieldGroup {
  align-items: center;
}
.ServicePrice__field {
  flex: 1 !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.ServicePrice__field input::-webkit-outer-spin-button,
.ServicePrice__field input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.ServicePrice__field input[type=number] {
  -moz-appearance: textfield;
}
.ServicePrice__field._field_price {
  width: 130px !important;
}
.ServicePrice__field._field_isProduct {
  width: 80px !important;
  max-width: 80px !important;
}
.ServicePrice__field._field_productCount label {
  margin-right: 0.5rem !important;
  white-space: nowrap;
}
.ServicePrice__field._field_productCount .ui.input {
  min-width: 60px !important;
  max-width: 60px !important;
}
@media (max-width: 1150px) {
  .ServicePrice__fieldGroup {
    display: block !important;
  }
  .ServicePrice__field {
    padding-bottom: 1rem;
  }
}
.services__row-box.row__box.field {
  border-bottom: 0;
  margin-bottom: 0;
}
.services__row-box.row__box.field .row__label {
  line-height: 18px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 0;
}
.services__row-box.row__box.field + .services__row-box.row__box.field {
  border-top: 1px solid #ECECEC;
}
.services-agency__row-box.row__box.field {
  display: flex;
  align-items: center;
  border: none;
  margin: 0 !important;
}
.services-agency__wrapper {
  border-radius: 4px;
  background: #f8f8f9;
  padding: 24px;
}
.services-agency__separator {
  border: 1px solid #f1f1f1;
  margin: 24px 0;
}
.services-agency__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: #f8f8f9;
}
.services-agency__title {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.41px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.services-agency__info-wrapper {
  padding-top: 8px;
}
.services-agency__togle-wrapper {
  display: flex;
  align-items: center;
}
.services-agency__info {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.41px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #808080;
}
.services-agency__inn-placeholder {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #808080;
}
.services-agency__inn-error-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: 4px;
}
.services-agency__errors {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ff6f4d;
}
.services-agency__read-only {
  padding: 10px 0;
  line-height: 18px;
  margin-left: 10px;
}
.services__row-body.row__body {
  padding-left: 0;
  max-width: none;
}
.services__row-body.row__body div {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.services__form-row-body.row__body {
  padding-right: 0;
  max-width: none;
}
.services__required::after {
  display: inline-block !important;
  content: '*';
  color: #f00;
  margin-left: 4px;
}
.services__margin {
  margin-top: -10px !important;
}
.services__actions {
  display: flex;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ECECEC;
}
.services__read-only {
  padding: 10px 0;
  line-height: 18px;
}
.services__read-only_with-comission {
  display: flex;
  justify-content: space-between;
}
.services__offer-input {
  margin-top: 14px;
}
.services__offer-uploader {
  padding-bottom: 14px;
  border-bottom: 1px solid #ECECEC;
  border-top: 1px solid white;
  margin-top: 14px;
  position: relative;
  z-index: 2;
}
.services__error-string {
  margin-top: 10px;
}
.services__addChecklist {
  margin: 0 !important;
  float: right;
  clear: both;
}
.services__addChecklist .icon {
  margin: 0 !important;
}
.ui.form .services__input_error > input {
  background-color: var(--inputs_bkg_error);
  border-color: var(--inputs_border_error);
  color: var(--basic-on-bg-primary);
  box-shadow: none;
}
.services__ffd-version {
  margin-right: 24px;
  padding-top: 10px;
}

.ActivityTable__filters {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
}
.ActivityTable__filtersItem {
  width: 33.3%;
  padding: 0 0.5rem 0.5rem;
  min-width: 250px;
}
.ActivityTable__filtersItem .close {
  display: none;
}
.ActivityTable .ListRedux {
  position: relative;
}
.ActivityTable .ListRedux .dimmer {
  z-index: 1 !important;
}
.ActivityTable__empty {
  text-align: center;
  width: 200px;
  margin: auto;
  margin-top: 2rem;
}

.config-items__avatar-limiter {
  color: #333;
  width: 40px;
  float: left;
  margin-right: 4px;
  text-align: center;
  text-transform: uppercase;
  line-height: 38px;
}
.config-items__avatar-wrapper {
  width: 100%;
  padding: 0 0 100%;
  position: relative;
}
.config-items__avatar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #ececec;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #999;
  font-size: 14px;
}
.config-items__avatar._has-avatar {
  border: 0;
}
.config-items__avatar::before {
  content: '';
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.config-items__tickets-subject-cell {
  width: 22%;
}
.config-items__tickets-deadline-cell {
  width: 1%;
  white-space: nowrap;
}
.config-items__tickets-worker-cell {
  width: 36%;
}
.config-items__tickets-ctime-cell {
  width: 1%;
  white-space: nowrap;
}

.config-items__tickets {
  position: relative;
}

.carousel-banner {
  background-size: cover;
  min-width: 100%;
  min-height: 236px;
  scroll-snap-align: center;
}
.carousel-banner__content {
  color: var(--common_white);
  padding-left: 100px;
  padding-top: 35px;
  width: 100%;
  height: 100%;
}
.carousel-banner__title {
  font-size: 21px;
  width: 350px;
  height: 54px;
  overflow: hidden;
  margin-bottom: 8px;
}
.carousel-banner__description {
  margin: 0;
  font-size: 14px;
  width: 500px;
  height: 18px;
  overflow: hidden;
}
.carousel-banner__button.ui.primary.button {
  margin-top: 40px;
  margin-bottom: 35px;
}

.carousel {
  position: relative;
}
.carousel__close.icon.close {
  position: absolute;
  z-index: 1;
  color: rgba(0, 255, 0, 0.6);
  top: 20px;
  right: 25px;
  cursor: pointer;
  appearance: none;
  transition: opacity 0.3s;
  mix-blend-mode: luminosity;
}
.carousel__close:hover {
  opacity: 0.85;
}
.scroller {
  overflow-x: scroll;
  display: flex;
  scroll-snap-type: x mandatory;
  overflow: hidden;
  border-radius: 4px;
}
.carousel__next.ui.icon.button,
.carousel__prev.ui.icon.button {
  position: absolute;
  top: 108px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
  border-radius: 4px;
  color: var(--common_white);
  background: rgba(0, 255, 0, 0.6);
  cursor: pointer;
  mix-blend-mode: luminosity;
}
.carousel__next {
  right: 20px;
}
.carousel__prev {
  left: 20px;
}
.carousel:hover .carousel__next.ui.icon.button,
.carousel:hover .carousel__prev.ui.icon.button {
  opacity: 1;
}
.carousel:hover .carousel__next.ui.icon.button:hover,
.carousel:hover .carousel__prev.ui.icon.button:hover {
  opacity: 0.85;
}
.carousel__dots {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  bottom: 24px;
}
.carousel__dot {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  padding: 0;
  background: rgba(0, 255, 0, 0.3);
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  mix-blend-mode: luminosity;
}
.carousel__dot_active {
  background: rgba(0, 255, 0, 0.6);
}

.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 2rem;
  color: var(--common_main);
  text-align: center;
  height: 100%;
  min-height: 200px;
}
.empty-state__icon {
  color: var(--basic-bg-accent) !important;
}
.empty-state__message {
  font-size: 18px;
  line-height: 1.4;
}

.additionalServices__row {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  min-width: 0;
}
.additionalServices__nowrap {
  white-space: nowrap;
}
.additionalServices__item {
  margin-right: 1rem;
  min-width: 0;
  width: 50%;
}
.additionalServices__itemWide {
  width: 100%;
  margin-right: 0;
}
.additionalServices__chart {
  margin-top: 1rem;
}

.ClientsWidget__chart {
  height: 118px;
  margin-left: -10px;
  margin-top: 10px;
}
.ClientsWidget__statistic {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  gap: 12px;
}
.ClientsWidget__statisticItem {
  width: calc((100% - 36px) / 4);
}
.ClientsWidget__statisticItem_removed {
  color: #808080;
}
.clients-widget__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 0px;
  margin-top: 14px;
}
.clients-widget__legend-item {
  display: flex;
  gap: 8px;
  align-items: center;
  line-height: 16px;
  white-space: nowrap;
  width: 50%;
  font-size: 12px;
}
.multi-checkbox__wrapper {
  position: relative;
  width: 16px;
  height: 16px;
}
.multi-checkbox__checkbox {
  border-radius: 2px;
  overflow: hidden;
  display: block;
  appearance: none;
  border: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.multi-checkbox__checkbox:checked + .multi-checkbox__check {
  display: block;
}
.multi-checkbox__check {
  cursor: pointer;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}

.Rating {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
}
.Rating._editable .Rating__item {
  cursor: pointer;
}
.Rating._editable .Rating__icon {
  cursor: pointer !important;
}
.Rating__item {
  position: relative;
  margin: 0;
  line-height: 1;
  display: inline-block;
}
.Rating._size_small .Rating__item {
  font-size: 14px;
  width: 14px;
  height: 14px;
}
.Rating._size_medium .Rating__item {
  font-size: 21px;
  width: 21px;
  height: 21px;
}
.Rating._size_large .Rating__item {
  font-size: 26px;
  width: 26px;
  height: 26px;
}
.Rating__floatStarWrap {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  height: 100%;
}
.Rating__icon {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 1 !important;
  cursor: default !important;
  position: absolute;
  left: 0;
  top: 0;
  font-size: inherit;
  line-height: 1;
}

.employeesWidget__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.employeesWidget__list {
  min-height: 0;
}
.employeesWidget__message {
  min-height: 0;
  flex: 1;
  height: 100%;
}
.employeesWidget__message .WidgetLayout__empty {
  height: 100%;
}
.employeesWidget__ratingWrap {
  float: right;
  white-space: nowrap;
  width: 85px;
  box-sizing: initial;
  padding-left: 1rem;
}
.employeesWidget__item:not(:last-child) {
  margin-bottom: 4px;
}
.employeesWidget__item:first-child {
  margin-top: 1.2rem;
}
.employeesWidget__ratingCount {
  margin-left: 6px;
}
.employeesWidget__rating {
  display: inline-block;
  margin-top: 12px;
}
.employeesWidget__contact {
  font-weight: bold;
  display: inherit;
}
.employeesWidget__counts {
  color: black;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.dashboardMeters__row {
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-start;
  min-width: 0;
}
.dashboardMeters__row._type_meter {
  margin-bottom: 1rem;
}
.dashboardMeters__nowrap {
  white-space: nowrap;
}
.dashboardMeters__item {
  min-width: 0;
  width: 100%;
}
.dashboardMeters__meterTypeIcon {
  font-size: 36px !important;
  line-height: 36px !important;
}
.dashboardMeters__meterTypeIcon._type_HotWater {
  color: var(--common_alert);
}
.dashboardMeters__meterTypeIcon._type_ColdWater {
  color: #54c2f7;
}
.dashboardMeters__meterType {
  font-weight: bold;
}
.dashboardMeters__meterType,
.dashboardMeters__meterCount {
  color: black;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.ticketsWidget__header {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.ticketsWidget__chart {
  width: 150px;
  min-width: 150px;
  height: 150px;
  position: relative;
}
.ticketsWidget__rating {
  white-space: nowrap;
  margin-left: 1rem;
  margin-top: 30px;
}
.ticketsWidget__ratingVal {
  font-weight: bold;
  font-size: 1.85em;
}
.ticketsWidget__topList {
  margin-bottom: 1rem;
}
.ticketsWidget__message {
  position: relative;
  background: #F8F8F8;
  border-radius: 4px;
  padding: 1rem 2rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.ticketsWidget__message._size_small {
  min-height: 7rem;
}
.ticketsWidget__message._size_medium {
  min-height: 10rem;
}
.ticketsWidget__message._size_big {
  min-height: 14rem;
}
.ticketsWidget__messageIcon {
  display: inline-block;
  font-size: 1.3rem;
}
.ticketsWidget__messageText {
  line-height: 1;
  display: inline-block;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .ticketsWidget__header {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .ticketsWidget__chart {
    margin-bottom: 1rem;
  }
  .ticketsWidget__rating {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .ticketsWidget__header {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .ticketsWidget__chart {
    margin-bottom: 1rem;
  }
  .ticketsWidget__rating {
    margin-left: 0;
    margin-top: 0;
  }
}
.ticketsDoughnutChart {
  position: absolute;
  width: 300px;
  height: 150px;
  top: 0;
  left: -75px;
  z-index: 0;
}
.ticketsDoughnutChart__desc {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 105px;
  height: 105px;
  z-index: -1;
}
.ticketsDoughnutChart__centered {
  text-align: center;
  white-space: nowrap;
}
.ticketsDoughnutChart__title {
  font-size: 1.85rem;
  margin-top: 0.6em;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.ticketsDoughnutChart__subTitle {
  font-size: 0.85rem;
  line-height: 1.2;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.utilitiesAndRepairChart {
  height: 280px;
  margin-top: 1rem;
}
.utilitiesAndRepairChart canvas {
  margin-left: -13px;
}
.dashboardDebtors {
  height: 100%;
}
.dashboardDebtors__CI {
  width: 36px;
  height: 36px;
  background: #DCDDDE;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  margin-right: 0.5rem;
}
.dashboardDebtors__empty {
  margin: 0.5rem 0;
}
.dashboardDebtors__tooltipItem {
  font-size: 12px;
  white-space: nowrap;
  margin-bottom: 0.5rem;
}
.dashboardDebtors__rest {
  font-size: 12px;
  margin-top: 1rem;
}
.dashboardDebtors__total {
  margin-bottom: 1rem;
}
.dashboardDebtors__listItem {
  margin-bottom: 0.5rem;
}
.dashboardDebtors__colorOrange {
  color: var(--common_alert);
}
.dashboardDebtors__tenantName {
  font-weight: bold;
}
@media (max-width: 992px) {
  .visible.transition.dashboardDebtors__tooltip {
    display: none !important;
  }
}

.periodModalContent--h18re {
  padding: 24px !important;
}

.periodModalContent--h18re .ui--h9hZV.form--HZzva .field--AsUZc {
  margin-bottom: 0 !important;
}

.periodForm--MyOYZ {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.periodRow--Z23jJ {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

.periodLabel--Cxiky {
  font-size: 14px;
  line-height: 2.8;
  white-space: nowrap;
}

.periodInputs--nhR1y {
  display: flex;
  align-items: center;
  gap: 12px;
}

.periodInputs--nhR1y > div > div {
    margin: unset;
  }

.periodSeparator--Etvbu {
  font-size: 14px;
  white-space: nowrap;
}

.errorMessage--ulOVH {
  color: #e74c3c;
  font-size: 14px;
}

.dashboard {
  position: relative;
}
.dashboard .dashboardHeader {
  padding: 12px 20px !important;
}
.dashboard .dashboardHeaderContent {
  display: flex;
  align-items: center;
  width: 100%;
}
.dashboard .dashboardTitle {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #333 !important;
  line-height: 1.2 !important;
  flex-shrink: 0;
}
.dashboard .dashboardCenter {
  margin-left: 80px;
  flex: 1;
  display: flex;
  justify-content: flex-start;
}
.dashboard .dashboardPeriodDropdown {
  width: 300px !important;
  max-width: 300px !important;
}
.dashboard .dashboardPeriodDropdown .ui.dropdown .text {
  font-weight: 500 !important;
}
.dashboard .dashboardRefresh {
  display: flex !important;
  align-items: center !important;
  flex-direction: column !important;
  flex-shrink: 0;
  margin-left: auto;
}
.dashboard .dashboardRefreshTime {
  margin: 8px 0 0 0 !important;
  color: var(--button_secondary_on_bkg_normal);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: right;
  white-space: nowrap;
}
.dashboard__filter {
  margin-right: 1rem;
}
.dashboard__filter:last-child {
  margin-right: 0;
}
.dashboard__notification .ui.orange.message {
  text-align: center;
}
.dashboard__notStretch {
  align-self: flex-start !important;
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .dashboard__labelGradient {
    position: relative;
    overflow: hidden;
  }
  .dashboard__labelGradient:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  }
}
@media screen and (max-width: 768px) {
  .dashboard__empty._static {
    position: relative;
  }
  .dashboard__filters {
    justify-content: flex-start;
  }
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.horizontalBarChart__title {
  font-weight: bold;
}
.horizontalBarChart__item {
  margin-bottom: 1rem;
  line-height: 1;
}
.horizontalBarChart__itemHeader {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.horizontalBarChart__itemHeaderTitle {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  min-width: 0;
}
.horizontalBarChart__itemHeaderRight {
  white-space: nowrap;
  margin-left: 0.5rem;
}
.horizontalBarChart__itemRating {
  width: 87px;
}
.horizontalBarChart__desc {
  white-space: nowrap;
  color: #999999;
  padding-left: 0.5em;
}
.horizontalBarChart__container {
  margin-top: 0.5rem;
  height: 20px;
}
.horizontalBarChart__legend {
  margin-top: 1rem;
}
.horizontalBarChart__legend._compact {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 220px;
}
.horizontalBarChart__legend._compact .horizontalBarChart__legendItem {
  width: 105px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.horizontalBarChart__legendItem {
  display: flex;
  line-height: 2;
  align-items: center;
}
.horizontalBarChart__legendLabel {
  font-size: 12px;
  margin-left: 0.4rem;
  vertical-align: text-bottom;
}
.horizontalBarChart__legendLabelPoint {
  background: #DCDDDE;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-block;
}
.WidgetLayout {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 1.5rem !important;
}
.WidgetLayout__content {
  flex: 1;
}
.WidgetLayout__empty {
  padding: 1rem;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: 100px;
  justify-content: center;
}
.WidgetLayout__empty:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
  z-index: -1;
}
.WidgetLayout__empty .ui.header {
  font-weight: normal;
}
.WidgetLayout__empty .ui.header .sub.header {
  margin-top: 0.5rem;
}
.WidgetLayout__empty .ui.header .icon {
  font-size: 2em;
}
.WidgetLayout__empty._padded {
  padding: 10%;
}
.WidgetLayout__empty._filled:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
  z-index: -1;
  background: #F8F8F8;
}
.WidgetLayout__textBig {
  font-size: 1.85em;
  line-height: 1;
  font-weight: bold;
}
.WidgetLayout__textSmall {
  font-size: 0.85rem;
  line-height: 1.3;
}
.WidgetLayout__textMiddle {
  font-size: 1.85em;
  line-height: 1;
  font-weight: bold;
}
.WidgetLayout__textBig {
  font-size: 2.5em;
  line-height: 1;
  font-weight: bold;
}
.WidgetLayout__textBigHelper {
  font-size: 2.5rem;
  line-height: 1;
  vertical-align: baseline;
}
.WidgetLayout__textBigHelper:before {
  content: '';
}
.WidgetLayout__colorOrange {
  color: var(--common_alert);
}
.WidgetLayout__colorTeal {
  color: var(--common_accent);
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .WidgetLayout__labelGradient {
    position: relative;
    overflow: hidden;
  }
  .WidgetLayout__labelGradient:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  }
}

.DynamicFields__options {
  margin-bottom: 12px;
  overflow: hidden;
}
.DynamicFields__option {
  margin-bottom: 1rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.DynamicFields__gapText {
  font-size: 18px;
  line-height: 1.5rem;
  color: #333333;
  margin: 0.5rem 0;
}
.DynamicFields__fieldValues {
  margin-top: 2px !important;
}
.DynamicFields__loader {
  position: relative;
  height: 60px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.DynamicFields__list {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}
.DynamicFields__list .list.ul.icon {
  padding: 0 !important;
}
.DynamicFields__list > .item {
  padding: 0 !important;
  position: relative;
  z-index: 1;
  display: flex !important;
}
.DynamicFields__list > .item .list {
  padding: 0 !important;
}
.DynamicFields__list > .item .list .item {
  cursor: pointer;
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
}
.DynamicFields__list > .item .list .field {
  cursor: pointer;
  border-top: 1px solid rgba(34, 36, 38, 0.15) !important;
  padding: 1rem 0 1rem 0.5rem !important;
  display: flex;
  justify-content: space-between;
}
.DynamicFields__list .item.active,
.DynamicFields__list > .item .list .field:hover {
  background: #ECECEC;
}
.DynamicFields__list .DynamicFields__fieldRemover {
  opacity: 0.3;
  margin-left: 0.5rem;
}
.DynamicFields__list .DynamicFields__fieldRemover:hover {
  opacity: 1;
}
.DynamicFields__list > .item .list .item:hover .DynamicFields__fieldRemover {
  display: block;
}
.DynamicFields__list .caret.icon {
  position: relative;
  padding: 1rem 0 0 !important;
  width: 19px;
  flex-shrink: 0;
  text-align: center;
}
.DynamicFields__list .content {
  width: 100%;
  padding: 0 !important;
}
.DynamicFields__list .description {
  padding: 1rem 0 1rem 0.5rem !important;
  position: relative;
  width: 100%;
  cursor: pointer;
}
.DynamicFields__list .description:before,
.DynamicFields__list .description:after {
  position: absolute;
  width: 19px;
  height: 100%;
  top: 0;
  right: 100%;
  content: '';
}
.DynamicFields__list .description:before {
  z-index: -1;
}
.DynamicFields__list .description:hover {
  background: #ECECEC;
}
.DynamicFields__list .description:hover:before {
  background: #ECECEC;
}
.DynamicFields__itemName {
  word-break: break-all;
}

.DynamicFields__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.DynamicFields__header .header {
  margin-bottom: 0 !important;
}
.DynamicFields__header .button {
  margin-right: 0 !important;
}
.DynamicFields__buttons {
  display: flex;
  gap: 16px;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.NotPermission {
  position: fixed !important;
  top: 74px;
  right: 1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.NotPermission__text {
  margin-top: 2.5rem;
  font: bold 24px/1.2 'Roboto', sans-serif;
}
.NotPermission__description {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 1.2;
  color: #999999;
}
.NotPermission svg > path {
  fill: var(--header-bg-primary);
}

.main--s4P2I {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-grow: 1;
}

  @media (min-width: 1440px) and (max-width: 10000px) {.main--s4P2I {
    padding: 24px calc((100% - 1440px + 48px) / 2);
    padding: 24px round(up, calc((100% - 1440px + 48px) / 2), 1px) 32px
      round(down, calc((100% - 1440px + 48px) / 2), 1px)
}
  }

  @media (min-width: 1280px) and (max-width: 1439px) {.main--s4P2I {
    padding: 24px
}
  }

  @media (max-width: 1279px) {.main--s4P2I {
    padding: 24px 16px
}
  }

@media (min-width: 1280px) and (max-width: 10000px) {

.main--s4P2I[data-variant="cropped"] {
    height: calc(100vh - 64px);
    overflow: hidden
}
  }

/*!
 * Bootstrap Grid v5.3.7 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

.select2-container {
  max-width: 100%;
  min-width: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
body > .select2-container {
  min-width: 0;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 34px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 12px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
}
.select2-container--focus .select2-selection--single {
  border-color: #47cbd7;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(71, 203, 215, 0.6);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  right: 1px;
  width: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #333 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #333 transparent;
  border-width: 0 4px 4px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 0;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #ccc;
  border-radius: 0;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 34px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #ccc;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 0;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #ccc;
  border-radius: 0;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #ccc;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}
.pika-single {
  *zoom: 1;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}
.pika-title {
  position: relative;
  text-align: center;
}
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
  *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
  *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}
.pika-select {
  display: inline-block;
  *display: inline;
}
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.28571429%;
  padding: 0;
}
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.pika-week {
  font-size: 11px;
  color: #999;
}
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}
.is-inrange .pika-button {
  background: #D5E9F7;
}
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}
/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.root-container {
  padding-top: 20px !important;
  margin-top: 0 !important;
}
.container {
  box-sizing: border-box;
  padding: 20px;
  max-width: 1300px;
  min-height: 100%;
  margin: 50px auto 0;
  position: relative;
}
.bold {
  font-weight: bold !important;
}
.small {
  font-size: 12px;
}
.alignRight {
  text-align: right;
}
.alignCenter {
  text-align: center;
}
.cleanButton {
  outline: none;
  cursor: pointer;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  opacity: 0.3;
}
.cleanButton:hover {
  opacity: 1;
}
.halfVerticalOffset {
  margin-bottom: 0.5rem;
}
.verticalOffset {
  margin-bottom: 1rem;
}
.zeroRightMargin {
  margin-right: 0 !important;
}
.zeroRightPadding {
  padding-right: 0 !important;
}
.quiet,
.quiet:active,
.quiet:hover {
  color: #999999;
}
.relative {
  position: relative !important;
}
.nowrap {
  white-space: nowrap;
}
.hidden {
  display: none !important;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 1px 0;
}
.success {
  color: var(--common_accent);
}
.noPadding {
  padding: 0 !important;
}
.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: underline;
}
.link {
  color: var(--common_link);
  cursor: pointer;
}
.link:hover {
  color: #018ecc;
}
.iconButton {
  cursor: pointer;
  color: #999999;
}
.iconButton:hover {
  color: var(--basic-on-bg-primary);
}
.ui.modal {
  position: relative;
}
.ui.form .fields {
  flex-wrap: wrap;
  gap: 14px 0;
}
.ui.form textarea.trumbowyg-textarea {
  min-height: 300px;
  max-height: none;
  border: 0;
}
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 0px !important;
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  background-color: #C9C9C9;
}
.ui.toggle.checkbox.disabled input:disabled ~ .box:before,
.ui.toggle.checkbox.disabled input:disabled ~ label:before {
  background-color: #DADADA !important;
}

.ui.grid {
  margin-top: 0;
  margin-bottom: 0;
}
.ui.grid > .row {
  margin-left: 0;
  margin-right: 0;
}
.modal .required:after {
  display: none;
}
.modal .header {
  height: auto;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: collapse;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.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: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.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:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  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;
}
.input-group-addon.input-group-label {
  border: none;
  background: transparent;
}
.input-group.input-max-width {
  width: 100%;
}
.btn .icon.pencil,
.btn .icon.trash,
.btn-edit .icon {
  color: #cccccc;
}
.btn .icon.pencil:hover,
.btn .icon.trash:hover,
.btn-edit .icon:hover {
  color: #bebebe;
}
.form-core__edit-btn {
  width: 1%;
  vertical-align: top;
}

.ui.modal {
  margin-left: auto !important;
  margin-right: auto !important;
}
.ui.modals {
  z-index: 10002 !important;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
#CallsWidget {
  position: fixed;
  bottom: 3.5rem;
  right: 50px;
  z-index: 1000;
}
.CallsWidget {
  background: #FFFFFF;
  border-radius: 4px;
  cursor: default;
}
.CallsWidget._size_small,
.CallsWidget._size_middle {
  width: 17rem;
  box-shadow: 0 0 10px var(--common_accent), inset 0 0 0 1px var(--common_accent);
  padding: 1rem;
}
.CallsWidget._size_middle {
  width: 23rem;
}
.CallsWidget._size_big {
  width: 27rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
}
.CallsWidget__header {
  padding: 1rem;
  border-bottom: 1px solid #f1f1f1;
}
.CallsWidget__control {
  position: absolute;
  right: 18px;
  top: 26px;
  cursor: pointer;
  color: #999999;
}
.CallsWidget__actions {
  padding: 1rem;
  background: #F8F8F8;
}
.CallsWidget__content {
  padding: 1rem 1rem 1.5rem;
}
.CallsWidget__note {
  font: 12px / normal 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin-top: 1.5rem;
}
.CallsWidget__noteButton {
  outline: none;
  cursor: pointer;
}
.CallsWidget__noteButton span {
  margin-left: 4px;
}
.CallsWidget__noteForm {
  display: flex;
  flex-wrap: nowrap;
}
.CallsWidget__noteFormButtons {
  display: flex;
  align-items: baseline;
  margin-left: 0.7rem;
}
.CallsWidget__noteFormButtons .HotKeyWrap {
  margin: 0 0 0 0.7rem;
}
.CallsWidget__noteText {
  margin-bottom: 0.5rem;
  font-size: 14px;
}
.CallsWidget__additional {
  list-style: none;
  font: 12px / normal 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  border-top: 1px solid #F8F8F8;
  padding: 1rem;
  margin-top: 0;
}
.CallsWidget__additionalItem + .CallsWidget__additionalItem {
  margin-top: 0.5rem;
}
.CallsWidget__additionalItem._warning {
  color: var(--common_alert);
}
.CallsWidget__actionsLinking {
  font: 12px / normal 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.CallsWidget__actionsLinkingControl + .CallsWidget__actionsLinkingControl {
  margin-left: 1rem;
}
.CallsWidget__actionsLinkingControl .error,
.CallsWidget__actionsLinkingControl a {
  font-weight: bold;
  outline: none;
  cursor: pointer;
}
.CallsWidget__actionsLinkingControl .quiet {
  margin-left: 4px;
}
.CallsWidget__ringWidget {
  margin-right: 38px;
}
.CallsWidget__ringWidgetIconWrap {
  background: var(--common_accent);
  border-radius: 50%;
  width: 32px;
  height: 32px;
  text-align: center;
  margin-right: 1rem;
}
.CallsWidget__ringWidgetIconWrap .icon {
  color: #fff;
  margin: 0.5rem 0 0;
}
.CallsWidget__ringWidget._type_REJECTED .CallsWidget__ringWidgetIconWrap,
.CallsWidget__ringWidget._type_FINISHED .CallsWidget__ringWidgetIconWrap {
  background: #9b9b9b;
}
.CallsWidget__ringWidget._type_REJECTED .CallsWidget__ringWidgetIconWrap .icon,
.CallsWidget__ringWidget._type_FINISHED .CallsWidget__ringWidgetIconWrap .icon {
  transform: rotate(135deg);
  margin-top: 11px;
}
.CallsWidget__ringWidgetStatus {
  font: bold 12px / normal 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  color: var(--common_accent);
  white-space: nowrap;
}
.CallsWidget__ringWidget._type_REJECTED .CallsWidget__ringWidgetStatus {
  color: var(--common_alert);
}
.CallsWidget__ringWidget._type_INCOMING .CallsWidget__ringWidgetStatus,
.CallsWidget__ringWidget._type_OUTCOMING .CallsWidget__ringWidgetStatus,
.CallsWidget__ringWidget._type_FINISHED .CallsWidget__ringWidgetStatus {
  color: #999999;
}
.CallsWidget__ringWidgetStatusTime {
  margin-right: 4px;
}
.CallsWidget__ringWidgetDescription {
  font: bold 14px / normal 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.BillModal__error {
  margin-top: 2rem;
  text-align: right;
}
.BillModal__services {
  margin-top: 2rem;
}
.BillModal__servicesAdd {
  font-weight: bold;
  outline: none;
  cursor: pointer;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
}
.BillModal__servicesAdd._active {
  opacity: 0.3;
  cursor: default;
}
.BillModal__serviceParams {
  display: flex;
  margin-top: 1rem;
  align-items: baseline;
}
.BillModal__serviceParams button + button {
  margin-right: 0 !important;
}
.BillModal__serviceParamsItem {
  width: calc(30% - 1rem);
  margin-right: 1rem;
}
.BillModal__serviceParamsItem._type_name {
  width: calc(40% - 1rem);
}
.BillModal__total {
  overflow: hidden;
}
.BillModal__total table {
  float: right;
}
.BillModal__totalSum {
  font-size: 20px;
}
.BillModal__servicesProductName {
  font-size: 12px;
}
.BillModal__servicesControl {
  padding: 0.5rem !important;
}
.BillModal__servicesControl .icon {
  margin-right: 0 !important;
}
.BillModal__serviceForm {
  overflow: visible !important;
}
.BillModal__field {
  display: flex;
  align-items: flex-start;
}
.BillModal__label {
  width: 145px;
  padding-top: 0.5rem;
  padding-right: 1rem;
}
.BillModal__control {
  flex: 1;
  min-width: 0;
}

.UpsertCarModalForm__wrap {
  display: flex;
  align-items: flex-start;
}
.UpsertCarModalForm__wrap .form {
  flex: 1;
}
.UpsertCarModalForm__wrap .button {
  margin: 0 0 0 1rem;
}
.UpsertCarModalForm__wrap + .error {
  margin-top: 1rem;
}

.ConfigItem__subTitle {
  font-weight: normal;
  font-size: 18px;
  margin-top: 2rem !important;
}
.ConfigItem__addCategory {
  margin: 0 0 0 0.5rem !important;
}
.ConfigItem__inputWithRightPlaceholder.rightLabelField {
  width: 50% !important;
}
.ConfigItem__inputWithRightPlaceholder.rightLabelField input {
  padding-right: 2rem !important;
}
.ConfigItem__addressHint {
  margin-bottom: 1rem;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.MetersModal .header {
  font-size: 1.5rem !important;
}
.MetersForm {
  position: relative;
}
.MetersForm__field {
  display: flex;
  margin-bottom: 1.5rem !important;
}
.MetersForm__field .checkbox {
  width: 30%;
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.MetersForm__fieldTiny {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5rem !important;
}
.MetersForm__fieldInterval {
  margin-bottom: 1rem !important;
}
.MetersForm__fieldDesc {
  font-size: 0.85rem;
  display: inline-block;
  position: relative;
  top: 0px;
  bottom: 0px;
  margin: auto 0;
}
.MetersForm__control {
  flex: 1;
  min-width: 0;
}
.MetersForm__controlCapacity {
  display: flex;
}
.MetersForm__controlCapacity .field {
  margin-right: 10px!important;
}
.MetersForm__controlUnits .selection.dropdown {
  width: 50% !important;
}
.MetersForm__controlDate {
  display: flex;
}
.MetersForm__controlDate .field {
  margin-bottom: 0px !important;
}
.MetersForm__controlTariff {
  padding-top: 0.5rem;
}
.MetersForm__controlTariff .radio {
  margin-right: 1rem !important;
  width: auto !important;
}
.MetersForm__label {
  padding-top: 0.5rem;
  width: 30%;
}
.MetersForm__label .checkbox {
  vertical-align: bottom;
  margin-right: 0.5rem;
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.MetersForm__labelInterval {
  width: 15%;
  padding-top: 0.5rem;
}
.MetersForm__exampleDesc {
  font-size: 0.85rem;
  display: inline-block;
  position: relative;
  top: 0.5rem;
  width: 120px;
}
.MetersForm__divider {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.MetersForm_small .MetersForm__label {
  width: 25%;
}
.MetersForm__values .MetersForm__label {
  width: 33% ;
}
.MetersForm__intervalError {
  position: absolute;
  bottom: -30px;
}
.ValueField__set {
  box-shadow: 0 transparent inset;
  transition: color 0.1s ease, border-color 0.1s ease;
  padding: 6px;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 4px;
  display: inline-block;
  margin-right: 10px;
}
.ValueField ._additional {
  border: 1px solid var(--common_alert);
}
.ValueField ._additional .ValueField__numb {
  border-color: var(--common_alert) !important;
  color: var(--common_alert) !important;
}
.ValueField__numb {
  padding: 0 !important;
  margin: 0 !important;
  line-height: 22px !important;
  width: 20px !important;
  height: 22px !important;
  text-align: center;
  border-radius: 0 !important;
  border: none !important;
  vertical-align: middle;
  border-right: 1px solid rgba(34, 36, 38, 0.15) !important;
  display: inline-block;
}
.ValueField__numb:last-child {
  border-right: none !important;
}
.ValueField--example .ValueField__numb {
  display: inline-block;
  line-height: 16px !important;
  width: 16px !important;
  height: 16px !important;
}
.IntervalField {
  display: flex;
  gap: 20px;
}
.IntervalField__itemRadio {
  top: 0px;
  bottom: 0px;
  margin: auto 0;
}
.IntervalField__itemRadio .radio {
  width: auto !important;
}
.IntervalField__itemInput {
  width: 100px;
  padding-right: 1rem;
  box-sizing: content-box;
}
.IntervalField .rightLabelField input {
  padding-right: 0.5rem !important;
}
.IntervalField .rightLabelField:after {
  right: 2rem !important;
  margin-top: -1px;
}
.IntervalField .rightLabelField.error input {
  background-color: #ffd4ca !important;
  border-color: #FF6F4D !important;
}
.PeriodField button {
  text-transform: capitalize !important;
}
.MeterValueTransfer__title {
  padding-right: 2rem;
}
.MeterValueTransfer__text {
  margin-bottom: 2rem;
}

.ConfigItemTreeModal__CITreeItem {
  display: flex;
  align-items: center;
}
.ConfigItemTreeModal__CITreeItem + .ConfigItemTreeModal__CITreeItem {
  border-top: 1px solid #ececec;
}
.ConfigItemTreeModal__CITreeItem .icon {
  cursor: pointer;
}
.ConfigItemTreeModal__CITreeItem .checkbox {
  margin: 0 0.5rem;
}
.ConfigItemTreeModal__CITreeItem__space {
  display: inline-block;
}

.ConfigItemTreeModal__CITree {
  position: relative;
  overflow: auto;
}

.NewsForm__row {
  margin-bottom: 1em;
}
.NewsForm__field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem !important;
}
.NewsForm__control {
  flex: 1;
  min-width: 0;
}
.NewsForm__dateForm {
  display: flex;
  width: 50%;
}
.NewsForm__label {
  width: 22%;
  padding-right: 0.5rem;
  padding-top: 10px;
}
.NewsForm__controlLink {
  cursor: pointer;
  font-weight: bold;
}
.NewsForm__toggle {
  margin: 10px 0 14px;
  display: block;
}
.NewsForm__time {
  max-width: 70px;
}
.NewsForm__date {
  max-width: 200px;
}
@media (max-width: 768px) {
  .NewsForm__field {
    display: block;
  }
  .NewsForm__label {
    width: 100%;
  }
}
.TextEditor {
  height: 275px !important;
  padding: 5px !important;
  border-radius: 2px !important;
  border: 1px solid rgba(34, 36, 38, 0.15);
}
.visual-editor .trumbowyg-box,
.visual-editor .trumbowyg-editor {
  min-height: 100px;
}
.trumbowyg-dropdown button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trumbowyg-dropdown button svg {
  display: none;
}
.trumbowyg-modal-box input {
  padding: 0 !important;
}
.trumbowyg-box {
  margin: 0 !important;
}
.NewsForm__fieldComments {
  margin: -3px 0 0;
  padding: 0;
  list-style: none;
}
.NewsForm__fieldCommentsProp {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.NewsForm__fieldCommentsProp {
  margin-right: 1.5rem;
}
.NewsForm__fieldCommentsProp:last-child {
  margin: 0;
}
.NewsForm__fieldCommentsPropCheckbox,
.NewsForm__fieldCommentsPropName {
  vertical-align: middle !important;
}
.NewsForm__fieldCommentsPropName {
  margin-left: 0.5rem;
}
.NewsForm__pinField {
  margin-top: 7px;
}
.NewsForm__pinFieldComments {
  margin-top: 12px;
}
.NewsForm__pinFieldActions {
  margin-top: 8px;
}
.News__commentsList {
  width: 100%;
}
.News__commentsList .Lazyload {
  margin-top: 1rem;
}
.News__commentsList .Lazyload,
.News__commentsList .Lazyload__children {
  min-height: 0;
}
.News__commentsList._empty .Lazyload {
  height: 0;
  margin: 0;
  min-height: 0;
}
.datepicker {
  width: 100%;
}

.TaggedCI {
  max-height: 200px;
  overflow-y: auto;
  margin-top: 0.5rem;
}
.NewsForm__fieldTextarea {
  position: relative;
}
.NewsForm__fieldTextarea textarea {
  padding-right: 2rem !important;
}
.NewsForm__fieldTextarea .IconButton {
  position: absolute;
  top: 0.5rem;
  right: -2px;
}
.NewsForm__fieldTextarea .IconButton .icon {
  font-size: 10px !important;
}
.visual-editor {
  position: relative;
  z-index: 1;
}
.visual-editor .trumbowyg-foreColorFree-dropdown-button {
  display: none;
}

.news-ci-groups__selected-amount,
.news-ci-groups__selected-more {
  margin-top: 16px;
  color: #8a8a8a;
  line-height: 16px;
}
.news-ci-groups__selected-more {
  cursor: pointer;
}
.news-ci-groups__selected-labels-wrapper {
  margin: 7px 0;
}
.news-ci-groups__selected-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  overflow: hidden;
}
.news-ci-groups__selected-labels_minimized {
  max-height: 82px;
}
.news-ci-groups__selected-label {
  background-color: #ececec;
  border-radius: 4px;
  padding: 4px 8px;
  width: 166px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.news-ci-groups__selected-name {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news-ci-groups__selected-close.icon {
  margin: 0;
  display: block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s;
}
.news-ci-groups__selected-close.icon::before {
  display: block;
  line-height: 14px;
  text-align: center;
  width: 14px;
  height: 14px;
}
.news-ci-groups__selected-close.icon:hover {
  opacity: 1;
}

/** Trumbowyg v2.8.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
.trumbowyg-dropdown-backColor,
.trumbowyg-dropdown-foreColor {
  width: 276px;
  padding: 7px 5px;
}
.trumbowyg-dropdown-backColor svg,
.trumbowyg-dropdown-foreColor svg {
  display: none !important;
}
.trumbowyg-dropdown-backColor button,
.trumbowyg-dropdown-foreColor button {
  display: block;
  position: relative;
  float: left;
  text-indent: -9999px;
  height: 20px;
  width: 20px;
  border: 1px solid #333;
  padding: 0;
  margin: 2px;
}
.trumbowyg-dropdown-backColor button:focus::after,
.trumbowyg-dropdown-backColor button:hover::after,
.trumbowyg-dropdown-foreColor button:focus::after,
.trumbowyg-dropdown-foreColor button:hover::after {
  content: " ";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 27px;
  width: 27px;
  background: inherit;
  border: 1px solid #FFF;
  box-shadow: #000 0 0 2px;
  z-index: 10;
}

/* Global */
/* Elements */
/* Collections */
/* Modules */
/* Views */
/*******************************
         Site Settings
*******************************/
/*-------------------
       Fonts
--------------------*/
/*-------------------
      Base Sizes
--------------------*/
/* This is the single variable that controls them all */
/* The size of page text  */
/*-------------------
    Border Radius
--------------------*/
/* See Power-user section below
   for explanation of @px variables
*/
/*-------------------
    Brand Colors
--------------------*/
/*--------------
  Page Heading
---------------*/
/*--------------
   Form Input
---------------*/
/* This adjusts the default form input across all elements */
/* Input Text Color */
/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
/*-------------------
    Focused Input
--------------------*/
/* Used on inputs, textarea etc */
/* Used on dropdowns, other larger blocks */
/*-------------------
        Sizes
--------------------*/
/*
  Sizes are all expressed in terms of 14px/em (default em)
  This ensures these "ratios" remain constant despite changes in EM
*/
/*-------------------
        Page
--------------------*/
/*-------------------
      Paragraph
--------------------*/
/*-------------------
       Links
--------------------*/
/*-------------------
    Scroll Bars
--------------------*/
/* Inverted */
/*-------------------
  Highlighted Text
--------------------*/
/*-------------------
       Loader
--------------------*/
/*-------------------
        Grid
--------------------*/
/*-------------------
     Transitions
--------------------*/
/*-------------------
     Breakpoints
--------------------*/
/*-------------------
      Site Colors
--------------------*/
/*---  Colors  ---*/
/*---  Light Colors  ---*/
/*---   Neutrals  ---*/
/*--- Colored Backgrounds ---*/
/*--- Colored Headers ---*/
/*--- Colored Text ---*/
/*--- Colored Border ---*/
/*-------------------
     Alpha Colors
--------------------*/
/*-------------------
       Accents
--------------------*/
/* Differentiating Neutrals */
/* Differentiating Layers */
/*******************************
           Power-User
*******************************/
/*-------------------
    Emotive Colors
--------------------*/
/* Positive */
/* Negative */
/* Info */
/* Warning */
/*-------------------
        Paths
--------------------*/
/* For source only. Modified in gulp for dist */
/*-------------------
       Em Sizes
--------------------*/
/*
  This rounds @size values to the closest pixel then expresses that value in (r)em.
  This ensures all size values round to exact pixels
*/
/* em */
/* rem */
/*-------------------
       Icons
--------------------*/
/* Maximum Glyph Width of Icon */
/*-------------------
     Neutral Text
--------------------*/
/*-------------------
     Brand Colors
--------------------*/
/*-------------------
      Borders
--------------------*/
/*-------------------
    Derived Values
--------------------*/
/* Loaders Position Offset */
/* Rendered Scrollbar Width */
/* Maximum Single Character Glyph Width, aka Capital "W" */
/* Used to match floats with text */
/* Header Spacing */
/* Minimum Mobile Width */
/* Positive / Negative Dupes */
/* Responsive */
/*-------------------
  Exact Pixel Values
--------------------*/
/*
  These are used to specify exact pixel values in em
  for things like borders that remain constantly
  sized as emSize adjusts

  Since there are many more sizes than names for sizes,
  these are named by their original pixel values.

*/
/* Columns */
/*******************************
             States
*******************************/
/*-------------------
      Disabled
--------------------*/
/*-------------------
        Hover
--------------------*/
/*---  Shadows  ---*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Focus
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
    Down (:active)
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
/*-------------------
        Active
--------------------*/
/*---  Colors  ---*/
/*---  Emotive  ---*/
/*---  Brand   ---*/
/*---  Dark Tones  ---*/
/*---  Light Tones  ---*/
.PassModal {
  will-change: top, left, margin !important;
}
.PassModal__reset {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  cursor: pointer;
  outline: none;
}
.passesListForm {
  padding-bottom: 2rem;
  margin-top: -26px;
}
.passesListForm__title {
  font-weight: normal;
  font-size: 18px;
}
.passesListForm__row {
  margin-bottom: 1em;
}
.passesListForm__field {
  display: flex;
  align-items: flex-start;
}
.passesListForm__control {
  flex: 1;
  min-width: 0;
}
.passesListForm__control._flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.passesListForm__controlSub {
  margin-top: -0.5rem;
  font: 12px / normal 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.passesListForm__controlInline {
  margin-left: 0.5rem;
  cursor: pointer;
  outline: none;
}
.passesListForm__label {
  width: 25%;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
}
.passesListForm__newClient {
  color: #999999;
}
.passesListForm__searchIcon {
  padding: 0.7em !important;
  color: #999999;
}
.passesListForm__labelInline {
  padding: 0 0.5rem;
  white-space: nowrap;
}
.passesListForm__FilterField {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 200px;
  margin-bottom: 0.5rem;
}
.passesListForm__FilterField .DateTime {
  width: 175px;
}
.passesListForm__validitField {
  display: flex;
}
.passesListForm__validitField .dateTimeCombined__field {
  width: 126px !important;
}
.passesListForm__validitField .field {
  margin-bottom: 0 !important;
  display: flex;
}
.passesListForm__validitField .ui.checkbox {
  margin: auto;
}
.passesListForm__dateWrap {
  display: flex;
}
.passesListForm__CIItem .quiet {
  margin-top: 0.5em;
  font-size: 12px;
}
.passesListForm__bottomHint {
  margin-top: 1rem;
}
.passesListForm__blockTitle {
  font-size: 18px;
  margin-bottom: 1.5rem;
  display: inline-block;
}
.passesListForm__pseudoInput {
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  line-height: 17px;
  padding: 10px 14px;
  background: #F8F8F8;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 4px;
  position: relative;
}
.passesListForm__pseudoInput.error {
  background: #ffd4ca;
  border-color: var(--common_alert);
  opacity: 0.6;
}
.passesListForm__pseudoInputPlaceholder {
  color: #999;
}
.passesListForm__pseudoInputValueLocation {
  font-size: 12px;
  line-height: 1.2;
}
.passesListForm__pseudoInputClear {
  cursor: pointer;
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
}
.passesListForm__pseudoInputClear .icon {
  color: #999999 !important;
  opacity: 0.8;
  font-size: 0.85em;
}
.passesListForm__ticketField {
  display: flex;
  align-items: center;
}
.passesListForm__ticketField .DropdownWrap {
  flex: 1;
}
.passesListForm__ticketFieldPrefix {
  margin-right: 0.5rem;
}
.passesListForm__guest {
  border-bottom: 1px solid #ECECEC;
  margin-top: 1rem;
  display: flex;
}
.passesListForm__guest:last-child {
  border-bottom: none !important;
}
.passesListForm__guestNumber {
  margin-right: 1rem;
  font-size: 1.25rem;
}
.passesListForm__guestData {
  flex: 1;
}
.passesListForm__guestData .dropdown {
  min-width: auto !important;
}
@media (max-width: 768px) {
  .passesListForm__guestData .ui .input {
    margin-bottom: 0.5rem !important;
  }
  .passesListForm__guestData .ui .dropdown {
    margin-bottom: 0.5rem !important;
  }
}
.passesListForm__guestControl {
  margin-left: 1rem;
  min-width: 40px;
}
.passesListForm__guestControl button {
  margin-right: 0 !important;
}
.passesListForm__addCarField {
  display: flex;
}
.passesListForm__addCarField .DropdownWrap {
  flex: 1;
}
.passesListForm__addCarField .dropdown {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.passesListForm__addCarField .button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 768px) {
  .passesListForm__control._flex {
    flex-wrap: wrap;
  }
  .passesListForm__field {
    display: block;
  }
  .passesListForm__label {
    width: 100%;
  }
}
.AddressSearch {
  margin-bottom: 2rem;
}
.AddressSearch .table {
  width: 100% !important;
}
.AddressSearch__item {
  cursor: pointer;
}
.AddressSearch__item:hover {
  background: #F8F8F8;
}
.AddressSearch__radio {
  padding-left: 0.5rem;
}
.AddressSearch__empty {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 165px;
}
.AddressSearch__empty .quiet {
  margin-top: 1rem;
}
.AddressSearch__results {
  position: relative;
}
.AddressSearch__results._loading {
  height: 165px;
}
.AddressSearch__results .Lazyload {
  max-height: 165px;
}
.ticketsListForm__addressTitle {
  font-weight: normal;
  font-size: 18px;
}
.ticketsListForm__row {
  margin-bottom: 1em;
}
.ticketsListForm__field {
  display: flex;
  align-items: flex-start;
}
.ticketsListForm__control {
  flex: 1;
  min-width: 0;
}
.ticketsListForm__control._flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.ticketsListForm__control .PriorityField {
  margin-top: 4px;
}
.ticketsListForm__controlSub {
  margin-top: -0.5rem;
  font: 12px / normal 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.ticketsListForm__controlInline {
  margin-left: 0.5rem;
  cursor: pointer;
  outline: none;
}
.ticketsListForm__label {
  width: 25%;
  padding-top: 0.5rem;
}
.ticketsListForm__newClient {
  color: #999999;
}
.ticketsListForm__searchIcon {
  padding: 0.7em !important;
  color: #999999;
}
.ticketsListForm__labelInline {
  padding: 0 0.5rem;
  white-space: nowrap;
}
.ticketsListForm__FilterField {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 200px;
  margin-bottom: 0.5rem;
}
.ticketsListForm__FilterField .DateTime {
  width: 175px;
}
.ticketsListForm__CIItem .quiet {
  margin-top: 0.5em;
  font-size: 12px;
}
.ticketsListForm__bottomHint {
  margin-top: 1rem;
}
.ticketsListForm__CreateNewClienRow {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #333;
}
.ticketsListForm__blockTitle {
  font-size: 18px;
  margin-bottom: 1.5rem;
  display: inline-block;
}
@media (max-width: 768px) {
  .ticketsListForm__control._flex {
    flex-wrap: wrap;
  }
  .ticketsListForm__field {
    display: block;
  }
  .ticketsListForm__label {
    width: 100%;
  }
}
.AddressSearch {
  margin-bottom: 2rem;
}
.AddressSearch .table {
  width: 100% !important;
}
.AddressSearch__item {
  cursor: pointer;
}
.AddressSearch__item:hover {
  background: #F8F8F8;
}
.AddressSearch__radio {
  padding-left: 0.5rem;
}
.AddressSearch__empty {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 165px;
}
.AddressSearch__empty .quiet {
  margin-top: 1rem;
}
.AddressSearch__results {
  position: relative;
}
.AddressSearch__results._loading {
  height: 165px;
}
.AddressSearch__results .Lazyload {
  max-height: 165px;
}
.productCountField {
  max-width: 210px;
  display: inline-block;
  width: 100%;
  margin-right: 0.5rem;
}
.productCountField input::-webkit-outer-spin-button,
.productCountField input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
.productCountField input[type=number] {
  -moz-appearance: textfield;
}
.ticketsListForm__pseudoInput {
  margin: 0em;
  max-width: 100%;
  flex: 1 0 auto;
  outline: none;
  line-height: 17px;
  padding: 10px 30px 10px 14px;
  background: #F8F8F8;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 4px;
  position: relative;
}
.ticketsListForm__pseudoInput.error {
  background: #ffd4ca;
  border-color: var(--common_alert);
  opacity: 0.6;
}
.ticketsListForm__pseudoInputPlaceholder {
  color: #999;
}
.ticketsListForm__pseudoInputValueLocation {
  font-size: 12px;
  line-height: 1.2;
}
.ticketsListForm__pseudoInputClear {
  cursor: pointer;
  position: absolute;
  right: 0.8rem;
  top: 0.8rem;
  color: #999999 !important;
  opacity: 0.8 !important;
  font-size: 0.85em !important;
}
.ticketsListForm__pseudoInputClear._inline {
  position: static;
}

.PaymentForm__field {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem !important;
}
.PaymentForm__title {
  font-size: 18px;
  margin: 0 0 1.5rem;
}
.PaymentForm__divider {
  margin: 1rem 0 !important;
}
.PaymentForm__control {
  flex: 1;
  min-width: 0;
}
.PaymentForm__label {
  padding-top: 0.5rem;
  width: 25%;
}
.billDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Alerts {
  position: fixed;
  top: 66px;
  right: 2rem;
  opacity: 0.95;
  z-index: 1000;
}
.Alerts .close {
  top: 8px !important;
  right: 8px !important;
}
.Alerts__item {
  padding-right: 2.5rem !important;
  max-width: 600px;
}