@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,500i,700,900&display=swap&subset=cyrillic-ext");
.table tr.disabled {
  opacity: .65;
  color: inherit !important;
  background-color: inherit !important;
  border-color: inherit !important; }

.password-wrapper.large .password-element-wrapper {
  height: 40px; }

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

.autocomplete-suggestion, .dropdownselect-suggestion {
  padding: 3px 10px 5px 10px;
  margin: 2px;
  border-radius: 4px;
  cursor: pointer; }
  .autocomplete-suggestion:hover, .dropdownselect-suggestion:hover {
    background-color: #f3f5f7; }

.autocomplete-suggestions-container, .dropdownselect-suggestions-container {
  width: 0; }

.autocomplete-suggestions-container.opened, .dropdownselect-suggestions-container.opened {
  background: #fff;
  box-shadow: 0 0.6rem 1rem 0.2rem rgba(0, 0, 0, 0.09);
  position: absolute;
  margin-top: 1px;
  top: 100%;
  width: 100%;
  z-index: 1; }

.autocomplete-suggestions-list, .dropdownselect-suggestions-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }

.dropdownselect-suggestion.placeholder {
  color: #666; }

.dropdownselect-suggestion.selected {
  background-color: #e6e6e6;
  color: #000; }
  .dropdownselect-suggestion.selected:hover {
    background-color: #ccc; }

.autocomplete-suggestion.highlighted {
  background-color: #e6e6e6; }
  .autocomplete-suggestion.highlighted:hover {
    box-shadow: none; }

.dropdownselect-filter-icon, .pagination-controls.first .icon-first, .pagination-controls.prev .icon-prev, .pagination-controls.next .icon-next, .pagination-controls.last .icon-last, .tags-icon.icon-default {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  speak: none;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: top;
  color: #000; }

.dropdownselect-filter-wrapper, .textarea-input {
  outline: none;
  color: #000;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 5px 4px 7px 12px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 32px;
  font-size: 14px; }

.autocomplete-input-wrapper, .datepicker-input-wrapper, .dropdownselect-input-wrapper, .input-element-wrapper, .masked-input-wrapper, .multiselect-input-wrapper, .numeric-text-box-input-wrapper, .password-element-wrapper {
  color: #000;
  align-items: center;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  height: 32px; }
  .autocomplete-input-wrapper > input[class*="input"], .datepicker-input-wrapper > input[class*="input"], .dropdownselect-input-wrapper > input[class*="input"], .input-element-wrapper > input[class*="input"], .masked-input-wrapper > input[class*="input"], .multiselect-input-wrapper > input[class*="input"], .numeric-text-box-input-wrapper > input[class*="input"], .password-element-wrapper > input[class*="input"] {
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    height: 30px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    padding: 0 4px 0 8px;
    min-width: 0; }

.autocomplete-input-wrapper:not(.focused):not(.danger):not(.disabled):hover, .datepicker-input-wrapper:hover:not(.disabled-state), .dropdownselect-input-wrapper:not(.focused):not(.danger):not(.disabled):hover, .input-element-wrapper:not(.disabled):not(.danger):hover, .masked-input-wrapper:not(.disabled):not(.danger):hover, .multiselect-input-wrapper:not(.danger):not(.disabled):hover, .numeric-text-box-input-wrapper:hover, .password-element-wrapper:not(.disabled):not(.danger):hover, .textarea-input:not(.disabled):not(.danger):hover {
  border-color: #333; }

.autocomplete-input-wrapper.focused, .datepicker-input-wrapper.focused, .dropdownselect-input-wrapper.focused, .dropdownselect-filter-wrapper, .input-element-wrapper.focused, .masked-input-wrapper.focused, .multiselect-input-wrapper.focused, .numeric-text-box-input-wrapper.focused, .password-element-wrapper.focused, .textarea-input.focused {
  border: 1px solid #333;
  box-shadow: none; }

.autocomplete-input-wrapper.disabled, .datepicker-input-wrapper.disabled-state, .dropdownselect-input-wrapper.disabled, .input-element-wrapper.disabled, .masked-input-wrapper.disabled, .numeric-text-box-input-wrapper.disabled, .password-element-wrapper.disabled, .textarea-input.disabled {
  border-color: #ccc;
  background-color: #f3f5f7 !important;
  color: #666 !important; }

.autocomplete-input-wrapper > input[class*="input"]::placeholder, .datepicker-input-wrapper > input[class*="input"]::placeholder, .dropdownselect-input-wrapper > input[class*="input"]::placeholder, .input-element-wrapper > input[class*="input"]::placeholder, .masked-input-wrapper > input[class*="input"]::placeholder, .multiselect-input-wrapper > input[class*="input"]::placeholder, .numeric-text-box-input-wrapper > input[class*="input"]::placeholder, .password-element-wrapper > input[class*="input"]::placeholder, .numeric-text-box-input::placeholder {
  color: #666; }

.input-prefix, .numeric-text-box-prefix, .password-prefix {
  margin-left: 8px; }

.input-suffix, .numeric-text-box-suffix, .password-suffix {
  margin-right: 14px; }

.input-prefix, .numeric-text-box-prefix, .password-prefix, .input-suffix, .numeric-text-box-suffix, .password-suffix {
  user-select: none;
  flex: none;
  white-space: nowrap;
  color: #666; }

.dropdownselect-filter-icon:before {
  content: '\e92c';
  color: #666;
  width: 20px;
  height: 20px;
  display: block; }

.input-clear-icon, .masked-input-clear-icon {
  font-size: 18px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #666; }
  .input-clear-icon::before, .masked-input-clear-icon::before {
    font-family: "Font Awesome 5 Free";
    content: "\00D7";
    position: absolute;
    top: 45%;
    right: 2px;
    transform: translate(-50%, -50%);
    font-style: normal; }

.loader-component-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .loader-component-wrapper .progress-loader, .loader-component-wrapper .filedrop-progress-loader {
    position: relative; }
    .loader-component-wrapper .progress-loader .progress-base, .loader-component-wrapper .filedrop-progress-loader .progress-base {
      width: 70px;
      height: 70px;
      border: 2px solid #ddd;
      border-radius: 50%;
      background-color: transparent; }
    .loader-component-wrapper .progress-loader .progress-circle, .loader-component-wrapper .filedrop-progress-loader .progress-circle {
      stroke: #1ecd97;
      width: 70px;
      height: 70px;
      stroke-width: 2;
      position: absolute;
      top: 0;
      fill: none; }
      .loader-component-wrapper .progress-loader .progress-circle circle, .loader-component-wrapper .filedrop-progress-loader .progress-circle circle {
        transition: stroke-dashoffset 0.3s; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }
  a.external {
    color: #008000; }
    a.external:hover {
      color: #00e600; }
  a.internal {
    color: #3a75c4; }
    a.internal:hover {
      color: #0fa3ff; }

.autocomplete-wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }

.autocomplete-input-wrapper {
  padding: 0;
  align-items: center; }
  .autocomplete-input-wrapper:not(.focused):not(.disabled).danger {
    border-color: #f50029; }
  .autocomplete-input-wrapper.disabled .dropdownselect-select-icon {
    cursor: default; }

.autocomplete-input {
  border: none;
  width: 100%;
  padding: 5px 4px 7px 12px;
  text-overflow: ellipsis;
  background-color: rgba(0, 0, 0, 0); }
  .autocomplete-input::placeholder {
    color: #666; }

.autocomplete-clear-icon {
  font-size: 18px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  font-style: normal; }
  .autocomplete-clear-icon::before {
    content: "\00D7";
    font-family: "Font Awesome 5 Free";
    color: #666;
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block; }

@keyframes cog {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.button-wrapper {
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  padding: 5px 19px;
  min-width: 120px;
  color: inherit;
  border: 1px solid #ccc;
  outline: none !important; }
  .button-wrapper.small {
    padding: 3px 15px;
    min-width: 100px; }
  .button-wrapper.large {
    padding: 9px 23px;
    min-width: 150px; }
  .button-wrapper.block {
    display: block;
    width: 100%; }
  .button-wrapper.blank {
    color: #369 !important;
    background: transparent !important;
    border-color: transparent !important; }
  .button-wrapper.active {
    background-color: #e6e6e6;
    border-color: #999; }
  .button-wrapper.success, .button-wrapper.primary {
    background-color: #00b300;
    color: #fff;
    border-color: transparent; }
  .button-wrapper.secondary {
    background-color: #0fa3ff;
    color: #fff;
    border-color: transparent; }
  .button-wrapper.danger {
    background-color: #f50029;
    color: #fff;
    border-color: transparent; }
  .button-wrapper.warning {
    background-color: #ff890a;
    color: #fff;
    border-color: transparent; }
  .button-wrapper:not(.success):not(.warning):not(.danger):not(.primary):not(.secondary):not(.blank):not(.border):not(.disabled):not(.button-group-item):hover, .button-wrapper:not(.success):not(.warning):not(.danger):not(.primary):not(.secondary):not(.blank):not(.border):not(.disabled):not(.button-group-item):focus {
    border-color: #666; }
  .button-wrapper:not(.success):not(.warning):not(.danger):not(.primary):not(.secondary):not(.blank):not(.border):not(.disabled):not(.button-group-item).active:hover {
    background-color: #ccc;
    border-color: #666; }
  .button-wrapper.disabled {
    color: #666;
    background-color: rgba(230, 230, 230, 0.3);
    cursor: not-allowed;
    border-color: #ccc; }
    .button-wrapper.disabled.success, .button-wrapper.disabled.primary, .button-wrapper.disabled.success:hover, .button-wrapper.disabled.primary:hover {
      background-color: #80ff80 !important;
      background-image: none;
      border-color: #80ff80;
      color: #fff !important; }
    .button-wrapper.disabled.warning, .button-wrapper.disabled.warning:hover {
      background-color: #ffba70 !important;
      background-image: none;
      border-color: #ffba70;
      color: #fff !important; }
    .button-wrapper.disabled.danger, .button-wrapper.disabled.danger:hover {
      background-color: #ffc2cc !important;
      background-image: none;
      border-color: #ffc2cc;
      color: #fff !important; }
    .button-wrapper.disabled:hover {
      background-color: rgba(230, 230, 230, 0.3);
      border-color: #ccc; }
  .button-wrapper.border {
    color: #000;
    background-color: transparent;
    border-color: #000 !important; }
    .button-wrapper.border:hover, .button-wrapper.border:focus {
      background-color: #ccc;
      border-color: #666 !important; }
  .button-wrapper.loading {
    position: relative;
    color: transparent !important;
    opacity: 1; }
    .button-wrapper.loading::before {
      content: '\f110';
      position: absolute;
      left: 50%;
      margin-left: -1rem;
      width: 2rem;
      height: 2rem;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #ccc;
      display: block;
      animation: cog 3s linear infinite; }
    .button-wrapper.loading.success::before, .button-wrapper.loading.danger::before, .button-wrapper.loading.warning::before, .button-wrapper.loading.primary::before, .button-wrapper.loading.secondary::before {
      color: #fff; }

.button-group-wrapper {
  display: flex;
  flex-direction: column; }
  .button-group-wrapper.primary .button-wrapper.active, .button-group-wrapper.success .button-wrapper.active {
    background-color: #00b300;
    color: #fff;
    border-color: transparent #fff transparent transparent; }
    .button-group-wrapper.primary .button-wrapper.active + .button-wrapper, .button-group-wrapper.success .button-wrapper.active + .button-wrapper {
      border-left-color: #fff; }
  .button-group-wrapper.secondary .button-wrapper.active {
    background-color: #0fa3ff;
    color: #fff;
    border-color: transparent #fff transparent transparent; }
    .button-group-wrapper.secondary .button-wrapper.active + .button-wrapper {
      border-left-color: #fff; }
  .button-group-wrapper.warning .button-wrapper.active {
    background-color: #ff890a;
    color: #fff;
    border-color: transparent #fff transparent transparent; }
    .button-group-wrapper.warning .button-wrapper.active + .button-wrapper {
      border-left-color: #fff; }
  .button-group-wrapper.danger .button-wrapper.active {
    background-color: #f50029;
    color: #fff;
    border-color: transparent #fff transparent transparent; }
    .button-group-wrapper.danger .button-wrapper.active + .button-wrapper {
      border-left-color: #fff; }
  .button-group-wrapper ~ .invalid-message-list {
    margin-top: 4px; }

.button-group-buttons-wrapper {
  display: inline-flex;
  justify-content: flex-start;
  border-radius: 4px; }
  .button-group-buttons-wrapper .button-wrapper, .button-group-buttons-wrapper .button-wrapper:hover {
    display: flex;
    justify-content: center;
    border-color: #ccc;
    border-radius: 0; }
    .button-group-buttons-wrapper .button-wrapper.first, .button-group-buttons-wrapper .button-wrapper:first-child, .button-group-buttons-wrapper .button-wrapper:hover.first, .button-group-buttons-wrapper .button-wrapper:hover:first-child {
      border-radius: 4px 0 0 4px; }
    .button-group-buttons-wrapper .button-wrapper.last, .button-group-buttons-wrapper .button-wrapper:last-child, .button-group-buttons-wrapper .button-wrapper:hover.last, .button-group-buttons-wrapper .button-wrapper:hover:last-child {
      border-radius: 0 4px 4px 0; }
    .button-group-buttons-wrapper .button-wrapper:not(.active), .button-group-buttons-wrapper .button-wrapper:hover:not(.active) {
      background: #f3f5f7; }
    .button-group-buttons-wrapper .button-wrapper.danger, .button-group-buttons-wrapper .button-wrapper.warning, .button-group-buttons-wrapper .button-wrapper.success, .button-group-buttons-wrapper .button-wrapper.primary, .button-group-buttons-wrapper .button-wrapper:hover.danger, .button-group-buttons-wrapper .button-wrapper:hover.warning, .button-group-buttons-wrapper .button-wrapper:hover.success, .button-group-buttons-wrapper .button-wrapper:hover.primary {
      border-color: transparent; }
    .button-group-buttons-wrapper .button-wrapper:not(:last-child), .button-group-buttons-wrapper .button-wrapper:hover:not(:last-child) {
      border-right: 0; }
  .button-group-buttons-wrapper.disabled {
    background-color: transparent !important;
    cursor: default !important;
    border-color: transparent; }
    .button-group-buttons-wrapper.disabled .button-wrapper {
      color: #666 !important;
      background-color: rgba(230, 230, 230, 0.3) !important;
      cursor: default !important;
      border-color: #999; }
      .button-group-buttons-wrapper.disabled .button-wrapper:hover {
        color: #666 !important;
        background-color: rgba(230, 230, 230, 0.3) !important; }
      .button-group-buttons-wrapper.disabled .button-wrapper.active {
        background-color: #e6e6e6 !important;
        border-color: #999; }
        .button-group-buttons-wrapper.disabled .button-wrapper.active + .button-wrapper {
          border-left-color: #999; }

.calendar-wrapper {
  visibility: hidden;
  width: 204px;
  position: absolute;
  margin-top: 4px;
  top: 100%;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 0.2rem 0.7rem 0 rgba(0, 0, 0, 0.25);
  border-radius: 0.8rem; }
  .calendar-wrapper.wide-list .suggestion-wrapper {
    width: 200px; }
  .calendar-wrapper.visible {
    visibility: visible; }
  .calendar-wrapper.pos-top {
    top: auto;
    bottom: 100%;
    box-shadow: 0 -0.2rem 0.7rem 0 rgba(0, 0, 0, 0.09); }
  .calendar-wrapper.pos-right {
    right: 0; }

.calendar-nav {
  display: flex;
  justify-content: space-between;
  padding: 8px; }
  .calendar-nav .calendar-next-icon, .calendar-nav .calendar-prev-icon {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    font-size: 24px; }
  .calendar-nav .calendar-prev-button, .calendar-nav .calendar-next-button {
    display: flex;
    justify-content: center;
    align-items: baseline;
    cursor: pointer; }
    .calendar-nav .disabled-button.calendar-prev-button, .calendar-nav .disabled-button.calendar-next-button {
      cursor: default; }
      .calendar-nav .disabled-button.calendar-prev-button:hover, .calendar-nav .disabled-button.calendar-next-button:hover {
        background-color: #fff; }
      .calendar-nav .disabled-button.calendar-prev-button .calendar-prev-icon, .calendar-nav .disabled-button.calendar-next-button .calendar-prev-icon {
        color: #f3f5f7; }
      .calendar-nav .disabled-button.calendar-prev-button .calendar-next-icon, .calendar-nav .disabled-button.calendar-next-button .calendar-next-icon {
        color: #f3f5f7; }
  .calendar-nav .calendar-next-icon {
    color: #999; }
    .calendar-nav .calendar-next-icon:before {
      content: "\f104";
      font-family: "Font Awesome 5 Free";
      font-weight: 900; }
    .calendar-nav .calendar-next-icon:hover {
      color: #666; }
  .calendar-nav .calendar-prev-icon {
    color: #999; }
    .calendar-nav .calendar-prev-icon:before {
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-weight: 900; }
    .calendar-nav .calendar-prev-icon:hover {
      color: #666; }
  .calendar-nav .calendar-title {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-grow: 1; }
    .calendar-nav .calendar-title:hover {
      background-color: #fff; }
    .calendar-nav .calendar-title.disabled-title {
      cursor: default;
      color: inherit; }
      .calendar-nav .calendar-title.disabled-title:hover {
        background-color: #fff; }

.calendar-week-days {
  display: flex;
  justify-content: space-around;
  background-color: #fff;
  height: 24px;
  align-items: center;
  padding: 0 8px; }
  .calendar-week-days .calendar-date-cell {
    padding: 5px;
    color: #666;
    cursor: default;
    height: 32px;
    width: 32px;
    font-size: 12px;
    text-align: center; }

.calendar-month-dates {
  display: flex;
  flex-direction: column;
  padding: 8px; }
  .calendar-month-dates .calendar-dates-row {
    display: flex;
    justify-content: space-around; }
  .calendar-month-dates .calendar-date-cell {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 24px;
    width: 24px;
    font-size: 14px;
    border-radius: 50%;
    margin: 1px; }
    .calendar-month-dates .calendar-date-cell.different-month-date {
      color: #ccc; }
      .calendar-month-dates .calendar-date-cell.different-month-date:hover {
        background-color: #e6e6e6;
        color: #000; }
        .calendar-month-dates .calendar-date-cell.different-month-date:hover.marked-date::after {
          background-color: #999; }
      .calendar-month-dates .calendar-date-cell.different-month-date.marked-date::after {
        background-color: #ccc; }
    .calendar-month-dates .calendar-date-cell.today {
      color: #000;
      border: none;
      font-weight: 600; }
      .calendar-month-dates .calendar-date-cell.today.selected {
        color: #000; }
    .calendar-month-dates .calendar-date-cell:hover {
      background-color: #f3f5f7; }
    .calendar-month-dates .calendar-date-cell.active {
      border: none;
      background-color: #e6e6e6; }
    .calendar-month-dates .calendar-date-cell.selected {
      color: #000;
      background-color: #e6e6e6;
      border: none; }
    .calendar-month-dates .calendar-date-cell.disabled-date {
      cursor: not-allowed;
      color: #ccc; }
      .calendar-month-dates .calendar-date-cell.disabled-date:hover {
        background-color: #fff; }
      .calendar-month-dates .calendar-date-cell.disabled-date.marked-date::after {
        background-color: #ccc; }
    .calendar-month-dates .calendar-date-cell.marked-date::after {
      content: '';
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #999;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

.calendar-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  color: #ccc; }

.calendar-month-year-view {
  padding: 0 8px 12px 8px; }

.calendar-month-year-row {
  display: flex;
  justify-content: space-around; }

.calendar-month-year-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 36px;
  cursor: pointer;
  border-radius: 8px;
  margin: 2px; }
  .calendar-month-year-cell:hover {
    background-color: #f3f5f7; }
  .calendar-month-year-cell.active {
    border: none;
    background-color: #e6e6e6; }
  .calendar-month-year-cell.disabled-month-year {
    cursor: not-allowed;
    color: #999; }
    .calendar-month-year-cell.disabled-month-year:hover {
      background-color: #fff; }
  .calendar-month-year-cell.different-year:hover {
    background-color: #e6e6e6;
    color: #000; }

.calendar-prev-button .calendar-prev-icon {
  width: 1em;
  height: 1em;
  font-size: 18px;
  color: #666; }
  .calendar-prev-button .calendar-prev-icon:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }

.calendar-next-button .calendar-next-icon {
  width: 1em;
  height: 1em;
  font-size: 18px;
  color: #666; }
  .calendar-next-button .calendar-next-icon:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }

.checkbox-wrapper {
  display: inline-block; }

.checkbox-input {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute; }
  .checkbox-input:checked + .checkbox-label::after {
    background-color: transparent;
    color: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 1px;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-size: 15px;
    font-style: normal;
    font-weight: 900; }
  .checkbox-input:checked + .checkbox-label.semi::after {
    content: " ";
    height: 3px;
    width: 10px;
    background-color: #fff;
    top: 10px;
    left: 3px; }
  .checkbox-input:checked + .checkbox-label::before {
    border-color: #00b300;
    background-color: #00b300; }
  .checkbox-input:checked + .checkbox-label:hover::before {
    background-color: #008000;
    border-color: #008000; }
  .checkbox-input:disabled + .checkbox-label {
    cursor: default;
    pointer-events: none; }
    .checkbox-input:disabled + .checkbox-label::before {
      background-color: #f3f5f7;
      border-color: #e6e6e6; }
    .checkbox-input:disabled + .checkbox-label::after {
      color: #ccc; }
    .checkbox-input:disabled + .checkbox-label.semi::after {
      background-color: #ccc; }

.checkbox-label {
  padding-left: 25px;
  padding-top: 2px;
  vertical-align: text-top;
  display: inline-flex;
  align-items: flex-start;
  cursor: pointer;
  position: relative; }
  .checkbox-label::before {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0; }
  .checkbox-label:hover::before {
    border-color: #008000; }

.checkboxtree-list {
  padding-left: 24px;
  position: relative; }
  .checkboxtree-list .checkbox-wrapper {
    margin-bottom: 8px; }

.checkboxtree-icon {
  cursor: pointer;
  left: 0;
  line-height: 24px;
  position: absolute;
  transition-duration: .2s; }
  .checkboxtree-icon::before {
    content: "›"; }
  .checkboxtree-icon-expanded {
    transform: rotate(90deg); }

.checkboxtree-item .checkboxtree-list {
  display: none; }

.checkboxtree-item.opened > .checkboxtree-list {
  display: block; }

.collapse-heading-wrapper {
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between; }
  .collapse-heading-wrapper:hover {
    border-color: #ff890a; }

.collapse-heading-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  transition: transform 0.2s linear;
  transform: rotate(0); }
  .collapse-heading-icon.icon-expanded {
    transform: rotate(180deg); }
  .collapse-heading-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    color: #666; }

.countdown-timer {
  color: #107f8c; }

.datepicker-wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }

.datepicker-input-wrapper {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .datepicker-input-wrapper.danger:not(.disabled-state):not(.focused) {
    border-color: #f50029; }
    .datepicker-input-wrapper.danger:not(.disabled-state):not(.focused):hover {
      border-color: #f50029; }
  .datepicker-input-wrapper.disabled-state > .datepicker-input {
    background-color: inherit; }
  .datepicker-input-wrapper.disabled-state .datepicker-calendar-icon {
    cursor: default; }

.datepicker-icons-wrapper {
  display: inline-flex;
  height: 30px;
  align-items: center; }
  .datepicker-icons-wrapper > .datepicker-calendar-icon {
    width: 30px;
    height: 29px;
    padding: 4px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .datepicker-icons-wrapper > .datepicker-calendar-icon::before {
      content: "\f073";
      font-family: "Font Awesome 5 Free";
      font-weight: 400;
      color: #666;
      display: block;
      width: 14px;
      height: 20px; }
  .datepicker-icons-wrapper > span:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px; }
  .datepicker-icons-wrapper > span:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px; }

.daterange-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .daterange-wrapper > .datepicker-wrapper {
    flex-grow: 1;
    width: 50%; }
    .daterange-wrapper > .datepicker-wrapper:first-child {
      order: 1; }
    .daterange-wrapper > .datepicker-wrapper:last-child {
      order: 3; }

.daterange-delimiter {
  display: block;
  text-align: center;
  line-height: 3.2rem;
  width: 10%;
  order: 2;
  margin-right: 4px;
  margin-left: 4px; }

.drawer {
  bottom: 0;
  background-color: #fff;
  min-width: 22.4rem;
  top: 0;
  position: fixed;
  z-index: 10001;
  transition: 170ms ease-in-out; }
  .drawer-left {
    box-shadow: 0.2rem 0 0.8rem 0 rgba(0, 0, 0, 0.15);
    left: 0; }
    .drawer-left .drawer-bars {
      box-shadow: 0.3rem 0 0.4rem 0 rgba(191, 191, 191, 0.4);
      right: -4.7rem;
      border-top-right-radius: 1.6rem;
      border-bottom-right-radius: 1.6rem; }
  .drawer-right {
    box-shadow: -0.2rem 0 0.8rem 0 rgba(0, 0, 0, 0.15);
    right: 0; }
    .drawer-right .drawer-bars {
      box-shadow: -0.3rem 0 0.4rem 0 rgba(191, 191, 191, 0.4);
      left: -4.7rem;
      border-top-left-radius: 1.6rem;
      border-bottom-left-radius: 1.6rem; }
  .drawer-overlay {
    background: #000;
    opacity: 0;
    width: 100%;
    height: 0;
    position: fixed;
    top: 0;
    left: 0;
    transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), height 0s ease 0.3s;
    z-index: 10000; }
  .drawer.visible {
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .drawer.visible + .drawer-overlay {
      opacity: .3;
      height: 100%;
      transition: none; }

.drawer-bars {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: center;
  position: absolute;
  height: 4.8rem;
  cursor: pointer;
  width: 4.8rem;
  top: 2.4rem;
  transition: all .5s;
  z-index: 10001; }
  .drawer-bars span {
    height: .2rem;
    width: 2.4rem;
    background-color: #00b300;
    position: relative; }
    .drawer-bars span::before, .drawer-bars span::after {
      left: 0;
      position: absolute;
      height: .2rem;
      width: 2.4rem;
      content: "";
      background-color: #00b300;
      transition-duration: .3s; }
    .drawer-bars span::before {
      top: -.7rem; }
    .drawer-bars span::after {
      top: .7rem; }
  .drawer-bars.open span {
    background: transparent; }
    .drawer-bars.open span::before, .drawer-bars.open span::after {
      top: 0;
      background: #999;
      transition: transform .3s; }
    .drawer-bars.open span::before {
      transform: rotateZ(135deg); }
    .drawer-bars.open span::after {
      transform: rotateZ(-135deg); }

.dropdown-wrapper {
  display: inline-block;
  position: relative;
  overflow: visible; }
  .dropdown-wrapper > ul {
    background-color: #fff;
    border-radius: 0.8rem;
    min-width: 100%;
    max-height: 200px;
    display: none;
    margin-top: 4px;
    padding: 4px 4px 0;
    position: absolute;
    top: 100%;
    border-bottom: 4px solid #fff;
    box-shadow: 0 0.2rem 0.7rem 0 rgba(0, 0, 0, 0.25);
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    visibility: hidden; }
    .dropdown-wrapper > ul::-webkit-scrollbar {
      display: none; }
    .dropdown-wrapper > ul.visible {
      visibility: visible; }
    .dropdown-wrapper > ul.pos-top {
      top: auto;
      bottom: 100%;
      margin-bottom: 4px;
      margin-top: 0;
      box-shadow: 0 -0.2rem 0.7rem 0 rgba(0, 0, 0, 0.09); }
    .dropdown-wrapper > ul.pos-right {
      right: 0; }
    .dropdown-wrapper > ul:not(.pos-right) {
      left: 0; }
    .dropdown-wrapper > ul > li {
      display: block;
      position: relative;
      padding: 0;
      border-radius: 8px !important; }
      .dropdown-wrapper > ul > li.level-2 {
        border-top: 0; }
        .dropdown-wrapper > ul > li.level-2:last-child {
          border-bottom: 0; }
      .dropdown-wrapper > ul > li > a:not(.button), .dropdown-wrapper > ul > li > div, .dropdown-wrapper > ul > li > span {
        min-width: 160px;
        margin-bottom: 2px;
        padding: 6px 8px;
        color: #000;
        display: flex;
        justify-content: start;
        border-radius: 8px !important; }
      .dropdown-wrapper > ul > li:last-child > a:not(.button), .dropdown-wrapper > ul > li:last-child > div, .dropdown-wrapper > ul > li:last-child > span {
        margin-bottom: 0; }
      .dropdown-wrapper > ul > li:hover > a:not(.count), .dropdown-wrapper > ul > li:hover > div:not(.count), .dropdown-wrapper > ul > li:hover > span:not(.count) {
        background-color: #f3f5f7; }
      .dropdown-wrapper > ul > li.active > a, .dropdown-wrapper > ul > li.active > div, .dropdown-wrapper > ul > li.active > span {
        background-color: #ccc; }
      .dropdown-wrapper > ul > li .count {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        min-width: 8px;
        width: 8px;
        height: 8px;
        background-color: #ff890a;
        border-radius: 50%;
        padding: 0; }
      .dropdown-wrapper > ul > li > a:focus {
        box-shadow: none; }
  .dropdown-wrapper.opened {
    z-index: 999; }
    .dropdown-wrapper.opened > ul {
      display: block; }
  .dropdown-wrapper.disabled {
    background-color: transparent !important; }
    .dropdown-wrapper.disabled .button-wrapper {
      color: #ccc !important;
      background-color: #fff !important;
      border-color: #ccc; }
      .dropdown-wrapper.disabled .button-wrapper > * {
        color: #ccc !important; }
      .dropdown-wrapper.disabled .button-wrapper:not(.blank):focus {
        padding: 7px 40px 7px 24px;
        border-width: 1px;
        border-color: #ccc; }
        .dropdown-wrapper.disabled .button-wrapper:not(.blank):focus::after {
          right: 17px; }
      .dropdown-wrapper.disabled .button-wrapper.small:not(.blank):focus {
        padding: 5px 31px 5px 16px; }
        .dropdown-wrapper.disabled .button-wrapper.small:not(.blank):focus::after {
          right: 11px; }
      .dropdown-wrapper.disabled .button-wrapper.more:not(.blank):focus {
        padding: 5px; }
      .dropdown-wrapper.disabled .button-wrapper.more.small:not(.blank):focus {
        padding: 3px; }
      .dropdown-wrapper.disabled .button-wrapper.success:hover, .dropdown-wrapper.disabled .button-wrapper.success, .dropdown-wrapper.disabled .button-wrapper.primary:hover, .dropdown-wrapper.disabled .button-wrapper.primary {
        background-color: #80ff80 !important;
        color: #fff !important;
        border-color: #80ff80 !important; }
      .dropdown-wrapper.disabled .button-wrapper.warning:hover, .dropdown-wrapper.disabled .button-wrapper.warning {
        background-color: #ffba70 !important;
        color: #fff !important;
        border-color: #ffba70 !important; }
      .dropdown-wrapper.disabled .button-wrapper.danger:hover, .dropdown-wrapper.disabled .button-wrapper.danger {
        background-color: #ffc2cc !important;
        color: #fff !important;
        border-color: #ffc2cc !important; }

.dropdownselect-wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }

.dropdownselect-input-wrapper {
  padding: 0;
  align-items: center; }
  .dropdownselect-input-wrapper:not(.focused):not(.disabled).danger {
    border-color: #f50029; }
  .dropdownselect-input-wrapper.disabled .dropdownselect-select-icon {
    cursor: default; }

.dropdownselect-input {
  border: none;
  width: 100%;
  padding: 5px 4px 7px 12px;
  text-overflow: ellipsis;
  background-color: rgba(0, 0, 0, 0); }
  .dropdownselect-input::placeholder {
    color: #666; }

.dropdownselect-clear-icon {
  font-size: 18px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative; }
  .dropdownselect-clear-icon::before {
    content: "\00D7";
    color: #666;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    display: block; }

.dropdownselect-select-icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  position: relative;
  transition: transform 0.2s linear; }
  .dropdownselect-select-icon.opened {
    transform: rotate(180deg); }
  .dropdownselect-select-icon::before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #666;
    font-size: 18px; }

.dropdownselect-filter-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 3px 4px 3px 12px;
  margin: 5px 2px; }

.dropdownselect-filter-input {
  border: none;
  width: 100%;
  font-size: 14px; }

.dropdownselect-filter-icon {
  padding: 2px 5px 0 0;
  color: #666; }

ul[class*=list] .dropdownselect-wrapper ul {
  padding: 0;
  list-style-type: none; }

.dropzone-wrapper {
  background-color: transparent;
  border: 1px dashed #ccc;
  border-radius: 8px; }
  .dropzone-wrapper.danger {
    border-color: #f50029; }
  .dropzone-wrapper .rejected-list {
    padding-top: 8px; }
  .dropzone-wrapper:hover {
    border-color: #000;
    cursor: pointer; }

.dropzone-content {
  align-items: center;
  border: 1px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  padding: 12px; }

.dropzone-file-upload {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 16px 0; }
  .dropzone-file-upload:hover {
    border-color: #000;
    cursor: pointer; }

.dropzone-icon::before {
  background-image: url(https://cdn.esphere.ru/images/nova/uploadzone-icon.svg);
  content: "";
  display: block;
  height: 32px;
  margin-bottom: 4px;
  width: 32px; }

.dropzone-hint {
  color: #999;
  font-family: "Font Awesome 5 Free";
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-transform: none;
  vertical-align: middle; }
  .dropzone-hint::before {
    content: "\f059";
    color: #999; }
  .dropzone-hint:hover {
    font-weight: 900;
    color: #666; }

.dropzone-button {
  min-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none; }

.dropzone-description {
  width: 100%;
  display: inline-block;
  text-align: start;
  font-size: 12px;
  padding-left: 24px;
  padding-right: 48px;
  color: #999;
  text-overflow: ellipsis;
  font-style: normal; }

.dropzone-status {
  display: flex;
  align-items: center;
  flex: none;
  margin-right: 24px;
  font-weight: 500; }
  .dropzone-status > [class*="icon"] {
    margin-right: 5px; }

.dropzone-delete-icon {
  font-size: 13px;
  cursor: pointer;
  font-family: "novicon", sans-serif; }
  .dropzone-delete-icon::before {
    content: "\e94d";
    font-style: normal; }

.filedrop-wrapper {
  background-color: transparent;
  border: 1px dashed #ccc;
  padding: 10px 9px; }
  .filedrop-wrapper.danger {
    border-color: #f50029; }

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

.filedrop-button {
  min-width: 120px;
  justify-content: center;
  align-items: center;
  flex: none; }

.filedrop-cloud-icon {
  width: 58px;
  height: 58px;
  text-align: center; }
  .filedrop-cloud-icon::before {
    content: "\f382";
    font-size: 48px;
    line-height: 1.4;
    color: #ccc;
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }

.filedrop-retry-icon {
  margin-right: 5px; }
  .filedrop-retry-icon::before {
    content: "\f021";
    width: 20px;
    height: 20px;
    color: #666;
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    font-weight: 900; }

.filedrop-retry-button {
  display: flex;
  align-items: center; }

.filedrop-ok-icon {
  text-align: center; }
  .filedrop-ok-icon::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    line-height: 1.5;
    font-size: 60px;
    font-weight: 400;
    color: #00b300; }

.filedrop-not-ok-icon {
  text-align: center; }
  .filedrop-not-ok-icon::before {
    content: "\f119";
    font-family: "Font Awesome 5 Free";
    line-height: 1.5;
    font-size: 60px;
    font-weight: 400;
    color: #f50029; }

.filedrop-description {
  width: 100%;
  display: inline-block;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: start;
  font-size: 12px;
  font-size: 14px;
  line-height: 2;
  padding-left: 24px;
  padding-right: 48px;
  color: #666;
  color: #000;
  text-overflow: ellipsis;
  font-style: normal; }
  .filedrop-description button {
    line-height: 1.5; }

.filedrop-status {
  display: flex;
  align-items: center;
  flex: none;
  margin-right: 24px;
  font-weight: 500; }
  .filedrop-status > [class*="icon"] {
    margin-right: 5px; }

.filedrop-delete-icon {
  font-size: 13px;
  cursor: pointer;
  font-family: "novicon", sans-serif; }
  .filedrop-delete-icon::before {
    content: "\e94d";
    font-style: normal; }

.file-list.table table {
  border-spacing: 0 16px;
  margin-bottom: -16px; }
  .file-list.table table tr td[colspan="2"]:last-of-type {
    text-align: right; }

.file-list-subtitle {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: #949494; }

.file-list-name {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.file-list-icon::before {
  background-image: url(https://cdn.esphere.ru/images/nova/dropzone/icon-img.svg); }

.file-list-icon-1c::before, .file-list-icon-1-c::before {
  background-image: url(https://cdn.esphere.ru/images/nova/dropzone/icon-1c.svg); }

.file-list-icon-csv::before {
  background-image: url(https://cdn.esphere.ru/images/nova/dropzone/icon-csv.svg); }

.file-list-icon-doc::before {
  background-image: url(https://cdn.esphere.ru/images/nova/dropzone/icon-doc.svg); }

.file-list-icon-xls::before {
  background-image: url(https://cdn.esphere.ru/images/nova/dropzone/icon-xls.svg); }

.file-list-icon-xml::before {
  background-image: url(https://cdn.esphere.ru/images/nova/dropzone/icon-xml.svg); }

.file-list-icon-pdf::before {
  background-image: url(https://cdn.esphere.ru/images/nova/dropzone/icon-pdf.svg); }

.file-list-tag {
  background-color: transparent;
  box-sizing: border-box;
  display: inline-block;
  line-height: 20px;
  margin-left: 13px;
  padding: 0;
  position: relative;
  vertical-align: middle; }
  .file-list-tag::before {
    background: #999;
    border-radius: 50%;
    content: "";
    display: block;
    height: 8px;
    left: -13px;
    margin: 6px 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 8px; }
  .file-list-tag.success::before {
    background-color: #00e600; }
  .file-list-tag.danger::before {
    background-color: #ff5c77; }

.file-list .button-wrapper {
  color: #999;
  min-width: 2px;
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent; }
  .file-list .button-wrapper:hover, .file-list .button-wrapper:focus, .file-list .button-wrapper:active {
    color: #666; }
  .file-list .button-wrapper:disabled {
    color: #ccc;
    cursor: not-allowed; }

.file-list button.more:not(.blank):focus {
  padding: 0; }

.file-list-download::before {
  content: "\f019"; }

.file-list-delete::before {
  content: "\f1f8"; }

.file-list-icon::before, .file-list-icon-1c::before, .file-list-icon-1-c::before, .file-list-icon-csv::before, .file-list-icon-doc::before, .file-list-icon-xls::before, .file-list-icon-xml::before, .file-list-icon-pdf::before {
  background-position: 50% 0;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 42px;
  width: 38px; }

.file-list-download, .file-list-delete {
  font-family: "Font Awesome 5 Free";
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  vertical-align: middle; }

.input-wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }

.input-element::-ms-clear {
  display: none; }

.input-element-wrapper {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: row; }
  .input-element-wrapper:not(.focused):not(.disabled).danger {
    border-color: #f50029; }

.input-icon {
  margin: 0;
  font-size: 14px;
  color: #666; }
  .input-icon:before {
    position: relative;
    top: 5px; }
  .input-icon.icon-left {
    padding-left: 5px; }
    .input-icon.icon-left + input {
      padding-left: 7px; }
  .input-icon.icon-right {
    padding-right: 7px; }

.link-tree-list {
  position: relative;
  padding-left: 24px; }

.link-tree-icon {
  position: absolute;
  left: 4px;
  line-height: 20px;
  transition-duration: .2s;
  cursor: pointer; }
  .link-tree-icon::before {
    content: "›"; }
  .link-tree-icon-expanded {
    transform: rotate(90deg); }

.link-tree-item a {
  display: inline-block;
  padding-bottom: 12px;
  color: #333;
  cursor: pointer; }

.link-tree-item .link-tree-list {
  display: none; }

.link-tree-item.opened > .link-tree-list {
  display: block; }

.link-tree-item.last {
  position: relative; }
  .link-tree-item.last a::after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: -14px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #333; }
  .link-tree-item.last a:hover::after {
    background-color: #00b300; }
  .link-tree-item.last a:active::after {
    background-color: #3a75c4; }

.link-tree-item.current > a {
  font-weight: 500;
  color: #3a75c4; }
  .link-tree-item.current > a::after {
    background-color: #3a75c4; }
  .link-tree-item.current > a:hover {
    color: #00b300; }

.loader-wrapper {
  position: relative;
  min-height: 100px; }
  .loader-wrapper.small,
  .loader-wrapper.small .loader-container {
    min-height: 33px; }
  .loader-wrapper.fullscreen {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10100; }

.loader-container {
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10; }

.loader-element {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  margin-top: -30px;
  animation: r-to-left 2s linear infinite;
  transform-origin: 50%;
  background: linear-gradient(200deg, #3a75c4 0%, rgba(255, 255, 255, 0) 100%); }
  .loader-element::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    margin-left: -4.5px;
    border-radius: 0 100% 100% 0 / 0 50% 50% 0;
    width: 30px;
    height: 60px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #3a75c4 100%); }
  .loader-element::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff; }

@keyframes r-to-left {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }

.loader-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  z-index: 1000;
  transform-origin: 50%;
  background: none;
  background-position: center;
  background-size: 100% 100%; }

.loader-spinner {
  width: 56px;
  height: 56px;
  background: none; }
  .loader-spinner::before, .loader-spinner::after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 50%;
    border: 1px #000 solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    background-color: transparent; }
  .loader-spinner::before {
    width: 100%;
    height: 100%;
    animation: loader-spinner-animation .7s linear infinite;
    background: none; }
  .loader-spinner::after {
    width: 50%;
    height: 50%;
    top: 25%;
    left: 25%;
    margin-left: 0;
    margin-top: 0;
    animation: loader-spinner-animation reverse 1.4s linear infinite; }

@keyframes loader-spinner-animation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.global-loader-overflow {
  overflow: hidden; }

.masked-input-wrapper {
  position: relative;
  display: flex;
  flex-direction: row; }
  .masked-input-wrapper:not(.focused):not(.disabled).danger {
    border-color: #f50029; }

.menu-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative; }

.menu-item {
  cursor: pointer;
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-bottom: 3px solid transparent;
  padding: 9px 14px; }
  .menu-item.active {
    border-bottom-color: #ff890a;
    cursor: default; }
  .menu-item.disabled {
    color: #999;
    cursor: default; }
  .menu-item:not(.active):not(.disabled):hover {
    color: #ff890a; }
  .menu-item:not(:last-of-type) {
    margin-right: 4px; }

.menu-bar {
  padding-left: 0;
  background-color: inherit;
  display: flex;
  border-bottom: 1px solid #e6e6e6; }

.menu-container.scroll {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .menu-container.scroll::-webkit-scrollbar {
    display: none; }

.menu-dropdown {
  position: static; }

.modal-wrapper, .modal-overlay {
  top: 0;
  right: 0;
  left: 0; }

.modal-wrapper {
  position: fixed;
  min-height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: auto;
  backdrop-filter: blur(3px); }

.modal-window {
  margin: 64px 0;
  max-width: 98%;
  z-index: 10002;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px; }
  .modal-window.sm {
    width: 480px; }
    .modal-window.sm .modal-body {
      min-height: 200px; }
  .modal-window.md {
    width: 600px; }
    .modal-window.md .modal-body {
      min-height: 290px; }
  .modal-window.lg {
    width: 800px; }
    .modal-window.lg .modal-body {
      min-height: 440px; }

.modal-cross {
  position: absolute;
  top: 18px;
  right: -20px;
  display: block;
  width: 35px;
  height: 35px;
  transform: translateX(100%);
  cursor: pointer; }
  .modal-cross::before {
    content: "\00D7";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #fff;
    font-size: 32px; }

.modal-body {
  background: #fff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px; }
  .modal-body:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

.modal-header {
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #ccc;
  padding: 16px 32px 15px;
  font-size: 21px;
  line-height: 32px;
  font-weight: 500;
  background: #fff; }
  .modal-header + .modal-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.modal-footer {
  border-top: 1px solid #ccc;
  padding: 14px 32px 16px;
  text-align: right;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.modal-alert {
  background-color: #ffe5e8;
  border-bottom: 1px solid;
  border-bottom-color: #c11030;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  min-height: 64px;
  padding: 24px 32px; }
  .modal-alert-overlay {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100; }
  .modal-alert-cross {
    cursor: pointer;
    display: block;
    height: 35px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 35px; }
    .modal-alert-cross::before {
      content: "\00D7";
      font-family: "Font Awesome 5 Free";
      font-weight: 400;
      color: rgba(0, 0, 0, 0.5);
      font-size: 32px; }

.multiselect-wrapper {
  display: flex;
  flex-direction: column;
  position: relative; }
  .multiselect-wrapper.large .multiselect-input-wrapper {
    min-height: 40px; }
  .multiselect-wrapper.wide-list .suggestion-wrapper {
    width: 200px; }

.multiselect-input-wrapper {
  width: 100%;
  position: relative;
  flex-direction: column;
  justify-content: center;
  height: auto;
  min-height: 32px;
  align-items: unset; }
  .multiselect-input-wrapper:not(.disabled):not(.focused).danger {
    border-color: #f50029; }
  .multiselect-input-wrapper.disabled {
    background-color: inherit;
    border-color: #ccc; }

.multiselect-tags-container {
  align-self: flex-start;
  margin: 0 12px;
  width: calc( 100% - 24px); }
  .multiselect-tags-container .tags-item {
    background-color: #f3f5f7;
    border: 0;
    margin: 3px 8px 3px 0;
    min-height: 24px;
    padding-bottom: 2px;
    padding-top: 2px; }

.multiselect-placeholder {
  color: #666; }

.multiselect-tags-union {
  line-height: 30px;
  padding: 0 8px 0 12px; }

.multiselect-input {
  border: none; }

.multiselect-clear-icon {
  position: absolute;
  font-size: 18px;
  top: 50%;
  right: 27px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #000; }
  .multiselect-clear-icon::before {
    content: "\00D7";
    font-family: "Font Awesome 5 Free"; }

.multiselect-dropdown-icon {
  position: absolute;
  top: 50%;
  right: 11px;
  transform: translateY(-50%) rotate(0);
  transition: transform .3s;
  font-size: 16px;
  font-weight: 900;
  cursor: pointer; }
  .multiselect-dropdown-icon::before {
    content: "\f107";
    font-family: "Font Awesome 5 Free"; }
  .multiselect-dropdown-icon.opened {
    transform: translateY(-50%) rotate(180deg); }

.multiselect-loading-icon::before {
  content: url(https://cdn.esphere.ru/images/loading-spinner-small.svg);
  position: absolute;
  right: 7px;
  top: 5px;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  animation: loader-spinner-animation .7s linear infinite; }

.multiselect-checkboxes .suggestion-wrapper {
  padding: 0; }
  .multiselect-checkboxes .suggestion-wrapper .loader-container {
    border-radius: 8px; }

.multiselect-header {
  border-bottom: 1px solid #ccc;
  padding: 16px 12px; }

.multiselect-checkbox-list {
  height: 196px;
  padding: 8px;
  overflow-y: auto; }
  .multiselect-checkbox-list-wrapper {
    padding: 4px; }
  .multiselect-checkbox-list.empty {
    display: flex;
    align-items: center;
    justify-content: center; }
  .multiselect-checkbox-list > .checkboxtree-list {
    padding-left: 0; }
  .multiselect-checkbox-list .checkboxtree-list.select-all .suggestion-item:not(:first-child) {
    padding-left: 24px; }
  .multiselect-checkbox-list .checkboxtree-list .checkbox-wrapper {
    margin-bottom: 6px; }
  .multiselect-checkbox-list .suggestion-item {
    padding: 0;
    cursor: default; }
    .multiselect-checkbox-list .suggestion-item:hover, .multiselect-checkbox-list .suggestion-item.selected {
      background-color: #fff; }

.multiselect-footer {
  border-top: 1px solid #ccc;
  padding: 16px 12px; }

.multiselect-input-wrapper.disabled {
  background-color: #f3f5f7 !important; }

.notifications-wrapper {
  position: fixed;
  width: 50%;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10; }

.notifications-icon-close {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 10px 0 0;
  cursor: pointer; }
  .notifications-icon-close:before {
    font-size: 30px;
    color: #666;
    content: " ";
    background: url("data:image/svg+xml,%3Csvg width='36' height='35' viewBox='0 0 36 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.94444 1.94444L33.2396 33.2396' stroke='%23949494' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M34.0556 1.94444L2.76036 33.2396' stroke='%23949494' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/40% no-repeat;
    width: 30px;
    display: block;
    height: 30px; }

.notifications-content {
  border-left: 1px solid #ccc;
  padding: 20px 10px;
  width: 90%; }

.notifications-icon {
  padding: 0 16px; }

.notifications-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  align-items: center;
  box-shadow: 0 5px 20px #ccc;
  padding: 0;
  color: #000;
  background-color: #fff;
  border-radius: 4px; }

.notifications-top {
  right: 28px;
  top: 84px;
  bottom: auto;
  left: auto;
  transform: none;
  width: 400px;
  margin-bottom: 8px; }
  .notifications-top .notifications-item {
    background-color: #333;
    color: #fff;
    padding: 12px 8px 12px 12px;
    align-items: baseline;
    box-shadow: none;
    margin-bottom: 8px; }
  .notifications-top .notifications-icon {
    padding: 0 8px 0 0; }
  .notifications-top .notifications-content {
    border-left: none;
    width: 100%;
    padding: 0 12px 0 0;
    min-width: 334px; }
  .notifications-top .notifications-icon-close {
    margin: 0;
    height: 20px;
    line-height: 14px; }
    .notifications-top .notifications-icon-close::before {
      font-size: 30px;
      color: #666;
      content: " ";
      background: url("data:image/svg+xml,%3Csvg width='36' height='35' viewBox='0 0 36 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.94444 1.94444L33.2396 33.2396' stroke='%23949494' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M34.0556 1.94444L2.76036 33.2396' stroke='%23949494' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/40% no-repeat;
      width: 30px;
      display: block;
      height: 30px; }

.numeric-range-wrapper {
  align-items: center;
  display: flex; }
  .numeric-range-wrapper.disabled {
    background: transparent !important; }
  .numeric-range-wrapper > .numeric-wrapper, .numeric-range-wrapper > .numeric-text-box-wrapper {
    flex-grow: 1; }

.numeric-range-label {
  flex: none;
  margin-right: 16px; }

.numeric-range-delimiter {
  display: block;
  text-align: center;
  line-height: 32px;
  width: 10%;
  margin-right: 4px;
  margin-left: 4px; }

.numeric-text-box-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center; }

.numeric-text-box-input-wrapper {
  width: 100%; }
  .numeric-text-box-input-wrapper.danger {
    border-color: #f50029; }
  .numeric-text-box-input-wrapper.disabled {
    cursor: not-allowed; }
    .numeric-text-box-input-wrapper.disabled.numeric-text-box-arrow-up, .numeric-text-box-input-wrapper.disabled.numeric-text-box-arrow-down {
      cursor: not-allowed; }

.numeric-text-box-input-wrapper > .numeric-text-box-prefix + .numeric-text-box-input {
  padding-left: 4px;
  line-height: 1.5; }

.numeric-text-box-input {
  width: 100%;
  outline: none !important; }

.numeric-text-box-arrow-buttons {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  user-select: none; }

.numeric-text-box-arrow-up {
  cursor: pointer; }
  .numeric-text-box-arrow-up::before {
    transform: rotate(180deg);
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #666;
    display: block;
    position: absolute;
    top: -2px;
    right: 6px; }

.numeric-text-box-arrow-down {
  cursor: pointer; }
  .numeric-text-box-arrow-down::before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #666;
    display: block;
    position: absolute;
    top: 14px;
    right: 6px; }

.pagination-wrapper {
  overflow: visible;
  padding: 8px;
  display: flex;
  align-items: center; }

.pagination-numbers {
  display: flex;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  order: 2; }
  .pagination-numbers .pagination-button {
    color: #000;
    margin: 0 8px;
    min-width: auto;
    cursor: pointer; }
    .pagination-numbers .pagination-button:hover {
      text-decoration: none;
      background-color: transparent;
      color: #000; }
    .pagination-numbers .pagination-button.selected {
      background-color: transparent;
      color: #000;
      cursor: default;
      font-weight: 700; }
    .pagination-numbers .pagination-button.disabled {
      cursor: default !important;
      color: #666;
      font-weight: normal; }

.pagination-button {
  margin: 1px;
  padding: 0;
  min-width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  border-radius: 50%;
  color: #000;
  cursor: pointer; }
  .pagination-button:hover {
    color: #000;
    text-decoration: none;
    background-color: transparent; }

.pagination-controls {
  background-color: #ccc; }
  .pagination-controls:hover {
    background-color: #999; }
  .pagination-controls.disabled {
    background-color: #e6e6e6 !important;
    cursor: default !important; }
    .pagination-controls.disabled > i {
      color: inherit !important;
      cursor: default !important; }
    .pagination-controls.disabled:hover {
      background-color: #e6e6e6 !important; }
      .pagination-controls.disabled:hover > i {
        color: inherit !important; }
  .pagination-controls.first .icon-first:before, .pagination-controls.prev .icon-prev:before, .pagination-controls.next .icon-next:before, .pagination-controls.last .icon-last:before {
    background: no-repeat center;
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(0); }
  .pagination-controls.first .icon-first:before {
    background-image: url(https://cdn.esphere.ru/images/nova/icons/angle-double-left-white.svg);
    content: " "; }
  .pagination-controls.prev .icon-prev:before {
    background-image: url(https://cdn.esphere.ru/images/nova/icons/angle-left-white.svg);
    content: " "; }
  .pagination-controls.next .icon-next:before {
    background-image: url(https://cdn.esphere.ru/images/nova/icons/angle-right-white.svg);
    content: " "; }
  .pagination-controls.last .icon-last:before {
    background-image: url(https://cdn.esphere.ru/images/nova/icons/angle-double-right-white.svg);
    content: " "; }

.pagination-label-options {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: baseline;
  order: 1; }
  .pagination-label-options .dropdownselect-wrapper {
    margin-left: 8px;
    width: 72px; }
  .pagination-label-options .dropdownselect-input-wrapper input[class*="input"] {
    width: calc(100% - 30px);
    padding-right: 0; }

.pagination-label-info {
  display: flex;
  flex: 1;
  order: 3;
  justify-content: flex-end;
  color: #666;
  font-size: 12px; }

.password-wrapper {
  display: flex;
  flex-direction: column; }

.password-element-wrapper {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: row; }
  .password-element-wrapper:not(.focused):not(.disabled).danger {
    border-color: #f50029; }

.password-clear-icon {
  font-size: 14px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  color: #666;
  position: absolute;
  right: 30px;
  font-size: 2em; }
  .password-clear-icon::before {
    content: "\00D7";
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translate(-50%, -50%);
    font-style: normal; }

.password-icon {
  margin: 0;
  font-size: 14px;
  color: #666; }
  .password-icon:before {
    position: relative;
    top: 5px; }
  .password-icon.icon-left {
    padding-left: 5px; }
    .password-icon.icon-left + input {
      padding-left: 7px; }
  .password-icon.icon-right {
    padding-right: 7px; }

.password-is-visible, .password-is-hidden {
  height: 20px;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%); }
  .password-is-visible::before, .password-is-hidden::before {
    color: #949494;
    margin: 0 8px 0 4px;
    font-size: 20px;
    font-style: normal;
    font-family: "Font Awesome 5 Free" !important; }

.password-is-hidden::before {
  content: "\f070"; }

.password-is-visible::before {
  content: "\f06e"; }

.password-message-default, .password-message-weak, .password-message-medium, .password-message-strong {
  font-size: 12px; }

.password-message-default {
  color: #949494; }

.password-message-weak {
  color: #ff890a; }

.password-message-medium, .password-message-strong {
  color: #00b300; }

.password-input {
  padding-right: 36px !important; }
  .password-input-clearable {
    padding-right: 60px !important; }
  .password-input::-ms-clear, .password-input::-ms-reveal {
    display: none; }

.progressbar-wrapper {
  background: #666;
  height: 20px;
  position: relative; }
  .progressbar-wrapper.warning .progressbar-fill {
    background: #ff890a; }
  .progressbar-wrapper.danger .progressbar-fill {
    background: #f50029; }

.progressbar-fill {
  background: #00b300;
  transition: width 0.25s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  position: absolute;
  height: 100%;
  left: 0; }

.radio-wrapper {
  display: inline-block; }

.radio-button-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none; }
  .radio-button-input:checked + .radio-button-label::after {
    background-color: #fff; }
  .radio-button-input:checked + .radio-button-label::before {
    background-color: #00b300;
    border-color: #00b300; }
  .radio-button-input:checked + .radio-button-label:hover::before {
    background-color: #008000;
    border-color: #008000; }
  .radio-button-input:disabled + .radio-button-label {
    cursor: default; }
    .radio-button-input:disabled + .radio-button-label::before {
      border: 1px solid #e6e6e6;
      background-color: #f3f5f7; }
    .radio-button-input:disabled + .radio-button-label:hover::before {
      border: 1px solid #e6e6e6;
      background-color: #f3f5f7; }
  .radio-button-input:checked:disabled + .radio-button-label::after {
    background-color: #ccc; }

.radio-button-label {
  padding-left: 25px;
  padding-top: 2px;
  vertical-align: text-top;
  display: inline-flex;
  align-items: flex-start;
  position: relative;
  cursor: pointer; }
  .radio-button-label::before {
    content: " ";
    width: 16px;
    height: 16px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 0; }
  .radio-button-label::after {
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 5px; }
  .radio-button-label:hover::before {
    border-color: #008000; }

.rating-wrapper {
  display: inline-flex; }

.rating-item {
  cursor: pointer; }
  .rating-item::before {
    display: block;
    content: '\f005';
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: #666;
    width: 40px;
    font-size: 28px;
    height: 40px; }
  .rating-item.filled::before {
    color: #ff890a; }

.slider-wrapper {
  position: relative; }

.slider-container {
  height: 24px; }
  .slider-container::before, .slider-container::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 6px;
    background-color: #fff;
    z-index: 1; }
  .slider-container::before {
    left: 0; }
  .slider-container::after {
    right: 0; }

.slider-track {
  height: 4px;
  background-color: #ccc;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  .slider-track.active {
    background-color: #00b300;
    cursor: pointer; }

.slider-handle {
  background-color: #00b300;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 2 !important; }
  .slider-handle .tooltip {
    display: none;
    left: 50%;
    text-align: center; }
  .slider-handle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #00b300; }
  .slider-handle:hover, .slider-handle:active {
    background-color: #008000; }
    .slider-handle:hover::after, .slider-handle:active::after {
      background-color: #fff; }
    .slider-handle:hover .tooltip, .slider-handle:active .tooltip {
      display: block; }
  .slider-handle:focus {
    border: 1px solid #ff890a; }

.slider-mark {
  background-color: #ccc;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #ccc; }
  .slider-mark.active {
    background-color: #00b300;
    border: 1px solid #00b300; }
  .slider-mark-container {
    position: absolute;
    top: 8px;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    justify-content: space-between;
    z-index: 1; }

.slider-label {
  color: #666; }
  .slider-label-container {
    display: flex;
    justify-content: space-between;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px; }
  .slider-label-step {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #999; }
    .slider-label-step.active {
      color: #666; }
    .slider-label-step-container {
      position: relative;
      width: 8px;
      height: 20px; }

.slider-disabled .slider-handle:hover .tooltip,
.slider-disabled .slider-handle:active .tooltip {
  display: none; }

.slider-disabled .slider-handle::after {
  border: 2px solid #fff; }

.slider-disabled .slider-mark.active {
  border: 1px solid #999; }

.slider-disabled .slider-handle, .slider-disabled .slider-handle:hover, .slider-disabled .slider-handle:hover::after, .slider-disabled .slider-handle:active, .slider-disabled .slider-handle:active::after, .slider-disabled .slider-handle::after, .slider-disabled .slider-track.active, .slider-disabled .slider-mark.active {
  background-color: #999; }

.slider-disabled .slider-handle:focus {
  border: none; }

.slider-disabled .slider-label, .slider-disabled .slider-label-step, .slider-disabled .slider-label-step.active {
  color: #999; }

.slider-disabled .slider-handle {
  cursor: not-allowed; }

.slider-disabled .slider-track.active {
  cursor: default; }

.statusbar-wrapper {
  padding: 5px 10px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
  position: relative;
  counter-reset: step; }

.statusbar-status-item {
  color: #666;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 2px;
  position: relative; }
  .statusbar-status-item .statusbar-icon:before {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #000;
    text-transform: none;
    background-size: contain;
    counter-increment: step;
    content: counter(step);
    width: 22px;
    height: 22px;
    border: 2px solid #ccc;
    border-radius: 50%;
    line-height: 1;
    background-color: #fff;
    font-family: "roboto",sans-serif;
    z-index: 1; }
  .statusbar-status-item.first {
    align-items: flex-start; }
  .statusbar-status-item.last {
    align-items: flex-end; }
    .statusbar-status-item.last + .statusbar-line {
      display: none; }
    .statusbar-status-item.last > .statusbar-label {
      right: 0; }
  .statusbar-status-item:not(.first):not(.last) > .statusbar-label {
    -ms-transform: translateX(-50%); }
  .statusbar-status-item .success + .statusbar-label {
    color: #00b300; }
  .statusbar-status-item .success:before {
    border: 2px solid #00b300;
    background-color: #00b300;
    color: #fff; }
  .statusbar-status-item .danger + .statusbar-label {
    color: #c10020; }
  .statusbar-status-item .danger:before {
    border: 2px solid #c10020;
    content: counter(step);
    font-family: "roboto",sans-serif !important;
    font-size: 12px;
    color: #fff;
    background-color: #c10020; }
  .statusbar-status-item .warning + .statusbar-label {
    color: #ff890a; }
  .statusbar-status-item .warning:before {
    border: 2px solid #ff890a;
    content: counter(step);
    font-family: "roboto",sans-serif !important;
    font-size: 12px;
    color: #fff;
    background-color: #ff890a; }
  .statusbar-status-item .progress + .statusbar-label {
    color: #000;
    font-weight: 500; }
  .statusbar-status-item .progress:before {
    border: 2px solid #fff;
    content: '\f021';
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 20px;
    color: #00b300; }

.statusbar-line {
  display: flex;
  flex-grow: 1;
  align-self: center;
  height: 8px;
  background-color: #f3f5f7;
  border-radius: 4px;
  margin: 2px 5px 5px 5px; }
  .statusbar-line.success {
    background-color: #00b300; }
  .statusbar-line.danger {
    background-color: #c10020; }
  .statusbar-line.warning {
    background-color: #ff890a; }
  .statusbar-line.progress {
    background-color: #00b300; }

.statusbar-label {
  position: absolute;
  top: 100%;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .statusbar-label a {
    color: inherit; }

.stickypanel-container {
  box-shadow: 0 -1px 0 0 #ccc;
  background-color: #fff; }
  .stickypanel-container .button {
    margin-top: 5px;
    margin-bottom: 5px; }

.stickypanel-wrapper.fixed .stickypanel-container {
  position: fixed;
  bottom: 0;
  z-index: 9999; }
  .stickypanel-wrapper.fixed .stickypanel-container:before {
    content: " ";
    display: block;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.05) 100%);
    background-repeat: repeat-x;
    margin-bottom: 1px;
    height: 10px;
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0; }

.suggestion-wrapper {
  background-color: #fff;
  box-shadow: 0 0.6rem 1rem 0.2rem rgba(0, 0, 0, 0.09);
  position: absolute;
  margin-top: 1px;
  top: 100%;
  width: 100%;
  z-index: 1; }
  .suggestion-wrapper.visible {
    visibility: visible; }
  .suggestion-wrapper.pos-top {
    top: auto;
    bottom: 100%; }
  .suggestion-wrapper .nodata {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 180px;
    font-weight: lighter;
    font-family: "roboto", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #666; }
  .suggestion-wrapper .loader-wrapper {
    min-height: 200px; }

.suggestion-list {
  padding-left: 0;
  margin-bottom: 0;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto; }

.suggestion-item {
  padding: 3px 10px 5px 10px;
  margin: 2px;
  border-radius: 4px;
  cursor: pointer; }
  .suggestion-item.placeholder {
    color: #666; }
  .suggestion-item.selected {
    background-color: #e6e6e6;
    color: #000; }
    .suggestion-item.selected:hover {
      background-color: #ccc; }
  .suggestion-item.highlighted {
    background-color: #e6e6e6; }
    .suggestion-item.highlighted:hover {
      box-shadow: none; }
  .suggestion-item:hover {
    background-color: #f3f5f7; }

.switcher-handle {
  cursor: pointer;
  border-radius: 4px;
  display: block;
  transition: all 0.1s linear;
  height: 17px;
  width: 17px;
  border: 1px solid #e6e6e6;
  background: #fafafa; }

.switcher-label:not(:empty) {
  margin-left: 12px;
  cursor: pointer; }

.switcher-wrapper {
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  background: #e6e6e6;
  padding: 0;
  border-radius: 4px;
  width: 34px; }
  .switcher-wrapper:hover .switcher-handle {
    background: #fff; }
  .switcher-wrapper.active {
    background: #00b300; }
    .switcher-wrapper.active .switcher-handle {
      transform: translateX(100%);
      background: #fff;
      box-shadow: -3px 0 8px rgba(88, 87, 87, 0.29); }
    .switcher-wrapper.active:hover .switcher-handle {
      background: #e6e6e6; }
  .switcher-wrapper.disabled {
    pointer-events: none;
    background: #f3f5f7 !important; }
    .switcher-wrapper.disabled .switcher-handle {
      box-shadow: 0 2px 7px rgba(0, 0, 0, 0.09); }
  .switcher-wrapper.active.disabled {
    background: #80ff80 !important; }
    .switcher-wrapper.active.disabled .switcher-handle {
      background: #f3f5f7;
      box-shadow: 0 2px 7px rgba(0, 0, 0, 0.09); }

.table {
  border-width: 0;
  display: flex;
  flex-direction: column;
  position: relative; }
  .table.table-block {
    display: block; }
  .table .table-container {
    display: flex;
    flex: 1 1 auto;
    overflow: hidden; }
  .table table {
    margin: 0;
    width: 100%;
    max-width: none;
    border-width: 0;
    border-spacing: 0;
    border-color: inherit;
    border-collapse: separate;
    empty-cells: show;
    outline: 0;
    table-layout: fixed; }
  .table thead,
  .table tbody,
  .table tfoot {
    text-align: left;
    border-color: #e6e6e6; }
  .table thead::after {
    content: "";
    display: block;
    height: 6px; }
  .table tfoot {
    border-top: 1px solid #e6e6e6; }
  .table tr {
    border-color: inherit; }
  .table tbody tr:hover {
    background-color: #f3f5f7; }
  .table th,
  .table td {
    border-style: solid;
    border-color: inherit;
    outline: 0;
    font-weight: inherit;
    color: #000; }
    .table th:focus,
    .table td:focus {
      outline: none; }
  .table th {
    padding: 16px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #e6e6e6;
    font-size: 12px;
    line-height: 1.3;
    text-align: left; }
    .table th:first-child {
      border-top-left-radius: 8px; }
    .table th:last-child {
      border-top-right-radius: 8px; }
  .table td {
    padding: 12px; }
    .table td.with-button {
      padding: 8px 12px; }
    .table td:first-child {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px; }
    .table td:last-child {
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px; }
  .table .table-header tr:first-child th,
  .table .table-content tr:first-child td,
  .table .table-content-locked tr:first-child td {
    border-top-width: 0; }
  .table a:hover {
    text-decoration: none; }
  .table .middle td {
    vertical-align: middle; }
  .table .top td {
    vertical-align: top; }
  .table .bottom td {
    vertical-align: bottom; }
  .table.zebra {
    width: 100%;
    background: #fff; }
    .table.zebra caption {
      text-align: left;
      font-style: italic;
      font-size: 13px;
      color: #ccc; }
    .table.zebra th,
    .table.zebra td {
      word-wrap: break-word; }
    .table.zebra th,
    .table.zebra thead {
      color: #666; }
    .table.zebra td {
      border-top: 1px solid #fff; }
    .table.zebra tbody tr:nth-child(odd) td {
      background-color: rgba(0, 0, 0, 0.03); }
    .table.zebra td:first-child {
      border-left: 2px solid transparent; }
    .table.zebra .focus {
      background-color: rgba(78, 163, 30, 0.4); }

.tabs-wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  position: relative; }

.tabs-item {
  cursor: pointer;
  display: inline-block;
  align-items: center;
  justify-content: center;
  border-bottom: 3px solid transparent;
  padding: 9px 14px; }
  .tabs-item.active {
    border-bottom-color: #ff890a;
    cursor: default; }
  .tabs-item.disabled {
    color: #999;
    cursor: default; }
  .tabs-item:not(.active):not(.disabled):hover {
    color: #ff890a; }
  .tabs-item:not(:last-of-type) {
    margin-right: 4px; }

.tabs-bar {
  padding-left: 0;
  background-color: inherit;
  display: flex;
  border-bottom: 1px solid #e6e6e6; }

.tabs-container.scroll {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .tabs-container.scroll::-webkit-scrollbar {
    display: none; }

.tabs-arrow-left {
  position: absolute;
  top: 10px;
  left: 0;
  padding: 10px;
  background: white;
  box-shadow: 0px 0px 5px 2px #666;
  border-radius: 50%;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  font-style: normal; }
  .tabs-arrow-left::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
    position: absolute;
    left: 6px;
    top: 0;
    color: #666; }

.tabs-arrow-right {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 10px;
  background: white;
  box-shadow: 0px 0px 5px 2px #666;
  border-radius: 50%;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  font-style: normal; }
  .tabs-arrow-right::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    left: 7px;
    top: 0;
    color: #666; }

.tags-wrapper {
  overflow: hidden;
  padding: 3px 0 2px 0;
  white-space: normal; }

.tags-item {
  display: inline-flex;
  align-items: center;
  min-width: 20px;
  padding: 2px 2px 2px 16px;
  margin-right: 8px;
  height: 24px;
  background-color: #f3f5f7;
  border-radius: 4px;
  border: 1px solid #ccc;
  float: left;
  transition: 250ms ease-out; }
  .tags-item:hover {
    background-color: #f3f5f7;
    border-color: #ccc; }
    .tags-item:hover .tags-icon {
      color: #000; }

.tags-icon {
  color: #999;
  margin-left: 10px;
  width: 12px; }
  .tags-icon:hover {
    color: #000; }
  .tags-icon.icon-default {
    color: #666;
    width: 20px;
    height: 20px;
    position: relative; }
    .tags-icon.icon-default:before {
      content: "\00D7";
      font-family: "Font Awesome 5 Free";
      position: absolute;
      top: -1px;
      left: 4px; }
    .tags-icon.icon-default:hover {
      color: #000; }

@keyframes tourStepLoading {
  from {
    opacity: 0; }
  to {
    opacity: 0.5; } }

.tour-overlay {
  opacity: 0.5;
  z-index: 10001;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  fill: #333333; }
  .tour-overlay--loading {
    animation: tourStepLoading 500ms linear; }

.tour-modal {
  z-index: 10002;
  position: fixed;
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  width: 420px; }
  .tour-modal::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .tour-modal.top::after {
    top: 100%;
    left: 20px;
    transform: translateX(-50%);
    border-width: 7px 4px 0;
    border-top-color: #fff; }
  .tour-modal.right::after {
    top: 20px;
    right: 100%;
    transform: translateY(-50%);
    border-width: 4px 7px 4px 0;
    border-right-color: #fff; }
  .tour-modal.bottom::after {
    bottom: 100%;
    left: 20px;
    transform: translateX(-50%);
    border-width: 0 4px 7px;
    border-bottom-color: #fff; }
  .tour-modal.left::after {
    top: 20px;
    left: 100%;
    transform: translateY(-50%);
    border-width: 4px 0 4px 7px;
    border-left-color: #fff; }
  .tour-modal.top-left::after {
    top: 100%;
    right: 20px;
    transform: translateX(50%);
    border-width: 7px 4px 0;
    border-top-color: #fff; }
  .tour-modal.bottom-left::after {
    bottom: 100%;
    right: 20px;
    transform: translateX(50%);
    border-width: 0 4px 7px;
    border-bottom-color: #fff; }
  .tour-modal.top-center::after {
    top: 100%;
    left: 210px;
    transform: translateX(-50%);
    border-width: 7px 4px 0;
    border-top-color: #fff; }
  .tour-modal.bottom-center::after {
    bottom: 100%;
    left: 210px;
    transform: translateX(-50%);
    border-width: 0 4px 7px;
    border-bottom-color: #fff; }

.tour-active-element {
  z-index: 10002;
  position: relative; }

.textarea-wrapper {
  display: flex;
  flex-direction: column; }

.textarea-input {
  width: 100%;
  resize: none;
  height: 120px;
  font-family: inherit; }
  .textarea-input:not(.focused):not(.disabled).danger {
    border-color: #f50029; }

.tooltip {
  position: absolute;
  z-index: 900;
  max-width: 384px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  letter-spacing: normal;
  color: #fff;
  background-color: #000;
  border-radius: 8px;
  transition: opacity .2s; }
  .tooltip div:last-child {
    padding: 16px;
    width: calc(100% + 7px);
    word-wrap: break-word; }
  .tooltip-wrapper {
    display: inline-block; }
  .tooltip::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .tooltip.top {
    margin-top: -10px;
    transform: translate(-50%, -100%); }
    .tooltip.top::after {
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-width: 8px 8px 0;
      border-top-color: #000; }
  .tooltip.right {
    margin-left: 10px;
    transform: translateY(-50%); }
    .tooltip.right::after {
      top: 50%;
      right: 100%;
      transform: translateY(-50%);
      border-width: 8px 8px 8px 0;
      border-right-color: #000; }
  .tooltip.bottom {
    margin-top: 10px;
    transform: translateX(-50%); }
    .tooltip.bottom::after {
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-width: 0 8px 8px;
      border-bottom-color: #000; }
  .tooltip.left {
    margin-left: -10px;
    transform: translate(-100%, -50%); }
    .tooltip.left::after {
      top: 50%;
      left: 100%;
      transform: translateY(-50%);
      border-width: 8px 0 8px 8px;
      border-left-color: #000; }
  .tooltip.top-left {
    margin-top: -10px;
    margin-left: 56px;
    transform: translate(-100%, -100%); }
    .tooltip.top-left::after {
      top: 100%;
      right: 0;
      transform: translateX(-150%);
      border-width: 8px 8px 0;
      border-top-color: #000; }
  .tooltip.top-right {
    margin-top: -10px;
    margin-left: -56px;
    transform: translateY(-100%); }
    .tooltip.top-right::after {
      top: 100%;
      left: 0;
      transform: translateX(150%);
      border-width: 8px 8px 0;
      border-top-color: #000; }
  .tooltip.bottom-left {
    margin-top: 10px;
    margin-left: 56px;
    transform: translateX(-100%); }
    .tooltip.bottom-left::after {
      bottom: 100%;
      right: 0;
      transform: translateX(-150%);
      border-width: 0 8px 8px;
      border-bottom-color: #000; }
  .tooltip.bottom-right {
    margin-top: 10px;
    margin-left: -56px; }
    .tooltip.bottom-right::after {
      bottom: 100%;
      left: 0;
      transform: translateX(150%);
      border-width: 0 8px 8px;
      border-bottom-color: #000; }

@media (max-width: 600px) {
  .tooltip {
    max-width: 50%; } }

.invalid-message-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: left;
  white-space: normal; }

.invalid-message-item {
  color: #f50029;
  font-size: small; }
  .invalid-message-item:not(:last-child) {
    margin-right: 5px; }

.v-stepper-wrapper {
  counter-reset: step; }

.v-stepper-icon {
  background-color: #ccc;
  border-radius: 100%;
  margin: 17px 0;
  width: 21px;
  height: 21px;
  position: relative;
  text-align: center;
  z-index: 2; }
  .v-stepper-icon::before {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 21px;
    line-height: 21px;
    z-index: 1;
    counter-increment: step;
    content: counter(step); }
  .v-stepper-icon::after {
    font-size: 20px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.v-stepper-step {
  padding-left: 12px;
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  position: relative;
  border: 1px solid #fff;
  transition: .3s ease-in border; }
  .v-stepper-step:hover {
    background-color: #fafafa; }
  .v-stepper-step:last-child .v-stepper-line {
    border-left: 0;
    height: 0; }
  .v-stepper-step.active {
    border: 1px solid #3a75c4; }
    .v-stepper-step.active:hover {
      background-color: #fff; }
    .v-stepper-step.active .v-stepper-icon {
      background-color: #3a75c4 !important; }
    .v-stepper-step.active .v-stepper-line {
      border-left-color: #3a75c4 !important; }
  .v-stepper-step.danger .v-stepper-icon.sign-stop::before, .v-stepper-step.danger .v-stepper-icon.sign-check::before, .v-stepper-step.success .v-stepper-icon.sign-stop::before, .v-stepper-step.success .v-stepper-icon.sign-check::before {
    visibility: hidden; }
  .v-stepper-step.danger .v-stepper-icon.sign-stop::after {
    content: '\00D7';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    position: absolute;
    left: 5px;
    top: -1px; }
  .v-stepper-step.success .v-stepper-icon.sign-check::after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    position: absolute;
    left: 4px;
    top: 2px; }
  .v-stepper-step.danger .v-stepper-status {
    color: #f50029; }
  .v-stepper-step.danger .v-stepper-icon {
    background-color: #f50029; }
  .v-stepper-step.danger .v-stepper-line {
    border-left: 2px solid #f50029; }
  .v-stepper-step.success .v-stepper-status {
    color: #00b300; }
  .v-stepper-step.success .v-stepper-icon {
    background-color: #00b300; }
  .v-stepper-step.success .v-stepper-line {
    border-left: 2px solid #00b300; }
  .v-stepper-step.progress .v-stepper-status {
    color: #ff890a; }
  .v-stepper-step.progress .v-stepper-icon {
    background-color: #ff890a; }
  .v-stepper-step.progress .v-stepper-line {
    border-left: 2px solid #ff890a; }
  .v-stepper-step:not(.progress):not(.success):not(.danger) .v-stepper-status {
    color: #666; }

.v-stepper-sign {
  position: relative; }

.v-stepper-line {
  border-left: 2px solid #999;
  top: 20px;
  left: 50%;
  margin-left: -0.5px;
  position: absolute;
  height: calc(100% + 20px);
  z-index: 1; }

.v-stepper-content-wrapper {
  padding: 0 20px 0 55px;
  width: 100%; }

.v-stepper-heading {
  height: 57px;
  line-height: 57px;
  display: flex;
  cursor: pointer;
  justify-content: space-between; }

.v-stepper-title {
  font-weight: 500; }

.v-stepper-status {
  margin-right: 67px; }

.v-stepper-heading-icon::after {
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  font-weight: 900;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 20px;
  transform: rotate(0deg);
  transition: transform 0.3s;
  color: #666; }

.v-stepper-heading-icon.open::after {
  transform: rotate(-180deg); }

.v-stepper-content {
  border-top: 1px solid #ccc;
  padding: 20px 32px 30px 0;
  margin-top: -7px; }

.wizard {
  display: table;
  table-layout: fixed;
  width: 100%; }

.wizard {
  box-sizing: border-box;
  padding: 0 1rem; }
  .wizard a {
    color: inherit; }
  .wizard .step {
    color: #000;
    display: table-cell;
    position: relative;
    height: 6rem; }
    .wizard .step.active {
      color: #000; }
    .wizard .step:first-child label, .wizard .step.first label {
      left: -1rem;
      text-align: left;
      border-radius: 0;
      width: auto; }
    .wizard .step:last-child, .wizard .step.last {
      width: 0; }
      .wizard .step:last-child label, .wizard .step.last label {
        right: -1rem;
        left: inherit;
        text-align: right;
        border-radius: 0;
        width: auto; }
    .wizard .step:before {
      content: "";
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1.5;
      font-size: 1.4rem;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 2rem;
      left: -1rem;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      z-index: 1;
      text-align: center;
      background-color: #fff;
      box-sizing: border-box;
      border: 0.1rem solid #ccc; }
    .wizard .step label {
      display: block;
      position: absolute;
      left: -32%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      text-align: center;
      width: 64%;
      font-size: 1.2rem;
      color: #666; }
    .wizard .step .bottom {
      top: 4.6rem; }
    .wizard .step .top {
      bottom: 4.5rem; }
  .wizard .active label {
    font-size: 1.4rem;
    color: #000; }
  .wizard .line {
    position: absolute;
    top: 2.9rem;
    left: 1rem;
    right: 0;
    height: 0.2rem;
    background-color: #ccc;
    width: calc(100% - 2rem);
    height: .4rem; }
    .wizard .line .progress-line {
      position: absolute;
      background-color: #00b300;
      top: 0;
      left: 0;
      bottom: 0; }
  .wizard .success:before {
    background-color: #00b300;
    border: none;
    color: #fff; }
  .wizard .success .line {
    background-color: #00b300; }
  .wizard .progress:before {
    background-color: #00b300;
    border: none; }