/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

.date-time-in-two-lines .line-1, .date-time-in-two-lines .line-2 {
  white-space: nowrap;
}
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--footer-height);
  z-index: 100;
  padding: var(--padding);
  transition: left 0.5s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
  color: var(--main-color);
  background-color: var(--background-color);
  border-top: 1px solid var(--border-color);
}
@media (min-width: 1024px) {
  footer.nav-panel-shown {
    left: var(--navigation-width);
  }
}
footer.nav-panel-hidden {
  left: 0;
}
@media (min-width: 1024px) {
  footer {
    left: var(--navigation-width-collapsed);
  }
}
.main-menu {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  height: 100%;
  align-items: center;
  font-size: 16px;
}
@media (max-width: 768px) {
  .main-menu {
    display: block;
    text-align: center;
  }
  .main-menu.show-mobile-drop-down-menu .item {
    display: block;
    background-color: var(--background-color);
  }
}
.main-menu .item {
  display: block;
  color: var(--text-color);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.5s ease 0s;
}
.main-menu .item:hover {
  color: var(--text-color-lighten);
}
.main-menu .item.active {
  color: var(--warning-color);
}
.main-menu .item.active:hover {
  color: var(--warning-color-lighten);
}
.main-menu .item:not(:last-child) {
  margin-right: var(--padding);
}
@media (max-width: 768px) {
  .main-menu .item {
    padding: calc(var(--padding) / 2);
    display: none;
  }
  .main-menu .item:not(:last-child) {
    margin-right: 0;
  }
}
.main-menu .mobile-active-label {
  display: none;
}
@media (max-width: 768px) {
  .main-menu .mobile-active-label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .main-menu .mobile-active-label .mobile-active-label-show-dropdown-icon {
    margin-left: calc(var(--padding) / 2);
  }
}
.user-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}
@media (max-width: 768px) {
  .user-panel {
    margin-left: 0;
  }
}
.user-panel .user-panel-photo, .user-panel .user-panel-initials {
  cursor: pointer;
  border-radius: 50%;
  width: calc(var(--header-height) - calc(var(--header-padding-y) * 4));
  height: calc(var(--header-height) - calc(var(--header-padding-y) * 4));
  background-color: var(--border-color);
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 100;
}
.user-panel .user-menu {
  display: none;
  position: absolute;
  top: calc(100% + var(--padding));
  right: 0;
  background-color: var(--background-color);
  border-radius: var(--big-border-radius);
  box-shadow: var(--shadow);
  padding: var(--padding);
  min-width: 270px;
}
.user-panel .user-menu.shown {
  display: block;
}
.user-panel .user-menu .user-menu-block {
  padding: calc(var(--padding) / 2) 0;
}
.user-panel .user-menu .user-menu-block.user-info-block {
  text-align: center;
}
.user-panel .user-menu .user-menu-block.user-info-block .user-menu-block-item.no-icon {
  padding-left: 0;
}
.user-panel .user-menu .user-menu-block:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.user-panel .user-menu .user-menu-block .user-menu-block-item {
  display: block;
  color: var(--text-color);
  text-decoration: none;
  padding-left: 0;
}
.user-panel .user-menu .user-menu-block .user-menu-block-item:not(:last-child) {
  padding-bottom: 10px;
}
.user-panel .user-menu .user-menu-block .user-menu-block-item.no-icon {
  padding-left: calc(var(--font-size) + var(--padding));
}
.user-panel .user-menu .user-menu-block .user-menu-block-item.user-initials {
  font-weight: bold;
  font-size: 20px;
}
.user-panel .user-menu .user-menu-block .user-menu-block-item .user-menu-block-item-icon {
  width: var(--font-size);
  margin-right: var(--padding);
}
.user-panel .user-menu .user-menu-block .user-menu-block-item .role-info .toggle-role-list {
  margin-left: calc(var(--padding) / 2);
}
.user-panel .user-menu .user-menu-block .user-menu-block-item .role-info .role-list .role {
  -webkit-text-decoration: underline dashed var(--text-color);
          text-decoration: underline dashed var(--text-color);
  transition: 0.5s ease 0s;
}
.user-panel .user-menu .user-menu-block .user-menu-block-item .role-info .role-list .role:hover {
  color: var(--text-color-lighten);
  -webkit-text-decoration-color: var(--text-color-lighten);
          text-decoration-color: var(--text-color-lighten);
}
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  transition: left 0.5s ease 0s;
  display: flex;
  align-items: center;
  z-index: 100;
  padding: var(--header-padding-y) var(--padding);
  padding-left: calc(1.5rem + calc(var(--padding) * 2));
  color: var(--text-color);
  background-color: var(--background-color);
  border-bottom: 1px solid var(--border-color);
}
@media (min-width: 1024px) {
  header.nav-panel-shown {
    left: var(--navigation-width);
  }
}
header.nav-panel-hidden {
  left: 0;
}
@media (min-width: 1024px) {
  header {
    left: var(--navigation-width-collapsed);
  }
}
.preloader-overlay {
  background-color: var(--background-color);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
}
.preloader-overlay.fixed-preloader {
  position: fixed;
}
.preloader-overlay .preloader {
  --max-preloader-size: 70%;
  --min-preloader-size: 45px;
  --preloader-size: 200px;
  max-width: var(--max-preloader-size);
  max-height: var(--max-preloader-size);
  min-width: var(--min-preloader-size);
  min-height: var(--min-preloader-size);
  width: var(--preloader-size);
  height: var(--preloader-size);
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: var(--main-color);
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: infinite-rotate 1s linear infinite;
}
.preloader-overlay .preloader:before, .preloader-overlay .preloader:after {
  content: " ";
  display: block;
  border: 3px solid transparent;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader-overlay .preloader:before {
  border-top-color: var(--third-color);
  animation: infinite-rotate 1.5s linear infinite;
  width: calc(100% - 15px);
  height: calc(100% - 15px);
}
.preloader-overlay .preloader:after {
  border-top-color: var(--second-color);
  animation: infinite-rotate 2s linear infinite;
  width: calc(100% - var(--min-preloader-size));
  height: calc(100% - var(--min-preloader-size));
}

@keyframes infinite-rotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
input[type=radio] {
  margin-right: calc(var(--padding) / 2);
  vertical-align: middle;
}

.radio-inner.inline {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
.radio-inner.inline input[type=radio] {
  margin-right: calc(var(--padding) / 2);
}
.radio-inner.inline label {
  margin-bottom: 0;
}
.radio-inner.inline label.radio-label {
  margin-left: 0;
}
textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 100px;
}
.field-wrapper .file-input-wrapper .file-input-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
.field-wrapper .file-input-wrapper .file-input-buttons input[type=file] {
  display: none;
}
.field-wrapper .file-input-wrapper .file-input-buttons .button, .field-wrapper .file-input-wrapper .file-input-buttons button, .field-wrapper .file-input-wrapper .file-input-buttons label {
  margin: 0;
}
.field-wrapper .file-input-wrapper .file-input-buttons .clean-file-value-button {
  color: var(--text-color-lighten);
  border-bottom-color: var(--text-color-lighten);
}
.field-wrapper .file-input-wrapper .added-files-wrapper {
  padding: calc(var(--padding) / 2);
  background-color: var(--gray-background-color);
  margin: calc(var(--padding) / 2) 0;
}
.field-wrapper .file-input-wrapper .added-files-wrapper .added-files-title {
  margin-bottom: calc(var(--padding) / 2);
  text-align: center;
}
.field-wrapper .file-input-wrapper .added-files-wrapper .added-files-list .added-file {
  text-align: left;
}
.field-wrapper .file-input-wrapper .added-files-wrapper .added-files-list .added-file:not(:last-child) {
  margin-bottom: calc(var(--padding) / 3);
}
.field-wrapper .file-input-wrapper .exist-files-wrapper {
  padding: calc(var(--padding) / 2);
  background-color: var(--gray-background-color);
  margin: calc(var(--padding) / 2) 0;
}
.field-wrapper .file-input-wrapper .exist-files-wrapper .exist-files-title {
  margin-bottom: calc(var(--padding) / 2);
  text-align: center;
}
.field-wrapper .file-input-wrapper .exist-files-wrapper .exist-files-list .exist-file {
  text-align: left;
}
.field-wrapper .file-input-wrapper .exist-files-wrapper .exist-files-list .exist-file:not(:last-child) {
  margin-bottom: calc(var(--padding) / 3);
}
.select-wrapper select {
  text-align: center;
}

.multiple-select-wrapper {
  --size-of-calendar-image: 1.15;
  position: relative;
}
.multiple-select-wrapper .arrow-icon {
  position: absolute;
  top: var(--input-padding-y);
  right: var(--input-padding-x);
  height: calc(var(--font-size) * var(--size-of-calendar-image));
  width: calc(var(--font-size) * var(--size-of-calendar-image));
  color: var(--main-color);
}
.multiple-select-wrapper:hover .arrow-icon {
  color: var(--main-color-lighten);
}
.multiple-select-wrapper .dropdown-content-wrapper {
  display: none;
  position: absolute;
  right: 0;
  width: 100%;
  top: 100%;
  z-index: 10;
  border: 1px solid var(--main-color);
  border-top: none;
  border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
  padding: 10px;
  text-align: center;
  background-color: var(--background-color);
}
.multiple-select-wrapper .dropdown-content-wrapper.shown {
  display: block;
}
.multiple-select-wrapper .dropdown-content-wrapper .option-list {
  max-height: 200px;
  overflow: auto;
  overflow-x: hidden;
}
.multiple-select-wrapper .dropdown-content-wrapper .option-list .option {
  padding: 5px 0;
}
.multiple-select-wrapper .dropdown-content-wrapper .option-list .option:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.multiple-select-wrapper .dropdown-content-wrapper .option-list .option .selected-icon {
  color: var(--main-color);
  float: left;
  margin-right: calc(var(--padding) / 2);
}
.multiple-select-wrapper .dropdown-content-wrapper .button {
  margin: 10px 0 0;
}

.select-wrapper.searchable .select-search-input, .multiple-select-wrapper.searchable .select-search-input {
  border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
  border-bottom: none;
}
.select-wrapper.searchable select, .multiple-select-wrapper.searchable select {
  border-radius: 0 0 var(--input-border-radius) var(--input-border-radius);
}
.select-wrapper input[type=text].multiple-select-display-value[readonly], .multiple-select-wrapper input[type=text].multiple-select-display-value[readonly] {
  border-color: var(--border-color);
  color: var(--text-color);
}
.select-wrapper input[type=text].multiple-select-display-value[readonly].dropdown-shown, .multiple-select-wrapper input[type=text].multiple-select-display-value[readonly].dropdown-shown {
  border-radius: var(--input-border-radius) var(--input-border-radius) 0 0;
  padding: var(--input-padding-y) calc(calc(var(--input-padding-x) * 2) + calc(var(--font-size) * var(--size-of-calendar-image))) var(--input-padding-y) var(--input-padding-x);
  border-color: var(--main-color);
}
.password-wrapper {
  position: relative;
}
.password-wrapper input[type=password] {
  padding-right: 34px;
}
.password-wrapper .eye-icon {
  position: absolute;
  top: 9px;
  right: 9px;
}
.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}
.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
}
.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}
.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__navigation button[disabled] {
  background-color: #f0f0f0;
}
.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}
.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
}
.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}
.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: none;
}
.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__tile--hasActive {
  background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}
.react-calendar__tile--active {
  background: #006edc;
  color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.center-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.react-calendar {
  --calendar-days-padding: 3px 5px;
  width: 100%;
  padding: calc(var(--padding) / 3);
  font-size: 0.8em;
}
.react-calendar .react-calendar__navigation {
  height: auto;
  margin-bottom: 0;
}
.react-calendar .react-calendar__navigation button {
  padding: var(--calendar-days-padding);
}
.react-calendar .react-calendar__month-view__weekdays .react-calendar__month-view__weekdays__weekday {
  padding: var(--calendar-days-padding);
}
.react-calendar button {
  color: var(--text-color);
}
.react-calendar button.react-calendar__month-view__days__day--weekend {
  color: var(--error-color);
}
.react-calendar button.react-calendar__tile--active {
  color: var(--text-color-on-dark-back);
  background-color: var(--main-color);
}
.react-calendar button:hover {
  background-color: var(--third-color);
}
.react-calendar .react-calendar__tile {
  padding: var(--calendar-days-padding);
}
.dropdown-calendar-wrapper {
  --size-of-calendar-image: 1.15;
  position: relative;
}
.dropdown-calendar-wrapper .calendar-icon {
  position: absolute;
  top: var(--input-padding-y);
  right: var(--input-padding-x);
  height: calc(var(--font-size) * var(--size-of-calendar-image));
  width: calc(var(--font-size) * var(--size-of-calendar-image));
  color: var(--main-color);
}
.dropdown-calendar-wrapper:hover .calendar-icon {
  color: var(--main-color-lighten);
}
.dropdown-calendar-wrapper input[type=text] {
  text-align: center;
  padding: var(--input-padding-y) calc(calc(var(--input-padding-x) * 2) + calc(var(--font-size) * var(--size-of-calendar-image))) var(--input-padding-y) var(--input-padding-x);
}
.dropdown-calendar-wrapper .dropdown-content-wrapper {
  position: absolute;
  right: 0;
  width: 100%;
  min-width: 240px;
  top: 100%;
  z-index: 10;
}
input[type=checkbox] {
  margin-right: calc(var(--padding) / 2);
}
.dropdown-datetime-wrapper {
  --size-of-calendar-image: 1.15;
  position: relative;
}
.dropdown-datetime-wrapper .calendar-icon {
  position: absolute;
  top: var(--input-padding-y);
  right: var(--input-padding-x);
  height: calc(var(--font-size) * var(--size-of-calendar-image));
  width: calc(var(--font-size) * var(--size-of-calendar-image));
  color: var(--main-color);
}
.dropdown-datetime-wrapper:hover .calendar-icon {
  color: var(--main-color-lighten);
}
.dropdown-datetime-wrapper input[type=text] {
  text-align: center;
  padding: var(--input-padding-y) calc(calc(var(--input-padding-x) * 2) + calc(var(--font-size) * var(--size-of-calendar-image))) var(--input-padding-y) var(--input-padding-x);
}
.dropdown-datetime-wrapper .dropdown-content-wrapper {
  position: absolute;
  right: 0;
  width: 100%;
  min-width: 240px;
  top: 100%;
  z-index: 10;
}
.date-period-wrapper {
  --size-of-calendar-image: 1.15;
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
@media (max-width: 768px) {
  .date-period-wrapper {
    display: block;
  }
}
.date-period-wrapper .dropdown-datetime-wrapper {
  position: relative;
  flex-basis: 50%;
}
.date-period-wrapper .dropdown-datetime-wrapper:nth-child(1) {
  margin-right: calc(var(--padding) / 2);
}
@media (max-width: 768px) {
  .date-period-wrapper .dropdown-datetime-wrapper:nth-child(1) {
    margin-right: 0;
    margin-bottom: calc(var(--padding) / 2);
  }
}
.date-period-wrapper .dropdown-datetime-wrapper .calendar-icon {
  position: absolute;
  top: var(--input-padding-y);
  right: var(--input-padding-x);
  height: calc(var(--font-size) * var(--size-of-calendar-image));
  width: calc(var(--font-size) * var(--size-of-calendar-image));
  color: var(--main-color);
}
.date-period-wrapper .dropdown-datetime-wrapper:hover .calendar-icon {
  color: var(--main-color-lighten);
}
.date-period-wrapper .dropdown-datetime-wrapper input[type=text] {
  text-align: center;
  padding: var(--input-padding-y) calc(calc(var(--input-padding-x) * 2) + calc(var(--font-size) * var(--size-of-calendar-image))) var(--input-padding-y) var(--input-padding-x);
}
.date-period-wrapper .dropdown-datetime-wrapper input[type=text]:focus {
  border: 1px solid var(--main-color);
  outline: none;
}
.date-period-wrapper .dropdown-datetime-wrapper .dropdown-content-wrapper {
  position: absolute;
  right: 0;
  width: 100%;
  min-width: 240px;
  top: 100%;
  z-index: 10;
}

form.inline-form .form-fields-wrapper .field-wrapper .dropdown-datetime-wrapper {
  max-width: 180px;
}
@media (min-width: 768px) {
  form.inline-form .form-fields-wrapper .field-wrapper .dropdown-datetime-wrapper {
    max-width: none;
    max-width: initial;
  }
}
.stars-picker-wrapper.allow-pick .star {
  cursor: pointer;
}
.stars-picker-wrapper .stars-list {
  text-align: center;
}
.stars-picker-wrapper .stars-list .star {
  display: inline-block;
  color: #d9d501;
}
.string-list-field-wrapper .string-list-input-wrapper {
  margin-bottom: calc(var(--padding) / 2);
  position: relative;
}
.string-list-field-wrapper .string-list-input-wrapper input[type=text] {
  padding-right: var(--input-padding-x);
}
.string-list-field-wrapper .string-list-input-wrapper .remove-button {
  position: absolute;
  right: calc(var(--padding) / 2);
  top: calc(var(--padding) / 2);
  color: var(--error-color);
}
.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  background: white;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:left;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
.error-content-layout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--padding);
  gap: var(--padding);
  padding: calc(2 * var(--padding));
  background-color: var(--error-background-color);
  border-radius: var(--padding);
}
.error-content-layout .error-content-icon {
  flex-grow: 0;
  color: var(--error-color-darken);
  font-size: 2rem;
}
.error-content-layout .error-content {
  flex-grow: 1;
}
.error-content-layout .error-content .error-content-row:not(:last-child) {
  margin-bottom: calc(var(--padding) / 2);
}
.error-content-layout .error-content-close {
  flex-grow: 0;
  color: #71727A;
  font-size: 1.5rem;
}
.editor-field .editor-field-wrapper-class {
  padding: calc(var(--padding) / 2) var(--padding);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  padding: 0;
}
.editor-field .editor-field-wrapper-class .editor-field-toolbar-class {
  border: none;
  border-bottom: 1px solid var(--border-color);
  padding: var(--input-padding-y) var(--input-padding-x);
}
.editor-field .editor-field-wrapper-class .editor-field-editor-class {
  padding: var(--input-padding-y) var(--input-padding-x);
}
.editor-field .rdw-image-modal, .editor-field .rdw-emoji-modal, .editor-field .rdw-embedded-modal, .editor-field .rdw-link-modal, .editor-field .rdw-colorpicker-modal {
  width: auto;
  height: auto;
  box-shadow: var(--shadow);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.editor-field .rdw-image-modal .rdw-image-modal-btn-section, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection, .editor-field .rdw-link-modal .rdw-image-modal-btn-section, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection {
  margin: 10px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn {
  color: var(--text-color-on-dark-back);
  background-color: var(--main-color);
  border: 1px solid var(--main-color);
  border-radius: var(--button-border-radius);
  padding: var(--button-padding-y) var(--button-padding-x);
  display: inline-block;
  transition: 0.5s ease 0s;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  line-height: 1.15;
  width: auto;
  height: auto;
}
.editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child {
  background-color: var(--success-color);
  border-color: var(--success-color);
  margin-right: calc(var(--padding) / 2);
}
.editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:first-child:hover, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child:hover {
  background-color: var(--success-color-lighten);
  border-color: var(--success-color-lighten);
}
.editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child {
  background-color: var(--error-color);
  border-color: var(--error-color);
}
.editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-image-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-emoji-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-embedded-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-image-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-embedded-modal-btn-section .rdw-link-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-image-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-embedded-modal-btn:last-child:hover, .editor-field .rdw-colorpicker-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:last-child:hover {
  background-color: var(--error-color-lighten);
  border-color: var(--error-color-lighten);
}
.color-picker-wrapper {
  width: 100%;
}
.color-picker-wrapper input {
  padding: 0;
  border: 1px solid var(--border-color);
  border-radius: 0;
  width: 100%;
  height: 1rem;
}
.color-picker-wrapper input::-moz-color-swatch {
  border: none;
}
.color-picker-wrapper input::-webkit-color-swatch-wrapper {
  padding: 0;
  border-radius: 0;
}
.color-picker-wrapper input::-webkit-color-swatch {
  border: none;
}
.color-picker-wrapper .color-value {
  text-align: center;
}
.month-picker-wrapper {
  width: 100%;
  padding: var(--input-padding-y) var(--input-padding-x);
  border-radius: var(--input-border-radius);
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--input-padding-x);
  gap: var(--input-padding-x);
}
.month-picker-wrapper:focus {
  border: 1px solid var(--main-color);
  outline: none;
}
.month-picker-wrapper[readonly], .month-picker-wrapper[disabled] {
  color: var(--text-color-lighten);
  border-color: var(--text-color-lighten);
}
.month-picker-wrapper .change-month-icon {
  color: var(--main-color);
  cursor: pointer;
}
.month-picker-wrapper .change-month-icon:hover {
  color: var(--main-color-lighten);
}
.pill-wrapper {
  position: relative;
}
.pill-wrapper .pill {
  position: absolute;
  padding: 5px;
  border-radius: 5px;
  background-color: var(--background-color);
  white-space: nowrap;
  line-height: 1;
  font-size: 0.8em;
}
.pill-wrapper .pill.type-info, .pill-wrapper .pill.type-success, .pill-wrapper .pill.type-error, .pill-wrapper .pill.type-warning {
  color: var(--text-color-on-dark-back);
}
.pill-wrapper .pill.type-info {
  background-color: var(--main-color);
}
.pill-wrapper .pill.type-success {
  background-color: var(--success-color);
}
.pill-wrapper .pill.type-error {
  background-color: var(--error-color);
}
.pill-wrapper .pill.type-warning {
  background-color: var(--warning-color);
}
.pill-wrapper .pill.position-right-top {
  right: -15px;
  top: -15px;
}
.pill-wrapper .pill.position-right-bottom {
  right: -15px;
  bottom: -15px;
}
.pill-wrapper .pill.position-left-bottom {
  left: -15px;
  bottom: -15px;
}
.pill-wrapper .pill.position-left-top {
  left: -15px;
  top: -15px;
}
.modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.modal-wrapper.show {
  display: flex;
}
.modal-wrapper .modal-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.modal-wrapper .modal-content {
  position: relative;
  z-index: 1;
  margin: var(--padding);
  background-color: var(--background-color);
  border-radius: var(--padding);
  padding: var(--padding);
}
@media (min-width: 768px) {
  .modal-wrapper .modal-content {
    max-width: 80%;
    max-height: 80%;
    min-width: 400px;
  }
}
.linked-files-wrapper {
  position: relative;
}
.linked-files-wrapper .linked-files-modal .linked-files-list {
  margin-bottom: var(--padding);
}
.linked-files-wrapper .linked-files-modal .linked-files-list .linked-files-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--padding);
  gap: var(--padding);
  padding: calc(var(--padding) / 2) 0;
  border-bottom: 1px solid var(--border-color);
}
.linked-files-wrapper .linked-files-modal .linked-files-list .linked-files-list-item .linked-files-list-item-remove-icon {
  color: var(--text-color-lighten);
}
.linked-files-wrapper .linked-files-modal .linked-files-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--padding);
  gap: var(--padding);
}
.linked-files-wrapper .linked-files-modal .linked-files-buttons > * {
  margin: 0;
}
.linked-files-wrapper .linked-files-modal .linked-files-buttons .linked-files-label {
  margin-bottom: 0;
  margin-right: 0;
  display: inline-block;
}
.linked-files-wrapper .linked-files-modal .linked-files-buttons .linked-files-label .linked-files-input {
  display: none;
}
.linked-files-wrapper .linked-files-modal .linked-files-icon {
  color: var(--main-color);
}
.fields-in-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
  flex-wrap: wrap;
}
.fields-in-row .field-wrapper:not(:last-child) {
  margin-bottom: 0;
}
.field-wrapper:not(:last-child) {
  margin-bottom: var(--padding);
}
.field-wrapper.have-error {
  padding-bottom: var(--padding);
  border-bottom: 1px solid var(--error-color);
}
.field-wrapper.checkbox-wrapper label.checkbox-label:first-child:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.field-wrapper label {
  display: block;
  vertical-align: middle;
  margin-bottom: calc(var(--padding) / 2);
  font-weight: 100;
}
.field-wrapper label.radio-label {
  margin-left: var(--padding);
}
.field-wrapper label.radio-label:last-child {
  margin-bottom: 0;
}
.field-wrapper label.file-input {
  width: auto;
  display: inline-block;
}
.field-wrapper label sup {
  color: var(--error-color);
}
.field-wrapper label sup:before {
  content: "";
  display: inline;
}
.field-wrapper .field-description {
  font-size: 0.8em;
  margin-bottom: calc(var(--padding) / 2);
}

input[type=text], input[type=password], input[type=number], input[type=file], textarea, select {
  width: 100%;
  padding: var(--input-padding-y) var(--input-padding-x);
  border-radius: var(--input-border-radius);
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  font-size: var(--input-font-size-mobile);
}
@media (min-width: 768px) {
  input[type=text], input[type=password], input[type=number], input[type=file], textarea, select {
    font-size: var(--font-size);
  }
}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=file]:focus, textarea:focus, select:focus {
  border: 1px solid var(--main-color);
  outline: none;
}
input[type=text][readonly], input[type=text][disabled], input[type=password][readonly], input[type=password][disabled], input[type=number][readonly], input[type=number][disabled], input[type=file][readonly], input[type=file][disabled], textarea[readonly], textarea[disabled], select[readonly], select[disabled] {
  color: var(--text-color-lighten);
  border-color: var(--text-color-lighten);
}
.columns-wrapper.columns-wrapper-colored-back {
  background-color: var(--third-color);
  padding: var(--padding);
}
.columns-wrapper .columns-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(var(--padding) / 2);
}
.columns-wrapper .columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: calc(var(--padding) * -1);
}
@media (max-width: 768px) {
  .columns-wrapper .columns {
    display: block;
  }
}
.columns-wrapper .columns.centering {
  justify-content: center;
}
.columns-wrapper .columns.vertical-centering {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.columns-wrapper .columns.center-column-content .column {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.columns-wrapper .columns.equalized-columns-width .column {
  flex-shrink: 0;
  flex-grow: 0;
}
.columns-wrapper .columns.no-wrap {
  flex-wrap: nowrap;
}
.columns-wrapper .columns .column {
  padding: 0;
  min-width: 25%;
  margin-bottom: var(--padding);
  max-width: 100%;
}
@media (max-width: 768px) {
  .columns-wrapper .columns .column {
    min-width: 0;
    min-width: initial;
    max-width: none;
    max-width: initial;
  }
}
.columns-wrapper .columns .column:last-child {
  padding-right: 0;
}
.columns-wrapper .columns .column:first-child {
  padding-left: 0;
}
.columns-wrapper .columns .column:not(:last-child) {
  padding-right: var(--padding);
}
@media (max-width: 768px) {
  .columns-wrapper .columns .column:not(:last-child) {
    padding-right: 0;
  }
}
.columns-wrapper .columns .column.full-width {
  flex-basis: 100%;
}
.columns-wrapper .columns .column button, .columns-wrapper .columns .column .button {
  margin-right: 0;
  width: 100%;
}
.confirm-form-wrapper {
  margin-top: var(--padding);
  margin-bottom: var(--padding);
}
.confirm-form-wrapper:first-child {
  margin-top: 0;
}
.confirm-form-wrapper:last-child {
  margin-bottom: 0;
}
.confirm-form-wrapper .question {
  text-align: center;
  margin-bottom: var(--padding);
}
.buttons-row {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: var(--padding);
  gap: var(--padding);
  flex-wrap: wrap;
}
.buttons-row .button, .buttons-row button {
  margin-right: 0;
  margin-bottom: 0;
}
button {
  display: flex;
  justify-content: center;
  align-items: center;
}
button .button-loading-icon {
  color: var(--text-color-on-dark-back);
  margin-right: calc(var(--padding) / 3);
  animation-duration: 1s;
}
.success-content-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--padding);
  gap: var(--padding);
  padding: var(--padding) var(--padding);
  background-color: var(--success-background-color);
  border-radius: var(--big-border-radius);
}
.success-content-wrapper .success-content-icon {
  flex-grow: 0;
  color: var(--success-color);
  font-size: 2rem;
}
.success-content-wrapper .success-content {
  flex-grow: 1;
}
.success-content-wrapper .success-content .success-content-row:not(:last-child) {
  margin-bottom: calc(var(--padding) / 2);
}
.success-content-wrapper .success-content-close {
  flex-grow: 0;
  color: #71727A;
  font-size: 1.5rem;
}
.toast.success-toast {
  background-color: var(--success-color);
  color: var(--text-color-on-dark-back);
}
.toast.error-toast {
  background-color: var(--error-color);
  color: var(--text-color-on-dark-back);
}
.toast.error-toast .error-content-layout {
  display: block;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.toast.error-toast .error-content-layout .error-content-icon {
  display: none;
}
.toast.error-toast .error-content-layout .error-content .error-content-row:not(:last-child) {
  margin-bottom: calc(var(--padding) / 2);
}
.toast.error-toast .error-content-layout .error-content-close {
  display: none;
}
.toast.error-toast .error {
  text-align: inherit;
  color: inherit;
}
.toast.error-toast .error:not(:last-child) {
  margin-bottom: calc(var(--padding) / 2);
}
.toast.notification-toast .notification-toast-icon {
  color: var(--main-color);
}
.toast.notification-toast .notification-toast-inner .title {
  font-weight: bold;
  color: var(--main-color);
  margin-bottom: calc(var(--padding) / 3);
}
form {
  max-width: 700px;
  margin: 0 auto var(--padding);
}
@media (max-width: 768px) {
  form {
    max-width: none;
    max-width: initial;
  }
}
form:last-child {
  margin-bottom: 0;
}
form.full-width {
  max-width: none;
}
form.inline-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  max-width: initial;
}
@media (max-width: 768px) {
  form.inline-form {
    display: block;
  }
}
form.inline-form.left-aligned {
  justify-content: flex-start;
}
form.inline-form.left-aligned .form-fields-wrapper {
  justify-content: flex-start;
  flex-grow: 0;
}
form.inline-form.left-aligned .form-fields-wrapper .field-wrapper {
  flex-grow: 0;
}
form.inline-form .form-title {
  flex-basis: 100%;
  order: 1;
}
form.inline-form .form-fields-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  order: 2;
  flex-grow: 1;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  form.inline-form .form-fields-wrapper {
    display: block;
  }
}
form.inline-form .form-fields-wrapper .field-wrapper {
  margin-bottom: 0;
  margin-right: calc(var(--padding) / 2);
  flex-grow: 1;
}
@media (max-width: 768px) {
  form.inline-form .form-fields-wrapper .field-wrapper {
    display: block;
    margin-bottom: var(--padding);
    margin-right: auto;
  }
}
form.inline-form .form-fields-wrapper .field-wrapper input, form.inline-form .form-fields-wrapper .field-wrapper select {
  max-width: 180px;
}
form.inline-form .errors {
  flex-basis: 100%;
  order: 5;
  text-align: center;
  margin-bottom: 0;
}
form.inline-form .success {
  margin-bottom: 0;
  flex-basis: 100%;
  order: 4;
  text-align: center;
}
@media (max-width: 768px) {
  form.inline-form .success {
    margin-bottom: var(--padding);
  }
}
form.inline-form .buttons-wrapper {
  flex-grow: 0;
  order: 3;
  display: flex;
  justify-content: flex-start;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
  flex-wrap: nowrap;
}
form.inline-form .buttons-wrapper > * {
  margin: 0;
}
form.centered {
  text-align: center;
}
form.centered .buttons-wrapper {
  justify-content: center;
}
form .form-title {
  text-align: center;
  margin-bottom: var(--padding);
  font-weight: bold;
}
form .form-description {
  font-size: 0.8em;
  text-align: center;
  margin-bottom: var(--padding);
}
form .form-fields-wrapper {
  margin-bottom: var(--padding);
}
@media (max-width: 768px) {
  form .form-fields-wrapper .column {
    margin-bottom: 0;
  }
  form .form-fields-wrapper .column:not(:last-child) {
    padding-bottom: 0;
  }
}
form .buttons-wrapper > *:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.auth-form-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 55px;
  background: linear-gradient(180deg, rgba(146, 174, 252, 0.08) 0%, rgba(120, 244, 222, 0.34) 100%);
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex: auto 0 0;
}
.auth-form-wrapper .auth-form-border {
  background-color: var(--background-color);
  border-radius: var(--big-border-radius);
  box-shadow: var(--shadow);
  padding: 35px 20px 30px;
  width: auto;
}
@media (min-width: 768px) {
  .auth-form-wrapper .auth-form-border {
    min-width: 620px;
    padding: 40px 55px 235px;
  }
}
.auth-form-wrapper .auth-form-border .auth-form-logo {
  display: block;
  margin: 0 auto 60px;
  width: 100%;
  height: auto;
  max-width: 250px;
  max-height: 170px;
}
.auth-form-wrapper .auth-form-border form .form-fields-wrapper {
  margin-bottom: 35px;
}
.auth-form-wrapper .auth-form-border form .form-fields-wrapper label {
  font-weight: bold;
}
.auth-form-wrapper .auth-form-border form .buttons-wrapper button {
  display: block;
  width: 100%;
}
.navigation-panel-block {
  --icon-width: 15px;
  padding: 0;
}
.navigation-panel-block.active .nav-panel-block-title {
  background-color: var(--main-color);
  color: var(--text-color-on-dark-back);
  border-radius: var(--border-radius);
}
.navigation-panel-block.active .nav-panel-block-title:hover {
  color: var(--text-color-on-dark-back);
  background-color: var(--main-color-darken);
}
.navigation-panel-block.active .nav-panel-block-title .nav-panel-block-title-label.is-link {
  color: var(--text-color-on-dark-back);
}
.navigation-panel-block.active .nav-panel-block-title .nav-panel-block-title-label.is-link:hover {
  color: var(--text-color-on-dark-back);
}
.navigation-panel-block .nav-panel-block-title {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--padding) / 3);
}
.navigation-panel-block .nav-panel-block-title .nav-panel-block-title-label {
  display: flex;
  align-items: center;
  padding: 0;
}
.navigation-panel-block .nav-panel-block-title .nav-panel-block-title-label.is-link {
  text-decoration: none;
  color: var(--text-color);
}
.navigation-panel-block .nav-panel-block-title .nav-panel-block-title-label.is-link:hover {
  color: var(--text-color-lighten);
}
.navigation-panel-block .nav-panel-block-title .nav-panel-block-title-label .nav-panel-block-title-text {
  display: none;
}
.navigation-panel-block .nav-panel-block-title .nav-panel-block-title-label .nav-panel-block-title-icon {
  width: var(--icon-width);
}
.navigation-panel-block .nav-panel-block-title .nav-panel-block-title-toggle-content-icon {
  display: none;
  margin-left: auto;
  margin-right: 10px;
  cursor: pointer;
  padding-left: var(--padding);
}
.navigation-panel-block .nav-panel-block-content {
  display: none;
  padding-left: calc(var(--icon-width) + calc(var(--padding) + calc(var(--padding) / 3)));
}
.navigation-panel-block .nav-panel-block-content.opened {
  display: block;
}
.navigation-panel-block .nav-panel-block-content a {
  display: block;
  text-decoration: none;
  color: var(--text-color);
  padding: 5px 0;
}
.navigation-panel-block .nav-panel-block-content a:hover {
  color: var(--text-color-lighten);
}
.navigation-panel-block .nav-panel-block-content a:first-child {
  margin-top: 10px;
}
.navigation-panel-block .nav-panel-block-content a:last-child {
  padding-bottom: 0;
}
.navigation-panel-block .nav-panel-block-content a.active {
  font-weight: bold;
  color: var(--main-color);
}
.navigation-panel-block .nav-panel-block-content a.active:hover {
  color: var(--main-color-darken);
}

.navigation-panel.shown .navigation-panel-block:not(:last-child) {
  padding-bottom: calc(var(--padding) / 2);
  border-bottom: 1px solid var(--border-color);
  margin-bottom: calc(var(--padding) / 2);
}
.navigation-panel.shown .navigation-panel-block .nav-panel-block-title .nav-panel-block-title-label {
  margin-left: 0;
  margin-right: auto;
}
.navigation-panel.shown .navigation-panel-block .nav-panel-block-title .nav-panel-block-title-label .nav-panel-block-title-text {
  display: inline;
  margin-left: var(--padding);
}
.navigation-panel.shown .navigation-panel-block .nav-panel-block-title .nav-panel-block-title-toggle-content-icon {
  display: block;
}
@media (min-width: 1024px) {
  .navigation-panel:not(.shown) .nav-panel-block-content.opened {
    display: none;
  }
}
.navigation-panel-company-curator-company-select {
  padding: var(--padding);
}
.navigation-panel-company-curator-company-select:not(:last-child) {
  border-bottom: 1px solid var(--third-color-darken);
  margin-bottom: var(--padding);
}
.navigation-panel-company-curator-company-select .select-wrapper select {
  background-color: var(--success-color);
  color: var(--text-color-on-dark-back);
  font-weight: bold;
  padding: calc(var(--padding) / 2) var(--padding);
  height: auto;
}
.navigation-panel-company-curator-company-select .select-wrapper select option {
  padding: calc(var(--padding) / 2) var(--padding);
  background-color: var(--third-color);
  color: var(--text-color);
}
.navigation-panel-toggler {
  position: fixed;
  z-index: 102;
  top: 0;
  left: var(--padding);
  right: auto;
  height: calc(var(--header-height) - 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background-color);
  padding: 0 var(--padding) 0 0;
  text-align: center;
  cursor: pointer;
  color: var(--main-color);
  font-size: 24px;
  transition: left 0.5s ease 0s, right 0.5s ease 0s;
}
.navigation-panel-toggler:hover {
  color: var(--main-color-lighten);
}
.navigation-panel-toggler.nav-panel-shown {
  left: auto;
  right: 0;
}
@media (min-width: 1024px) {
  .navigation-panel-toggler {
    left: calc(var(--navigation-width-collapsed) + var(--padding));
    right: auto;
  }
  .navigation-panel-toggler.nav-panel-shown {
    left: calc(var(--navigation-width) + var(--padding));
    right: auto;
  }
}
.navigation-panel {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  width: 0;
  padding: 0;
  margin: 0;
  background-color: var(--background-color);
  overflow: hidden;
  transition: width 0.5s ease 0s;
  box-sizing: border-box;
  border-right: 1px solid var(--border-color);
}
@media (min-width: 1024px) {
  .navigation-panel {
    width: var(--navigation-width-collapsed);
  }
}
.navigation-panel.shown {
  width: 100%;
}
.navigation-panel.shown .navigation-panel-inner .navigation-panel-header .navigation-panel-logo-link {
  display: flex;
}
@media (min-width: 1024px) {
  .navigation-panel.shown {
    width: var(--navigation-width);
  }
}
.navigation-panel .navigation-panel-inner {
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding: 0 30px 45px;
}
@media (min-width: 1024px) {
  .navigation-panel .navigation-panel-inner {
    padding: 0 25px 50px;
  }
}
.navigation-panel .navigation-panel-inner .navigation-panel-header {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: var(--navigation-padding-y);
  height: var(--header-height);
  padding: var(--header-padding-y) 0;
}
.navigation-panel .navigation-panel-inner .navigation-panel-header .navigation-panel-logo-link {
  display: none;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.navigation-panel .navigation-panel-inner .navigation-panel-header .navigation-panel-logo-link .navigation-panel-logo {
  max-height: 100%;
}
.tooltip-wrapper {
  --tooltip-border-width: 5px;
  position: relative;
}
.tooltip-wrapper:hover .tooltip-description {
  display: block;
}
.tooltip-wrapper .tooltip-description {
  display: none;
  position: absolute;
  padding: calc(var(--padding) / 2);
  min-width: 100px;
  background-color: var(--second-color);
  border-radius: 4px;
  font-size: 0.8rem;
  line-height: var(--line-height);
  color: var(--text-color);
  text-align: center;
  z-index: 1;
}
.tooltip-wrapper .tooltip-description:after {
  content: "";
  position: absolute;
  border: var(--tooltip-border-width) solid transparent;
}
.tooltip-wrapper .tooltip-description.position-left {
  right: calc(100% + calc(var(--tooltip-border-width) * 2));
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-wrapper .tooltip-description.position-left:after {
  right: calc(var(--tooltip-border-width) * -2);
  top: calc(50% - var(--tooltip-border-width));
  border-left-color: var(--second-color);
}
.tooltip-wrapper .tooltip-description.position-right {
  left: calc(100% + calc(var(--tooltip-border-width) * 2));
  top: 50%;
  transform: translateY(-50%);
}
.tooltip-wrapper .tooltip-description.position-right:after {
  left: calc(var(--tooltip-border-width) * -2);
  top: calc(50% - var(--tooltip-border-width));
  border-right-color: var(--second-color);
}
.tooltip-wrapper .tooltip-description.position-top {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip-wrapper .tooltip-description.position-bottom {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.view-area-title {
  margin: 0 auto var(--padding);
  text-align: center;
  padding: var(--padding);
  background-color: var(--main-color);
  color: var(--text-color-on-dark-back);
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  box-shadow: var(--shadow);
  border-radius: var(--big-border-radius);
  max-width: 1800px;
  position: relative;
}
.view-area-title.has-instruction {
  padding-right: calc(var(--font-size) + calc(var(--padding) * 2));
}
@media (max-width: 768px) {
  .view-area-title.hide-on-mobile {
    display: none;
  }
}
.view-area-title .view-area-title-show-instruction-icon {
  position: absolute;
  right: var(--padding);
  top: calc(50% - 0.5em);
  font-size: 1em;
  line-height: 1;
  width: var(--padding);
  text-align: center;
}
.view-area-title .view-area-title-show-instruction-icon .tooltip-description {
  line-height: var(--line-height);
  font-weight: normal;
  text-transform: none;
}
.interactive-layout-wrapper {
  margin-top: var(--padding);
}
.interactive-layout-wrapper .titles {
  display: flex;
}
.interactive-layout-wrapper .titles > .column-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}
.interactive-layout-wrapper .titles > .column-title:first-child {
  border-right: 1px solid var(--main-color);
  flex-basis: 70%;
}
.interactive-layout-wrapper .titles > .column-title:last-child {
  flex-basis: 30%;
}
.interactive-layout-wrapper .titles > .column-title .title {
  flex-basis: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  font-weight: bold;
}
.interactive-layout-wrapper .titles > .column-title .column-title {
  flex-basis: 50%;
  padding: var(--padding);
  border-right: 1px solid var(--main-color);
}
.interactive-layout-wrapper .titles > .column-title .column-title:last-child {
  border-right: none;
}
.interactive-layout-wrapper .columns {
  display: flex;
  border-top: 1px solid var(--main-color);
}
.interactive-layout-wrapper .columns .column {
  flex-basis: 35%;
  padding: var(--padding);
  border-right: 1px solid var(--main-color);
}
.interactive-layout-wrapper .columns .column:last-child {
  flex-basis: 30%;
  border-right: none;
}
.interactive-layout-wrapper .columns .column > * {
  width: 100%;
  margin-right: 0;
}
.view-area-section-title {
  text-align: center;
  margin: var(--padding) 0;
  background-color: var(--main-color);
  padding: calc(var(--padding) / 2) 0;
  color: var(--text-color-on-dark-back);
}
.view-area-section-title:first-child {
  margin-top: 0;
}
.view-area-section-title:last-child {
  margin-bottom: 0;
}
.view-area-section {
  padding: var(--padding);
  box-shadow: var(--shadow);
  border: 1px solid var(--shadow-color);
  border-radius: var(--big-border-radius);
  margin-left: auto;
  margin-right: auto;
  max-width: 1800px;
  position: relative;
}
.view-area-section.is-instruction {
  display: none;
  padding-right: calc(var(--font-size) + calc(var(--padding) * 2));
}
.view-area-section.is-instruction.show {
  display: block;
}
.breadcrumbs + .view-area-section {
  margin-top: calc(var(--padding) / 2);
}
.view-area-section .view-area-section-title {
  text-align: center;
  padding: calc(var(--padding) / 2) 0;
  margin-bottom: var(--padding);
  background-color: var(--main-color);
  color: var(--text-color-on-dark-back);
}
.view-area-section .hide-instruction-icon {
  position: absolute;
  right: var(--padding);
  top: var(--padding);
  font-size: 1rem;
  width: var(--padding);
  text-align: center;
}
.horizontal-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.horizontal-scroll:not(:last-child) {
  margin-bottom: var(--padding);
}
.horizontal-scroll.disable-margin-bottom {
  margin-bottom: 0;
}
.horizontal-scroll .styled-table-title-wrapper {
  margin-top: calc(var(--padding) / 2);
  padding: 0 calc(var(--padding) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
.horizontal-scroll .styled-table-title-wrapper .styled-table-title {
  margin-right: auto;
  margin-left: auto;
}
.horizontal-scroll .styled-table-title-wrapper .styled-table-title-right-content {
  margin-right: 0;
}
.horizontal-scroll .styled-table {
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
  border-collapse: collapse;
}
.horizontal-scroll .styled-table.full-width {
  width: 100%;
  min-width: 100%;
}
.horizontal-scroll .styled-table thead {
  font-weight: bold;
  border-bottom: 1px solid var(--border-color);
}
.horizontal-scroll .styled-table tbody tr.selected {
  background-color: var(--main-color-lighten);
}
.horizontal-scroll .styled-table tbody tr.important {
  font-weight: bold;
}
.horizontal-scroll .styled-table tbody tr.warning {
  background-color: var(--warning-background-color);
}
.horizontal-scroll .styled-table tbody tr.error {
  background-color: var(--error-background-color);
}
.horizontal-scroll .styled-table tr:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}
.horizontal-scroll .styled-table td, .horizontal-scroll .styled-table th {
  border: none;
  padding: calc(var(--padding) / 2);
}
.interview-form-wrapper .form-title {
  font-size: 1.5em;
  font-weight: bold;
}
.interview-form-wrapper .form-description {
  font-size: 1em;
}
.interview-form-wrapper .field-wrapper {
  border-top: 1px solid var(--padding);
  padding-top: var(--padding);
}
.interview-form-wrapper .field-wrapper label {
  font-size: 1.2em;
  font-weight: bold;
}
.interview-form-wrapper .field-wrapper label.radio-label {
  font-size: 1em;
  font-weight: normal;
}
.interview-form-wrapper .field-wrapper .field-description {
  font-size: 1em;
}
.period-picker-wrapper {
  margin: var(--padding) 0 0;
}
.own-rating-form .form-title, .daily-report-form .form-title {
  font-size: 1.5em;
  font-weight: bold;
}
.own-rating-form .form-description, .daily-report-form .form-description {
  font-size: 1em;
}
.own-rating-form .field-wrapper, .daily-report-form .field-wrapper {
  border-top: 1px solid var(--padding);
  padding-top: var(--padding);
}
.own-rating-form .field-wrapper label, .daily-report-form .field-wrapper label {
  font-size: 1.2em;
  font-weight: bold;
}
.own-rating-form .field-wrapper label.radio-label, .daily-report-form .field-wrapper label.radio-label {
  font-size: 1em;
  font-weight: normal;
}
.own-rating-form .field-wrapper .field-description, .daily-report-form .field-wrapper .field-description {
  font-size: 1em;
}

.agree-send-own-rating-question {
  margin-bottom: var(--padding);
}
.loading-container {
  position: relative;
  min-height: 200px;
}
.request-for-correction-process-results-table .average-values {
  font-weight: bold;
}
.process-area-involvement-note {
  margin: calc(var(--padding) / 2) 0;
  text-align: center;
}
.gauge-wrapper {
  width: 300px;
  margin: 0 auto;
  position: relative;
}
.gauge-wrapper .value {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
}
.gauge-wrapper .value.risk {
  color: var(--error-color);
}
.gauge-wrapper .value.trend {
  color: var(--warning-color);
}
.gauge-wrapper .value.normal {
  color: var(--warning-color);
}
.gauge-wrapper .value.warning {
  color: #939393;
}
.gauge-wrapper .direction-icon {
  position: absolute;
  top: 0;
  right: 0;
}
.gauge-wrapper .direction-icon.up {
  color: var(--warning-color);
}
.gauge-wrapper .direction-icon.down {
  color: var(--error-color);
}
.sankey-wrapper {
  margin: 0 auto;
}
.sankey-wrapper {
  margin: 0 auto;
}
.gauge-wrapper {
  width: 300px;
  margin: 0 auto;
  position: relative;
}
.gauge-wrapper .value {
  margin-top: var(--padding);
  text-align: center;
  font-size: 2em;
  font-weight: bold;
}
.gauge-wrapper .value.risk {
  color: var(--error-color);
}
.gauge-wrapper .value.trend {
  color: var(--warning-color);
}
.gauge-wrapper .value.normal {
  color: var(--warning-color);
}
.gauge-wrapper .value.warning {
  color: #939393;
}
.vertical-scroll {
  overflow-y: auto;
  margin-bottom: var(--padding);
}
.vertical-scroll.disable-margin-bottom {
  margin-bottom: 0;
}
.chart-wrapper {
  width: 100%;
  margin: var(--padding) 0;
}
.chart-wrapper.centering .recharts-wrapper {
  margin: 0 auto;
}
.chart-wrapper.no-vertical-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.weekly-report-form .form-description {
  font-size: 1em;
}
.weekly-report-form .form-description .increase {
  color: var(--second-color);
}
.weekly-report-form .form-description .decline {
  color: var(--error-color);
}
.collapsing-line.shown {
  border-bottom: none;
}
.collapsing-line.shown:last-child {
  border-bottom: 1px solid var(--main-color);
}
.collapsing-line.shown .title {
  border-radius: 5px 5px 0 0;
}
.collapsing-line:not(:last-child) {
  margin-bottom: 5px;
}
.collapsing-line .title {
  background-color: var(--main-color);
  color: var(--text-color-on-dark-back);
  text-align: center;
  padding: calc(var(--padding) / 2) var(--padding);
  font-weight: bold;
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 1em;
  gap: 1em;
}
.collapsing-line .title .additional-icons {
  margin-left: auto;
  margin-right: 0;
}
.collapsing-line .title .additional-icons > * {
  transition: color 1s ease 0s;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
.collapsing-line .title .additional-icons > *:hover {
  color: var(--success-color);
}
.collapsing-line .title .arrow-icon {
  margin-left: 0;
  margin-right: 0;
}
.collapsing-line .content {
  padding: var(--padding);
  border-left: 1px solid var(--main-color);
  border-right: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
  border-radius: 0 0 5px 5px;
}
.collapsing-lines:not(:last-child) {
  margin-bottom: var(--padding);
}
.view-area-section-separator {
  margin: var(--padding) calc(var(--padding) * -1);
  border-bottom: 1px solid var(--border-color);
}
.preview-image {
  display: block;
}
.preview-image.centering {
  text-align: center;
}
.preview-image img {
  max-width: 450px;
  height: auto;
  max-height: 200px;
}
.preview-video {
  display: block;
}
.preview-video.centering {
  text-align: center;
}
.preview-video video {
  display: block;
  margin: 0 auto;
  max-width: 450px;
  height: auto;
  max-height: 200px;
}
.info-panel.type-simple.info-panel-colored-back {
  background-color: var(--third-color);
  padding: var(--padding);
  border-radius: 15px;
}
.info-panel.type-success {
  background-color: var(--success-background-color);
  padding: var(--padding);
  border-radius: 15px;
}
.info-panel.type-success .info-panel-title {
  color: var(--success-color);
}
.info-panel.type-error {
  background-color: var(--error-background-color);
  padding: var(--padding);
  border-radius: 15px;
}
.info-panel.type-error .info-panel-title {
  color: var(--error-color);
}
.info-panel.type-warning {
  background-color: var(--warning-background-color);
  padding: var(--padding);
  border-radius: 15px;
}
.info-panel.type-warning .info-panel-title {
  color: var(--warning-color);
}
.info-panel.type-info {
  background-color: var(--main-background-color);
  padding: var(--padding);
  border-radius: 15px;
}
.info-panel.type-info .info-panel-title {
  color: var(--main-color);
}
.info-panel .info-panel-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: calc(var(--padding) / 2);
}
.chat-wrapper {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 1rem 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.chat-wrapper .chat-messages {
  width: 100%;
  height: 300px;
  overflow: auto;
}
.chat-wrapper .chat-messages .chat-message-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1rem;
  text-align: right;
}
.chat-wrapper .chat-messages .chat-message-wrapper:last-child {
  margin-bottom: 0;
}
.chat-wrapper .chat-messages .chat-message-wrapper.is-author {
  justify-content: flex-end;
}
.chat-wrapper .chat-messages .chat-message-wrapper.is-author .chat-message {
  margin-left: 50px;
  margin-right: 0;
  text-align: right;
}
.chat-wrapper .chat-messages .chat-message-wrapper.is-author .chat-message .chat-message-header {
  padding-left: 0;
  padding-right: 1rem;
  justify-content: flex-end;
}
.chat-wrapper .chat-messages .chat-message-wrapper.is-author .chat-message .chat-message-text {
  color: var(--text-color-on-dark-back);
  background-color: var(--main-color);
}
.chat-wrapper .chat-messages .chat-message-wrapper.is-author .chat-message .chat-message-additional-content {
  padding-left: 0;
  padding-right: 1rem;
}
.chat-wrapper .chat-messages .chat-message-wrapper.is-important .chat-message .chat-message-header {
  font-weight: bold;
}
.chat-wrapper .chat-messages .chat-message-wrapper.is-important .chat-message .chat-message-text {
  font-weight: bold;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message {
  margin-left: 0;
  margin-right: 50px;
  text-align: left;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-header {
  color: var(--text-color-lighten);
  font-size: 0.8rem;
  padding-left: 1rem;
  padding-right: 0;
  justify-content: flex-start;
  padding-bottom: 0.25rem;
  display: flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-text {
  background-color: var(--second-background-color);
  border-radius: 1rem;
  color: var(--text-color);
  padding: 0.5rem 1rem;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-additional-content {
  padding-top: 0.25rem;
  padding-left: 1rem;
  padding-right: 0;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files {
  margin-top: 0.5rem;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files .chat-message-linked-file:not(:last-child) {
  margin-bottom: 0.25rem;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files .chat-message-linked-file .preview-image img, .chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files .chat-message-linked-file .preview-image video, .chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files .chat-message-linked-file .preview-video img, .chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files .chat-message-linked-file .preview-video video {
  max-width: 400px;
  max-height: 150px;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files .chat-message-linked-file a.chat-message-linked-file-link {
  color: var(--text-color);
  text-align: left;
  text-decoration: none;
}
.chat-wrapper .chat-messages .chat-message-wrapper .chat-message .chat-message-linked-files .chat-message-linked-file a.chat-message-linked-file-link:hover {
  color: var(--text-color-lighten);
}
.chat-wrapper .chat-add-message-form {
  margin-top: 1rem;
  width: 100%;
}
.chat-wrapper .chat-add-message-form .chat-add-message-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
}
.chat-wrapper .chat-add-message-form .chat-add-message-row .chat-add-message-input {
  flex-grow: 1;
  margin-bottom: 0;
}
.chat-wrapper .chat-add-message-form .chat-add-message-row .chat-add-message-input input {
  width: 100%;
  border-radius: 2rem;
}
.chat-wrapper .chat-add-message-form .chat-add-message-row .chat-linked-files-input {
  flex-grow: 0;
  margin-bottom: 0;
}
.chat-wrapper .chat-add-message-form .chat-add-message-row .submit-button {
  border: none;
  background-color: transparent;
  border-radius: 2rem;
  flex-grow: 0;
  color: var(--main-color);
}
.chat-wrapper .chat-add-message-form .chat-add-message-row .submit-button.submitting {
  color: var(--main-color-lighten);
}
.edit-icon {
  cursor: pointer;
}
.edit-icon:not(:last-child) {
  margin-right: calc(var(--padding) / 2);
}

.edit-icon-tooltip {
  display: inline-block;
}
.edit-icon-tooltip:not(:last-child) {
  margin-right: calc(var(--padding) / 2);
}
.image-preview {
  display: block;
  margin-bottom: calc(var(--padding) / 2);
}
.image-preview.inline {
  display: inline-block;
  margin-right: calc(var(--padding) / 2);
}
.image-preview img {
  display: block;
  max-width: 350px;
  max-height: 200px;
  margin: 0 auto;
}
.color-preview {
  width: 100%;
  height: 1rem;
  border: 1px solid var(--border-color);
}

.entity-view-wrapper td .field-wrapper.checkbox-wrapper, .entity-view-wrapper td .field-wrapper.radio-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.entity-view-wrapper td .field-wrapper.checkbox-wrapper .checkbox-inner, .entity-view-wrapper td .field-wrapper.checkbox-wrapper .radio-inner, .entity-view-wrapper td .field-wrapper.radio-wrapper .checkbox-inner, .entity-view-wrapper td .field-wrapper.radio-wrapper .radio-inner {
  text-align: left;
}
.entity-view-wrapper td .field-wrapper.checkbox-wrapper .checkbox-inner label, .entity-view-wrapper td .field-wrapper.checkbox-wrapper .radio-inner label, .entity-view-wrapper td .field-wrapper.radio-wrapper .checkbox-inner label, .entity-view-wrapper td .field-wrapper.radio-wrapper .radio-inner label {
  margin-left: 0;
}
.qrcode-interview-accordion .interview-accordion-table tr td {
  text-align: left;
  white-space: normal;
  word-break: break-word;
}
.qrcode-interview-accordion .interview-accordion-table tr td.interview-property-label-wrapper {
  width: 120px;
}
@media (min-width: 768px) {
  .qrcode-interview-accordion .interview-accordion-table tr td.interview-property-label-wrapper {
    width: 240px;
  }
}
.qrcode-interview-accordion .interview-accordion-table tr td.interview-property-label-wrapper .interview-property-label-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
.qrcode-interview-accordion .interview-accordion-table tr td.interview-property-label-wrapper .interview-property-label-inner .interview-property-label-block .interview-property-hint {
  font-size: 0.8em;
  color: var(--text-color-lighten);
}
.qrcode-interview-accordion .interview-accordion-table tr td.interview-property-value-wrapper .editable-property .field-wrapper {
  margin-bottom: 0.5em;
}
.qrcode-interview-accordion .interview-accordion-table tr td.interview-property-value-wrapper .editable-property button {
  margin-right: 0;
  margin-bottom: 0;
}
.qrcode-interview-accordion .interview-accordion-table tr td.interview-property-value-wrapper .editable-property .save-button-wrapper {
  margin-top: var(--padding);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
.qrcode-interview-accordion .qrcode-interview-request-received-response-icon {
  color: var(--error-color);
}
.badge {
  display: inline-block;
  border-radius: 1em;
  padding: 0.25em 1em;
  margin: 0 0.25em;
  background-color: var(--gray-backgorund-color);
  color: var(--text-color);
}
.badge.success-badge {
  background-color: var(--success-background-color);
  color: var(--success-color-darken);
}
.badge.warning-badge {
  background-color: var(--warning-background-color);
  color: var(--warning-color-darken);
}
.badge.error-badge {
  background-color: var(--error-background-color);
  color: var(--error-color-darken);
}
.badge.info-badge {
  background-color: var(--main-background-color);
  color: var(--main-color-darken);
}
.badge.gray-badge {
  background-color: var(--gray-background-color);
  color: var(--text-color);
}
.task-properties-table td:first-child {
  width: 300px;
}
.task-properties-table td:last-child p {
  text-align: center;
  text-indent: 0;
  text-indent: initial;
}
.task-properties-table tbody tr:hover td.name.has-task-icon-button .edit-task-icon {
  opacity: 1;
}
.task-properties-table tbody td {
  word-break: break-word;
}
.task-properties-table tbody td.name.has-task-icon-button {
  padding-right: calc(calc(calc(2 * 2)) + var(--font-size));
  padding-right: calc(calc(calc(var(--padding / 2) * 2)) + var(--font-size));
  position: relative;
}
.task-properties-table tbody td.name.has-task-icon-button .edit-task-icon {
  opacity: 0;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: 0.5s ease 0s;
  color: grey;
  cursor: pointer;
}

@media (max-width: 768px) {
  .task-execution-block button {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .task-execution-block button:last-child:first-child {
    margin-right: auto;
    margin-left: auto;
  }
}
.page-in-development-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid var(--main-color);
  border-radius: var(--border-radius);
  padding: calc(var(--padding) * 2);
  text-align: center;
}
.breadcrumbs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: var(--padding) auto calc(var(--padding) / 2);
  max-width: 1800px;
}
.breadcrumbs a {
  color: var(--text-color);
}
.breadcrumbs .breadcrumbs-item:not(:last-child)::after {
  content: "/";
  display: inline-block;
  margin: 0 calc(var(--padding) / 3);
}
.filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 1em;
  gap: 1em;
}
.filters .swiper-container {
  margin-left: 0;
  margin-right: 0;
}
.filters .filter-item {
  width: auto;
  cursor: pointer;
}
.filters .filter-item.selected {
  font-weight: bold;
}
.filters .right-content {
  margin-left: auto;
  margin-right: 0;
}
.chips-filters.filters {
  justify-content: flex-start;
}
.chips-filters.filters .filter-item {
  padding: calc(var(--padding) / 3) 15px;
  background-color: var(--border-color);
  border-radius: 15px;
}
.chips-filters.filters .filter-item.selected {
  background-color: var(--third-color);
  font-weight: normal;
}
.tasks-list td {
  word-break: break-all;
}
.tasks-list td.link-column {
  word-break: keep-all;
}
.tasks-list td a {
  text-decoration: none;
}

.filters-block > .filters .right-content {
  margin-left: 0;
  margin-right: auto;
}
.filters-block > .filters .right-content .pill-wrapper .pill.position-right-top {
  right: -5px;
  top: -5px;
}
.filters-block .filters-row {
  display: block;
}
@media (min-width: 768px) {
  .filters-block .filters-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    grid-gap: var(--padding);
    gap: var(--padding);
    flex-wrap: wrap;
  }
}
.filters-block .filters-row .filters-column:not(:last-child) {
  margin-bottom: var(--padding);
}
@media (min-width: 768px) {
  .filters-block .filters-row .filters-column:not(:last-child) {
    margin-bottom: 0;
  }
}
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(44px/ 44 * 27);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:44px;height:var(--swiper-navigation-size);margin-top:calc(0px - (44px/ 2));margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-feature-settings:normal, ;font-variant:normal;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-theme-color);border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}
.swiper {
  --swiper-navigation-color: var(--border-color);
  --swiper-pagination-color: var(--border-color);
}
.swiper.use-navigation .swiper-button-next {
  right: 0;
}
.swiper.use-navigation .swiper-button-prev {
  left: 0;
}
.pagination {
  display: flex;
  justify-content: center;
  grid-gap: calc(var(--padding) / 2);
  gap: calc(var(--padding) / 2);
}
.pagination .page-item {
  display: block;
  color: var(--main-color);
  cursor: pointer;
}
.pagination .page-item.active {
  font-weight: bold;
  cursor: auto;
  cursor: initial;
}
.pagination .page-item.disabled {
  cursor: auto;
  cursor: initial;
  color: var(--border-color);
}
.image-wrapper img {
  display: block;
  margin: 0 auto;
  max-height: 350px;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event {
  margin-bottom: var(--padding);
  padding: calc(var(--padding) / 2);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius);
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event:last-child {
  margin-bottom: 0;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-meta-info {
  margin: calc(var(--padding) / 2) 0;
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-meta-info .main-page-feed-event-meta-info-separator {
  margin-left: calc(var(--padding) / 2);
  margin-right: calc(var(--padding) / 2);
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-meta-info .main-page-feed-event-likes {
  margin-left: auto;
  margin-right: 0;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-meta-info .main-page-feed-event-likes .like-icon.liked {
  color: var(--error-color);
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-meta-info .main-page-feed-event-views {
  margin-left: calc(var(--padding) / 2);
  margin-right: 0;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-title {
  margin-bottom: calc(var(--padding) / 2);
  text-align: center;
  font-weight: bold;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
  margin-bottom: calc(var(--padding) / 2);
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-picture img {
  max-height: 100%;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-title-text p {
  margin: 0;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-slider {
  margin-top: calc(var(--padding) / 2);
  max-height: 200px;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-slider .swiper-slide .button {
  max-width: 100%;
  word-break: break-word;
}
.main-page-events-feed .main-page-events-feed-list .main-page-feed-event .main-page-feed-event-title-link {
  margin-top: calc(var(--padding) / 2);
}
@media (min-width: 768px) {
  .main-page {
    height: 100%;
  }
  .main-page > .loading-container {
    height: 100%;
  }
}
.main-page .main-page-tiles .main-page-tile {
  padding-top: calc(var(--padding) / 2);
  margin-bottom: var(--padding);
}
@media (min-width: 768px) {
  .main-page .main-page-tiles .main-page-tile {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    padding: calc(var(--padding) / 2);
  }
}
.main-page .main-page-tiles .main-page-tile .main-page-tile-title {
  background-color: var(--main-color);
  border-radius: var(--border-radius);
  margin-bottom: var(--padding);
  padding: calc(var(--padding) / 2);
  text-align: center;
  color: var(--text-color-on-dark-back);
}
@media (min-width: 768px) {
  .main-page .main-page-tiles {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(10, 1fr);
    width: 100%;
    height: 100%;
    grid-gap: var(--padding);
    gap: var(--padding);
  }
  .main-page .main-page-tiles .main-page-tile {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    padding: var(--padding);
    overflow: auto;
  }
  .main-page .main-page-tiles .main-page-tile.position-x_1-6 {
    grid-column-start: 1;
    grid-column-end: 6;
  }
  .main-page .main-page-tiles .main-page-tile.position-x_1-11 {
    grid-column-start: 1;
    grid-column-end: 11;
  }
  .main-page .main-page-tiles .main-page-tile.position-x_3-9 {
    grid-column-start: 3;
    grid-column-end: 9;
  }
  .main-page .main-page-tiles .main-page-tile.position-y_1-11 {
    grid-row-start: 1;
    grid-row-end: 11;
  }
}
.view-area {
  margin: var(--header-height) 0 var(--footer-height) auto;
  position: relative;
  width: 100%;
  height: calc(100% - var(--header-height));
  transition: width 0.5s ease 0s;
}
@media (min-width: 1024px) {
  .view-area {
    width: calc(100% - var(--navigation-width-collapsed));
  }
}
.view-area.nav-panel-shown {
  margin-right: 0;
  width: 0;
}
@media (min-width: 1024px) {
  .view-area.nav-panel-shown {
    width: calc(100% - var(--navigation-width));
  }
}
.view-area.nav-panel-hidden {
  width: 100%;
}
.view-area.footer-shown {
  height: calc(100% - calc(var(--header-height) + var(--footer-height)));
}
.view-area .view-area-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  padding: var(--padding);
}
.technical-work-banner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: var(--padding);
  text-align: center;
}
@media (max-width: 768px) {
  .technical-work-banner {
    width: 100%;
    left: auto;
    transform: translateY(-50%);
  }
}
.change-generated-password-form-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 55px;
  background: linear-gradient(180deg, rgba(146, 174, 252, 0.08) 0%, rgba(120, 244, 222, 0.34) 100%);
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  flex: auto 0 0;
}
.change-generated-password-form-wrapper .change-generated-password-form-border {
  background-color: var(--background-color);
  border-radius: var(--big-border-radius);
  box-shadow: var(--shadow);
  padding: 35px 20px 30px;
  width: auto;
}
@media (min-width: 768px) {
  .change-generated-password-form-wrapper .change-generated-password-form-border {
    min-width: 620px;
    padding: 40px 55px 235px;
  }
}
.change-generated-password-form-wrapper .change-generated-password-form-border form .form-fields-wrapper {
  margin-bottom: 35px;
}
.change-generated-password-form-wrapper .change-generated-password-form-border form .form-fields-wrapper label {
  font-weight: bold;
}
.change-generated-password-form-wrapper .change-generated-password-form-border form .buttons-wrapper button {
  display: block;
  width: 100%;
}
html:not(.no-overflow), body:not(.no-overflow), #srpp:not(.no-overflow) {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  color: var(--text-color);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-family: Roboto, sans-serif;
}
@font-face {
  font-family: "Roboto";
  src: url(/Roboto-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url(/Roboto-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url(/Roboto-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url(/Roboto-Light.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
:root {
  --main-color: #92aefc;
  --main-color-lighten: #dce5fe;
  --main-color-darken: #4877fa;
  --main-background-color: #C9F0FF;
  --second-color: #78f4de;
  --second-color-lighten: #bffaef;
  --second-color-darken: #31eecd;
  --second-background-color: #31eecd;
  --third-color: #ffeeb0;
  --third-color-lighten: #fffefd;
  --third-color-darken: #ffde64;
  --third-background-color: #ffde64;
  --background-color: #ffffff;
  --text-color: #48505e;
  --text-color-lighten: #697589;
  --text-color-very-lighten: #cdd1d8;
  --text-color-darken: #272b33;
  --text-background-color: black;
  --text-color-on-dark-back: #ffffff;
  --error-color: #ff8c6d;
  --error-color-lighten: #ffc8ba;
  --error-color-darken: #ff5021;
  --error-background-color: #FFE5E5;
  --warning-color: #ffb839;
  --warning-color-lighten: #ffd386;
  --warning-color-darken: #ec9700;
  --warning-background-color: #FFEFD7;
  --success-color: #6cd05b;
  --success-color-lighten: #a1e196;
  --success-color-darken: #43ad32;
  --success-background-color: #ECFCE5;
  --border-color: #ececed;
  --gray-background-color: #fbfbfb;
  --shadow-color: #f5f5f5;
  --shadow: 0 4px 4px 0 var(--shadow-color);
  --border-radius: 7px;
  --big-border-radius: 15px;
  --padding: 24px;
  --font-size: 14px;
  --line-height: 1.5;
  --header-height: 80px;
  --header-padding-y: 5px;
  --footer-height: 55px;
  --navigation-width: 395px;
  --navigation-width-collapsed: 120px;
  /* form styles */
  --input-font-size-mobile: 16px;
  --input-padding-x: 16px;
  --input-padding-y: 7px;
  --input-border-radius: 7px;
  --button-padding-x: 16px;
  --button-padding-y: 7px;
  --button-border-radius: 7px;
}

* {
  box-sizing: border-box;
}

a {
  color: #92aefc;
  color: var(--main-color);
  transition: 0.5s ease 0s;
  line-height: 1.15;
}
a:hover {
  color: #dce5fe;
  color: var(--main-color-lighten);
}

button, .button {
  color: #ffffff;
  color: var(--text-color-on-dark-back);
  background-color: #92aefc;
  background-color: var(--main-color);
  border: 1px solid #92aefc;
  border: 1px solid var(--main-color);
  border-radius: 7px;
  border-radius: var(--button-border-radius);
  padding: 7px 16px;
  padding: var(--button-padding-y) var(--button-padding-x);
  display: inline-block;
  transition: 0.5s ease 0s;
  cursor: pointer;
  margin: 0 24px 24px 0;
  margin: 0 var(--padding) var(--padding) 0;
  text-decoration: none;
  text-align: center;
  line-height: 1.15;
}
button:focus, button:hover, button.pressed, .button:focus, .button:hover, .button.pressed {
  outline: none;
  color: #92aefc;
  color: var(--main-color);
  background-color: #dce5fe;
  background-color: var(--main-color-lighten);
  border-color: #dce5fe;
  border-color: var(--main-color-lighten);
}
button.alt-button, .button.alt-button {
  color: #48505e;
  color: var(--text-color);
  background-color: #78f4de;
  background-color: var(--second-color);
  border-color: #78f4de;
  border-color: var(--second-color);
}
button.alt-button:hover, button.alt-button:focus, button.alt-button.pressed, .button.alt-button:hover, .button.alt-button:focus, .button.alt-button.pressed {
  background-color: #bffaef;
  background-color: var(--second-color-lighten);
  border-color: #bffaef;
  border-color: var(--second-color-lighten);
  color: #697589;
  color: var(--text-color-lighten);
}
button.success-button, .button.success-button {
  background-color: #6cd05b;
  background-color: var(--success-color);
  border-color: #6cd05b;
  border-color: var(--success-color);
}
button.success-button:hover, button.success-button:focus, button.success-button.pressed, .button.success-button:hover, .button.success-button:focus, .button.success-button.pressed {
  background-color: #ECFCE5;
  background-color: var(--success-background-color);
  border-color: #a1e196;
  border-color: var(--success-color-lighten);
}
button.error-button, .button.error-button {
  background-color: #ff8c6d;
  background-color: var(--error-color);
  border-color: #ff8c6d;
  border-color: var(--error-color);
}
button.error-button:hover, button.error-button:focus, button.error-button.pressed, .button.error-button:hover, .button.error-button:focus, .button.error-button.pressed {
  background-color: #ffc8ba;
  background-color: var(--error-color-lighten);
  border-color: #ffc8ba;
  border-color: var(--error-color-lighten);
}
button.third-button, .button.third-button {
  color: #48505e;
  color: var(--text-color);
  background-color: #ffeeb0;
  background-color: var(--third-color);
  border-color: #ffeeb0;
  border-color: var(--third-color);
}
button.third-button:hover, button.third-button:focus, button.third-button.pressed, .button.third-button:hover, .button.third-button:focus, .button.third-button.pressed {
  background-color: #fffefd;
  background-color: var(--third-color-lighten);
  border-color: #fffefd;
  border-color: var(--third-color-lighten);
  color: #48505e;
  color: var(--text-color);
}
button.warning-button, .button.warning-button {
  background-color: #ffb839;
  background-color: var(--warning-color);
  border-color: #ffb839;
  border-color: var(--warning-color);
}
button.warning-button:hover, button.warning-button:focus, button.warning-button.pressed, .button.warning-button:hover, .button.warning-button:focus, .button.warning-button.pressed {
  background-color: #ffd386;
  background-color: var(--warning-color-lighten);
  border-color: #ffd386;
  border-color: var(--warning-color-lighten);
}
button:last-child:first-child, .button:last-child:first-child {
  margin-right: 0;
  margin-bottom: 0;
}
button.no-right-margin, .button.no-right-margin {
  margin-right: 0;
}

.buttons-in-column {
  display: grid;
  grid-gap: 0.5em;
  gap: 0.5em;
}
.buttons-in-column button, .buttons-in-column .button {
  margin: 0;
}

.button-link {
  color: #92aefc;
  color: var(--main-color);
  display: inline-block;
  cursor: pointer;
  padding-bottom: 3px;
  border-bottom: 1px dashed #92aefc;
  border-bottom: 1px dashed var(--main-color);
  margin: 0 0 -3px 0;
  text-decoration: none;
}
.button-link:hover {
  color: #dce5fe;
  color: var(--main-color-lighten);
}

.error-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  background-color: var(--background-color);
}
.error-wrapper.nav-panel-shown {
  left: auto;
  margin-right: 0;
  width: calc(100% - 395px);
  width: calc(100% - var(--navigation-width));
}
.error-wrapper .error-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #92aefc;
  border: 1px solid var(--main-color);
  border-radius: 7px;
  border-radius: var(--border-radius);
  padding: calc(24px * 2);
  padding: calc(var(--padding) * 2);
  text-align: center;
}

h3 {
  margin: 0 0 calc(24px / 2);
  margin: 0 0 calc(var(--padding) / 2);
  text-align: center;
  font-size: 14px;
  font-size: var(--font-size);
  vertical-align: middle;
}

p {
  margin: 24px 0;
  margin: var(--padding) 0;
  text-align: justify;
}
p * {
  text-indent: 0;
}
p.need-indent {
  text-indent: 2em;
}
p.multiline-text:first-child {
  margin-top: 0;
}
p.multiline-text:last-child {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

video {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.error {
  text-align: center;
  color: #ff8c6d;
  color: var(--error-color);
  margin: 24px 0;
  margin: var(--padding) 0;
}

.description {
  margin: 24px 0;
  margin: var(--padding) 0;
  text-align: center;
}
.description:first-child {
  margin-top: 0;
}
.description:last-child {
  margin-bottom: 0;
}
.description > * {
  margin: 24px 0;
  margin: var(--padding) 0;
}
.description > *:first-child {
  margin-top: 0;
}
.description > *:last-child {
  margin-bottom: 0;
}
.description p {
  text-align: center;
}
.description ol, .description ul {
  display: inline-block;
  text-align: left;
}
.description ol li:not(:last-child), .description ul li:not(:last-child) {
  margin-bottom: calc(24px / 2);
  margin-bottom: calc(var(--padding) / 2);
}

.linked-file-wrapper {
  text-align: center;
}
.linked-file-wrapper:not(:last-child) {
  margin-bottom: 24px;
  margin-bottom: var(--padding);
}

.center-text {
  text-align: center;
}
.center-text p {
  text-align: center;
  text-indent: 0;
}

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

.vertical-margins {
  margin-top: 24px;
  margin-top: var(--padding);
  margin-bottom: 24px;
  margin-bottom: var(--padding);
}
.vertical-margins:first-child {
  margin-top: 0;
}
.vertical-margins:last-child {
  margin-bottom: 0;
}

.short-vertical-margins {
  margin-top: calc(24px / 2);
  margin-top: calc(var(--padding) / 2);
  margin-bottom: calc(24px / 2);
  margin-bottom: calc(var(--padding) / 2);
}
.short-vertical-margins:first-child {
  margin-top: 0;
}
.short-vertical-margins:last-child {
  margin-bottom: 0;
}

.not-break-word {
  word-break: normal;
}

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

.light-text {
  font-weight: 100;
}

.text-main {
  color: #92aefc;
  color: var(--main-color);
}

.text-warning {
  color: #ffb839;
  color: var(--warning-color);
}

.text-error {
  color: #ff8c6d;
  color: var(--error-color);
}

.text-success {
  color: #6cd05b;
  color: var(--success-color);
}

.lighten-text {
  color: #697589;
  color: var(--text-color-lighten);
}

.font-size-x2 {
  font-size: 2em;
}

.cursor-pointer {
  cursor: pointer;
}

.no-wrap {
  white-space: nowrap;
}

td p.multiline-text {
  margin: 1rem 0;
}
td p.multiline-text:first-child {
  margin-top: 0;
}
td p.multiline-text:last-child {
  margin-bottom: 0;
}

.spaces-around {
  margin-left: 0.5em;
  margin-right: 0.5em;
}