.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .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;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  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;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  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;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .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: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .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--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 #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.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__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  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 #aaa; }

.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 .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--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  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 #aaa;
  border-radius: 4px;
  outline: 0;
  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: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .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 #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    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 #aaa;
  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: 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: 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 #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .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 #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.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__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.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 #aaa;
  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--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  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";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type=button],
input[type=reset] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
 * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
 *    (similar to normalize.css >=4.0.0)
 */
input[type=search] {
  -webkit-appearance: none;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: "webflow-icons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^=w-icon-],
[class*=" w-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "webflow-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.w-icon-slider-right:before {
  content: "\e600";
}

.w-icon-slider-left:before {
  content: "\e601";
}

.w-icon-nav-menu:before {
  content: "\e602";
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: "\e603";
}

.w-icon-file-upload-remove:before {
  content: "\e900";
}

.w-icon-file-upload-icon:before {
  content: "\e903";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}

.w-webflow-badge,
.w-webflow-badge * {
  position: static;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  visibility: visible;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  float: none;
  clear: none;
  border: 0 none transparent;
  border-radius: 0;
  background: none;
  background-image: none;
  background-position: 0% 0%;
  background-size: auto auto;
  background-repeat: repeat;
  background-origin: padding-box;
  background-clip: border-box;
  background-attachment: scroll;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
  transform: none;
  transition: none;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  list-style-type: disc;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
}

.w-webflow-badge {
  position: fixed !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  top: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  color: #AAADB0 !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  padding: 6px 8px 6px 6px !important;
  font-size: 12px !important;
  opacity: 1 !important;
  line-height: 14px !important;
  text-decoration: none !important;
  transform: none !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.w-webflow-badge > img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 10px;
}

h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}

h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0;
  margin-bottom: 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

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

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

.w-embed:before,
.w-embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  position: relative;
  padding: 0;
}

.w-video iframe,
.w-video object,
.w-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

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

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}

.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.w-input,
.w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
  color: #999;
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
  color: #999;
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
  color: #999;
}

.w-input:focus,
.w-select:focus {
  border-color: #3898EC;
  outline: 0;
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.w-input,
textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  display: inline-block;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 0px;
}

.w-radio {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-radio:before,
.w-radio:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  margin: 4px 0 0;
  margin-top: 1px \9 ;
  line-height: normal;
  float: left;
  margin-left: -20px;
}

.w-radio-input {
  margin-top: 3px;
}

.w-file-upload {
  display: block;
  margin-bottom: 10px;
}

.w-file-upload-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -100;
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
  display: inline-block;
  color: #333333;
}

.w-file-upload-error {
  display: block;
  margin-top: 10px;
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  display: flex;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #cccccc;
  background-color: #fafafa;
}

.w-file-upload-file {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  border: 1px solid #cccccc;
  background-color: #fafafa;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  margin-top: 3px;
  margin-left: 10px;
  width: auto;
  height: auto;
  padding: 3px;
  display: block;
  cursor: pointer;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  display: inline-block;
  color: #ea384c;
  padding: 2px 0;
}

.w-file-upload-info {
  display: inline-block;
  line-height: 38px;
  padding: 0 12px;
}

.w-file-upload-label {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid #cccccc;
  background-color: #fafafa;
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}

.w-container:before,
.w-container:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

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

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before,
.w-row:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333333%;
}

.w-col-2 {
  width: 16.66666667%;
}

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

.w-col-4 {
  width: 33.33333333%;
}

.w-col-5 {
  width: 41.66666667%;
}

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

.w-col-7 {
  width: 58.33333333%;
}

.w-col-8 {
  width: 66.66666667%;
}

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

.w-col-10 {
  width: 83.33333333%;
}

.w-col-11 {
  width: 91.66666667%;
}

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

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333333%;
  }

  .w-col-medium-2 {
    width: 16.66666667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.33333333%;
  }

  .w-col-medium-5 {
    width: 41.66666667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.33333333%;
  }

  .w-col-medium-8 {
    width: 66.66666667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.33333333%;
  }

  .w-col-medium-11 {
    width: 91.66666667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row,
.w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333333%;
  }

  .w-col-small-2 {
    width: 16.66666667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.33333333%;
  }

  .w-col-small-5 {
    width: 41.66666667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.33333333%;
  }

  .w-col-small-8 {
    width: 66.66666667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.33333333%;
  }

  .w-col-small-11 {
    width: 91.66666667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333333%;
  }

  .w-col-tiny-2 {
    width: 16.66666667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.33333333%;
  }

  .w-col-tiny-5 {
    width: 41.66666667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.33333333%;
  }

  .w-col-tiny-8 {
    width: 66.66666667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.33333333%;
  }

  .w-col-tiny-11 {
    width: 91.66666667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}
.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 28px;
  height: 20px;
  text-align: center;
  background: white;
  border: #758696 solid 1px;
  border-radius: 3px;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  position: relative;
  font-size: 15px;
  line-height: 12px;
  text-align: center;
  color: #999;
  font-family: serif;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  position: relative;
  display: block;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  top: 50%;
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-color: rgba(117, 134, 150, 0);
  border-right-color: #5d6c7b;
  border-width: 4px;
  margin-left: -9px;
  margin-top: -4px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-left: -10px;
  margin-top: -5px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 4px;
  margin-left: -8px;
  margin-top: -4px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-left: -9px;
  margin-top: -5px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-color: rgba(117, 134, 150, 0);
  border-top-color: #5d6c7b;
  border-width: 5px;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: white;
  border-width: 4px;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-widget-gplus {
  overflow: hidden;
}

.w-background-video {
  position: relative;
  overflow: hidden;
  height: 500px;
  color: white;
}

.w-background-video > video {
  background-size: cover;
  background-position: 50% 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -100;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.w-slider {
  position: relative;
  height: 300px;
  text-align: center;
  background: #dddddd;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.w-slider-mask {
  position: relative;
  display: block;
  overflow: hidden;
  z-index: 1;
  left: 0;
  right: 0;
  height: 100%;
  white-space: nowrap;
}

.w-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
}

.w-slider-nav {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding-top: 10px;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  padding: 0.2em 0.5em;
  font-size: inherit;
  line-height: inherit;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, 0.4);
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  margin: 0 3px 0.5em;
  transition: background-color 100ms, color 100ms;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0px 0px 0px 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left,
.w-slider-arrow-right {
  position: absolute;
  width: 80px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  cursor: pointer;
  overflow: hidden;
  color: white;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left,
.w-icon-slider-right {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1em;
  height: 1em;
}

.w-slider-aria-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900;
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
  padding-right: 40px;
}

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

.w-icon-dropdown-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-right: 20px;
  width: 1em;
  height: 1em;
}

.w-dropdown-list {
  position: absolute;
  background: #dddddd;
  display: none;
  min-width: 100%;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  padding: 10px 20px;
  display: block;
  color: #222222;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}
/**
 * ## Note
 * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
 * For example percentage units do not work on descendants of elements that
 * have any dimensions expressed in viewport units. It also doesn’t handle them at
 * all in `calc()`.
 */
/**
 * Wrapper around all lightbox elements
 *
 * 1. Since the lightbox can receive focus, IE also gives it an outline.
 * 2. Fixes flickering on Chrome when a transition is in progress
 *    underneath the lightbox.
 */
.w-lightbox-backdrop {
  color: #000;
  cursor: auto;
  font-family: serif;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  list-style: disc;
  text-align: start;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 300;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  z-index: 2000;
  outline: 0;
  /* 1 */
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-transform: translate(0, 0);
  /* 2 */
}

/**
 * Neat trick to bind the rubberband effect to our canvas instead of the whole
 * document on iOS. It also prevents a bug that causes the document underneath to scroll.
 */
.w-lightbox-backdrop,
.w-lightbox-container {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.w-lightbox-content {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.w-lightbox-view {
  position: absolute;
  width: 100vw;
  height: 100vh;
  opacity: 0;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

/* .w-lightbox-content */
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame,
.w-lightbox-view:before {
  display: inline-block;
  vertical-align: middle;
}

/*
 * 1. Remove default margin set by user-agent on the <figure> element.
 */
.w-lightbox-figure {
  position: relative;
  margin: 0;
  /* 1 */
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

/**
 * IE adds image dimensions as width and height attributes on the IMG tag,
 * but we need both width and height to be set to auto to enable scaling.
 */
.w-lightbox-img {
  width: auto;
  height: auto;
  max-width: none;
}

/**
 * 1. Reset if style is set by user on "All Images"
 */
.w-lightbox-image {
  display: block;
  float: none;
  /* 1 */
  max-width: 100vw;
  max-height: 100vh;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.5em 1em;
  background: rgba(0, 0, 0, 0.4);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.w-lightbox-embed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.w-lightbox-control {
  position: absolute;
  top: 0;
  width: 4em;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: all 0.3s;
}

.w-lightbox-left {
  display: none;
  bottom: 0;
  left: 0;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-20 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0 0h5v23h23v5h-28z" opacity=".4"/><path d="m1 1h3v23h23v3h-26z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
}

.w-lightbox-right {
  display: none;
  right: 0;
  bottom: 0;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 24 40" width="24" height="40"><g transform="rotate(45)"><path d="m0-0h28v28h-5v-23h-23z" opacity=".4"/><path d="m1 1h26v26h-3v-23h-23z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
}

/*
 * Without specifying the with and height inside the SVG, all versions of IE render the icon too small.
 * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows.
 * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer)
 */
.w-lightbox-close {
  right: 0;
  height: 2.6em;
  /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="-4 0 18 17" width="18" height="17"><g transform="rotate(45)"><path d="m0 0h7v-7h5v7h7v5h-7v7h-5v-7h-7z" opacity=".4"/><path d="m1 1h7v-7h3v7h7v3h-7v7h-3v-7h-7z" fill="#fff"/></g></svg> */
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
}

/**
 * 1. All IE versions add extra space at the bottom without this.
 */
.w-lightbox-strip {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 1vh;
  line-height: 0;
  /* 1 */
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

/*
 * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
 *    which doesn’t work in Safari anyway.
 * 2. Chrome renders images pixelated when switching to GPU. Making sure
 *    the parent is also rendered on the GPU (by setting translate3d for
 *    example) fixes this behavior.
 */
.w-lightbox-item {
  display: inline-block;
  width: 10vh;
  padding: 2vh 1vh;
  box-sizing: content-box;
  /* 1 */
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  /* 2 */
}

.w-lightbox-active {
  opacity: 0.3;
}

.w-lightbox-thumbnail {
  position: relative;
  height: 10vh;
  background: #222;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  left: 50%;
  height: 100%;
  transform: translate(-50%, 0);
}

/*
 * Spinner
 *
 * Absolute pixel values are used to avoid rounding errors that would cause
 * the white spinning element to be misaligned with the track.
 */
.w-lightbox-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  border: 5px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  -webkit-animation: spin 0.8s infinite linear;
  animation: spin 0.8s infinite linear;
}

.w-lightbox-spinner:after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 50%;
}

/*
 * Utility classes
 */
.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view,
.w-lightbox-view:before {
    height: 96vh;
  }

  /* .w-lightbox-content */
  .w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left,
.w-lightbox-right {
    display: block;
    opacity: 0.5;
  }

  .w-lightbox-close {
    opacity: 0.8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before,
.w-richtext:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
  white-space: initial;
}

.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after {
  outline: 2px solid #2895f7;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after,
.w-richtext figure[data-rt-type=video] > div:after {
  content: "";
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.w-richtext figure {
  position: relative;
  max-width: 60%;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: 0.6;
}

.w-richtext figure div {
  /* fix incorrectly sized selection border in the data manager */
  font-size: 0px;
  color: transparent;
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type=image] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type=image] > figcaption {
  display: table-caption;
  caption-side: bottom;
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type=video] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  margin-right: auto;
  margin-left: auto;
  clear: both;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  display: inline-block;
  /* padding-bottom is used for aspect ratios in video figures
      we want the div to inherit that so hover/selection borders in the designer-canvas
      fit right*/
  padding-bottom: inherit;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  margin-right: 15px;
  clear: none;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  margin-left: 15px;
  clear: none;
}

.w-nav {
  position: relative;
  background: #dddddd;
  z-index: 1000;
}

.w-nav:before,
.w-nav:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}

.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  position: relative;
  float: right;
}

[data-nav-menu-open] {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #C8C8C8;
  text-align: center;
  overflow: visible;
  min-width: 200px;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  position: absolute;
  overflow: hidden;
  display: none;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation=over-left] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
  right: auto;
  z-index: 1;
  top: 0;
}

.w-nav[data-animation=over-right] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
  left: auto;
  z-index: 1;
  top: 0;
}

.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  background-color: #C8C8C8;
  color: white;
}

.w-nav[data-collapse=all] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse=all] .w-nav-button {
  display: block;
}

.w--nav-dropdown-open {
  display: block;
}

.w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse=medium] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=medium] .w-nav-button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .w-nav[data-collapse=small] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=small] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
  .w-nav[data-collapse=tiny] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse=tiny] .w-nav-button {
    display: block;
  }
}
.w-tabs {
  position: relative;
}

.w-tabs:before,
.w-tabs:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: #222222;
  background-color: #dddddd;
}

.w-tab-link.w--current {
  background-color: #C8C8C8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  position: relative;
  display: block;
  overflow: hidden;
}

.w-tab-pane {
  position: relative;
  display: none;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}
.w-ix-emptyfix:after {
  content: "";
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.w-dyn-empty {
  padding: 10px;
  background-color: #dddddd;
}

.w-dyn-hide {
  display: none !important;
}

.w-dyn-bind-empty {
  display: none !important;
}

.w-condition-invisible {
  display: none !important;
}

:root {
  --steel-blue: #2778bd;
  --warning: #ffa62b;
  --steel-blue-2: #2670b0;
  --white-smoke: whitesmoke;
  --dark: #212739;
  --error: #dd1c1a;
  --success: #33d36b;
  --silver: #bfc0c5;
  --white: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1/1/2/2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1/1/2/2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--steel-blue);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  font-weight: 600;
}

em {
  color: var(--warning);
  font-style: normal;
}

.section--login {
  width: 100vw;
  min-height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.top-gradient {
  width: 100vw;
  height: 8px;
  background-image: linear-gradient(to right, #2778bd, #2778bd 0%, #6fc2b2);
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.login__inner-container {
  width: 360px;
  margin-top: -90px;
  margin-left: auto;
  margin-right: auto;
}

.login__img {
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.login__form {
  background-color: #fff;
  margin-bottom: 0;
  padding: 30px;
}

.body {
  background-color: #f5f5f5;
}

.login__form__heading {
  color: var(--steel-blue);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 32px;
}

.login__form__label {
  margin-top: 30px;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.login__form__input-field {
  height: 45px;
  background-color: #eee;
  border: 1px #000;
  border-radius: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.login__form__button {
  width: 90px;
  height: 45px;
  background-color: var(--steel-blue);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  padding: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
  display: flex;
}

.side-bar {
  z-index: 2;
  width: 100%;
  height: 100vh;
  max-width: 360px;
  margin-top: 0;
  position: -webkit-sticky;
  position: sticky;
}

.side-bar__container {
  width: 100%;
  height: 100%;
  background-color: var(--steel-blue);
  padding: 0;
  position: relative;
}

.side-bar__heading {
  color: #fff;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
}

.side-bar__navigation {
  max-height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  overflow: scroll;
}

.side-bar__footer {
  width: 100%;
  height: 135px;
  background-color: #2670b0;
  padding: 30px;
  position: absolute;
  bottom: 0;
}

.footer__p {
  color: #fff;
  margin-bottom: 0;
  margin-right: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
}

.side-bar__heading-wrapper {
  height: 120px;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  display: flex;
}

.links__heading {
  color: #fff;
  margin-bottom: 15px;
  padding-left: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.links__dashboard {
  padding: 0 15px 30px;
}

.navigation__hr {
  width: 100%;
  height: 3px;
  opacity: 0.1;
  background-color: #212739;
}

.links__start-link {
  background-color: var(--steel-blue-2);
  border-radius: 3px;
  flex-direction: row;
  align-items: center;
  padding: 15px;
  display: flex;
}

.start-link__p {
  color: #fff;
  margin-bottom: 0;
  margin-left: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.start-link__img {
  width: 15px;
  height: 15px;
  color: #fff;
  font-size: 1px;
  line-height: 1em;
  display: block;
}

.navigation__section {
  padding: 30px 15px 30px 30px;
}

.navigation__heading {
  color: #fff;
  margin-bottom: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.navigation__single-link {
  cursor: pointer;
  align-items: center;
  margin-top: 8px;
  margin-left: -15px;
  padding: 15px;
  text-decoration: none;
  transition: all 0.125s;
  display: flex;
}

.navigation__single-link:hover {
  background-color: #2670b0;
}

.navigation__single-link.is--active {
  background-color: var(--steel-blue-2);
}

.single-link__p {
  color: #fff;
  margin-bottom: 0;
  margin-left: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.app__inner {
  z-index: 100;
  width: 100%;
  height: 100vh;
  background-color: #f5f5f5;
  overflow: scroll;
}

.app__heading {
  color: var(--steel-blue);
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 24px;
}

.app__screen {
  height: auto;
  min-height: 100%;
  justify-content: center;
  align-items: center;
  padding: 30px 30px 60px 60px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.footer__img-wrapper {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 15px;
}

.footer__power-icon {
  width: 15px;
  height: 15px;
  color: #fff;
  font-size: 21px;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.app {
  max-height: 100vh;
  font-weight: 500;
  display: flex;
}

.app__right-sidebar {
  width: 360px;
  position: relative;
  overflow: scroll;
}

.right-sidebar__grid {
  grid-template-columns: 1fr;
}

.right-sidebar__single-item {
  padding: 30px;
}

.right-sidebar__heading {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
}

.right-sidebar__card {
  width: 100%;
  height: auto;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 3px solid var(--white-smoke);
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 30px 15px;
  display: grid;
}

.entity-controls {
  height: auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}
.entity-controls-wrapper {
  display: flex;
}

.entity-controls__btn {
  background-color: var(--steel-blue);
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 15px;
  margin-right: 0;
  padding: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5em;
  text-decoration: none;
  transition: all 0.125s;
  display: flex;
  position: relative;
  box-shadow: 0 0 30px rgba(38, 112, 176, 0.25);
}

.entity-controls__btn:hover {
  background-color: var(--steel-blue-2);
}

.entity-controls__btn.is--top-left {
  flex: none;
  margin-left: 0;
}

.entity-controls__btn.is--disabled {
  box-shadow: none;
  opacity: 0.25;
  cursor: not-allowed;
  background-color: rgba(0, 0, 0, 0);
}

.entity-controls__btn__label {
  color: #fff;
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
}

.entity-controls__btn__label.no--margin {
  margin-left: 0;
}

.app__index-table {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

.index-table__single-item {
  background-color: #fff;
  padding: 15px 30px;
  text-decoration: none;
  position: relative;
}

.index-table__single__title {
  color: #212739;
  margin-bottom: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.index-table__single__wide-line {
  color: #212739;
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
}

.index-table__single__wide-action {
  align-items: center;
  margin-top: 15px;
  margin-bottom: 8px;
  text-decoration: none;
  display: flex;
}

.relations__single-item__open__p {
  color: var(--steel-blue);
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-controls__btn__img {
  max-height: 1em;
  max-width: 1em;
  color: #fff;
  font-size: 35px;
}

.search-bar__img {
  z-index: 1;
}

.index-table__single__top-right {
  color: var(--steel-blue);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: 15px;
  right: 30px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.entity-details {
  background-color: #fff;
  margin-top: 30px;
  padding: 30px;
}

.entity-details__title {
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-details__heading {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.entity-details__code {
  color: var(--steel-blue-2);
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-details__p {
  margin-top: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.entity-controls__links {
  width: 90%;
  height: 54px;
  border: 2px solid #eeeeef;
  border-radius: 3px;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 9px 15px 9px 30px;
  display: flex;
}

.entity-controls__link {
  cursor: pointer;
  align-items: center;
  margin-right: 15px;
  text-decoration: none;
  display: flex;
}

.entity-controls__link.is--disabled {
  opacity: 0.75;
  cursor: not-allowed;
}

.entity-controls__link__img {
  width: 15px;
  height: 15px;
}

.entity-controls__link__img.rotate--180deg {
  transform: rotate(90deg);
}

.entity-controls__link__label {
  color: var(--steel-blue);
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-controls__link__label:hover, .entity-controls__link__label:active {
  color: var(--steel-blue-2);
}

.entity-section {
  flex-direction: column;
  align-items: stretch;
  margin-top: 60px;
  display: flex;
}

.entity-section__heading {
  width: 100%;
  justify-content: space-between;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.entity-section__heading-text {
  margin-bottom: 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-section__heading-text.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.entity-section__heading-action {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.entity-section__heading-action__label {
  color: var(--steel-blue-2);
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-section__heading-action__img {
  width: 15px;
  height: 15px;
  margin-left: 8px;
}

.entity-section__table {
  max-height: 240px;
  background-color: #fff;
  border-radius: 5px;
  margin-top: 15px;
  padding: 30px;
  overflow: scroll;
}

.entity-section__table.is--higher {
  width: 100%;
  max-height: 480px;
}

.entity-section__table__grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.entity-section__table__row {
  border-bottom: 2px solid #f5f5f5;
  justify-content: space-between;
  padding-bottom: 15px;
  display: flex;
}

.entity-section__table-row__left {
  align-items: stretch;
  display: flex;
}

.entity-section__table-row__a {
  color: var(--steel-blue-2);
  margin-bottom: 0;
  margin-right: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}

.entity-section__table-row__text {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.entity-section__table-row__text.is--rich {
  color: var(--steel-blue-2);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
}

.entity-section__table-row__text.is--small {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5em;
}

.mobile-topbar {
  width: 100vw;
  height: 60px;
  display: none;
}

.mobile-navigation {
  display: none;
}

.search-bar__input {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: 3px solid #eee;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 0;
  padding: 15px 45px 15px 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  position: relative;
}

.search-bar {
  width: 300px;
  height: 45px;
  max-width: 300px;
  order: 1;
  position: relative;
}

.index-table__single__details-table {
  max-width: 720px;
  grid-column-gap: 15px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 8px;
  display: grid;
}

.measurement__single-item {
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  text-decoration: none;
}

.measurement__single-item__grid {
  grid-column-gap: 60px;
  color: #333;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
}

.measurement__single-item__grid__column {
  padding-top: 15px;
  padding-bottom: 15px;
}

.measurements__single-item__grid__p {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}

.measurements__single-item__grid__p.is--bold {
  font-weight: 700;
}

.measurement__single-item__grid__column__status {
  background-color: var(--steel-blue);
  color: #fff;
  border-radius: 3px;
  padding: 8px 60px;
}

.measurement__single-item__grid__column__status.is--orange {
  background-color: #ffa62b;
}

.measurement__single-item__grid__column__status.is--grey {
  background-color: var(--white-smoke);
}

.measurement__single-item__grid__column__status__p {
  text-align: center;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.form-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.form-section.flex {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -30px;
  display: flex;
}

.form-section__title {
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
}

.form-section__inner {
  max-height: 540px;
  grid-column-gap: 0px;
  grid-row-gap: 30px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 30px;
  display: grid;
  position: relative;
  overflow: scroll;
}

.form-section__inner.is--final-controls {
  display: inline-block;
  overflow: hidden;
}

.form-section__inner.two-columns {
  grid-row-gap: 30px;
  grid-template-columns: 2fr 1fr;
}

.form-row {
  grid-column-gap: 30px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.form-row.three-columns {
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.form-row.six-columns {
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.form-row.twelve-columns {
  grid-column-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.form-field {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.form-field.max-width260 {
  max-width: 260px;
}

.form-field__label {
  margin-bottom: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.form-field__input {
  height: 46px;
  min-height: 46px;
  border: 3px solid #eee;
  border-radius: 5px;
  flex: none;
  margin-bottom: 0;
  padding: 12px 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.form-field__input::-moz-placeholder {
  color: #ccc;
}

.form-field__input:-ms-input-placeholder {
  color: #ccc;
}

.form-field__input::placeholder {
  color: #ccc;
}

.form-field__input.is--select {
  height: 46px;
  min-height: 46px;
  background-color: #fff;
  flex: none;
}

.form-field__input.is--select.is--empty {
  color: #ccc;
}

.form-field__input.is--readonly {
  border-color: var(--white-smoke);
  background-color: var(--white-smoke);
}

.form-field__input.has--no-suffix {
  padding-right: 15px;
}

.form-field__input.has--suffix {
  padding-right: 60px;
}

.form-field__input-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.form-callout {
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 30px;
  font-size: 16px;
}

.form-callout__title {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.form-callout__title.is--orange {
  color: #ffa62b;
}

.form-callout__title.is--red {
  color: #dd1c1a;
}

.form-callout__title.is--green {
  color: #6fc2b2;
}

.form-callout__p {
  margin-top: 15px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  line-height: 1.5em;
}

.form-field__input__overlay-img {
  height: 15px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.form-button {
  background-color: var(--steel-blue);
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  padding: 15px;
  text-decoration: none;
  transition: all 0.125s;
  display: flex;
  box-shadow: 0 0 30px rgba(38, 112, 176, 0.25);
}

.form-button:hover {
  background-color: var(--steel-blue-2);
}

.form-field__error-container {
  grid-column-gap: 0px;
  grid-row-gap: 8px;
  color: #dd1c1a;
  background-color: rgba(221, 28, 26, 0.05);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 15px;
  padding: 8px 15px;
  font-weight: 500;
  display: grid;
}

.form-field__error {
  line-height: 1.2em;
}

.form-field__relation {
  width: auto;
  height: 100%;
  max-height: 46px;
  background-color: var(--steel-blue);
  color: #fff;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.form-field__relation:hover {
  background-color: var(--steel-blue-2);
}

.form-field__relation__icon {
  width: 15px;
  height: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

.form-field__input__overlay-suffix {
  height: 100%;
  text-align: right;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: 0;
  right: 15px;
}

.form-field__text-area {
  width: 100%;
  min-height: 96px;
  border: 3px solid #eee;
  border-radius: 5px;
  margin-bottom: 0;
  padding: 12px 60px 12px 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.form-field__text-area::-moz-placeholder {
  color: #ccc;
}

.form-field__text-area:-ms-input-placeholder {
  color: #ccc;
}

.form-field__text-area::placeholder {
  color: #ccc;
}

.form-field__image-preview {
  width: 100%;
  height: 300px;
  background-color: var(--white-smoke);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-field__add-button {
  width: 46px;
  height: 46px;
  background-color: var(--steel-blue);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-field__add-button:hover {
  background-color: var(--steel-blue-2);
}

.app__invoices-table {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.invoices-table__single-item {
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  text-decoration: none;
  position: relative;
}

.invoices-table__single-item__grid {
  grid-column-gap: 60px;
  color: #333;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  padding-left: 30px;
  padding-right: 48px;
  position: relative;
}

.invoices-table__single-item__grid__column {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.invoices-table__single-item__grid__column__status {
  width: 100%;
  height: 34px;
  max-width: 100%;
  min-width: 100%;
  background-color: var(--steel-blue);
  color: #fff;
  border-radius: 3px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.invoices-table__single-item__grid__column__status.is--orange {
  background-color: #ffa62b;
}

.invoices-table__single-item__grid__column__status.is--grey {
  background-color: var(--white-smoke);
  color: #333;
}

.invoices-table__single-item__grid__column__status.is--white {
  color: #333;
  background-color: #fff;
  border: 2px solid #eeeeef;
}

.invoices-table__single-item__grid__p {
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}

.invoices-table__single-item__grid__column__status__p {
  text-align: center;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
}

.italic-text {
  font-style: normal;
  font-weight: 400;
}

.app__index-grid {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.app__index-grid__single-item {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  padding: 15px 30px 0;
  text-decoration: none;
  position: relative;
}

.app__index-grid__single-item:hover {
  border-color: #efefef;
}

.app__index-grid__single__title {
  color: #333;
  margin-bottom: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
}

.app__index-grid__single__text {
  color: #333;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}

.app__index-grid__single-action {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.app__index-grid__single-action__label {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2em;
}

.app__index-grid__single-action__img {
  margin-right: 8px;
}

.app__index-grid__single-item__top-right {
  text-align: right;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: 15px;
  bottom: auto;
  left: auto;
  right: 30px;
}

.invoices__single-item__grid__p {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}

.invoices__single-item__grid__p.is--bold {
  font-weight: 700;
}

.entity-controls__second-row {
  width: 100%;
  border: 2px solid #eeeeef;
  border-radius: 3px;
  flex: 1;
  margin-top: 30px;
  padding: 15px 15px 15px 30px;
  display: flex;
}

.entity-controls__links__center-area {
  width: 100%;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  display: flex;
}

.entity-sections-group {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.entity-section__list {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  border: 2px solid #eeeeef;
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 15px;
  padding: 15px;
  display: grid;
}

.entity-section__list__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
}

.bold-text {
  font-weight: 600;
}

.entity-section__list__a {
  justify-content: flex-start;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.entity-section__list__a__icon {
  margin-right: 8px;
}

.entity-section__table-row__rich-row {
  grid-column-gap: 15px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.entity-section__totals-table {
  background-color: #fff;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 30px;
}

.entity-section__totals-table__row {
  width: 255px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 2px #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-bottom: 0;
  display: grid;
}

.entity-section__totals-table__row.is--sub-total {
  border-bottom-style: solid;
  padding-bottom: 15px;
}

.entity-section__totals-table__grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.entity-section__totals-table__heading {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-section__totals-table_value {
  text-align: right;
  font-size: 16px;
  line-height: 1.5em;
}

.entity-section__totals-table_value.is--total {
  color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.modal {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal__inner {
  width: 720px;
  height: auto;
  background-color: #fff;
  border-radius: 5px;
  padding: 30px;
  box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.1);
}

.modal__inner-wide {
    width: 1200px;
    max-width: 90vw;
}

.modal__title {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.modal__form {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form__buttons {
  justify-content: space-between;
  display: flex;
}

.form-div {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  border-bottom: 3px solid var(--white-smoke);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 60px;
  display: grid;
}

.form-field__read-only {
  width: 100%;
  height: 46px;
  min-height: 46px;
  background-color: var(--white-smoke);
  border: 3px solid #eee;
  border-radius: 5px;
  display: flex;
}

.form-field__read-only__p {
  height: 100%;
  align-items: center;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 0;
  left: 15px;
}

.form__remove-button {
  width: 46px;
  height: 46px;
  border: 3px solid #eee;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 30px;
  display: flex;
}

.remove-button__img {
  width: 15px;
  height: 15px;
}

.app__check-in__wrapper {
  width: 100%;
  height: 90vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.app__check-in {
  width: 750px;
  max-width: 750px;
  background-color: #fff;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  padding: 60px;
  display: flex;
  box-shadow: 1px 1px 30px rgba(0, 0, 0, 0.1);
}

.app__check-in__img {
  width: 60px;
  height: 60px;
}

.check-in__heading {
  margin-top: 30px;
  margin-bottom: 60px;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.check-in__p {
  text-align: center;
  margin-bottom: 60px;
}

.app__pagination {
  margin-top: 30px;
  display: flex;
}

.app__pagination__link {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  display: flex;
}

.app__pagination__link.is--current {
  background-color: var(--steel-blue);
  color: #fff;
}

.app__pagination__link__p {
  margin-bottom: 0;
}

.app__pagination__dots {
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  display: flex;
}

.app__pagination__dots__p {
  color: var(--steel-blue);
  margin-bottom: 0;
  font-size: 16px;
}

.app__tasks-table {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-bottom: 60px;
  display: grid;
}

.form__message {
  background-color: var(--white-smoke);
  padding: 15px 30px;
}

.form__message__p {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

.form__message__a {
  font-weight: 500;
}

.single-task {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: grid;
}

.single-task__column {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.single-task__check-box {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 2px solid #c2c2c2;
  border-radius: 5px;
  align-self: flex-start;
  margin-right: 15px;
}

.single-task__check-box.task--done {
  background-color: var(--steel-blue);
}

.entity-controls__heading {
  color: var(--steel-blue-2);
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.entity-controls__filter {
  height: auto;
  align-items: center;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  display: flex;
}

.entity-controls__filter__p {
  margin-bottom: 0;
  margin-left: 8px;
}

.app__tasks-widget {
  max-width: 600px;
  margin-top: 60px;
}

.tasks-widget__heading {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.tasks-widget__heading__p {
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.tasks-widget__table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-columns: 1fr;
  padding: 15px 30px;
}

.tasks-widget__single-task {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 2px solid var(--white-smoke);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tasks-widget__single-task.is--last {
  border-bottom-style: none;
}

.tasks-widget__single-task__column {
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.tasks-widget__single-task__p {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.tasks-widget__single-task__date {
  color: var(--steel-blue-2);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
}

.entity-controls__filters {
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.right-sidebar__card__icon {
  color: var(--steel-blue);
  margin-bottom: 15px;
  font-size: 21px;
  line-height: 1em;
  display: block;
}

.right-sidebar__card__text.is--value {
  padding-top: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
}

.right-sidebar__card__action {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
}

.right-sidebar__card__action-icon {
  color: var(--steel-blue);
  padding-top: 0;
  padding-right: 5px;
  font-size: 21px;
  line-height: 1em;
  display: inline-block;
}

.right-sidebar__card__action__label {
  display: inline-block;
}

.form-section__progress-widget__bar {
  height: 30px;
  background-color: var(--white-smoke);
  border-radius: 5px;
  display: flex;
  overflow: hidden;
}

.form-section__progress-widget__bar-inner {
  width: 60%;
  height: 100%;
  background-color: var(--steel-blue-2);
  border-radius: 5px;
}

.form-section__progress-widget__p {
  margin-top: 0;
  margin-bottom: 0;
}

.progress-bar__p__bold {
  font-weight: 700;
}

.form-section__progress-widget__stats {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 3px solid var(--white-smoke);
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: end;
  margin-top: 0;
  margin-bottom: 0;
  padding: 15px;
  display: grid;
}

.form-section__progress-widget__stats__single {
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-section__progress-widget__stats__value {
  color: var(--steel-blue);
  font-size: 24px;
  font-weight: 700;
}

.show-section {
  margin-top: 30px;
  margin-bottom: 60px;
}

.show-section__heading {
  padding-left: 30px;
}

.show-section__heading__p {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
}

.show-section__inner {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px;
}

.show-section__grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.show-section__grid._2-columns {
  grid-template-columns: 1fr 1fr;
}

.show-section__p {
  margin-bottom: 15px;
  font-weight: 400;
}

.show-section__bold-p {
  margin-bottom: 0;
  font-weight: 600;
}

.show-section__image {
  height: 300px;
}

.form-field__input-filled {
  height: 45px;
  background-color: var(--white-smoke);
  border: 1px #000;
  border-radius: 5px;
  margin-bottom: 0;
  font-weight: 500;
}

.form-field__input__overlay-btn {
  width: 45px;
  height: 45px;
  background-color: var(--steel-blue);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.form-field__input__overlay-icon {
  color: #fff;
  font-size: 22px;
}

.form-field__text-area-filled {
  min-height: 110px;
  background-color: var(--white-smoke);
  border: 1px #000;
  border-radius: 5px;
  font-weight: 500;
}

.entity-controls__group {
  grid-column-gap: 30px;
  display: flex;
}

.form-field__checkbox-wrapper {
  padding-left: 0;
  display: flex;
}

.form-field__checkbox {
  margin-left: 0;
}

.form-field__checkbox-label {
  padding-left: 15px;
}

.form-section__progress-widget {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-image: linear-gradient(#fff, #fff 80%, rgba(255, 255, 255, 0));
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 30px;
  display: grid;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.entity-section__download-btn {
  width: 200px;
  background-color: var(--steel-blue);
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  padding: 15px;
  display: flex;
  box-shadow: 0 0 30px rgba(39, 120, 189, 0.25);
}

.entity-section__table-row__download {
  color: var(--steel-blue);
  margin-bottom: 0;
  font-weight: 500;
}

.entity-section__table-row__download-icon {
  color: var(--steel-blue);
  margin-bottom: -2px;
  font-size: 26px;
  transform: translate(0, -2px);
}

.entity-section__table-row__download-wrapper {
  align-items: center;
  display: flex;
}

.singular-notification-list {
  z-index: 101;
  width: auto;
  height: auto;
  position: fixed;
  bottom: 30px;
  right: 30px;
}

.singular-notification {
  width: 450px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 8fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.singular-notification__icon-container {
  height: 150px;
  min-height: 100%;
  color: var(--dark);
  background-color: #fff;
  border: 3px solid #eee;
  border-radius: 3px 0 0 3px;
  flex: 0 auto;
  align-self: flex-end;
  align-items: center;
  padding: 30px;
  font-size: 30px;
  line-height: 1em;
  display: flex;
}

.singular-notification__icon-container.is--error {
  color: var(--error);
}

.singular-notification__icon-container.is--warning {
  color: var(--warning);
}

.singular-notification__icon-container.is--success {
  color: var(--success);
}

.singular-notification__message-container {
  height: auto;
  background-color: #fff;
  border: 3px solid #eee;
  border-top-right-radius: 3px;
  margin-left: -3px;
  padding: 30px;
}

.singular-notification__message-title {
  color: var(--dark);
  margin-bottom: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
}

.singular-notification__message {
  margin-bottom: 15px;
}

.singular-notification__confirm {
  cursor: pointer;
  align-items: center;
  margin-right: 15px;
  text-decoration: none;
  display: flex;
}

.singular-notification__confirm__label {
  color: var(--steel-blue);
  margin-bottom: 0;
  margin-left: 8px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.singular-notification__confirm__label:hover, .singular-notification__confirm__label:active {
  color: var(--steel-blue-2);
}

.singular-notification__confirm-icon {
  margin-bottom: -2px;
  font-size: 1.25em;
  line-height: 1em;
}

.dashboard-widget-section {
  height: auto;
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  border: 3px solid #eee;
  border-radius: 3px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  padding: 30px;
  display: grid;
}

.dashboard-widget {
  height: auto;
}

.dashboard-widget.is--wide {
  height: 240px;
  min-height: 100%;
  flex-direction: column;
  display: flex;
}

.dashboard-widget-above {
  justify-content: space-between;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 15px;
  display: flex;
}

.dashboard-widget-above__title {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
}

.dashboard-widget__list-wrapper {
  max-height: 240px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: 15px 30px;
  display: grid;
  overflow: scroll;
}

.dashboard-widget__list-item {
  grid-column-gap: 30px;
  border-bottom: 2px solid #eee;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.dashboard-widget__list-item.is--last {
  border-bottom-style: none;
  padding-bottom: 15px;
}

.dashboard-widget__list-item__label {
  flex: 1;
}

.checkbox {
  width: 21px;
  height: 21px;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 3px;
  align-self: center;
}

.checkbox.is--checked {
  background-color: var(--success);
}

.entity-controls__link__icon-right {
  padding-left: 8px;
  font-size: 18px;
  line-height: 1em;
}

.dashboard-widget__table-wrapper {
  height: 100%;
  max-height: 240px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: scroll;
}

.dashboard-widget__table-aside {
  width: auto;
  min-width: 150px;
  flex: none;
  justify-content: center;
  display: flex;
  position: relative;
}

.dashboard-widget__table-column-header {
  height: 45px;
  text-align: center;
  border-bottom: 3px solid #eee;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.dashboard-widget__table-column {
  height: 100%;
  min-width: 105px;
  flex-direction: column;
  flex: none;
  display: flex;
}

.dashboard-widget__table-middle {
  width: 100%;
  max-width: 100%;
  min-width: 150px;
  border-left: 3px solid #eee;
  border-right: 3px solid #eee;
  flex: 0 auto;
  justify-content: flex-start;
  display: flex;
  position: relative;
  overflow: scroll;
}

.dashboard-widget__table-column__rowdashboard-widget__table-column__row {
  height: 45px;
  max-height: 45px;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  overflow: scroll;
}

.dashboard-widget__table__dummy-line {
  width: 100%;
  height: 3px;
  background-color: #fff;
  background-image: linear-gradient(to right, #eee, #fff);
  margin-top: -3px;
  position: absolute;
  top: 45px;
  bottom: auto;
  left: 0%;
  right: auto;
}

.dashboard-widget__table__dummy-line.is--full {
  background-color: #eee;
  background-image: none;
}

.icon {
  color: #fff;
  font-size: 21px;
}

.icon.is--blue {
  color: var(--steel-blue-2);
}

.entity-controls__delete-btn {
  width: 50px;
  height: 50px;
  background-color: var(--error);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  transition: all 0.2s;
  display: flex;
  box-shadow: 1px 1px 15px rgba(221, 28, 26, 0.32);
}

.entity-controls__delete-btn:hover {
  background-color: #ca1816;
}

.entity-controls__delete-btn__icon {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-right: 2px;
  font-size: 26px;
}

.form-image__form-field {
  background-color: var(--white-smoke);
  padding: 15px;
}

.form-image-row {
  flex-direction: column;
  margin-left: 30px;
}

.form-field__product-img__img {
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
}

.single-task__sub {
  flex: 1;
  margin-bottom: 0;
  padding-top: 8px;
  font-family: Montserrat, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2em;
}

.single-task__p {
  flex: 1;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}

.entity-controls__btn__icon {
  font-size: 1.3rem;
}

.form-section__shares-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-section__shares-grid__single__value-wrapper {
  height: auto;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--steel-blue);
  border-radius: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 30px;
  display: flex;
}

.form-section__shares-grid__single__value-indicator {
  width: 90%;
  height: 8px;
  min-width: 15px;
  background-color: #fff;
  border-radius: 8px;
  margin-left: 15px;
  margin-right: 15px;
}

.form-section__shares-grid__single__value-amount {
  color: #fff;
  font-size: 1rem;
}

.form-section__shares-grid__single__category-name {
  text-align: center;
  margin-top: 8px;
}

.form-section__shares-grid__single__category-percentage {
  text-align: center;
  margin-top: 8px;
  font-size: 0.75rem;
  font-weight: 700;
}

.entity-section__table-row__indicator {
  width: 8px;
  height: 1rem;
  background-color: var(--steel-blue);
  border-radius: 8px;
  align-self: center;
  margin-bottom: 3px;
  margin-right: 8px;
}

.entity-section__table-row__indicator.is--green {
  background-color: var(--success);
}

.entity-section__table-row__indicator.is--orange {
  background-color: var(--warning);
}

.entity-section__table-row__indicator.is--red {
  background-color: var(--error);
}

.entity-section__table-row__indicator.is--grey {
  background-color: var(--white-smoke);
}

.entity-section__table-row__indicator.is--blue-border {
  border: 2px solid var(--steel-blue-2);
  background-color: #fff;
}

.app__production-runs-table {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.production-runs-table__single {
  justify-content: space-between;
  display: flex;
}

.production-runs-table__row {
  width: 100%;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10px 30px;
  display: grid;
}

.production-runs-table__column {
  align-items: center;
  display: flex;
}

.production-runs-table__a {
  width: 300px;
}

.production-runs-table__progress-bar {
  width: 300px;
  height: 22px;
  background-color: var(--white-smoke);
  border-radius: 5px;
  display: flex;
  overflow: hidden;
}

.production-runs-table__progress-bar-inner {
  width: 60%;
  height: 100%;
  background-color: var(--steel-blue-2);
  border-radius: 5px;
}

.production-runs-table__progress-bar-inner.is--complete {
  width: 100%;
  background-color: var(--success);
}

.production-runs-table__action {
  width: 54px;
  height: 54px;
  background-color: var(--steel-blue);
  color: #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  font-size: 2rem;
  display: flex;
}

.production-runs-table__action.is--white {
  color: var(--steel-blue);
  background-color: #fff;
}

.form-field__image-label {
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 0.67rem;
  font-weight: 600;
  line-height: 1.5em;
}

.app__horizontal-scroll {
  justify-content: flex-start;
  margin-top: 45px;
  margin-left: -60px;
  margin-right: -30px;
  padding-left: 60px;
  display: flex;
  overflow: auto;
}

.app__horizontal-scroll__group {
  margin-right: 30px;
}

.app__horizontal-scroll__group__inner {
  background-color: #fff;
  border-radius: 5px;
  flex-direction: row;
  align-items: flex-start;
  padding: 15px 0 15px 15px;
  font-size: 16px;
  display: flex;
}

.app__weighing-card {
  width: 300px;
  background-color: var(--white-smoke);
  border-radius: 5px;
  margin-right: 15px;
  padding: 15px;
  position: relative;
}

.app__weight__h {
  font-weight: 700;
}

.app__weight__weight {
  font-weight: 400;
}

.app__incoming-card__numberplate {
  border-left: 9px solid var(--steel-blue);
  background-color: var(--warning);
  border-radius: 3px;
  margin-top: 15px;
  padding: 5px 15px 5px 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  box-shadow: 0 0 15px rgba(255, 166, 43, 0.5);
}

.app__incoming-card__numberplate.is--in-row {
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 15px;
}

.app__weight__time {
  margin-top: 15px;
  margin-right: 15px;
  font-size: 14px;
  display: inline-block;
}

.app__weight__btn {
  color: var(--steel-blue-2);
  margin-top: 30px;
  display: flex;
}

.app__incoming-card__btn__icon {
  font-size: 22px;
}

.app__incoming-card__btn__text {
  margin-left: 8px;
  font-weight: 700;
}

.app__incoming-card__time__variable {
  color: var(--steel-blue-2);
  font-weight: 700;
}

.app__incoming-card__status {
  transform-origin: 0 100%;
  align-items: center;
  display: flex;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: 270px;
  right: auto;
  transform: rotate(90deg);
}

.app__weight-card__status__circle {
  width: 8px;
  height: 8px;
  background-color: var(--silver);
  border-radius: 4px;
}

.app__weight-card__status__circle.is--red {
  background-color: var(--error);
  box-shadow: 0 0 15px 0 var(--error);
}

.app__weight-card__status__circle.is--green {
  background-color: var(--success);
  box-shadow: 0 0 15px 0 var(--success);
}

.app__weight-card__status__text {
  color: var(--silver);
  margin-left: 15px;
  font-weight: 700;
}

.entity-section__table__weight-row {
  background-color: var(--white);
  border-radius: 5px;
  padding: 15px;
  position: relative;
}

.app__shifts-table {
  grid-column-gap: 0px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 15px;
  display: grid;
}

.shifts-table__single-item {
  grid-column-gap: 30px;
  color: #333;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
  align-items: center;
  display: block;
  position: relative;
  overflow: visible;
}

.shifts-table__single-item__column {
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.shifts-table__single-item__column.is--last {
  justify-content: flex-end;
}

.shifts-table__single-item__p {
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}

.shifts-table__single-item__p.is--bold {
  font-weight: 700;
}

.shifts-table__single__edit-form {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
  display: flex;
}

.shifts-table__single__edit-form__inner {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.shifts-table__single__edit-form__input {
  max-width: 120px;
  border: 3px solid var(--white-smoke);
  text-align: center;
  border-radius: 3px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
}

.shifts-table__single__edit-form__input-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.shifts-table__single__edit-form__input-bottom {
  color: var(--silver);
  text-transform: uppercase;
  background-color: #fff;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 0.67rem;
  font-weight: 700;
  line-height: 1.33em;
  position: absolute;
  bottom: 0;
  transform: translate(0, 50%);
}

.shifts-table__single__edit-form__button-wrapper {
  background-color: var(--steel-blue);
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 0;
  padding: 8px 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5em;
  transition: all 0.125s;
  display: flex;
  position: relative;
  box-shadow: 0 0 30px rgba(38, 112, 176, 0.25);
}

.shifts-table__single__edit-form__button-wrapper:hover {
  background-color: var(--steel-blue-2);
}

.html-embed {
  line-height: 1em;
}

.entity-controls__filter-input {
  width: 180px;
  height: auto;
  max-width: 100%;
  border: 3px none var(--white-smoke);
  text-align: left;
  border-radius: 3px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 1rem;
  line-height: 1em;
}

.app__weight__status {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.app__weight__status__approved {
  background-color: rgba(38, 112, 176, 0.25);
  border-radius: 3px;
  align-items: center;
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 10px 20px;
  display: flex;
}

.app__weight__status__approved__icon {
  color: var(--steel-blue-2);
  margin-right: 15px;
  font-size: 32px;
}

.app__weight__status__aproved__p {
  color: var(--steel-blue-2);
}

.app__weight__status__declined {
  background-color: rgba(221, 28, 26, 0.25);
  border-radius: 3px;
  align-items: center;
  margin-right: 15px;
  padding: 10px 20px;
  display: flex;
}

.app__weight__status__declined__icon {
  color: var(--error);
  margin-right: 15px;
  font-size: 32px;
}

.app__weight__status__declined__p {
  color: var(--error);
}

.table__tooltip {
  width: 50px;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.tooltip__icon {
  width: 35px;
  height: 35px;
  cursor: pointer;
  border-radius: 100%;
  padding: 8px;
  transition: background-color 0.2s;
}

.tooltip__icon:hover {
  background-color: var(--white-smoke);
}

.tooltip__content {
  z-index: 11;
  width: 340px;
  min-height: 90px;
  background-color: var(--dark);
  border-radius: 5px;
  padding: 12px 15px 5px;
  position: absolute;
  top: 60px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.tooltip__content__arrow {
  width: 15px;
  height: 15px;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: auto;
  right: 17px;
}

.tooltip__content__rich-text {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.tooltip__hide-icon {
  z-index: 2;
  width: 35px;
  height: 35px;
  background-color: var(--white);
  cursor: pointer;
  border-radius: 100%;
  padding: 5px;
  transition: background-color 0.2s;
  position: absolute;
}

.tooltip__hide-icon:hover {
  background-color: var(--white-smoke);
}

.shifts-table__single__expand-tasks {
  height: 36px;
  background-color: var(--white-smoke);
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
  display: flex;
}

.shifts-table__expand-tasks__p {
  margin-right: 15px;
  font-size: 14px;
}

.shifts-table__expand-tasks__icon {
  color: var(--steel-blue-2);
  font-size: 20px;
}

.shifts-table__expand-tasks__icon.is--expanded {
  transition: all 0.2s;
  transform: rotate(180deg);
}

.shifts-table__tasks {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 8px;
  display: none;
}

.shifts-table__tasks.is--expanded {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.shifts-table__tasks__h {
  color: var(--steel-blue-2);
  padding: 15px 30px 8px;
}

.shifts-table__tasks__table {
  padding-left: 30px;
  padding-right: 30px;
}

.shifts-table__tasks__table__row {
  height: 50px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white-smoke);
  color: #333;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 8px;
  padding: 10px 15px;
  display: grid;
}

.shifts-table__tasks__table__row__column {
  align-items: center;
  display: flex;
}

.shifts-table__tasks__time-completed {
  font-weight: 400;
}

.shifts-table__tasks__status {
  color: var(--steel-blue-2);
  text-align: right;
}

.shifts-table__tasks__checkbox {
  width: 16px;
  height: 16px;
  border: 2px solid var(--silver);
  background-color: var(--steel-blue-2);
  border-radius: 3px;
  margin-right: 15px;
}

.shifts-table__tasks__table__row__column---is-right-flex {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.shifts-table__tasks__line {
  width: 100%;
  height: 2px;
  background-color: var(--white-smoke);
}

.shifts-table__single-row, .g {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 30px;
  padding-right: 30px;
  display: grid;
}

.shifts-table__tasks__time-completed__val {
  font-weight: 500;
}

.app__shifts-table__date {
  margin-top: 15px;
  margin-bottom: 0;
}

.shifts-table__tasks__table__loading-row {
  height: 50px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white-smoke);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 8px;
  padding: 10px 15px;
  display: grid;
}

.shifts-table__tasks__load-skeleton {
  width: 200px;
  height: 20px;
  opacity: 0.8;
  background-image: linear-gradient(270deg, #dbdce2, silver);
  border-radius: 3px;
}

.shifts-table__tasks__load-skeleton.is--1 {
  width: 240px;
  background-image: linear-gradient(135deg, rgba(3, 86, 158, 0.35), #f1f1f1 17%, #e0e0e4 40%, #e9e8e8 76%, #e0dcdc);
  overflow: hidden;
}

.shifts-table__tasks__load-skeleton.is--2 {
  width: 140px;
  background-image: linear-gradient(315deg, #e6e6e6, #dadada 51%, #d7d7dc 100%, var(--white-smoke));
  overflow: hidden;
}

.shifts-table__tasks__load-skeleton.is--3 {
  width: 70px;
  background-image: linear-gradient(315deg, rgba(0, 98, 182, 0.21), rgba(0, 88, 163, 0.35) 50%, rgba(0, 77, 144, 0));
  overflow: hidden;
}

.shifts-table__loading-row__gradient {
  width: 80%;
  height: 100%;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0), rgba(245, 245, 245, 0.51) 46%, rgba(245, 245, 245, 0) 100%, rgba(0, 0, 0, 0));
}

.invoices-table__single-item__warning-container {
  justify-content: center;
  align-items: center;
  padding-right: 15px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.invoices-table__single-item__warning-container.is--visible {
  padding-left: 15px;
  overflow: visible;
}

.invoices-table__warning-img {
  position: relative;
}

.shifts-table__warning-modal {
  z-index: 100;
  min-height: 150px;
  min-width: 360px;
  background-color: var(--dark);
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3px;
  padding: 15px;
  font-size: 1rem;
  display: none;
  position: absolute;
  top: 100%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.warning-modal__header {
  color: var(--steel-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  position: relative;
}

.warning-modal__txt-container {
  width: 100%;
  position: relative;
}

.warning-modal__txt {
  margin-top: 30px;
  margin-bottom: 0;
  padding-left: 15px;
  position: relative;
}

.warning-modal__normal-ip {
  color: var(--white-smoke);
  font-family: Montserrat, sans-serif;
}

.warning-modal__warned-ip {
  color: var(--warning);
  font-family: Montserrat, sans-serif;
}

.shifts-table__single-item__warning {
  height: 36px;
  color: #fff;
  background-color: #ffa62b;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 8px 15px;
  font-size: 1.125rem;
  display: flex;
  position: relative;
}

.shifts-table__single-item__warning.is--orange {
  background-color: #ffa62b;
}

.shifts-table__single-item__warning.is--grey {
  background-color: var(--white-smoke);
}

.entity-controls__outline {
  width: 100%;
  height: 50px;
  border: 2px solid rgba(191, 192, 197, 0.2);
  border-radius: 5px;
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.app__depots__table {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.depots__table__row {
  height: 60px;
  justify-content: space-between;
  overflow: hidden;
}

.depots__table__row__h {
  width: 300px;
  color: var(--dark);
}

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

.depots__table__row__description {
  align-items: center;
  font-weight: 400;
  display: flex;
}

.depots__table__row__wrapper-right {
  width: 100%;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.depots__table__row__btn-show-details {
  background-color: var(--white-smoke);
  border-radius: 5px;
  align-items: center;
  padding: 5px 15px;
  display: flex;
}

.depots__table_row__txt {
  font-weight: 400;
}

.depots__table__row__btn__icon {
  margin-left: 15px;
}

.depots__table__row__btn {
  width: 40px;
  height: 40px;
  background-color: var(--steel-blue);
  color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  font-size: 22px;
  display: flex;
}

.depots__table__row__btn.is--white {
  color: var(--steel-blue);
  background-color: #fff;
}

.production-runs-table__h-row {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 15px 30px 0;
  display: grid;
}

.depots__table__row__name {
  color: var(--dark);
}

.depots__table__row__main {
  width: 100%;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 10px 30px;
  display: grid;
}

.depots__table__row__details {
  width: 100%;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 3px;
  padding: 10px 30px;
}

.depots__table__row-bottom__btn-icon {
  width: 40px;
  height: 40px;
  color: var(--steel-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  display: flex;
}

.depots__table__row-bottom__btn-icon.is--white {
  color: var(--steel-blue);
  background-color: #fff;
}

.depots__table__row-bottom__btn-product-details {
  flex: none;
}

.depots__table__column {
  align-items: center;
  display: flex;
}

.depots__table__row-bottom__btn-add-mausurement {
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  display: flex;
}

.depots__table__btn-txt {
  font-weight: 400;
}

.depots__table__row__details__row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white-smoke);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.depots__table__row-details__row__img {
  width: 40px;
  height: 40px;
  background-color: var(--steel-blue);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px;
}

.depots__table__row-details__row__product-name {
  margin-right: 60px;
  font-weight: 400;
}

.depots__table__row-details__row__product-name.is--bold {
  font-weight: 500;
}

.depots__table__row__details__btn-wrapper {
  align-items: flex-start;
  display: flex;
}

.app__depots__table-copy {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.app__depots__single {
  margin-top: 60px;
}

.depots__single__inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 30px;
  display: grid;
}

.depots__single__h {
  margin-bottom: 15px;
  margin-left: 30px;
}

.depots__single__txt {
  margin-bottom: 0;
  margin-right: 35px;
  font-weight: 400;
}

.submit-button {
  display: none;
}

.app__incoming-card__depot__variable {
  color: var(--steel-blue);
}

.depots-table__column {
  align-items: center;
  display: flex;
}

.depots-table__h-row {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 15px 30px 0;
  display: grid;
}

.shifts-table__single-item__comment {
  height: 36px;
  color: #fff;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 8px 15px;
  font-size: 1.125rem;
  display: flex;
  position: static;
}

.shifts-table__single-item__comment.is--orange {
  background-color: #ffa62b;
}

.shifts-table__single-item__comment.is--grey {
  background-color: var(--white-smoke);
}

.shifts-table__comment-modal {
  z-index: 100;
  min-height: 165px;
  min-width: 360px;
  background-color: var(--steel-blue);
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 3px;
  padding: 15px;
  font-size: 1rem;
  display: block;
  position: absolute;
  top: 100%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.shifts-table__comment-modal.is--not-expanded {
  display: none;
}

.submit-button-2 {
  background-color: var(--steel-blue);
}

.text-field {
  border: 1px #000;
}

.shifts-table__single__submit-comment {
  background-color: var(--white-smoke);
  color: var(--dark);
}

.shifts-table__single__comment-field {
  min-height: 30px;
  min-width: 100%;
  border: 1px #000;
  margin-top: 15px;
}

.shifts-table__single__comment-form__open {
  color: var(--white-smoke);
  font-weight: 700;
  position: relative;
}

.shifts-table__single__comment__open-model {
  background-color: var(--steel-blue);
  color: #fff;
  cursor: pointer;
  border-radius: 3px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 15px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5em;
  transition: all 0.125s;
  display: flex;
  position: relative;
  box-shadow: 0 0 30px rgba(38, 112, 176, 0.25);
}

.shifts-table__single__comment__open-model:hover {
  background-color: var(--steel-blue-2);
}

.comment-modal__header {
  color: var(--white-smoke);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  position: relative;
}

@media screen and (max-width: 991px) {
  .side-bar {
    width: 100vw;
    max-width: none;
    display: none;
    position: fixed;
  }

  .side-bar__heading {
    margin-top: 0;
    margin-bottom: 0;
  }

  .side-bar__navigation {
    height: 100%;
    padding-bottom: 135px;
    overflow: scroll;
  }

  .side-bar__heading-wrapper {
    height: 60px;
    justify-content: flex-end;
    align-items: center;
  }

  .app__screen {
    padding-left: 30px;
  }

  .app {
    padding-top: 60px;
  }

  .entity-controls {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .entity-controls__btn {
    margin-top: 15px;
    margin-left: 0;
    padding: 12px;
  }

  .entity-controls__links {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-topbar {
    z-index: 1100;
    background-color: var(--steel-blue);
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .mobile-topbar__left {
    width: 100%;
    height: 100%;
    flex: 1;
  }

  .mobile-topbar__right {
    width: 60px;
    height: 60px;
    background-color: var(--white-smoke);
  }

  .mobile-topbar__nav-toggle, .mobile-topbar__options-toggle {
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mobile-navigation {
    z-index: 5000;
    width: 100vw;
    height: 100vh;
    background-color: #2778bd;
    padding-top: 60px;
    display: none;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .mobile-navigation__topbar {
    width: 100%;
    height: 60px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .mobile-navigation__left {
    width: 100%;
    height: 100%;
    flex: 0 auto;
  }

  .mobile-navigation__nav-close {
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mobile-navigation__grid {
    width: 100%;
    height: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    margin-top: 0;
    padding: 15px;
    display: grid;
    overflow: scroll;
  }

  .mobile-navigation__a {
    height: 180px;
    background-color: var(--steel-blue-2);
    border-radius: 5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .mobile-navigation__a__icon {
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 45px;
    line-height: 1em;
    text-decoration: none;
    display: block;
  }

  .mobile-navigation__a__text {
    color: #fff;
    text-align: center;
    margin-top: 15px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    text-decoration: none;
  }

  .search-bar {
    margin-top: 30px;
  }

  .index-table__single__details-table {
    grid-template-columns: 1fr 1fr;
  }

  .form-row {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .invoices-table__single-item__grid__column__status.is--white {
    border-style: solid;
  }

  .app__index-grid {
    grid-template-columns: 1fr 1fr;
  }

  .entity-sections-group {
    grid-template-columns: 1fr;
  }

  .entity-controls__filter {
    margin-bottom: 15px;
  }

  .entity-controls__filters {
    flex-direction: column;
  }

  .dashboard-widget-section {
    flex-direction: column;
    display: flex;
  }

  .form-section__shares-grid {
    grid-template-columns: 1fr;
  }

  .production-runs-table__row {
    grid-template-columns: 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .production-runs-table__column {
    margin-top: 8px;
  }

  .production-runs-table__progress-bar {
    width: 100%;
  }

  .depots__table__row__weight {
    margin-top: 8px;
  }

  .production-runs-table__action {
    height: 100%;
  }

  .shifts-table__single-item__column {
    height: 60px;
  }

  .shifts-table__single-item__column.is--last {
    justify-content: flex-end;
  }

  .shifts-table__single-item__p {
    width: 100%;
  }

  .shifts-table__single__edit-form {
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .shifts-table__single__edit-form__inner {
    flex: 1;
  }

  .shifts-table__single__edit-form__button-wrapper {
    margin-left: 15px;
    padding: 8px;
  }

  .entity-controls__filter-input {
    margin-bottom: 15px;
  }

  .shifts-table__single__expand-tasks {
    background-color: rgba(0, 0, 0, 0);
    padding-top: 0;
    padding-bottom: 0;
  }

  .shifts-table__tasks__table {
    padding-left: 15px;
    padding-right: 15px;
  }

  .shifts-table__tasks__table__row {
    height: auto;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .shifts-table__tasks__table__row__column {
    margin-bottom: 15px;
  }

  .shifts-table__tasks__table__row__column---is-right-flex {
    justify-content: flex-start;
  }

  .shifts-table__single-row {
    grid-template-columns: 1fr 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .shifts-table__tasks__table__loading-row.is--first {
    height: auto;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .mobile-topbar__nav-open {
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .depots__table__row {
    height: auto;
  }

  .depots__table__row__description {
    margin-top: 8px;
  }

  .depots__table__row__btn {
    height: 100%;
  }

  .production-runs-table__h-row, .depots__table__row__main, .depots__table__row__details {
    grid-template-columns: 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .depots__table__row-bottom__btn-icon {
    height: 100%;
  }

  .depots__table__column {
    margin-top: 8px;
  }

  .depots__table__row__details__btn-wrapper {
    margin-bottom: 5px;
  }

  .depots-table__column {
    margin-top: 8px;
  }

  .depots-table__h-row {
    grid-template-columns: 1fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .shifts-table__single__comment__open-model {
    margin-left: 15px;
    padding: 8px;
  }
}
@media screen and (max-width: 767px) {
  .app__right-sidebar {
    display: none;
  }

  .entity-controls__links {
    padding-left: 15px;
    padding-right: 15px;
  }

  .entity-section__table__grid {
    overflow: auto;
  }

  .mobile-navigation {
    z-index: 5000;
  }

  .mobile-navigation__a {
    height: 150px;
  }

  .form-section__inner.two-columns {
    grid-template-columns: 1fr;
  }

  .app__index-grid__single-item {
    border: 2px solid #fff;
  }

  .form-image-row {
    margin-left: 0;
  }

  .form-field__product-img__img {
    max-height: 150px;
  }

  .shifts-table__single-row {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }
}
@media screen and (max-width: 479px) {
  .section--login {
    align-items: flex-start;
    padding-top: 60px;
  }

  .login__inner-container {
    width: 280px;
    margin-top: 60px;
  }

  .side-bar {
    width: 100vw;
    height: 60px;
    max-width: 100vw;
    display: none;
  }

  .side-bar__container {
    display: none;
  }

  .app__inner {
    background-color: #fff;
    margin-top: 0;
  }

  .app__heading {
    margin-top: 0;
    line-height: 1em;
  }

  .app__screen {
    width: 100vw;
    margin-top: 0;
    padding: 30px 25px;
  }

  .app {
    flex-direction: column;
    font-family: Montserrat, sans-serif;
  }

  .app__right-sidebar {
    display: none;
  }

  .app__index-table.is--extended {
    margin-left: -30px;
    margin-right: -30px;
  }

  .index-table__single-item {
    background-color: var(--white-smoke);
    padding-left: 15px;
    padding-right: 15px;
  }

  .entity-details {
    border: 2px solid var(--white-smoke);
    border-radius: 3px;
    padding: 15px 15px 8px;
  }

  .entity-details__p {
    margin-bottom: 8px;
  }

  .entity-controls__links {
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 0;
    padding: 15px;
    display: grid;
  }

  .entity-section {
    width: 100%;
    margin-top: 30px;
  }

  .entity-section__heading {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
  }

  .entity-section__heading-action {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .entity-section__table {
    max-height: 360px;
    border: 2px solid var(--white-smoke);
    padding: 15px;
  }

  .entity-section__table__grid {
    width: auto;
  }

  .entity-section__table__row {
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .entity-section__table-row__left {
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .entity-section__table-row__a, .entity-section__table-row__text, .entity-section__table-row__right {
    flex: none;
  }

  .mobile-topbar {
    z-index: 2000;
  }

  .mobile-topbar__left {
    width: 100%;
    height: 100%;
    background-color: #2778bd;
    flex: 1;
  }

  .mobile-topbar__right {
    width: 60px;
    height: 100%;
    background-color: #f5f5f5;
    flex: 0 auto;
  }

  .mobile-topbar__nav-toggle {
    z-index: 50;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .mobile-topbar__options-toggle {
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mobile-topbar__icon {
    width: 21px;
    height: 21px;
    -o-object-fit: fill;
       object-fit: fill;
  }

  .mobile-navigation {
    z-index: 50000;
    display: none;
  }

  .mobile-navigation__left {
    width: 100%;
    height: 100%;
    background-color: #2778bd;
    flex: 1;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .mobile-navigation__nav-close {
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mobile-navigation__icon {
    width: 21px;
    height: 21px;
    -o-object-fit: fill;
       object-fit: fill;
  }

  .mobile-navigation__grid {
    height: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    padding-bottom: 150px;
    position: relative;
    overflow: scroll;
  }

  .mobile-navigation__a {
    width: 100%;
    height: 150px;
    background-color: var(--steel-blue-2);
    text-align: center;
    border-radius: 3px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .mobile-navigation__a__icon {
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 45px;
    line-height: 1em;
    display: block;
  }

  .mobile-navigation__a__text {
    color: #fff;
    margin-top: 15px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
  }

  .search-bar__input {
    height: auto;
  }

  .search-bar {
    width: 100%;
  }

  .index-table__single__details-table {
    grid-template-columns: 1fr;
  }

  .measurement__single-item {
    text-decoration: none;
  }

  .measurement__single-item__grid {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    border-top: 3px solid var(--white-smoke);
    color: #333;
    grid-template-columns: 1fr;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .measurement__single-item__grid__column {
    padding-top: 0;
    padding-bottom: 0;
  }

  .measurement__single-item__grid__column__status.is--orange {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .form-wrapper {
    margin-top: 30px;
  }

  .form-section__title {
    padding-left: 0;
    padding-right: 0;
  }

  .form-section__inner {
    border-top: 3px solid var(--white-smoke);
    margin-left: -30px;
    margin-right: -30px;
  }

  .form-section__inner.is--final-controls {
    background-color: var(--white-smoke);
    margin-top: -30px;
    margin-left: -30px;
    display: block;
  }

  .form-section__inner.two-columns {
    grid-template-rows: auto;
    align-items: start;
  }

  .form-row.three-columns {
    grid-template-columns: 1fr 1fr;
  }

  .form-row.six-columns, .form-row.twelve-columns {
    grid-template-columns: 1fr;
  }

  .app__invoices-table {
    margin-left: -30px;
    margin-right: -30px;
  }

  .invoices-table__single-item {
    text-decoration: none;
  }

  .invoices-table__single-item__grid {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    border-top: 3px solid var(--white-smoke);
    color: #333;
    grid-template-columns: 1fr;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .invoices-table__single-item__grid__column {
    padding-top: 0;
    padding-bottom: 0;
  }

  .invoices-table__single-item__grid__column__status.is--orange, .invoices-table__single-item__grid__column__status.is--white {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .app__index-grid {
    grid-template-columns: 1fr;
  }

  .app__index-grid__single-item {
    width: auto;
    background-color: var(--steel-blue);
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .app__index-grid__single__title {
    display: none;
  }

  .app__index-grid__single__text {
    color: #fff;
    text-align: center;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 700;
  }

  .app__index-grid__single-action {
    display: none;
  }

  .app__index-grid__single-item__top-right {
    color: var(--white-smoke);
    text-align: center;
    font-size: 48px;
    line-height: 1.2em;
    position: relative;
    top: auto;
    right: auto;
  }

  .entity-controls__second-row {
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 30px;
    padding: 15px;
    display: grid;
  }

  .entity-controls__links__center-area {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .entity-sections-group {
    flex-direction: column;
    display: flex;
  }

  .entity-sections-group__column {
    width: 100%;
  }

  .entity-section__totals-table {
    width: 100%;
    border: 2px solid var(--white-smoke);
    padding: 15px;
    font-size: 16px;
  }

  .entity-section__totals-table__row {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .entity-section__totals-table__grid {
    width: 100%;
  }

  .app__tasks-table {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
  }

  .single-task {
    border-bottom: 3px solid var(--white-smoke);
    grid-template-columns: 1fr;
    padding-bottom: 15px;
  }

  .single-task__column {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dashboard-widget-section {
    border-style: none;
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px 0;
  }

  .dashboard-widget-above {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
  }

  .dashboard-widget-above__title {
    padding-left: 8px;
  }

  .dashboard-widget__list-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .dashboard-widget__table-wrapper {
    width: 100%;
    max-height: none;
    flex-flow: row;
    align-content: stretch;
    overflow: scroll;
  }

  .dashboard-widget__table-aside {
    flex: 0 auto;
    justify-content: space-between;
    align-self: flex-end;
  }

  .dashboard-widget__table-middle {
    width: auto;
    max-width: none;
    min-width: 100vw;
    flex: 1;
    margin-top: -3px;
  }

  .dashboard-widget__table__dummy-line {
    width: 200%;
  }

  .entity-section__table-row__indicator {
    height: 100%;
    display: none;
  }

  .app__production-runs-table {
    flex-direction: column;
    display: flex;
  }

  .production-runs-table__single {
    background-color: var(--white-smoke);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    flex-direction: column;
    padding-bottom: 15px;
  }

  .production-runs-table__row {
    background-color: var(--white-smoke);
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
    display: flex;
  }

  .production-runs-table__column {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .production-runs-table__a {
    width: 100%;
  }

  .production-runs-table__progress-bar {
    background-color: #fff;
  }

  .production-runs-table__action {
    background-color: var(--steel-blue-2);
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .mobile-navigation__bottom {
    width: 100%;
    height: 75px;
    background-color: #2670b0;
    justify-content: space-between;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
  }

  .mobile-navigation__user-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding: 15px;
    display: flex;
  }

  .mobile-navigation__user__img {
    width: 45px;
    height: 45px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 3px;
    margin-right: 12px;
  }

  .mobile-navigation__user__name {
    color: #fff;
    font-size: 1rem;
  }

  .mobile-navigation__logout {
    justify-content: center;
    align-items: center;
    padding: 15px;
    display: flex;
  }

  .mobile-navigation__logout__icon {
    color: #fff;
    text-align: right;
    font-size: 2rem;
  }

  .app__horizontal-scroll {
    flex-direction: column;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    overflow: visible;
  }

  .app__horizontal-scroll__group {
    margin-right: 0;
  }

  .app__horizontal-scroll__group__inner {
    padding-left: 0;
    overflow: auto;
  }

  .app__weighing-card {
    min-width: 300px;
  }

  .entity-section__table__weight-row {
    border-bottom: 2px solid var(--white-smoke);
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .app__shifts-table {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
  }

  .shifts-table__single-item {
    grid-column-gap: 0px;
    grid-row-gap: 15px;
    border-top: 3px solid var(--white-smoke);
    color: #333;
    grid-template-columns: 1fr;
  }

  .shifts-table__single-item__column {
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .shifts-table__single__edit-form__input {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .shifts-table__single__edit-form__button-wrapper {
    padding: 8px;
  }

  .shifts-table__tasks.is--expanded {
    padding-top: 0;
  }

  .shifts-table__single-row {
    grid-template-rows: auto auto auto;
  }

  .app__shifts-table__date {
    padding-left: 15px;
    padding-right: 15px;
  }

  .shifts-table__single-item__warning.is--orange {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .mobile-topbar__nav-open {
    z-index: 50;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .app__depots__table {
    flex-direction: column;
    display: flex;
  }

  .depots__table__row {
    background-color: var(--white-smoke);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    flex-direction: column;
    padding-bottom: 15px;
  }

  .depots__table__row__h {
    width: 100%;
  }

  .depots__table__row__description {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .depots__table__row__btn-show-details {
    background-color: #fff;
    flex: 1;
  }

  .depots__table__row__btn {
    background-color: var(--steel-blue-2);
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .production-runs-table__h-row {
    background-color: var(--white-smoke);
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
    padding-bottom: 15px;
    display: flex;
  }

  .depots__table__row__name {
    width: 100%;
  }

  .depots__table__row__main, .depots__table__row__details {
    background-color: var(--white-smoke);
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
    display: flex;
  }

  .depots__table__row-bottom__btn-icon {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .depots__table__column {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .depots__table__row-details__row__img {
    display: none;
  }

  .depots__table__row-details__row__product-name {
    flex: none;
    margin-right: 15px;
  }

  .depots__table__row-details__row__product-name.is--bold {
    margin-right: 15px;
  }

  .depots__table__row__details__btn-wrapper {
    flex-direction: column;
  }

  .app__depots__table-copy {
    flex-direction: column;
    display: flex;
  }

  .depots__single__inner {
    background-color: var(--white-smoke);
    grid-template-columns: 1fr;
  }

  .depots-table__column {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .depots-table__h-row {
    background-color: var(--white-smoke);
    border-top-left-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
    padding-bottom: 15px;
    display: flex;
  }

  .shifts-table__single-item__comment.is--orange {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
  }

  .shifts-table__single__comment__open-model {
    padding: 8px;
  }
}
#w-node-_18525f4c-9213-5987-01ea-18a7ab740fec-6d0b8d9b, #w-node-_3b5ad7ad-bf85-c117-48ae-f9ea1647d2c8-6d0b8d9b, #w-node-_3a9e5402-85d0-a8eb-5f7f-7192035eb0d3-6d0b8d9b, #w-node-_2421de9a-45e5-68fb-b39c-55a199272642-6d0b8d9b, #w-node-f83b808f-6dbf-63a3-c3a0-8d294139b0b3-6d0b8d9b, #w-node-_869650d6-d453-e386-5ff4-046f2a9ce8cd-6d0b8d9b, #w-node-_55fa5d4b-0f49-a2e1-0daf-966dbacbc55b-6d0b8d9b, #w-node-_82199736-fae1-fbfb-c012-237752dc4e89-6d0b8d9b {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_88597754-74fe-273a-172f-54a3862881cc-36316dae {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_8574b86a-8334-864d-6d38-211fd6ad1aaf-36316dae, #w-node-_15d263d8-8e6d-7dda-c1a9-265189ca98dc-36316dae, #w-node-_15d263d8-8e6d-7dda-c1a9-265189ca98dd-36316dae, #w-node-_7de7fb08-48ac-6204-8905-40eb4bf9a89b-36316dae, #w-node-_7de7fb08-48ac-6204-8905-40eb4bf9a89c-36316dae, #w-node-_9cb8dec0-e492-0604-bbba-3ca885553db9-36316dae, #w-node-a2abe110-970f-e446-3f27-0ff748150aae-36316dae {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-a2abe110-970f-e446-3f27-0ff748150ab0-36316dae {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-a2abe110-970f-e446-3f27-0ff748150ab1-36316dae, #w-node-a2abe110-970f-e446-3f27-0ff748150ab3-36316dae, #w-node-a2abe110-970f-e446-3f27-0ff748150ab4-36316dae, #w-node-a2abe110-970f-e446-3f27-0ff748150ab6-36316dae, #w-node-a2abe110-970f-e446-3f27-0ff748150ab7-36316dae, #w-node-a2abe110-970f-e446-3f27-0ff748150ab9-36316dae, #w-node-_1dd8b496-e53e-c675-4edf-256dffd62d7d-36316dae {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_1dd8b496-e53e-c675-4edf-256dffd62d7f-36316dae {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_1dd8b496-e53e-c675-4edf-256dffd62d80-36316dae, #w-node-_1dd8b496-e53e-c675-4edf-256dffd62d82-36316dae, #w-node-_1dd8b496-e53e-c675-4edf-256dffd62d83-36316dae, #w-node-_1dd8b496-e53e-c675-4edf-256dffd62d85-36316dae, #w-node-_1dd8b496-e53e-c675-4edf-256dffd62d86-36316dae, #w-node-_1dd8b496-e53e-c675-4edf-256dffd62d88-36316dae, #w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1ed-36316dae {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1ef-36316dae {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1f0-36316dae, #w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1f2-36316dae, #w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1f3-36316dae, #w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1f5-36316dae, #w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1f6-36316dae, #w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1f8-36316dae, #w-node-e320f52d-9b9d-b795-e250-50bc17abea8c-36316dae {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-e320f52d-9b9d-b795-e250-50bc17abea8e-36316dae {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-e320f52d-9b9d-b795-e250-50bc17abea8f-36316dae, #w-node-e320f52d-9b9d-b795-e250-50bc17abea91-36316dae, #w-node-e320f52d-9b9d-b795-e250-50bc17abea92-36316dae, #w-node-e320f52d-9b9d-b795-e250-50bc17abea94-36316dae, #w-node-e320f52d-9b9d-b795-e250-50bc17abea95-36316dae, #w-node-e320f52d-9b9d-b795-e250-50bc17abea97-36316dae, #w-node-_35141d43-7c7a-7080-d173-6b584f02f0ec-36316dae {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_35141d43-7c7a-7080-d173-6b584f02f0ee-36316dae {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_35141d43-7c7a-7080-d173-6b584f02f0ef-36316dae, #w-node-_35141d43-7c7a-7080-d173-6b584f02f0f1-36316dae, #w-node-_35141d43-7c7a-7080-d173-6b584f02f0f2-36316dae, #w-node-_35141d43-7c7a-7080-d173-6b584f02f0f4-36316dae, #w-node-_35141d43-7c7a-7080-d173-6b584f02f0f5-36316dae, #w-node-_35141d43-7c7a-7080-d173-6b584f02f0f7-36316dae, #w-node-ccf52b66-a9eb-1ebd-5260-fe052171d899-36316dae {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-ccf52b66-a9eb-1ebd-5260-fe052171d89b-36316dae {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-ccf52b66-a9eb-1ebd-5260-fe052171d89c-36316dae, #w-node-ccf52b66-a9eb-1ebd-5260-fe052171d89e-36316dae, #w-node-ccf52b66-a9eb-1ebd-5260-fe052171d89f-36316dae, #w-node-ccf52b66-a9eb-1ebd-5260-fe052171d8a1-36316dae, #w-node-ccf52b66-a9eb-1ebd-5260-fe052171d8a2-36316dae, #w-node-ccf52b66-a9eb-1ebd-5260-fe052171d8a4-36316dae {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_490e2d49-e21a-3741-b90a-1977cde73a2f-92df85b5 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_0be3fff9-2abd-a1d3-607f-b8aacb655142-92df85b5, #w-node-_8a3d094c-59dc-5561-9ac6-90221afec4c0-92df85b5, #w-node-c68ea584-02a2-b9dd-2706-6a4034ad15a9-92df85b5, #w-node-_92cc4b79-c1eb-3918-b31e-b786e8538f77-92df85b5, #w-node-_88f86ea1-8847-4eff-f434-62390a4a21db-92df85b5, #w-node-c68ea584-02a2-b9dd-2706-6a4034ad15ae-92df85b5, #w-node-_7cee50f4-582c-5893-69bf-041d215db175-92df85b5, #w-node-d2ff0e0b-4b50-78f6-1dcf-b18b93bc60c6-92df85b5, #w-node-_4fe3993a-6a42-1e56-fe14-8ef95746a4b4-92df85b5, #w-node-_47313220-c704-6796-2bd7-0f9ca475ee86-92df85b5 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_12d0947a-3c99-115f-b28b-d051a8d7a48a-92df85b5, #w-node-_490e2d49-e21a-3741-b90a-1977cde73a2f-43245da1, #w-node-_0be3fff9-2abd-a1d3-607f-b8aacb655142-43245da1 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_808cbe53-9247-98ff-9386-9c1fba30d3b1-43245da1, #w-node-c8535f12-1edd-41ab-3bd0-2eb0d86d29ba-43245da1, #w-node-c68ea584-02a2-b9dd-2706-6a4034ad15a9-43245da1, #w-node-_88f86ea1-8847-4eff-f434-62390a4a21db-43245da1, #w-node-_84bb4aeb-a8bd-90b8-7ba9-3fd05233b1c5-43245da1, #w-node-c68ea584-02a2-b9dd-2706-6a4034ad15ae-43245da1, #w-node-_60904b31-ae24-8ad3-1e97-4dac96b9e082-43245da1, #w-node-_2c6ca92c-03fa-99c5-0f25-a393dd8bdb49-43245da1, #w-node-f6b707dc-0c8c-6d76-69a3-106b4af87879-43245da1, #w-node-f6b707dc-0c8c-6d76-69a3-106b4af87880-43245da1, #w-node-_05bb4306-91eb-8bdb-d0b8-507ddc7a9eff-43245da1, #w-node-_05bb4306-91eb-8bdb-d0b8-507ddc7a9f04-43245da1, #w-node-_32943d51-e12d-6036-e581-dba522c9fa1f-43245da1, #w-node-_32943d51-e12d-6036-e581-dba522c9fa2f-43245da1, #w-node-a6f40545-dce4-54f6-03c7-d837bca7fef1-43245da1, #w-node-_7cee50f4-582c-5893-69bf-041d215db175-43245da1, #w-node-d2ff0e0b-4b50-78f6-1dcf-b18b93bc60c6-43245da1, #w-node-_4fe3993a-6a42-1e56-fe14-8ef95746a4b4-43245da1, #w-node-_47313220-c704-6796-2bd7-0f9ca475ee86-43245da1, #w-node-_00d61304-8675-b274-f0e3-22adf69b7acf-43245da1, #w-node-ddb5cd0e-3c58-f14c-8896-bdeab33ebd3b-43245da1 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-dbc18446-9dfb-154c-4054-47bbcf451760-43245da1 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-dbc18446-9dfb-154c-4054-47bbcf45177b-43245da1, #w-node-_3447f7ff-8cc4-33d2-1144-5e85929d6d2d-43245da1, #w-node-_12d0947a-3c99-115f-b28b-d051a8d7a48a-43245da1, #w-node-_88597754-74fe-273a-172f-54a3862881cc-efcaa3fe, #w-node-_8574b86a-8334-864d-6d38-211fd6ad1aaf-efcaa3fe {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_15d263d8-8e6d-7dda-c1a9-265189ca98dc-efcaa3fe {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_15d263d8-8e6d-7dda-c1a9-265189ca98dd-efcaa3fe, #w-node-_7de7fb08-48ac-6204-8905-40eb4bf9a89b-efcaa3fe, #w-node-_7de7fb08-48ac-6204-8905-40eb4bf9a89c-efcaa3fe, #w-node-_9cb8dec0-e492-0604-bbba-3ca885553db9-efcaa3fe, #w-node-c1f76e26-b91d-73c0-b32c-5d2353a802db-efcaa3fe, #w-node-c1f76e26-b91d-73c0-b32c-5d2353a802dc-efcaa3fe {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-c1f76e26-b91d-73c0-b32c-5d2353a802de-efcaa3fe {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-c1f76e26-b91d-73c0-b32c-5d2353a802df-efcaa3fe, #w-node-c1f76e26-b91d-73c0-b32c-5d2353a802e3-efcaa3fe, #w-node-c1f76e26-b91d-73c0-b32c-5d2353a802e4-efcaa3fe, #w-node-c1f76e26-b91d-73c0-b32c-5d2353a802e6-efcaa3fe, #w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b20-efcaa3fe, #w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b21-efcaa3fe {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b23-efcaa3fe {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b24-efcaa3fe, #w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b28-efcaa3fe, #w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b29-efcaa3fe, #w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b2b-efcaa3fe, #w-node-_05971315-4cfc-b968-9ec8-9d41221b6b25-efcaa3fe, #w-node-_05971315-4cfc-b968-9ec8-9d41221b6b26-efcaa3fe {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_05971315-4cfc-b968-9ec8-9d41221b6b28-efcaa3fe {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_05971315-4cfc-b968-9ec8-9d41221b6b29-efcaa3fe, #w-node-_05971315-4cfc-b968-9ec8-9d41221b6b2d-efcaa3fe, #w-node-_05971315-4cfc-b968-9ec8-9d41221b6b2e-efcaa3fe, #w-node-_05971315-4cfc-b968-9ec8-9d41221b6b30-efcaa3fe, #w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc322d-efcaa3fe, #w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc322e-efcaa3fe {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc3230-efcaa3fe {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc3231-efcaa3fe, #w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc3235-efcaa3fe, #w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc3236-efcaa3fe, #w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc3238-efcaa3fe, #w-node-_2746f26c-0c4f-65b3-69e6-287092b170fd-efcaa3fe, #w-node-_14f106a2-cbf5-fdff-772e-0340dda5fe49-3ce9610f, #w-node-fd8e19f4-3cb9-b565-feca-fae507d3d8d1-3ce9610f, #w-node-_51487a0c-bf37-0745-7ce4-2827d3389d40-55391569, #w-node-_526d2ebc-8ed5-51f6-03cc-47d643261516-55391569, #w-node-d463f89c-aa33-4537-bb86-e2bbd1ac72a0-55391569, #w-node-_7ce5a225-28b4-3974-cc75-83a0cebb1591-55391569, #w-node-_007d331d-a5be-7f3e-47d1-dd87106c1a16-55391569, #w-node-a664b7a1-806c-9a06-1123-87d66d75b99f-55391569, #w-node-a4892e30-d526-64bf-2954-13b3a365aab4-55391569, #w-node-_609634b0-7f1e-f709-e7dc-6eead19dd4c6-55391569, #w-node-ea267232-19ab-a4ed-ac6c-4de6f1dfad18-55391569, #w-node-e9565ab4-a380-8a6d-80a4-920398b6376d-55391569, #w-node-_67cc6d6f-7a00-6d70-c301-e14c50280e1d-55391569, #w-node-_67cc6d6f-7a00-6d70-c301-e14c50280e1f-55391569, #w-node-e378ed23-5444-e6ac-10a7-ea788e5a4066-5301ca56, #w-node-e378ed23-5444-e6ac-10a7-ea788e5a408b-5301ca56, #w-node-_24aba126-6772-84d1-c344-f7c3ed0b9a96-5301ca56, #w-node-_24aba126-6772-84d1-c344-f7c3ed0b9a9c-5301ca56, #w-node-_24aba126-6772-84d1-c344-f7c3ed0b9a9e-5301ca56, #w-node-_1265239f-8140-b3dd-2210-dd93cd42559c-5301ca56, #w-node-_1265239f-8140-b3dd-2210-dd93cd4255a2-5301ca56, #w-node-_1265239f-8140-b3dd-2210-dd93cd4255a4-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_9dc6fbf0-6000-962f-b98d-b20177545aff-5301ca56 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-e378ed23-5444-e6ac-10a7-ea788e5a40c2-5301ca56, #w-node-_42d43d39-c309-e54c-7fcd-362f2413ac90-5301ca56, #w-node-ce481ffd-5378-a4bd-502d-83dca3cf89eb-5301ca56, #w-node-ce481ffd-5378-a4bd-502d-83dca3cf89f0-5301ca56, #w-node-ce481ffd-5378-a4bd-502d-83dca3cf89f6-5301ca56, #w-node-ce481ffd-5378-a4bd-502d-83dca3cf89f8-5301ca56, #w-node-a03f42f4-544f-9d2f-4b10-a61563202f9f-5301ca56, #w-node-_8b9650dc-7428-0da5-f040-2ae5e63727a1-5301ca56, #w-node-a03f42f4-544f-9d2f-4b10-a61563202fa4-5301ca56, #w-node-a03f42f4-544f-9d2f-4b10-a61563202fac-5301ca56, #w-node-a03f42f4-544f-9d2f-4b10-a61563202fae-5301ca56, #w-node-c54f16f3-7577-fdf4-3fed-a5cbc44a6a8a-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_519fd8ed-2623-c1cc-1d84-f3ab88d30e74-5301ca56 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-d39a283d-99ca-fed3-8730-a43776efc812-5301ca56 {
  grid-area: span 1/span 4/span 1/span 4;
}

#w-node-d39a283d-99ca-fed3-8730-a43776efc818-5301ca56, #w-node-d39a283d-99ca-fed3-8730-a43776efc81a-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-f533960f-2035-fd63-0340-b918a18471c7-5301ca56 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_871526e8-c3ce-937e-314f-92eddaad3a22-5301ca56 {
  grid-area: span 1/span 3/span 1/span 3;
}

#w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900ef3-5301ca56, #w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900ef5-5301ca56, #w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900efa-5301ca56, #w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f02-5301ca56, #w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f04-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f07-5301ca56 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f0e-5301ca56 {
  grid-area: span 1/span 4/span 1/span 4;
}

#w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f14-5301ca56, #w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f16-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f18-5301ca56, #w-node-_7ad2c467-64b7-bcf4-ef61-94c7fa900f1f-5301ca56 {
  grid-area: span 1/span 3/span 1/span 3;
}

#w-node-ab181a26-4325-472e-22a6-aa71d9d0a572-5301ca56, #w-node-ab181a26-4325-472e-22a6-aa71d9d0a574-5301ca56, #w-node-ab181a26-4325-472e-22a6-aa71d9d0a579-5301ca56, #w-node-ab181a26-4325-472e-22a6-aa71d9d0a581-5301ca56, #w-node-ab181a26-4325-472e-22a6-aa71d9d0a583-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-ab181a26-4325-472e-22a6-aa71d9d0a586-5301ca56 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-ab181a26-4325-472e-22a6-aa71d9d0a58d-5301ca56 {
  grid-area: span 1/span 4/span 1/span 4;
}

#w-node-ab181a26-4325-472e-22a6-aa71d9d0a593-5301ca56, #w-node-ab181a26-4325-472e-22a6-aa71d9d0a595-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-ab181a26-4325-472e-22a6-aa71d9d0a597-5301ca56, #w-node-ab181a26-4325-472e-22a6-aa71d9d0a59e-5301ca56 {
  grid-area: span 1/span 3/span 1/span 3;
}

#w-node-e378ed23-5444-e6ac-10a7-ea788e5a40d8-5301ca56 {
  grid-area: span 1/span 1/span 1/span 1;
  align-self: auto;
}

#w-node-_6fd8a403-4126-37d4-7d98-97fc39d532ba-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02c6-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02c7-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02c8-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02ca-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02d9-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02da-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02dc-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02dd-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02df-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02ea-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02ed-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02f0-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02f4-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02f7-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02fa-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02fe-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b0301-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b0304-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b0308-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b030b-1382e3f4, #w-node-e1b2c3e6-56da-0f15-a787-14161f3b030e-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90deba0-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90deba1-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90deba2-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90deba4-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debb3-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debb4-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debb6-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debb7-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debb9-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debc4-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debc7-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debca-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debce-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debd1-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debd4-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debd8-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debdb-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debde-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debe2-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debe5-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debe8-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e538-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e539-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e53a-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e53c-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e54b-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e54c-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e54e-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e54f-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e551-1382e3f4, #w-node-_38d993ba-f57d-804a-d676-0771e5c7b50a-1382e3f4, #w-node-_38d993ba-f57d-804a-d676-0771e5c7b50d-1382e3f4, #w-node-_38d993ba-f57d-804a-d676-0771e5c7b510-1382e3f4, #w-node-_05a299b9-0c87-4227-d270-8cbb60e179bb-1382e3f4, #w-node-_05a299b9-0c87-4227-d270-8cbb60e179be-1382e3f4, #w-node-_05a299b9-0c87-4227-d270-8cbb60e179c1-1382e3f4, #w-node-_655be0c9-4ec1-5612-e4fd-2d97d357fbf9-1382e3f4, #w-node-_655be0c9-4ec1-5612-e4fd-2d97d357fbfc-1382e3f4, #w-node-_655be0c9-4ec1-5612-e4fd-2d97d357fbff-1382e3f4, #w-node-cb142108-ff82-d285-df6f-250017b8d5d7-1382e3f4, #w-node-cb142108-ff82-d285-df6f-250017b8d5da-1382e3f4, #w-node-cb142108-ff82-d285-df6f-250017b8d5dd-1382e3f4, #w-node-_2f4cbad8-a5be-ea02-3014-ee16bbee69bb-1382e3f4, #w-node-eecadd3b-9325-5f09-ca2a-86e19c09cea0-1382e3f4, #w-node-eecadd3b-9325-5f09-ca2a-86e19c09cea1-1382e3f4, #w-node-eecadd3b-9325-5f09-ca2a-86e19c09cea3-1382e3f4, #w-node-eecadd3b-9325-5f09-ca2a-86e19c09cea8-1382e3f4, #w-node-eecadd3b-9325-5f09-ca2a-86e19c09cea9-1382e3f4, #w-node-_7c17ec52-6103-8d2a-d031-178fe03ccb8d-1382e3f4, #w-node-_7c17ec52-6103-8d2a-d031-178fe03ccb8e-1382e3f4, #w-node-f88a2833-80fa-de2e-e661-19b1130fdd86-1382e3f4, #w-node-_759f3122-970f-27ab-95c4-d9dfd128bd28-1382e3f4, #w-node-ebc897ad-c500-06b2-4e79-f0adb998eb41-1382e3f4, #w-node-_6c01227a-27ba-785a-8505-de3a78ea5e79-1382e3f4, #w-node-_21bf63f2-9206-e2ed-9ea7-4d287a7a0ac6-1382e3f4, #w-node-_21bf63f2-9206-e2ed-9ea7-4d287a7a0aca-1382e3f4, #w-node-_21bf63f2-9206-e2ed-9ea7-4d287a7a0acf-1382e3f4, #w-node-fee7f8bc-bc9e-608e-0ae6-5347320fd538-1382e3f4, #w-node-fee7f8bc-bc9e-608e-0ae6-5347320fd53c-1382e3f4, #w-node-fee7f8bc-bc9e-608e-0ae6-5347320fd541-1382e3f4, #w-node-_7efae1a5-d7f4-4698-8914-4108ef907fcd-1382e3f4, #w-node-_7efae1a5-d7f4-4698-8914-4108ef907fd1-1382e3f4, #w-node-_7efae1a5-d7f4-4698-8914-4108ef907fd6-1382e3f4, #w-node-_6c72b9fe-c29d-3c9a-2c82-f5e1b106d6d7-a6a397c7, #w-node-_6c72b9fe-c29d-3c9a-2c82-f5e1b106d6dc-a6a397c7, #w-node-_6c72b9fe-c29d-3c9a-2c82-f5e1b106d6e1-a6a397c7, #w-node-_6c72b9fe-c29d-3c9a-2c82-f5e1b106d6e7-a6a397c7, #w-node-_6c72b9fe-c29d-3c9a-2c82-f5e1b106d6e9-a6a397c7 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_6c72b9fe-c29d-3c9a-2c82-f5e1b106d6f6-a6a397c7, #w-node-_775f477b-2fd9-e970-5835-973a2bc1ee9f-a6a397c7, #w-node-_2c58e03f-2502-7312-8ac6-023708096274-a6a397c7 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_0b84ea2b-18f4-8026-a7e0-45e0b65f7c57-a6a397c7, #w-node-_1c6b0cbc-99d8-d927-2a5f-a6fcc8ea2d98-e4bb50e2, #w-node-_1c6b0cbc-99d8-d927-2a5f-a6fcc8ea2d9d-e4bb50e2, #w-node-_1c6b0cbc-99d8-d927-2a5f-a6fcc8ea2da2-e4bb50e2, #w-node-_1c6b0cbc-99d8-d927-2a5f-a6fcc8ea2da8-e4bb50e2, #w-node-_1c6b0cbc-99d8-d927-2a5f-a6fcc8ea2daa-e4bb50e2 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_1c6b0cbc-99d8-d927-2a5f-a6fcc8ea2dad-e4bb50e2 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_1c6b0cbc-99d8-d927-2a5f-a6fcc8ea2db2-e4bb50e2, #w-node-_9f991c71-5256-d2bb-8827-64309a9685fb-e4bb50e2, #w-node-_9f991c71-5256-d2bb-8827-64309a968600-e4bb50e2, #w-node-_9f991c71-5256-d2bb-8827-64309a968605-e4bb50e2, #w-node-_9f991c71-5256-d2bb-8827-64309a96860b-e4bb50e2, #w-node-_9f991c71-5256-d2bb-8827-64309a96860d-e4bb50e2, #w-node-_93a46dc0-a477-02f9-a8c1-c54e3cf84fed-c763a208, #w-node-_1537498a-4de3-3a24-c2d3-8b15302283e2-c763a208, #w-node-_3fbca4cf-0c48-84ff-3185-cd2ab7568b9a-c763a208, #w-node-_7748cade-c14a-b30f-b88f-6fbe2258fdb1-c763a208, #w-node-_1ae413e7-a18c-b213-e1a3-e7331f2f3c4b-c763a208, #w-node-a2819cc7-3b8f-1644-3365-1f2cdc0d6852-c763a208, #w-node-_57fc1bcc-c719-13d5-85b1-66648ad59b9a-c763a208, #w-node-a2819cc7-3b8f-1644-3365-1f2cdc0d6854-c763a208, #w-node-a2819cc7-3b8f-1644-3365-1f2cdc0d6855-c763a208, #w-node-a2819cc7-3b8f-1644-3365-1f2cdc0d6856-c763a208, #w-node-f8408a4e-d6ae-b6f9-0cd9-84c7197c5e58-c763a208, #w-node-a1f41640-adba-0e02-a3c6-064e6143edb6-b2d72aa6, #w-node-a787fb63-6206-5554-2426-020b446ea1ad-b2d72aa6, #w-node-_0af86c27-ffbc-7347-6430-52ff2d5b5880-b2d72aa6, #w-node-_9517f296-035a-5179-5b5b-5ebc0e9a6c90-b2d72aa6, #w-node-ff15bd4d-0e24-c69a-0f38-f5ed04447724-b2d72aa6, #w-node-ff15bd4d-0e24-c69a-0f38-f5ed04447725-b2d72aa6, #w-node-ff15bd4d-0e24-c69a-0f38-f5ed04447727-b2d72aa6, #w-node-ff15bd4d-0e24-c69a-0f38-f5ed0444772a-b2d72aa6, #w-node-fc437cca-5200-dc2e-4957-c142fc579065-b2d72aa6, #w-node-fc437cca-5200-dc2e-4957-c142fc579066-b2d72aa6, #w-node-fc437cca-5200-dc2e-4957-c142fc579068-b2d72aa6, #w-node-fc437cca-5200-dc2e-4957-c142fc57906b-b2d72aa6, #w-node-_7b10f20b-54cb-21dc-6700-ae0e6326f9d1-b2d72aa6, #w-node-_7b10f20b-54cb-21dc-6700-ae0e6326f9d2-b2d72aa6, #w-node-_7b10f20b-54cb-21dc-6700-ae0e6326f9d4-b2d72aa6, #w-node-_7b10f20b-54cb-21dc-6700-ae0e6326f9d7-b2d72aa6 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-da041938-b38c-1cab-f8af-32aba3648591-b55452bf {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-da041938-b38c-1cab-f8af-32aba3648596-b55452bf, #w-node-da041938-b38c-1cab-f8af-32aba364859b-b55452bf {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_1f70e010-6431-4a60-3120-f772bffbd75f-b55452bf {
  grid-area: span 3/span 1/span 3/span 1;
}

#w-node-_1f70e010-6431-4a60-3120-f772bffbd760-b55452bf, #w-node-da041938-b38c-1cab-f8af-32aba36485a2-b55452bf, #w-node-da041938-b38c-1cab-f8af-32aba36485ac-b55452bf, #w-node-_2d5d42d2-6408-0d88-688f-1881e2bac57d-b55452bf {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-d812f898-699c-1e9d-68dd-7cdefcf1961a-b55452bf {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_4a9892c5-a577-49ae-f350-64e4122cd3c1-b55452bf, #w-node-_1ed7d239-2c99-4405-22ec-045bf245be74-b55452bf, #w-node-_5caac212-59a3-86fe-6348-fa342ed90339-b55452bf, #w-node-ac843bd0-72b6-b92e-be2b-f514ac9dede6-b55452bf, #w-node-a9ff989d-6dec-57b7-56ce-0ccf493a6e6a-b55452bf, #w-node-ab68b838-d413-7024-5541-6430d5488237-b55452bf, #w-node-_707195e2-563f-c8e9-8dcc-f3b710bef8ce-b55452bf, #w-node-_6ca49c3b-942d-fd48-dc62-28fda943b610-b55452bf, #w-node-c65d5cce-c947-668c-5ec6-a0e8acc2da32-b55452bf {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-da041938-b38c-1cab-f8af-32aba36485c7-b55452bf {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_4a5bb6ad-7ef3-ca8b-88b4-e491bd73c391-9cef5bbf, #w-node-df74f84c-36d2-dbd3-efe2-66679b4b0b41-9cef5bbf, #w-node-_37f721a5-e1f3-e0d5-1c70-df2f5c14ca9b-9cef5bbf, #w-node-_849e7571-ede6-2ccc-29ed-035b0828cd99-9cef5bbf, #w-node-_849e7571-ede6-2ccc-29ed-035b0828cd9e-9cef5bbf, #w-node-c6015704-87c7-431d-177c-c2088cf30c54-9cef5bbf, #w-node-c6015704-87c7-431d-177c-c2088cf30c59-9cef5bbf, #w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d691c-ad10b0bb, #w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d6921-ad10b0bb, #w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d6926-ad10b0bb, #w-node-_63d55834-0ab4-acde-08ad-8653257b70f0-ad10b0bb {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_63d55834-0ab4-acde-08ad-8653257b70f5-ad10b0bb, #w-node-_66b5470a-875b-d215-98e4-e9bb0c335e15-ad10b0bb {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d692c-ad10b0bb, #w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d6931-ad10b0bb, #w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d6937-ad10b0bb, #w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d6943-ad10b0bb, #w-node-_85f50ec3-d65c-35de-b0cb-3e0a532d6948-ad10b0bb {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-dd2e14e6-cac7-5296-fbf2-013bc7b5801f-dd1caa0e {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-dd2e14e6-cac7-5296-fbf2-013bc7b58024-dd1caa0e, #w-node-dd2e14e6-cac7-5296-fbf2-013bc7b5802a-dd1caa0e, #w-node-ef878445-3dda-675e-0065-afccb44136e8-dd1caa0e {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-dd2e14e6-cac7-5296-fbf2-013bc7b58030-dd1caa0e, #w-node-dd2e14e6-cac7-5296-fbf2-013bc7b58035-dd1caa0e, #w-node-dd2e14e6-cac7-5296-fbf2-013bc7b5803d-dd1caa0e, #w-node-dd2e14e6-cac7-5296-fbf2-013bc7b58041-dd1caa0e {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-dd2e14e6-cac7-5296-fbf2-013bc7b58045-dd1caa0e, #w-node-dd2e14e6-cac7-5296-fbf2-013bc7b58046-dd1caa0e, #w-node-dd2e14e6-cac7-5296-fbf2-013bc7b5805d-dd1caa0e, #w-node-_7042ad7f-94f5-5b0f-543e-479874a95c56-a7d97385, #w-node-_6dae96ea-6237-c94f-79d3-599118102cc7-a7d97385, #w-node-_2d587401-e0b4-2d44-1c77-ae1b415d56eb-a7d97385, #w-node-c3d8a04e-e9e1-cbd9-a85c-5c54e0c8144e-a7d97385, #w-node-_057bd9a2-6644-208c-11d3-320aeb18e4ce-a7d97385, #w-node-_057bd9a2-6644-208c-11d3-320aeb18e4d0-a7d97385, #w-node-_057bd9a2-6644-208c-11d3-320aeb18e4d4-a7d97385, #w-node-_057bd9a2-6644-208c-11d3-320aeb18e4d7-a7d97385, #w-node-_39fa7abd-a296-60b3-d10d-0768acf096df-a7d97385, #w-node-_39fa7abd-a296-60b3-d10d-0768acf096e1-a7d97385, #w-node-_39fa7abd-a296-60b3-d10d-0768acf096e5-a7d97385, #w-node-_39fa7abd-a296-60b3-d10d-0768acf096e8-a7d97385, #w-node-_4751383a-b3e8-364b-e84c-0f178fc9ab74-a7d97385, #w-node-_4751383a-b3e8-364b-e84c-0f178fc9ab76-a7d97385, #w-node-_4751383a-b3e8-364b-e84c-0f178fc9ab7a-a7d97385, #w-node-_4751383a-b3e8-364b-e84c-0f178fc9ab7d-a7d97385, #w-node-f8408a4e-d6ae-b6f9-0cd9-84c7197c5e58-a7d97385, #w-node-_89a66edd-6c71-4292-b53e-af958aa72dcf-d60ea4cc, #w-node-d05a7522-926e-4bc7-cda9-c396c21daa86-d60ea4cc, #w-node-a88482ce-c176-8a68-2ccb-52e8a5df5afa-d60ea4cc, #w-node-cd6caf35-c670-5b9f-19da-9f81755ff19d-d60ea4cc, #w-node-_8234a73d-c0bb-af28-927e-a8a3605ccd7d-d60ea4cc, #w-node-_8c97e21a-2a55-8aad-ee43-ba541c8b8bec-bf5232e0, #w-node-_8c97e21a-2a55-8aad-ee43-ba541c8b8bef-bf5232e0, #w-node-_8c97e21a-2a55-8aad-ee43-ba541c8b8bf1-bf5232e0, #w-node-_91374f5b-faf1-d779-82d8-657c06e48632-bf5232e0, #w-node-_7042ad7f-94f5-5b0f-543e-479874a95c56-bf5232e0, #w-node-_6dae96ea-6237-c94f-79d3-599118102cc7-bf5232e0, #w-node-_2d587401-e0b4-2d44-1c77-ae1b415d56eb-bf5232e0, #w-node-c3d8a04e-e9e1-cbd9-a85c-5c54e0c8144e-bf5232e0, #w-node-de9f698a-2e5d-ad98-9b92-294b5454ec1d-bf5232e0, #w-node-f2d3f3fc-7a63-662a-4bce-c2c5c398da6c-bf5232e0, #w-node-f2d3f3fc-7a63-662a-4bce-c2c5c398da71-bf5232e0, #w-node-f2d3f3fc-7a63-662a-4bce-c2c5c398da74-bf5232e0, #w-node-eaa4545f-8c57-cd97-7f74-fc5e9e307216-bf5232e0, #w-node-b87a5542-f273-45de-2b8f-001fea711223-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a38-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a3a-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a3d-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a3f-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a42-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a4a-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a53-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a59-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a62-bf5232e0, #w-node-_0a01c532-2fab-15a0-b547-4ea8cc860a6b-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc8f9-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc8fb-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc8fe-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc900-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc903-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc90b-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc914-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc91a-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc923-bf5232e0, #w-node-_30abe9aa-bb30-b0fb-f094-03fcc8ecc92c-bf5232e0 {
  grid-area: span 1/span 1/span 1/span 1;
}

#w-node-_5de39d7d-e347-46cb-c6b3-144f3c647154-e58bcb22 {
  grid-area: span 1/span 2/span 1/span 2;
}

#w-node-_7cef2643-a121-b24f-531b-ea845438bac3-c46a3edb, #w-node-_79f4d24c-6908-be6e-d00d-35addaf03303-c46a3edb, #w-node-b8fdd3ee-5002-bd13-cd12-5ae0ad6fb28a-c46a3edb {
  grid-area: span 1/span 1/span 1/span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02df-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90debb9-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e551-1382e3f4 {
    grid-area: span 1/span 2/span 1/span 2;
  }
}
@media screen and (max-width: 767px) {
  #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02df-1382e3f4 {
    grid-area: span 1/span 2/span 1/span 2;
  }

  #w-node-_1f70e010-6431-4a60-3120-f772bffbd75f-b55452bf {
    grid-area: span 1/span 1/span 1/span 1;
  }
}
@media screen and (max-width: 479px) {
  #w-node-_88597754-74fe-273a-172f-54a3862881cc-36316dae, #w-node-a2abe110-970f-e446-3f27-0ff748150ab0-36316dae {
    grid-column: span 1/span 1;
  }

  #w-node-_1dd8b496-e53e-c675-4edf-256dffd62d7f-36316dae {
    grid-area: span 1/span 1/span 1/span 1;
  }

  #w-node-_3526bab3-55d6-855e-d76c-05aeaea3d1ef-36316dae, #w-node-e320f52d-9b9d-b795-e250-50bc17abea8e-36316dae, #w-node-_35141d43-7c7a-7080-d173-6b584f02f0ee-36316dae, #w-node-ccf52b66-a9eb-1ebd-5260-fe052171d89b-36316dae, #w-node-_88597754-74fe-273a-172f-54a3862881cc-efcaa3fe, #w-node-c1f76e26-b91d-73c0-b32c-5d2353a802db-efcaa3fe, #w-node-_2ee169e8-7197-3aa1-7286-d3f2ea402b20-efcaa3fe, #w-node-_05971315-4cfc-b968-9ec8-9d41221b6b25-efcaa3fe, #w-node-_32c6a03b-7e85-ee16-50cc-1ab6d4cc322d-efcaa3fe {
    grid-column: span 1/span 1;
  }

  #w-node-fd8e19f4-3cb9-b565-feca-fae507d3d8d1-3ce9610f {
    grid-area: span 1/span 1/span 1/span 1;
  }

  #w-node-e1b2c3e6-56da-0f15-a787-14161f3b02c7-1382e3f4, #w-node-_0d436d21-03eb-5548-9704-265bd90deba1-1382e3f4, #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e539-1382e3f4 {
    grid-column: span 1/span 1;
  }

  #w-node-a54115ae-8d17-d2bf-76d8-2a628b16e551-1382e3f4 {
    grid-area: span 1/span 2/span 1/span 2;
  }

  #w-node-eecadd3b-9325-5f09-ca2a-86e19c09cea0-1382e3f4 {
    grid-column: span 1/span 1;
  }

  #w-node-da041938-b38c-1cab-f8af-32aba3648595-b55452bf, #w-node-_1f70e010-6431-4a60-3120-f772bffbd75f-b55452bf, #w-node-_5de39d7d-e347-46cb-c6b3-144f3c647154-e58bcb22 {
    grid-area: span 1/span 1/span 1/span 1;
  }
}
.side-bar .side-bar__links {
  height: calc(100% - 120px - 135px);
}

.entity-controls__link {
  display: inline-flex;
}

.form-field__input.is--select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.form-field__input__overlay-img {
  pointer-events: none;
}

@media screen and (min-width: 1080px) {
  [grid-columns="3"] {
    grid-template-columns: repeat(4, 1fr);
  }

  [grid-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
  }

  [grid-span="1"] {
    grid-column-end: span 1;
  }

  [grid-span="2"] {
    grid-column-end: span 2;
  }

  [grid-span="3"] {
    grid-column-end: span 3;
  }
}
* {
  /** Hide scroll bars, anywhere applicable */
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
}

input[type=number] {
  /** Hide number input field default arrows **/
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/**
 * Fixed issue where X in invoice lines would have no width at all
 *
 * @since 2024-06-14
 */
.form-field__input {
  flex: min-content;
}

/**
 * Search bar dates inputs
 */
.search-bar {
  max-width: 326px;
  width: unset;
}
.search-bar__button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  background: transparent;
}
.search-bar__dates-wrapper {
  display: flex;
}
.search-bar__dates-wrapper .search-bar__input {
  padding: 12px;
  font-size: 15px;
}

/**
 * Compact form
 */
.form-wrapper.form-compact {
  margin-top: 30px;
  grid-row-gap: 40px;
}
.form-wrapper.form-compact .form-section__inner {
  padding: 20px 30px;
}
.form-wrapper.form-compact .form-field {
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.form-wrapper.form-compact .form-field__label {
  font-size: 15px;
  flex-basis: 25%;
  margin: 0;
}
.form-wrapper.form-compact .form-field__input-wrapper {
  flex-grow: 1;
}
.form-wrapper.form-compact .form-field__input {
  min-height: unset;
  height: 32px;
  padding: 0 8px;
  line-height: unset;
}

.side-bar__navigation {
  max-height: calc(100vh - 150px - 105px);
}
.side-bar__navigation a {
  color: #fff;
}
.side-bar__navigation a .las {
  font-size: 21px;
  position: relative;
  top: -3px;
}

a .las:not(.mobile-navigation__a__icon) {
  font-size: 1.125em;
  color: inherit;
}

@media screen and (min-width: 1080px) {
  [grid-span="2"] {
    grid-column-end: span 2;
  }

  [grid-span="3"] {
    grid-column-end: span 3;
  }

  [grid-span="4"] {
    grid-column-end: span 4;
  }

  [grid-span="5"] {
    grid-column-end: span 5;
  }

  [grid-span="6"] {
    grid-column-end: span 6;
  }

  [grid-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
  }

  [grid-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
  }

  [grid-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
  }

  [grid-columns="5"] {
    grid-template-columns: repeat(5, 1fr);
  }

  [grid-columns="6"] {
    grid-template-columns: repeat(6, 1fr);
  }

  [grid-columns="7"] {
    grid-template-columns: repeat(7, 1fr);
  }

  [grid-columns="8"] {
    grid-template-columns: repeat(8, 1fr);
  }

  [grid-columns="9"] {
    grid-template-columns: repeat(9, 1fr);
  }

  [grid-columns="10"] {
    grid-template-columns: repeat(10, 1fr);
  }

  [grid-columns="11"] {
    grid-template-columns: repeat(11, 1fr);
  }

  [grid-columns="12"] {
    grid-template-columns: repeat(12, 1fr);
  }
}
form button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/**
 * Cross-browser scroll bar changes
 */
* :not(.app__horizontal-scroll) {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
* :not(.app__horizontal-scroll)::-webkit-scrollbar {
  display: none;
}

.select2-container--default .select2-selection--single {
  height: 100%;
  display: flex;
  align-items: center;
  border: 3px solid #eee;
  width: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 15px;
  width: 20px;
  transform: translateY(-50%);
}

.form-field__input-wrapper {
  height: 100%;
}

.qualitative-options .form-div {
  padding-bottom: 0;
}