@charset "UTF-8";.checkboxMultipleStates {
  position: relative;
  top: -1px;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  transition: all 0.3s;
  transition: background-color 0.2s;
}

.checkboxMultipleStates:hover {
  border-color: #0092b3;
}

.checkboxMultipleStates.selected {
  background-color: #0092b3;
  border-color: #0092b3;
}

.checkboxMultipleStates.selected::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: 25%;
  width: 4px;
  height: 7px;
  border: 2px solid white;
  border-top: 0;
  border-inline-start: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
}

.checkboxMultipleStates.selectedNegative {
  background-color: #dc3545;
  border-color: #aa3545 !important;
}

.checkboxMultipleStates.selectedNegative::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 25%;
  width: 8px;
  height: 2px;
  background-color: white;
}

.checkboxMultipleStates.selectedNegative:hover {
  border-color: #883545 !important;
}

.checkboxMultipleStatesLabel {
  user-select: none;
  padding-inline-start: 8px;
  color: var(--text-color);
}
.checkboxMultipleStatesLabel.searched {
  font-weight: bold;
}

.checkboxMultipleStatesLabel::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
  padding-left: 42px;
}

.checkboxMultipleStatesWrapper {
  height: 22px;
  display: flex;
  align-items: center;
  padding: 5px 12px 5px 36px;
}.collapsible__content-wrapper {
  transition: height 0.3s ease-in-out;
  mask-image: linear-gradient(to bottom, white 50%, transparent);
}
.collapsible__content-wrapper.show-less {
  animation: show-less 0.3s ease-in-out forwards;
}
.collapsible__content-wrapper.show-more {
  animation: show-more 0.3s ease-in-out forwards;
}

@keyframes show-more {
  0% {
    mask-image: linear-gradient(to bottom, white 50%, transparent);
  }
  10% {
    mask-image: linear-gradient(to bottom, white 55%, transparent);
  }
  20% {
    mask-image: linear-gradient(to bottom, white 60%, transparent);
  }
  30% {
    mask-image: linear-gradient(to bottom, white 65%, transparent);
  }
  40% {
    mask-image: linear-gradient(to bottom, white 70%, transparent);
  }
  50% {
    mask-image: linear-gradient(to bottom, white 75%, transparent);
  }
  60% {
    mask-image: linear-gradient(to bottom, white 80%, transparent);
  }
  70% {
    mask-image: linear-gradient(to bottom, white 85%, transparent);
  }
  80% {
    mask-image: linear-gradient(to bottom, white 90%, transparent);
  }
  90% {
    mask-image: linear-gradient(to bottom, white 95%, transparent);
  }
  100% {
    mask-image: linear-gradient(to bottom, white 100%, transparent);
  }
}
@keyframes show-less {
  0% {
    mask-image: linear-gradient(to bottom, white 100%, transparent);
  }
  10% {
    mask-image: linear-gradient(to bottom, white 95%, transparent);
  }
  20% {
    mask-image: linear-gradient(to bottom, white 90%, transparent);
  }
  30% {
    mask-image: linear-gradient(to bottom, white 85%, transparent);
  }
  40% {
    mask-image: linear-gradient(to bottom, white 80%, transparent);
  }
  50% {
    mask-image: linear-gradient(to bottom, white 75%, transparent);
  }
  60% {
    mask-image: linear-gradient(to bottom, white 70%, transparent);
  }
  70% {
    mask-image: linear-gradient(to bottom, white 65%, transparent);
  }
  80% {
    mask-image: linear-gradient(to bottom, white 60%, transparent);
  }
  90% {
    mask-image: linear-gradient(to bottom, white 55%, transparent);
  }
  100% {
    mask-image: linear-gradient(to bottom, white 50%, transparent);
  }
}
.collapsible__button-wrapper {
  width: 100%;
  text-align: center;
}

.collapsible__button {
  padding: 0;
  height: 24px;
}
.collapsible__button span {
  text-decoration: none !important;
}.date-picker-with-mask__container {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: var(--system-white-color);
}
.date-picker-with-mask__container.disabled {
  background-color: transparent;
}
.date-picker-with-mask__container.date-picker-with-mask-show-today {
  width: 140px;
}
.date-picker-with-mask__container:hover {
  border-color: var(--system-blue-color);
}
.date-picker-with-mask__container:has(:focus) {
  border-color: var(--system-blue-color);
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
}
.date-picker-with-mask__container:has(.ant-picker-status-error) {
  border-color: var(--error-color);
}
.date-picker-with-mask__container input {
  border: 0 !important;
  background-color: transparent !important;
  padding-left: 0;
  width: inherit;
}
.date-picker-with-mask__container input:focus {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.date-picker-with-mask__container .next-previous-btn {
  cursor: pointer;
  transition: 0.3s all;
  color: var(--system-gray-color);
  height: 27px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3px;
}
.date-picker-with-mask__container .next-previous-btn:hover {
  color: var(--system-blue-color);
}
.date-picker-with-mask__container .next-previous-btn.disabled:hover {
  color: var(--system-gray-color);
}
.date-picker-with-mask__container .ant-divider-vertical {
  height: 14px;
  margin: 0px;
  border-left: 1.5px solid var(--system-gray-4-color);
}
.date-picker-with-mask__container.disabled {
  border-color: var(--border-color-base);
}

.date-picker-with-mask__panel {
  width: 0;
  border: none;
  padding-left: 0;
  visibility: hidden;
}.date-selector__container {
  display: flex;
  align-items: center;
  border: 1px solid var(--border-color-base);
  padding: 0 0 4px 8px;
  border-radius: 4px;
  background-color: var(--input-bg);
}
.date-selector__container .date-selector__menu {
  min-width: 100px;
  justify-content: center;
}
.date-selector__container .next-previous-btn {
  cursor: pointer;
  transition: 0.3s all;
  color: var(--system-gray-color);
  height: 27px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
}
.date-selector__container .next-previous-btn:hover {
  color: var(--system-blue-color);
}
.date-selector__container .next-previous-btn.disabled:hover {
  color: var(--system-gray-color);
}
.date-selector__container .date-picker {
  visibility: hidden;
  width: 0;
  padding: 0;
}
.date-selector__container .range-picker:not(.show) {
  visibility: hidden;
  width: 1px;
  padding: 0;
}
.date-selector__container .range-picker.show .ant-picker-clear {
  right: 0;
}
.date-selector__container .range-picker--expanded,
.date-selector__container .range-picker {
  padding: 0;
  border: unset;
  box-shadow: unset !important;
}
.date-selector__container .range-picker--expanded input,
.date-selector__container .range-picker input {
  width: 75px;
}
.date-selector__container .range-picker--expanded .ant-picker-active-bar,
.date-selector__container .range-picker .ant-picker-active-bar {
  display: none;
}
.date-selector__container .range-picker--expanded .ant-picker-range-separator,
.date-selector__container .range-picker .ant-picker-range-separator {
  padding: 0 2px;
}
.date-selector__container .range-picker--expanded .ant-picker-cell-range-hover,
.date-selector__container .range-picker .ant-picker-cell-range-hover {
  background-color: blacks;
}
.date-selector__container .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.date-selector__container .specific-option {
  text-align: center;
  width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.date-selector__container .ant-menu-horizontal {
  line-height: 24px;
  border: unset;
  background-color: var(--input-bg);
}
.date-selector__container .ant-menu-horizontal .ant-menu-item {
  padding-right: 2px !important;
  padding-left: 2px !important;
  margin: 0 8px !important;
}
.date-selector__container .ant-divider-vertical {
  top: 1px;
  height: 14px;
  margin: 0px;
  border-left: 1.5px solid var(--system-gray-4-color);
}
.date-selector__container .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected {
  border-bottom: 2px solid var(--system-blue-color);
  bottom: 2px !important;
}
.date-selector__container .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active {
  border-bottom: 2px solid var(--system-blue-color);
  bottom: 2px !important;
}
.date-selector__container.--hide-calendar-icon {
  padding: 0 0 2px 0;
}
.date-selector__container.--hide-calendar-icon .ant-menu-horizontal .ant-menu-item {
  padding-right: 2px !important;
  padding-left: 2px !important;
  margin: 0 !important;
}
.date-selector__container.--hide-calendar-icon .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected {
  border-bottom: none;
}
.date-selector__container.--hide-calendar-icon .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-active {
  border-bottom: none;
}
.date-selector__container.--hide-calendar-icon .ant-menu-item-selected {
  color: rgba(0, 0, 0, 0.85);
}
.date-selector__container li.ant-menu-item {
  height: 24px;
}
.date-selector__container .ant-menu-light.ant-menu-horizontal > .ant-menu-item-active::after,
.date-selector__container .ant-menu-light.ant-menu-horizontal > .ant-menu-item::after {
  border-bottom: none;
}.companySelector .ant-select {
  width: 225px;
}

.integrationSelector {
  min-width: 150px;
}

.readableRefInput {
  display: flex;
  flex: auto;
  margin-bottom: 0 !important;
}
.readableRefInput .ant-form-item-row {
  width: 100%;
}

@media (max-width: 576px) {
  .add-reference-btn {
    margin-right: 10px;
  }
}.loader-layer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

.fade-in--500 {
  animation: fade-in 0.5s;
  animation-fill-mode: forwards;
}

.fade-out--500 {
  animation: fade-out 0.5s;
  animation-fill-mode: forwards;
}

.fade-in--300 {
  animation: fade-in 0.3s;
  animation-fill-mode: forwards;
}

.fade-out--300 {
  animation: fade-out 0.3s;
  animation-fill-mode: forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}.here-map-container {
  margin: 0;
  padding: 0;
  position: relative;
}

.here-map-container > div {
  overflow: inherit !important;
}

.here-map-container canvas ~ div {
  overflow: hidden;
  height: 100% !important;
}

.here-info-bubble .H_ib_content {
  margin: 0.5rem;
}
.here-info-bubble .H_ib_content .info-window-content h3,
.here-info-bubble .H_ib_content .info-window-content h4 {
  font-weight: bold;
}
.here-info-bubble .H_ib_content .info-window-content h3,
.here-info-bubble .H_ib_content .info-window-content h4,
.here-info-bubble .H_ib_content .info-window-content p {
  white-space: nowrap;
}
.here-info-bubble .H_ib_content .itinenary_here-map_wrapper {
  white-space: nowrap;
}
.here-info-bubble .H_ib_content .here-map__line-separator:not(:last-child) {
  border-bottom: 1px solid var(--system-gray-3-color);
}
.here-info-bubble .H_ib_close {
  display: none;
}.grouped-insurer-tree-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ant-select-tree-title .grouped-insurer-tree-title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 350px;
  text-overflow: ellipsis;
}

.insurer-filter-dropdown .ant-select-selector {
  min-width: 350px !important;
}.no-tail .ant-timeline-item-tail {
  display: none;
}.mobile-table {
  margin-top: 10px;
  padding: 0 5px;
  overflow: auto;
}
.mobile-table .ant-list-item {
  padding-right: 5px;
  border-color: var(--border-color-base);
}
.mobile-table .icon {
  margin-right: 10px;
  color: var(--link-color);
}
.mobile-table .mobile-table-row--item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-table .mobile-table-row--item:not(:last-child) {
  margin-bottom: 5px;
}
.mobile-table .mobile-table-row--item.timeline-container {
  margin-top: 10px;
  border-top: 1px dashed var(--border-color-base);
  padding-top: 15px;
  border-bottom: 1px dashed var(--border-color-base);
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.mobile-table .mobile-table-row--item.timeline-container .ant-timeline .ant-timeline-item {
  padding-bottom: 10px;
}
.mobile-table .mobile-table-row--item.timeline-container .ant-timeline .ant-timeline-item-last > .ant-timeline-item-content {
  min-height: unset;
}
.mobile-table .mobile-table-row--item.timeline-container .ant-timeline-item.ant-timeline-item-last {
  padding-bottom: 0;
}

.mobile-table__load-more-button__container {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}.seat-number-input {
  display: flex;
}
.seat-number-input.with-value .ant-flex {
  border-color: var(--primary-color);
}
.seat-number-input .ant-flex {
  border: solid 1px #d9d9d9;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}
.seat-number-input .ant-flex:focus-within {
  border-color: #0092b3;
  box-shadow: 0 0 0 2px rgba(8, 168, 168, 0.15);
}
.seat-number-input .ant-flex > button {
  border: none;
}
.seat-number-input .ant-flex > .ant-input-number {
  border: none;
  width: 3rem;
}
.seat-number-input .ant-flex > .ant-input-number.ant-input-number-focused {
  outline: none;
  box-shadow: none;
}
.seat-number-input .ant-flex > .ant-input-number input {
  text-align: center;
}
.seat-number-input .seat-input-icon-container {
  display: flex;
  min-width: 1.5rem;
  margin-right: 1.5rem !important;
  justify-content: center;
}
.seat-number-input .seat-input-icon-container .anticon {
  font-size: 17px;
}
.seat-number-input .seat-input-icon-container i.fa-suitcase, .seat-number-input .seat-input-icon-container i.fa-suitcase-rolling, .seat-number-input .seat-input-icon-container i.fa-baby-carriage, .seat-number-input .seat-input-icon-container i.fa-bicycle, .seat-number-input .seat-input-icon-container i.fa-stretcher, .seat-number-input .seat-input-icon-container i.fa-stethoscope, .seat-number-input .seat-input-icon-container i.icon-pacifier, .seat-number-input .seat-input-icon-container i.fa-chair {
  font-size: 17px;
}
.seat-number-input .seat-input-icon-container i {
  line-height: 34px;
  font-size: 20px;
}
.seat-number-input .seat-input-icon-container.seat-input-with-value i {
  color: var(--primary-color) !important;
}.pdf-viewer-header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.pdf-viewer-header input {
  width: 65px;
  overflow: hidden;
  pointer-events: none;
}
.pdf-viewer-header .plus-icon,
.pdf-viewer-header .minus-icon {
  cursor: pointer;
  padding: 16px;
  user-select: none;
}
.pdf-viewer-header .download-icon {
  position: absolute;
  right: 0;
  font-size: 20px;
  cursor: pointer;
}

.pdf-viewer-scroll-container {
  overflow-y: hidden !important;
  scroll-behavior: auto;
  user-select: none;
  max-height: calc(100vh - 200px);
}

.pdf-zoom-container {
  display: flex;
  flex-direction: column;
}/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
}

@media (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
  }
  .annotationLayer .textWidgetAnnotation input:required,
  .annotationLayer .textWidgetAnnotation textarea:required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
  .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
    outline: 1.5px solid selectedItem;
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  --scale-factor: 1;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation > a,
.annotationLayer .buttonWidgetAnnotation.pushButton > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .buttonWidgetAnnotation.pushButton > canvas {
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation input:required,
.annotationLayer .textWidgetAnnotation textarea:required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation.checkBox input:required,
.annotationLayer .buttonWidgetAnnotation.radioButton input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus,
.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: CanvasText;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-text-layer: 1;
}

.textLayer {
  position: absolute;
  text-align: initial;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  line-height: 1;
  text-size-adjust: none;
  forced-color-adjust: none;
}

.textLayer span,
.textLayer br {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(180, 0, 170, 1);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: rgba(0, 100, 0, 1);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  z-index: -1;
  cursor: default;
  user-select: none;
}

.textLayer .endOfContent.active {
  top: 0;
}
.roomviewers-tag .roomviewers-icon {
  color: var(--primary-color);
  margin-right: 5px;
  border-radius: 100%;
  animation: pulse 2s infinite; /* Add a pulse animation to the icon */
}
.roomviewers-tag .anticon {
  color: var(--primary-color);
  margin-right: 5px;
}
.roomviewers-tag .ant-popover-inner-content {
  padding-bottom: 5px;
  padding-top: 5px;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 146, 179, 0.6588235294);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}.smallNumberInput {
  max-width: 50px !important;
}
.smallNumberInput .ant-input-number .ant-input-number-handler-wrap {
  opacity: 1;
}
.smallNumberInput .ant-input-number .ant-input-number-handler:hover {
  height: 40% !important;
}
.smallNumberInput .ant-input-number-input {
  padding: 4px 22px 4px 0px !important;
  text-align: center;
}.filters-drawer--container {
  padding: 10px;
}
.filters-drawer--container .filters-drawer-row {
  width: 100%;
}
.filters-drawer--container .filters-drawer-row:not(:last-child) {
  margin-bottom: 10px;
}
.filters-drawer--container .filters-drawer-row.date-selector-row {
  display: flex;
  align-items: center;
}
.filters-drawer--container .filters-drawer-select {
  width: 100%;
}

.filters-drawer-date-selector {
  inset: 109px auto auto 40px !important;
}.toggleCollapse {
  background-color: var(--component-invert-background-2);
}
.toggleCollapse .ant-collapse-content {
  background-color: var(--component-invert-background-2);
}
.toggleCollapse .ant-collapse-header {
  cursor: auto !important;
}.buttonNoTransition {
  transition: none !important;
}

.document-drawer__attachment-preview__zoom-buttons-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.document-drawer__attachment-preview__zoom-buttons-wrapper input {
  width: 65px;
  pointer-events: none;
}
.document-drawer__attachment-preview__zoom-buttons-wrapper .plus-icon,
.document-drawer__attachment-preview__zoom-buttons-wrapper .minus-icon {
  cursor: pointer;
  padding: 16px;
  user-select: none;
}.tripto-table tbody td span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tripto-table .ant-table-small tr {
  height: 32px;
}
.tripto-table .ant-table,
.tripto-table .ant-table-cell-fix-left,
.tripto-table .ant-table-cell-fix-right,
.tripto-table td.ant-table-column-sort {
  color: var(--text-color);
}
.tripto-table .ant-table-thead > tr > th,
.tripto-table .ant-table-tbody > tr > td,
.tripto-table .ant-table tfoot > tr > th,
.tripto-table .ant-table tfoot > tr > td {
  padding: 16px 8px;
}
.tripto-table .ant-table.ant-table-small .ant-table-title,
.tripto-table .ant-table.ant-table-small .ant-table-footer,
.tripto-table .ant-table.ant-table-small .ant-table-thead > tr > th,
.tripto-table .ant-table.ant-table-small .ant-table-tbody > tr > td,
.tripto-table .ant-table.ant-table-small tfoot > tr > th,
.tripto-table .ant-table.ant-table-small tfoot > tr > td {
  padding: 4px 6px;
}
.tripto-table .ant-table-cell::before {
  background-color: unset !important;
}

.ant-pagination-item-link {
  display: flex !important;
  align-items: center;
}

.simple-tripto-table {
  width: 100%;
  font-size: var(--fs-mid);
  min-width: 100%;
}
.simple-tripto-tabletable,
.simple-tripto-table th,
.simple-tripto-table td {
  border: 1px solid var(--border-table-color);
  color: var(--text-color-secondary);
  font-size: var(--fs-mid);
  padding: 8px;
  height: 38px;
  min-width: 100px;
  box-sizing: border-box;
}
.simple-tripto-tabletable.bg-col,
.simple-tripto-table th.bg-col,
.simple-tripto-table td.bg-col {
  background-color: var(--border-row-hover-background);
  color: var(--text-color);
}
.simple-tripto-table th {
  background-color: var(--header-background);
}
.simple-tripto-table th.bg-col-bold {
  background-color: var(--text-color-disabled-2);
  color: var(--text-color);
}
.simple-tripto-table th {
  text-align: left;
}
.simple-tripto-table span {
  font-size: var(--fs-mid);
}

.ant-table.ant-table-small .ant-table-thead .ant-table-filter-column-title .ant-table-column-sorters,
.ant-table.ant-table-small .ant-table-thead .ant-table-column-sorters-with-tooltip .ant-table-column-sorters {
  padding-left: 0px;
  padding-right: 0px;
}

.ant-table-body {
  overflow: auto !important;
}

.ellipse-text {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table--antd_wrapper {
  position: relative;
}
.table--antd_wrapper .ant-radio-button-wrapper {
  background: var(--component-background);
  color: var(--text-color);
}
.table--antd_wrapper .ant-form-item-label > label {
  color: var(--text-color);
}

.ant-form-inline .ant-form-item.table-size {
  margin-right: 0px;
}

.link-item-table.btn-edit {
  border: 0px;
  color: var(--link-color);
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: none;
  background: transparent;
}
.link-item-table .anticon {
  margin-right: 10px;
}

.edit-table tr:hover {
  cursor: pointer;
}

.table-hide-selection .ant-table-selection-column {
  display: none;
}

.tripto-table-row-border {
  border: 1px solid var(--border-color-base);
  border-radius: 5px;
  width: 100%;
}
.tripto-table-row-border th {
  background: var(--component-invert-background-2);
  font-weight: 500;
}
.tripto-table-row-border th,
.tripto-table-row-border td {
  padding: 10px 15px;
  border-bottom: 1px solid var(--border-color-base);
}

.cancelled-row .ant-table-cell {
  text-decoration: line-through;
  color: var(--text-color-disabled);
}
.cancelled-row .no-cancelled {
  text-decoration: initial;
}

.dispatching-transport-row .status-label,
.document-row .status-label,
.shift-management-row .status-label,
.cancelled-row .status-label {
  text-align: center;
}

.updating-row {
  animation: updating-row-animation 1.5s linear;
}
.updating-row .ant-table-cell-fix-right {
  animation: updating-row-animation 1.5s linear;
}

.adding-row {
  animation: adding-row-animation 1.5s ease-in-out;
}

.removing-row {
  animation: removing-row-animation 1.5s;
}

@keyframes updating-row-animation {
  0% {
    background-color: var(--component-background);
  }
  60% {
    background-color: var(--component-background-hover);
  }
  100% {
    background-color: var(--component-background);
  }
}
@keyframes adding-row-animation {
  0% {
    background-color: var(--component-background-hover);
    opacity: 0.25;
  }
  100% {
    background-color: var(--component-background);
    opacity: 1;
  }
}
@keyframes removing-row-animation {
  0% {
    background-color: var(--component-background);
    opacity: 1;
  }
  20% {
    background-color: var(--component-background-hover);
  }
  100% {
    background-color: var(--component-background);
    opacity: 0;
  }
}
.dispatching-transport-row .status-label.notPaid,
.dispatching-transport-row .status-label.toDispatch,
.dispatching-transport-row .status-label.dispatched,
.dispatching-transport-row .status-label.onCall,
.dispatching-transport-row .status-label.partiallyPaid,
.dispatching-transport-row .status-label.overdue,
.dispatching-transport-row .status-label.started,
.dispatching-transport-row .status-label.unlinked,
.dispatching-transport-row .status-label.partiallyLinked,
.dispatching-transport-row .document-label.draft:not(.hide-animation),
.dispatching-transport-row .document-label.documentMissing:not(.hide-animation),
.dispatching-transport-row .document-label.needsCorrection:not(.hide-animation),
.dispatching-transport-row .document-label.awaitingCorrection:not(.hide-animation),
.dispatching-transport-row .document-label.correctionToBeProcessed:not(.hide-animation),
.dispatching-transport-row .document-label.active:not(.hide-animation),
.invoicing-invoices-row .status-label.notPaid,
.invoicing-invoices-row .status-label.toDispatch,
.invoicing-invoices-row .status-label.dispatched,
.invoicing-invoices-row .status-label.onCall,
.invoicing-invoices-row .status-label.partiallyPaid,
.invoicing-invoices-row .status-label.overdue,
.invoicing-invoices-row .status-label.started,
.invoicing-invoices-row .status-label.unlinked,
.invoicing-invoices-row .status-label.partiallyLinked,
.invoicing-invoices-row .document-label.draft:not(.hide-animation),
.invoicing-invoices-row .document-label.documentMissing:not(.hide-animation),
.invoicing-invoices-row .document-label.needsCorrection:not(.hide-animation),
.invoicing-invoices-row .document-label.awaitingCorrection:not(.hide-animation),
.invoicing-invoices-row .document-label.correctionToBeProcessed:not(.hide-animation),
.invoicing-invoices-row .document-label.active:not(.hide-animation),
.reporting-sessions-row .status-label.notPaid,
.reporting-sessions-row .status-label.toDispatch,
.reporting-sessions-row .status-label.dispatched,
.reporting-sessions-row .status-label.onCall,
.reporting-sessions-row .status-label.partiallyPaid,
.reporting-sessions-row .status-label.overdue,
.reporting-sessions-row .status-label.started,
.reporting-sessions-row .status-label.unlinked,
.reporting-sessions-row .status-label.partiallyLinked,
.reporting-sessions-row .document-label.draft:not(.hide-animation),
.reporting-sessions-row .document-label.documentMissing:not(.hide-animation),
.reporting-sessions-row .document-label.needsCorrection:not(.hide-animation),
.reporting-sessions-row .document-label.awaitingCorrection:not(.hide-animation),
.reporting-sessions-row .document-label.correctionToBeProcessed:not(.hide-animation),
.reporting-sessions-row .document-label.active:not(.hide-animation),
.invoicing-search-row .status-label.notPaid,
.invoicing-search-row .status-label.toDispatch,
.invoicing-search-row .status-label.dispatched,
.invoicing-search-row .status-label.onCall,
.invoicing-search-row .status-label.partiallyPaid,
.invoicing-search-row .status-label.overdue,
.invoicing-search-row .status-label.started,
.invoicing-search-row .status-label.unlinked,
.invoicing-search-row .status-label.partiallyLinked,
.invoicing-search-row .document-label.draft:not(.hide-animation),
.invoicing-search-row .document-label.documentMissing:not(.hide-animation),
.invoicing-search-row .document-label.needsCorrection:not(.hide-animation),
.invoicing-search-row .document-label.awaitingCorrection:not(.hide-animation),
.invoicing-search-row .document-label.correctionToBeProcessed:not(.hide-animation),
.invoicing-search-row .document-label.active:not(.hide-animation),
.invoicing-print-row .status-label.notPaid,
.invoicing-print-row .status-label.toDispatch,
.invoicing-print-row .status-label.dispatched,
.invoicing-print-row .status-label.onCall,
.invoicing-print-row .status-label.partiallyPaid,
.invoicing-print-row .status-label.overdue,
.invoicing-print-row .status-label.started,
.invoicing-print-row .status-label.unlinked,
.invoicing-print-row .status-label.partiallyLinked,
.invoicing-print-row .document-label.draft:not(.hide-animation),
.invoicing-print-row .document-label.documentMissing:not(.hide-animation),
.invoicing-print-row .document-label.needsCorrection:not(.hide-animation),
.invoicing-print-row .document-label.awaitingCorrection:not(.hide-animation),
.invoicing-print-row .document-label.correctionToBeProcessed:not(.hide-animation),
.invoicing-print-row .document-label.active:not(.hide-animation),
.document-row--draft .status-label.notPaid,
.document-row--draft .status-label.toDispatch,
.document-row--draft .status-label.dispatched,
.document-row--draft .status-label.onCall,
.document-row--draft .status-label.partiallyPaid,
.document-row--draft .status-label.overdue,
.document-row--draft .status-label.started,
.document-row--draft .status-label.unlinked,
.document-row--draft .status-label.partiallyLinked,
.document-row--draft .document-label.draft:not(.hide-animation),
.document-row--draft .document-label.documentMissing:not(.hide-animation),
.document-row--draft .document-label.needsCorrection:not(.hide-animation),
.document-row--draft .document-label.awaitingCorrection:not(.hide-animation),
.document-row--draft .document-label.correctionToBeProcessed:not(.hide-animation),
.document-row--draft .document-label.active:not(.hide-animation),
.action-wrapper .status-label.notPaid,
.action-wrapper .status-label.toDispatch,
.action-wrapper .status-label.dispatched,
.action-wrapper .status-label.onCall,
.action-wrapper .status-label.partiallyPaid,
.action-wrapper .status-label.overdue,
.action-wrapper .status-label.started,
.action-wrapper .status-label.unlinked,
.action-wrapper .status-label.partiallyLinked,
.action-wrapper .document-label.draft:not(.hide-animation),
.action-wrapper .document-label.documentMissing:not(.hide-animation),
.action-wrapper .document-label.needsCorrection:not(.hide-animation),
.action-wrapper .document-label.awaitingCorrection:not(.hide-animation),
.action-wrapper .document-label.correctionToBeProcessed:not(.hide-animation),
.action-wrapper .document-label.active:not(.hide-animation) {
  transition: all 0.2s linear 0s;
  overflow: hidden;
  position: relative;
}
.dispatching-transport-row .status-label.notPaid:before,
.dispatching-transport-row .status-label.toDispatch:before,
.dispatching-transport-row .status-label.dispatched:before,
.dispatching-transport-row .status-label.onCall:before,
.dispatching-transport-row .status-label.partiallyPaid:before,
.dispatching-transport-row .status-label.overdue:before,
.dispatching-transport-row .status-label.started:before,
.dispatching-transport-row .status-label.unlinked:before,
.dispatching-transport-row .status-label.partiallyLinked:before,
.dispatching-transport-row .document-label.draft:not(.hide-animation):before,
.dispatching-transport-row .document-label.documentMissing:not(.hide-animation):before,
.dispatching-transport-row .document-label.needsCorrection:not(.hide-animation):before,
.dispatching-transport-row .document-label.awaitingCorrection:not(.hide-animation):before,
.dispatching-transport-row .document-label.correctionToBeProcessed:not(.hide-animation):before,
.dispatching-transport-row .document-label.active:not(.hide-animation):before,
.invoicing-invoices-row .status-label.notPaid:before,
.invoicing-invoices-row .status-label.toDispatch:before,
.invoicing-invoices-row .status-label.dispatched:before,
.invoicing-invoices-row .status-label.onCall:before,
.invoicing-invoices-row .status-label.partiallyPaid:before,
.invoicing-invoices-row .status-label.overdue:before,
.invoicing-invoices-row .status-label.started:before,
.invoicing-invoices-row .status-label.unlinked:before,
.invoicing-invoices-row .status-label.partiallyLinked:before,
.invoicing-invoices-row .document-label.draft:not(.hide-animation):before,
.invoicing-invoices-row .document-label.documentMissing:not(.hide-animation):before,
.invoicing-invoices-row .document-label.needsCorrection:not(.hide-animation):before,
.invoicing-invoices-row .document-label.awaitingCorrection:not(.hide-animation):before,
.invoicing-invoices-row .document-label.correctionToBeProcessed:not(.hide-animation):before,
.invoicing-invoices-row .document-label.active:not(.hide-animation):before,
.reporting-sessions-row .status-label.notPaid:before,
.reporting-sessions-row .status-label.toDispatch:before,
.reporting-sessions-row .status-label.dispatched:before,
.reporting-sessions-row .status-label.onCall:before,
.reporting-sessions-row .status-label.partiallyPaid:before,
.reporting-sessions-row .status-label.overdue:before,
.reporting-sessions-row .status-label.started:before,
.reporting-sessions-row .status-label.unlinked:before,
.reporting-sessions-row .status-label.partiallyLinked:before,
.reporting-sessions-row .document-label.draft:not(.hide-animation):before,
.reporting-sessions-row .document-label.documentMissing:not(.hide-animation):before,
.reporting-sessions-row .document-label.needsCorrection:not(.hide-animation):before,
.reporting-sessions-row .document-label.awaitingCorrection:not(.hide-animation):before,
.reporting-sessions-row .document-label.correctionToBeProcessed:not(.hide-animation):before,
.reporting-sessions-row .document-label.active:not(.hide-animation):before,
.invoicing-search-row .status-label.notPaid:before,
.invoicing-search-row .status-label.toDispatch:before,
.invoicing-search-row .status-label.dispatched:before,
.invoicing-search-row .status-label.onCall:before,
.invoicing-search-row .status-label.partiallyPaid:before,
.invoicing-search-row .status-label.overdue:before,
.invoicing-search-row .status-label.started:before,
.invoicing-search-row .status-label.unlinked:before,
.invoicing-search-row .status-label.partiallyLinked:before,
.invoicing-search-row .document-label.draft:not(.hide-animation):before,
.invoicing-search-row .document-label.documentMissing:not(.hide-animation):before,
.invoicing-search-row .document-label.needsCorrection:not(.hide-animation):before,
.invoicing-search-row .document-label.awaitingCorrection:not(.hide-animation):before,
.invoicing-search-row .document-label.correctionToBeProcessed:not(.hide-animation):before,
.invoicing-search-row .document-label.active:not(.hide-animation):before,
.invoicing-print-row .status-label.notPaid:before,
.invoicing-print-row .status-label.toDispatch:before,
.invoicing-print-row .status-label.dispatched:before,
.invoicing-print-row .status-label.onCall:before,
.invoicing-print-row .status-label.partiallyPaid:before,
.invoicing-print-row .status-label.overdue:before,
.invoicing-print-row .status-label.started:before,
.invoicing-print-row .status-label.unlinked:before,
.invoicing-print-row .status-label.partiallyLinked:before,
.invoicing-print-row .document-label.draft:not(.hide-animation):before,
.invoicing-print-row .document-label.documentMissing:not(.hide-animation):before,
.invoicing-print-row .document-label.needsCorrection:not(.hide-animation):before,
.invoicing-print-row .document-label.awaitingCorrection:not(.hide-animation):before,
.invoicing-print-row .document-label.correctionToBeProcessed:not(.hide-animation):before,
.invoicing-print-row .document-label.active:not(.hide-animation):before,
.document-row--draft .status-label.notPaid:before,
.document-row--draft .status-label.toDispatch:before,
.document-row--draft .status-label.dispatched:before,
.document-row--draft .status-label.onCall:before,
.document-row--draft .status-label.partiallyPaid:before,
.document-row--draft .status-label.overdue:before,
.document-row--draft .status-label.started:before,
.document-row--draft .status-label.unlinked:before,
.document-row--draft .status-label.partiallyLinked:before,
.document-row--draft .document-label.draft:not(.hide-animation):before,
.document-row--draft .document-label.documentMissing:not(.hide-animation):before,
.document-row--draft .document-label.needsCorrection:not(.hide-animation):before,
.document-row--draft .document-label.awaitingCorrection:not(.hide-animation):before,
.document-row--draft .document-label.correctionToBeProcessed:not(.hide-animation):before,
.document-row--draft .document-label.active:not(.hide-animation):before,
.action-wrapper .status-label.notPaid:before,
.action-wrapper .status-label.toDispatch:before,
.action-wrapper .status-label.dispatched:before,
.action-wrapper .status-label.onCall:before,
.action-wrapper .status-label.partiallyPaid:before,
.action-wrapper .status-label.overdue:before,
.action-wrapper .status-label.started:before,
.action-wrapper .status-label.unlinked:before,
.action-wrapper .status-label.partiallyLinked:before,
.action-wrapper .document-label.draft:not(.hide-animation):before,
.action-wrapper .document-label.documentMissing:not(.hide-animation):before,
.action-wrapper .document-label.needsCorrection:not(.hide-animation):before,
.action-wrapper .document-label.awaitingCorrection:not(.hide-animation):before,
.action-wrapper .document-label.correctionToBeProcessed:not(.hide-animation):before,
.action-wrapper .document-label.active:not(.hide-animation):before {
  content: "\f0a4";
  font-family: "Font Awesome 6 Pro";
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: -25px;
  width: 25px;
  height: 100%;
  border-radius: 0px 6px 6px 0px;
  text-align: center;
  transition: all 0.2s linear 0s;
}
.dispatching-transport-row .status-label.notPaid:hover,
.dispatching-transport-row .status-label.toDispatch:hover,
.dispatching-transport-row .status-label.dispatched:hover,
.dispatching-transport-row .status-label.onCall:hover,
.dispatching-transport-row .status-label.partiallyPaid:hover,
.dispatching-transport-row .status-label.overdue:hover,
.dispatching-transport-row .status-label.started:hover,
.dispatching-transport-row .status-label.unlinked:hover,
.dispatching-transport-row .status-label.partiallyLinked:hover,
.dispatching-transport-row .document-label.draft:not(.hide-animation):hover,
.dispatching-transport-row .document-label.documentMissing:not(.hide-animation):hover,
.dispatching-transport-row .document-label.needsCorrection:not(.hide-animation):hover,
.dispatching-transport-row .document-label.awaitingCorrection:not(.hide-animation):hover,
.dispatching-transport-row .document-label.correctionToBeProcessed:not(.hide-animation):hover,
.dispatching-transport-row .document-label.active:not(.hide-animation):hover,
.invoicing-invoices-row .status-label.notPaid:hover,
.invoicing-invoices-row .status-label.toDispatch:hover,
.invoicing-invoices-row .status-label.dispatched:hover,
.invoicing-invoices-row .status-label.onCall:hover,
.invoicing-invoices-row .status-label.partiallyPaid:hover,
.invoicing-invoices-row .status-label.overdue:hover,
.invoicing-invoices-row .status-label.started:hover,
.invoicing-invoices-row .status-label.unlinked:hover,
.invoicing-invoices-row .status-label.partiallyLinked:hover,
.invoicing-invoices-row .document-label.draft:not(.hide-animation):hover,
.invoicing-invoices-row .document-label.documentMissing:not(.hide-animation):hover,
.invoicing-invoices-row .document-label.needsCorrection:not(.hide-animation):hover,
.invoicing-invoices-row .document-label.awaitingCorrection:not(.hide-animation):hover,
.invoicing-invoices-row .document-label.correctionToBeProcessed:not(.hide-animation):hover,
.invoicing-invoices-row .document-label.active:not(.hide-animation):hover,
.reporting-sessions-row .status-label.notPaid:hover,
.reporting-sessions-row .status-label.toDispatch:hover,
.reporting-sessions-row .status-label.dispatched:hover,
.reporting-sessions-row .status-label.onCall:hover,
.reporting-sessions-row .status-label.partiallyPaid:hover,
.reporting-sessions-row .status-label.overdue:hover,
.reporting-sessions-row .status-label.started:hover,
.reporting-sessions-row .status-label.unlinked:hover,
.reporting-sessions-row .status-label.partiallyLinked:hover,
.reporting-sessions-row .document-label.draft:not(.hide-animation):hover,
.reporting-sessions-row .document-label.documentMissing:not(.hide-animation):hover,
.reporting-sessions-row .document-label.needsCorrection:not(.hide-animation):hover,
.reporting-sessions-row .document-label.awaitingCorrection:not(.hide-animation):hover,
.reporting-sessions-row .document-label.correctionToBeProcessed:not(.hide-animation):hover,
.reporting-sessions-row .document-label.active:not(.hide-animation):hover,
.invoicing-search-row .status-label.notPaid:hover,
.invoicing-search-row .status-label.toDispatch:hover,
.invoicing-search-row .status-label.dispatched:hover,
.invoicing-search-row .status-label.onCall:hover,
.invoicing-search-row .status-label.partiallyPaid:hover,
.invoicing-search-row .status-label.overdue:hover,
.invoicing-search-row .status-label.started:hover,
.invoicing-search-row .status-label.unlinked:hover,
.invoicing-search-row .status-label.partiallyLinked:hover,
.invoicing-search-row .document-label.draft:not(.hide-animation):hover,
.invoicing-search-row .document-label.documentMissing:not(.hide-animation):hover,
.invoicing-search-row .document-label.needsCorrection:not(.hide-animation):hover,
.invoicing-search-row .document-label.awaitingCorrection:not(.hide-animation):hover,
.invoicing-search-row .document-label.correctionToBeProcessed:not(.hide-animation):hover,
.invoicing-search-row .document-label.active:not(.hide-animation):hover,
.invoicing-print-row .status-label.notPaid:hover,
.invoicing-print-row .status-label.toDispatch:hover,
.invoicing-print-row .status-label.dispatched:hover,
.invoicing-print-row .status-label.onCall:hover,
.invoicing-print-row .status-label.partiallyPaid:hover,
.invoicing-print-row .status-label.overdue:hover,
.invoicing-print-row .status-label.started:hover,
.invoicing-print-row .status-label.unlinked:hover,
.invoicing-print-row .status-label.partiallyLinked:hover,
.invoicing-print-row .document-label.draft:not(.hide-animation):hover,
.invoicing-print-row .document-label.documentMissing:not(.hide-animation):hover,
.invoicing-print-row .document-label.needsCorrection:not(.hide-animation):hover,
.invoicing-print-row .document-label.awaitingCorrection:not(.hide-animation):hover,
.invoicing-print-row .document-label.correctionToBeProcessed:not(.hide-animation):hover,
.invoicing-print-row .document-label.active:not(.hide-animation):hover,
.document-row--draft .status-label.notPaid:hover,
.document-row--draft .status-label.toDispatch:hover,
.document-row--draft .status-label.dispatched:hover,
.document-row--draft .status-label.onCall:hover,
.document-row--draft .status-label.partiallyPaid:hover,
.document-row--draft .status-label.overdue:hover,
.document-row--draft .status-label.started:hover,
.document-row--draft .status-label.unlinked:hover,
.document-row--draft .status-label.partiallyLinked:hover,
.document-row--draft .document-label.draft:not(.hide-animation):hover,
.document-row--draft .document-label.documentMissing:not(.hide-animation):hover,
.document-row--draft .document-label.needsCorrection:not(.hide-animation):hover,
.document-row--draft .document-label.awaitingCorrection:not(.hide-animation):hover,
.document-row--draft .document-label.correctionToBeProcessed:not(.hide-animation):hover,
.document-row--draft .document-label.active:not(.hide-animation):hover,
.action-wrapper .status-label.notPaid:hover,
.action-wrapper .status-label.toDispatch:hover,
.action-wrapper .status-label.dispatched:hover,
.action-wrapper .status-label.onCall:hover,
.action-wrapper .status-label.partiallyPaid:hover,
.action-wrapper .status-label.overdue:hover,
.action-wrapper .status-label.started:hover,
.action-wrapper .status-label.unlinked:hover,
.action-wrapper .status-label.partiallyLinked:hover,
.action-wrapper .document-label.draft:not(.hide-animation):hover,
.action-wrapper .document-label.documentMissing:not(.hide-animation):hover,
.action-wrapper .document-label.needsCorrection:not(.hide-animation):hover,
.action-wrapper .document-label.awaitingCorrection:not(.hide-animation):hover,
.action-wrapper .document-label.correctionToBeProcessed:not(.hide-animation):hover,
.action-wrapper .document-label.active:not(.hide-animation):hover {
  text-indent: -20px;
}
.dispatching-transport-row .status-label.notPaid:hover:before,
.dispatching-transport-row .status-label.toDispatch:hover:before,
.dispatching-transport-row .status-label.dispatched:hover:before,
.dispatching-transport-row .status-label.onCall:hover:before,
.dispatching-transport-row .status-label.partiallyPaid:hover:before,
.dispatching-transport-row .status-label.overdue:hover:before,
.dispatching-transport-row .status-label.started:hover:before,
.dispatching-transport-row .status-label.unlinked:hover:before,
.dispatching-transport-row .status-label.partiallyLinked:hover:before,
.dispatching-transport-row .document-label.draft:not(.hide-animation):hover:before,
.dispatching-transport-row .document-label.documentMissing:not(.hide-animation):hover:before,
.dispatching-transport-row .document-label.needsCorrection:not(.hide-animation):hover:before,
.dispatching-transport-row .document-label.awaitingCorrection:not(.hide-animation):hover:before,
.dispatching-transport-row .document-label.correctionToBeProcessed:not(.hide-animation):hover:before,
.dispatching-transport-row .document-label.active:not(.hide-animation):hover:before,
.invoicing-invoices-row .status-label.notPaid:hover:before,
.invoicing-invoices-row .status-label.toDispatch:hover:before,
.invoicing-invoices-row .status-label.dispatched:hover:before,
.invoicing-invoices-row .status-label.onCall:hover:before,
.invoicing-invoices-row .status-label.partiallyPaid:hover:before,
.invoicing-invoices-row .status-label.overdue:hover:before,
.invoicing-invoices-row .status-label.started:hover:before,
.invoicing-invoices-row .status-label.unlinked:hover:before,
.invoicing-invoices-row .status-label.partiallyLinked:hover:before,
.invoicing-invoices-row .document-label.draft:not(.hide-animation):hover:before,
.invoicing-invoices-row .document-label.documentMissing:not(.hide-animation):hover:before,
.invoicing-invoices-row .document-label.needsCorrection:not(.hide-animation):hover:before,
.invoicing-invoices-row .document-label.awaitingCorrection:not(.hide-animation):hover:before,
.invoicing-invoices-row .document-label.correctionToBeProcessed:not(.hide-animation):hover:before,
.invoicing-invoices-row .document-label.active:not(.hide-animation):hover:before,
.reporting-sessions-row .status-label.notPaid:hover:before,
.reporting-sessions-row .status-label.toDispatch:hover:before,
.reporting-sessions-row .status-label.dispatched:hover:before,
.reporting-sessions-row .status-label.onCall:hover:before,
.reporting-sessions-row .status-label.partiallyPaid:hover:before,
.reporting-sessions-row .status-label.overdue:hover:before,
.reporting-sessions-row .status-label.started:hover:before,
.reporting-sessions-row .status-label.unlinked:hover:before,
.reporting-sessions-row .status-label.partiallyLinked:hover:before,
.reporting-sessions-row .document-label.draft:not(.hide-animation):hover:before,
.reporting-sessions-row .document-label.documentMissing:not(.hide-animation):hover:before,
.reporting-sessions-row .document-label.needsCorrection:not(.hide-animation):hover:before,
.reporting-sessions-row .document-label.awaitingCorrection:not(.hide-animation):hover:before,
.reporting-sessions-row .document-label.correctionToBeProcessed:not(.hide-animation):hover:before,
.reporting-sessions-row .document-label.active:not(.hide-animation):hover:before,
.invoicing-search-row .status-label.notPaid:hover:before,
.invoicing-search-row .status-label.toDispatch:hover:before,
.invoicing-search-row .status-label.dispatched:hover:before,
.invoicing-search-row .status-label.onCall:hover:before,
.invoicing-search-row .status-label.partiallyPaid:hover:before,
.invoicing-search-row .status-label.overdue:hover:before,
.invoicing-search-row .status-label.started:hover:before,
.invoicing-search-row .status-label.unlinked:hover:before,
.invoicing-search-row .status-label.partiallyLinked:hover:before,
.invoicing-search-row .document-label.draft:not(.hide-animation):hover:before,
.invoicing-search-row .document-label.documentMissing:not(.hide-animation):hover:before,
.invoicing-search-row .document-label.needsCorrection:not(.hide-animation):hover:before,
.invoicing-search-row .document-label.awaitingCorrection:not(.hide-animation):hover:before,
.invoicing-search-row .document-label.correctionToBeProcessed:not(.hide-animation):hover:before,
.invoicing-search-row .document-label.active:not(.hide-animation):hover:before,
.invoicing-print-row .status-label.notPaid:hover:before,
.invoicing-print-row .status-label.toDispatch:hover:before,
.invoicing-print-row .status-label.dispatched:hover:before,
.invoicing-print-row .status-label.onCall:hover:before,
.invoicing-print-row .status-label.partiallyPaid:hover:before,
.invoicing-print-row .status-label.overdue:hover:before,
.invoicing-print-row .status-label.started:hover:before,
.invoicing-print-row .status-label.unlinked:hover:before,
.invoicing-print-row .status-label.partiallyLinked:hover:before,
.invoicing-print-row .document-label.draft:not(.hide-animation):hover:before,
.invoicing-print-row .document-label.documentMissing:not(.hide-animation):hover:before,
.invoicing-print-row .document-label.needsCorrection:not(.hide-animation):hover:before,
.invoicing-print-row .document-label.awaitingCorrection:not(.hide-animation):hover:before,
.invoicing-print-row .document-label.correctionToBeProcessed:not(.hide-animation):hover:before,
.invoicing-print-row .document-label.active:not(.hide-animation):hover:before,
.document-row--draft .status-label.notPaid:hover:before,
.document-row--draft .status-label.toDispatch:hover:before,
.document-row--draft .status-label.dispatched:hover:before,
.document-row--draft .status-label.onCall:hover:before,
.document-row--draft .status-label.partiallyPaid:hover:before,
.document-row--draft .status-label.overdue:hover:before,
.document-row--draft .status-label.started:hover:before,
.document-row--draft .status-label.unlinked:hover:before,
.document-row--draft .status-label.partiallyLinked:hover:before,
.document-row--draft .document-label.draft:not(.hide-animation):hover:before,
.document-row--draft .document-label.documentMissing:not(.hide-animation):hover:before,
.document-row--draft .document-label.needsCorrection:not(.hide-animation):hover:before,
.document-row--draft .document-label.awaitingCorrection:not(.hide-animation):hover:before,
.document-row--draft .document-label.correctionToBeProcessed:not(.hide-animation):hover:before,
.document-row--draft .document-label.active:not(.hide-animation):hover:before,
.action-wrapper .status-label.notPaid:hover:before,
.action-wrapper .status-label.toDispatch:hover:before,
.action-wrapper .status-label.dispatched:hover:before,
.action-wrapper .status-label.onCall:hover:before,
.action-wrapper .status-label.partiallyPaid:hover:before,
.action-wrapper .status-label.overdue:hover:before,
.action-wrapper .status-label.started:hover:before,
.action-wrapper .status-label.unlinked:hover:before,
.action-wrapper .status-label.partiallyLinked:hover:before,
.action-wrapper .document-label.draft:not(.hide-animation):hover:before,
.action-wrapper .document-label.documentMissing:not(.hide-animation):hover:before,
.action-wrapper .document-label.needsCorrection:not(.hide-animation):hover:before,
.action-wrapper .document-label.awaitingCorrection:not(.hide-animation):hover:before,
.action-wrapper .document-label.correctionToBeProcessed:not(.hide-animation):hover:before,
.action-wrapper .document-label.active:not(.hide-animation):hover:before {
  right: 0px;
  text-indent: 0;
}

.action-wrapper .status-label.actionRequired,
.action-wrapper .status-label.notPaid,
.action-wrapper .status-label.partiallyPaid,
.action-wrapper .status-label.overdue,
.action-wrapper .status-label.toDispatch,
.action-wrapper .status-label.dispatched,
.action-wrapper .status-label.onCall,
.action-wrapper .status-label.started {
  cursor: pointer;
  min-width: 100px;
  text-align: center;
}
.action-wrapper .status-label.actionRequired:before,
.action-wrapper .status-label.notPaid:before,
.action-wrapper .status-label.partiallyPaid:before,
.action-wrapper .status-label.overdue:before,
.action-wrapper .status-label.toDispatch:before,
.action-wrapper .status-label.dispatched:before,
.action-wrapper .status-label.onCall:before,
.action-wrapper .status-label.started:before {
  right: -20px;
  width: 20px;
}
.action-wrapper .status-label.actionRequired:hover,
.action-wrapper .status-label.notPaid:hover,
.action-wrapper .status-label.partiallyPaid:hover,
.action-wrapper .status-label.overdue:hover,
.action-wrapper .status-label.toDispatch:hover,
.action-wrapper .status-label.dispatched:hover,
.action-wrapper .status-label.onCall:hover,
.action-wrapper .status-label.started:hover {
  text-indent: -15px;
}

.status-label.notPaid:before {
  background-color: var(--tripto-not-completed-light);
}

.status-label.partiallyPaid:before {
  background-color: var(--tripto-started-light);
}

.status-label.overdue:before {
  background-color: var(--tripto-bad-light);
}

.status-label.toDispatch:before {
  background-color: var(--tripto-bad-light);
}

.status-label.actionRequired:before {
  background-color: var(--tripto-bad-light);
}

.status-label.dispatched:before {
  background-color: var(--disabled-bg-color);
}

.status-label.onCall:before {
  background-color: var(--tripto-not-completed-light);
}

.status-label.started:before {
  background-color: var(--tripto-started-light);
}

.document-label.draft:before {
  background-color: var(--disabled-bg-color);
}

.document-label.documentMissing:before {
  background-color: var(--tripto-not-completed);
}

.document-label.needsCorrection:before {
  background-color: var(--tripto-bad-light);
}

.document-label.awaitingCorrection:before {
  background-color: var(--tripto-yellow-milk);
}

.document-label.correctionToBeProcessed:before {
  background-color: var(--tripto-started-light);
}

.document-label.active:before {
  background-color: var(--tripto-completed);
}

.ant-table-wrapper .ant-table-filter-column {
  justify-content: flex-start;
}

.ant-table-wrapper .ant-table.ant-table-small {
  font-size: var(--fs-normal);
}

.ant-checkbox-wrapper.ant-table-filter-dropdown-checkall span {
  font-size: var(--fs-mid);
}.time-input-mask {
  max-width: 60px;
}

.unit-description {
  color: var(--text-color-disabled);
}

.ant-input.time-input {
  font-family: var(--font-family);
  display: flex;
  align-items: center;
  text-align: center;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: var(--system-white-color);
  max-width: 60px;
  color: var(--text-color-base);
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 2px;
  outline: none;
}
.ant-input.time-input:hover {
  border-color: var(--system-blue-color);
}
.ant-input.time-input:focus {
  border-color: var(--system-blue-color) !important;
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
  outline: none;
}
.ant-input.time-input:has(.ant-picker-status-error) {
  border-color: var(--error-color);
}
.ant-input.time-input.disabled {
  border-color: var(--border-color-base);
}.preferred-communication-method-label {
  max-width: 120px;
}
@media (max-width: 576px) {
  .preferred-communication-method-label {
    max-width: unset;
  }
}.communication-center-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.communication-center-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.communication-center-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.communication-center-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.communication-center-layout .communication-center-layout__content {
  padding: 0;
  height: calc(100vh - 55px);
  overflow: auto;
}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--system-gray-2-color);
}

.previous-value {
  color: var(--system-gray-2-color);
}

.ellipsis {
  display: inline-block;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.activity-item-title {
  color: var(--system-gray-color);
  font-size: 13px;
}
@media (max-width: 576px) {
  .activity-item-title {
    margin-left: 5px;
  }
}

.no-list-style {
  list-style-type: none;
}

.activity-action {
  margin: 5px 0px;
}
.activity-action .ant-tag {
  width: 100%;
  padding: 7px;
}
.activity-action .ant-row {
  flex-flow: unset;
}
.activity-action .ant-col {
  white-space: normal;
}
.activity-action span {
  font-size: 14px;
  font-weight: 600;
}
.activity-action li {
  font-weight: 400;
}
.activity-action li span {
  font-weight: 400;
}
.activity-action .right {
  margin: 0px 4px;
  font-weight: 400;
}
.activity-action .quote {
  margin: 0px 4px;
  font-weight: 400;
  color: var(--system-gray-2-color);
}

.activity-tab__passenger-activity__info {
  font-size: var(--fs-mid);
}

.activity-tab__passenger-activity__info__link {
  padding: 0;
  margin-left: 4px;
}
.activity-tab__passenger-activity__info__link span {
  font-size: var(--fs-mid) !important;
}.scope-wrapper label {
  display: flex !important;
}

.scope-sub-section__return-section .ant-radio-wrapper {
  line-height: 20px !important;
}

.tripto-form-section-wrapper .horizontal-input > .ant-form-item-row {
  flex-wrap: nowrap;
}

.ant-form-item-explain > div:first-child {
  display: inline !important;
}

.ant-form-item-has-error {
  padding-bottom: 15px;
}

.scope-days-of-week-select {
  min-width: 200px;
}

.scope-sub-section-container .extra-elements-container .ant-btn {
  border-radius: 5px;
}.tripto-form-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}
.tripto-form-wrapper .new-trip-map-wrapper {
  position: fixed;
  width: 29.33%;
}
@media (max-width: 576px) {
  .tripto-form-wrapper .ant-row.trip-form-wrapper-row {
    flex-flow: column;
  }
  .tripto-form-wrapper .new-trip-map-wrapper {
    position: relative;
    width: 100%;
  }
  .tripto-form-wrapper .ant-row.trip-form-wrapper-row {
    flex-flow: column;
  }
  .tripto-form-wrapper .ant-row.ant-form-item-row {
    flex-direction: column !important;
  }
  .tripto-form-wrapper .ant-col.ant-form-item-label > label.ant-form-item-no-colon {
    margin-left: 10px;
  }
}

.quick-prefill-wrapper {
  position: relative;
}
.quick-prefill-wrapper .anticon-search {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 1;
}
.quick-prefill-wrapper .anticon-car {
  position: absolute;
  top: 17px;
  left: 15px;
  z-index: 1;
}
.quick-prefill-wrapper .anticon-branches {
  position: absolute;
  top: 17px;
  left: 15px;
  z-index: 1;
}
.quick-prefill-wrapper .ant-select {
  width: 100%;
}
.quick-prefill-wrapper .ant-select .ant-select-selector {
  padding-left: 40px;
  height: var(--input-height);
}
.quick-prefill-wrapper .ant-select .ant-select-selector input {
  padding-left: 30px !important;
  height: var(--input-height) !important;
}
.quick-prefill-wrapper .ant-select .ant-select-selection-placeholder {
  line-height: var(--input-height);
}
.quick-prefill-wrapper .auto-complete-input {
  height: var(--input-height);
}
.quick-prefill-wrapper .anticon-down {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  color: gray;
}
.quick-prefill-wrapper.minimized .ant-select .ant-select-selector {
  padding-left: 11px;
  height: 32px;
}
.quick-prefill-wrapper.minimized .ant-select .ant-select-selector input {
  padding-left: unset !important;
  height: 32px !important;
}
.quick-prefill-wrapper.minimized .ant-select .ant-select-selection-placeholder {
  line-height: 32px;
}
.quick-prefill-wrapper.minimized .auto-complete-input {
  height: 32px;
}
.quick-prefill-wrapper.minimized .anticon-down {
  position: absolute;
  top: 12px;
  right: 12.8px;
  z-index: 1;
}
.quick-prefill-wrapper .anticon-down {
  color: rgba(0, 0, 0, 0.25);
}
.quick-prefill-wrapper.hide-dropdown-icon .anticon-down {
  display: none;
}

.org-autocomplete-wrapper {
  position: relative;
}
.org-autocomplete-wrapper .anticon-branches {
  position: absolute;
  top: 17px;
  left: 15px;
  z-index: 1;
}
.org-autocomplete-wrapper .ant-select {
  width: 100%;
}
.org-autocomplete-wrapper .ant-select .ant-select-selector {
  padding-left: 40px;
  height: var(--input-height);
}
.org-autocomplete-wrapper .ant-select .ant-select-selector input {
  padding-left: 30px !important;
  height: var(--input-height) !important;
}
.org-autocomplete-wrapper .ant-select .ant-select-selection-placeholder {
  line-height: var(--input-height);
}
.org-autocomplete-wrapper .ant-select .ant-select-selection-item {
  line-height: var(--input-height);
}
.org-autocomplete-wrapper .anticon-down {
  color: gray;
}

.ant-form.tripto-form-container > .ant-form-item > .ant-form-item-row > .ant-form-item-label label {
  color: var(--success-color);
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}

.tripto-form-section-wrapper {
  padding: 22px 20px;
  border: 1px solid var(--border-color-base);
  border-radius: 5px;
  background: var(--component-invert-background-2);
}
.tripto-form-section-wrapper > div,
.tripto-form-section-wrapper > h3 {
  display: block;
  width: 100%;
}
.tripto-form-section-wrapper .quick-prefill-wrapper,
.tripto-form-section-wrapper .quick-prefill-wrapper--minimized,
.tripto-form-section-wrapper .auto-complete-input {
  width: 100% !important;
}
.tripto-form-section-wrapper .ant-form-item-control-input-content,
.tripto-form-section-wrapper .horizontal-input > .ant-form-item-row {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
.tripto-form-section-wrapper .ant-form-item-control-input-content > span,
.tripto-form-section-wrapper .ant-form-item-control-input-content > .ant-col.ant-form-item-label,
.tripto-form-section-wrapper .horizontal-input > .ant-form-item-row > span,
.tripto-form-section-wrapper .horizontal-input > .ant-form-item-row > .ant-col.ant-form-item-label {
  margin-right: 10px;
  min-width: 130px;
}
.tripto-form-section-wrapper .ant-form-item-control-input-content > span.ant-input-password,
.tripto-form-section-wrapper .ant-form-item-control-input-content > .ant-col.ant-form-item-label.ant-input-password,
.tripto-form-section-wrapper .horizontal-input > .ant-form-item-row > span.ant-input-password,
.tripto-form-section-wrapper .horizontal-input > .ant-form-item-row > .ant-col.ant-form-item-label.ant-input-password {
  margin-right: 0px;
}
.tripto-form-section-wrapper.fixed-label .horizontal-input > .ant-row.ant-form-item-row > span,
.tripto-form-section-wrapper.fixed-label .horizontal-input > .ant-row.ant-form-item-row > .ant-col.ant-form-item-label {
  min-width: unset;
  width: 150px;
}
.tripto-form-section-wrapper.organization-settings__invoicing.fixed-label .horizontal-input > .ant-row.ant-form-item-row > span,
.tripto-form-section-wrapper.organization-settings__invoicing.fixed-label .horizontal-input > .ant-row.ant-form-item-row > .ant-col.ant-form-item-label {
  min-width: unset;
  width: 130px;
}
.tripto-form-section-wrapper .phone-input-wrapper {
  align-items: flex-start;
}
.tripto-form-section-wrapper .phone-input-wrapper .ant-form-item-control-input-content {
  flex-direction: column;
}
.tripto-form-section-wrapper .phone-input-wrapper .ant-form-item-control-input-content > span {
  margin-right: 0px;
  margin-bottom: 12px;
}
.tripto-form-section-wrapper .phone-input-wrapper .ant-form-item-control-input-content > span:first-child:last-child {
  margin-bottom: 0px;
}
.tripto-form-section-wrapper .phone-input-wrapper .ant-form-item-control-input-content > span:last-child {
  margin-bottom: 0px;
}
.tripto-form-section-wrapper .phone-input-wrapper .phone-input {
  width: 100%;
  display: flex;
}
.tripto-form-section-wrapper .phone-input-wrapper .phone-input .ant-select-selector {
  border-radius: 6px 0 0 6px;
}
.tripto-form-section-wrapper .phone-input-wrapper .phone-input .select-country-code {
  width: auto;
}
.tripto-form-section-wrapper .new-trip__import-id-input > .ant-form-item-control {
  max-width: unset;
}
.tripto-form-section-wrapper .scope-box--series > .ant-form-item-control {
  max-width: unset;
}
.tripto-form-section-wrapper .scope-box--series > .ant-form-item-control .ant-radio-group {
  width: 100%;
}
.tripto-form-section-wrapper .ant-table .horizontal-input > .ant-form-item-control {
  max-width: calc(100% - 10px);
}
.tripto-form-section-wrapper .group-input-wrapper .horizontal-input > .ant-form-item-control {
  max-width: inherit;
}
.tripto-form-section-wrapper .sub-section-wrapper .ant-form-item-control-input-content > span {
  margin-right: 0px;
}
.tripto-form-section-wrapper.passenger-invoicing-section-wrapper {
  padding: 16px 20px;
}
.tripto-form-section-wrapper .new-trip-form__requester-section__phone__country-code .ant-select-selector,
.tripto-form-section-wrapper .new-trip-form__passenger-section__phone__country-code .ant-select-selector {
  border-radius: 6px 0 0 6px;
}
.tripto-form-section-wrapper .new-trip-form-preferred-communication-method--label,
.tripto-form-section-wrapper .new-trip-form-return-section-waiting-time-duration--label,
.tripto-form-section-wrapper .new-trip-form-passenger-notes--label {
  max-width: 130px;
}
@media (max-width: 576px) {
  .tripto-form-section-wrapper .new-trip-form-preferred-communication-method--label,
  .tripto-form-section-wrapper .new-trip-form-return-section-waiting-time-duration--label,
  .tripto-form-section-wrapper .new-trip-form-passenger-notes--label {
    max-width: unset;
  }
  .tripto-form-section-wrapper .horizontal-input.new-trip-form-transport-section-date .ant-form-item-control-input-content {
    display: block;
  }
  .tripto-form-section-wrapper .new-trip__import-id-input .ant-row.ant-form-item-row {
    flex-direction: row !important;
  }
  .tripto-form-section-wrapper .new-trip__import-id-input .ant-col.ant-form-item-label {
    min-width: 20px !important;
    flex: unset !important;
  }
  .tripto-form-section-wrapper .seat-grid .ant-row.ant-form-item-row {
    flex-direction: row !important;
  }
  .tripto-form-section-wrapper .seat-grid .ant-row.ant-form-item-row .ant-col.ant-form-item-control {
    flex: unset !important;
  }
  .tripto-form-section-wrapper .horizontal-input > .ant-form-item-row {
    flex-direction: column;
  }
}

.trip-map-info-wrapper {
  border: 1px solid var(--border-color-base);
  border-radius: 5px;
}
.trip-map-info-wrapper .map-wrapper {
  display: block;
  height: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--component-invert-background-2);
  overflow: hidden;
}
.trip-map-info-wrapper .map-wrapper img {
  width: 100%;
}
.trip-map-info-wrapper .info-wrapper {
  padding: 19px 15px;
}
.trip-map-info-wrapper .trip-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.trip-map-info-wrapper .trip-info .job-trip > span {
  display: block;
}
.trip-map-info-wrapper .trip-info .job-trip > span.info {
  font-size: 1.5em;
  min-width: 102px;
}
.trip-map-info-wrapper .trip-info .job-trip.distance {
  min-width: 75px;
}

.group-input-wrapper {
  display: flex !important;
  margin-bottom: 12px;
}
.group-input-wrapper > div:not(:last-child) {
  margin-right: 12px;
}
.group-input-wrapper.specific-input-text-number > .ant-form-item-row {
  width: 100%;
}
.group-input-wrapper.specific-input-text-number > .ant-form-item-row .ant-form-item-control-input-content {
  justify-content: space-between;
}
.group-input-wrapper.specific-input-text-number > .ant-form-item-row .ant-form-item-control-input-content .input-text-number {
  flex-basis: 32%;
}
.group-input-wrapper.simplified {
  margin-bottom: unset;
  display: block !important;
}
.group-input-wrapper .label-30 > .ant-form-item-row > .ant-form-item-label {
  min-width: 30px !important;
}
.group-input-wrapper .label-60 > .ant-form-item-row > .ant-form-item-label {
  min-width: 60px !important;
}
.group-input-wrapper .label-large > .ant-form-item-row > .ant-form-item-label {
  min-width: 130px !important;
}
.group-input-wrapper .ant-row.ant-form-item .ant-form-item {
  margin-bottom: 0px;
}
.group-input-wrapper .ant-row > .ant-col.ant-form-item-label {
  min-width: 60px;
  min-height: 30px;
}
.group-input-wrapper .ant-row > .ant-col.ant-form-item-label label {
  position: absolute;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.group-input-wrapper .ant-row:nth-child(1) > .ant-col.ant-form-item-label {
  min-width: 130px;
}
.group-input-wrapper.group-switch > span {
  display: block;
  padding-top: 5px;
}
.group-input-wrapper.group-switch-add {
  padding-left: 130px;
  position: relative;
}
.group-input-wrapper.group-switch-add .ant-row {
  margin-right: 15px;
  margin-left: 15px;
}
.group-input-wrapper.group-switch-add .ant-row:first-child {
  margin-left: 0px;
}
.group-input-wrapper.group-switch-add .ant-row:last-child {
  margin-right: 0px;
}
.group-input-wrapper.group-switch-add .group-switch-separate {
  line-height: 30px;
  position: absolute;
  left: 240px;
}
.group-input-wrapper.group-time-input .ant-form-item-control-input-content {
  min-width: 130px;
}
.group-input-wrapper.group-time-input .ant-form-item-control-input-content > input {
  width: 65px;
}
.group-input-wrapper.new-trip-form-transport-section-pickup-between .new-trip-form-transport-section-pickup-between-range-separator {
  display: inline-block;
  width: 24px;
  line-height: 32px;
  text-align: center;
  margin-right: 12px;
}
@media (max-width: 576px) {
  .group-input-wrapper {
    display: block !important;
  }
  .group-input-wrapper.new-trip-form-transport-section-pickup-between {
    display: flex !important;
    flex-wrap: wrap;
  }
  .group-input-wrapper.new-trip-form-transport-section-pickup-between .new-trip-form-transport-section-pickup-between-communicated {
    flex-basis: 100%;
  }
  .group-input-wrapper.new-trip-form-transport-section-pickup-between .new-trip-form-transport-section-pickup-between-communicated .ant-row.ant-form-item-row {
    flex-direction: row !important;
  }
  .group-input-wrapper.new-trip-form-transport-section-pickup-between .new-trip-form-transport-section-pickup-between-communicated .ant-row.ant-form-item-row .ant-col.ant-form-item-label {
    flex: 0;
  }
  .group-input-wrapper.new-trip-form-transport-section-pickup-between .new-trip-form-transport-section-pickup-between-range-from .ant-row.ant-form-item-row {
    flex-direction: row !important;
  }
  .group-input-wrapper.new-trip-form-transport-section-pickup-between .new-trip-form-transport-section-pickup-between-range-from .ant-row.ant-form-item-row .ant-col.ant-form-item-label {
    flex: 0;
  }
  .group-input-wrapper.new-trip-form-transport-section-pickup-between .new-trip-form-transport-section-pickup-between-range-separator {
    margin-left: 12px;
  }
  .group-input-wrapper > div:not(:last-child) {
    margin-right: 0;
    margin-bottom: 5px !important;
  }
}

.pickup-stop-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: var(--link-color);
}
.pickup-stop-wrapper button > .anticon + span {
  margin-left: 5px;
}
.pickup-stop-wrapper button .anticon {
  margin-right: 0px;
}

.ant-form-item-explain > div {
  display: none;
}
.ant-form-item-explain > div:first-child {
  display: block;
}

.location-input .ant-select-selector {
  border-radius: 24px !important;
}

.flex-equal-option > div > div {
  display: flex;
}
.flex-equal-option > div > div > span {
  flex: 1;
}
.flex-equal-option > div .home-address-container {
  display: block;
}
.flex-equal-option:first-child {
  border-top: none; /* Remove the border from the first child div */
}
.flex-equal-option {
  border-top: 1px solid var(--border-color-base);
}

.billing-code-option {
  pointer-events: none;
  min-height: 0;
  margin: 10px 0;
}
.billing-code-option.ant-select-item {
  padding: 0;
}
.billing-code-option .ant-divider-horizontal {
  margin: 0;
}

.transport-main-form__price-simulation__modal--has-tabs .ant-modal-body {
  padding-top: 0;
}

.transport-main-form__similar-trips-modal {
  width: 50vw !important;
}

.transport-main-form__transportschein-available-modal {
  width: 75vw !important;
}

.buttonNoClickOnLoading:disabled {
  cursor: wait !important;
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
  color: #fff !important;
}
.buttonNoClickOnLoading:disabled:hover {
  background-color: #1fa7bf !important;
}

#requester_source,
#requester_language,
#passengerInfo_language,
#transport_timingType,
#return_return,
#transport_recurrencyReturnType {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
}

.estimate-time-disabled .ant-input-number {
  pointer-events: none;
  opacity: 0.5;
  background-color: var(--disabled-bg);
  cursor: not-allowed;
}.location-wrapper {
  background: var(--component-background);
  border: 1px solid var(--border-color-base);
  border-radius: 5px;
  padding: 0px 12px;
  margin-top: 0 !important;
  outline: none;
  height: auto;
  flex: 1;
  width: 100%;
  text-align: left;
}
.location-wrapper .location-row {
  display: flex;
  padding: 10px 0px;
  border-bottom: 1px dashed var(--border-color-base);
  min-height: 0;
  line-height: 24px;
}
.location-wrapper .location-row span {
  font-size: 14px;
}
.location-wrapper .location-row:last-child {
  border-bottom: 0px;
}
.location-wrapper .location-row .icon {
  min-width: min(30px, 5%);
  color: var(--success-color);
}
.location-wrapper .location-row .clear-icon {
  color: var(--system-gray-3-color);
  position: absolute;
  right: 8px;
}
.location-wrapper .location-row .text-head {
  color: var(--success-color);
  text-transform: uppercase;
}
.location-wrapper .location-row .address-info > span {
  display: block;
}

.address-info {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.address-info > span {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}.ssn-autocomplete button {
  border-radius: 5px !important;
}.user-autocomplete {
  width: 590px;
}/* styles.css */
.userName-autocomplete {
  position: relative;
}
.userName-autocomplete.ant-form-item-has-error {
  padding-bottom: 15px;
}
.userName-autocomplete {
  transition: padding-bottom 0.3s ease;
}

.userName-autocomplete .ant-form-item-control-input-content {
  height: 33px;
}

.userName-autocomplete .ant-form-item-explain {
  position: absolute;
  bottom: -22px;
  left: 0;
  width: 100%;
  height: 20px;
}
@media (max-width: 576px) {
  .userName-autocomplete .ant-form-item-explain {
    bottom: -16px;
  }
}

.username-autocomplete-dropdown__last-name {
  width: calc(200% + 18px) !important;
}

.username-autocomplete-dropdown__first-name {
  width: calc(200% + 3px) !important;
}

.autocomplete-modal-form__last-name {
  max-width: 465px;
  width: calc(200% + 18px) !important;
}

.autocomplete-modal-form__first-name {
  max-width: 465px;
  width: calc(200% + 3px) !important;
}

@media (max-width: 576px) {
  .username-autocomplete-dropdown__last-name {
    width: 100% !important;
  }
  .username-autocomplete-dropdown__first-name {
    width: 100% !important;
  }
  .autocomplete-modal-form__last-name {
    width: 100% !important;
  }
  .autocomplete-modal-form__first-name {
    width: 100% !important;
  }
}.vehicle-detail-autocomplete {
  width: 590px;
}.vehicle-capabilities-products-toggles .ant-form-item:last-child {
  margin-bottom: 0px;
}.comment-item-title-container {
  margin-top: 12px;
}

.comment-item-title {
  color: var(--system-gray-color);
  font-size: 13px;
}

.comment-action {
  margin: 5px 0px;
}
.comment-action .ant-tag {
  width: 100%;
  padding: 7px;
}
.comment-action .ant-row {
  flex-flow: unset;
}
.comment-action .ant-col {
  white-space: normal;
}
.comment-action span {
  font-size: 14px;
  font-weight: 600;
}
.comment-action .right {
  margin: 0px 4px;
  font-weight: 400;
}
.comment-action .quote {
  margin: 0px 4px;
  font-weight: 400;
  color: var(--system-gray-2-color);
}

.comment-add-new {
  width: calc(100% + 24px);
  text-align: right;
}

.comment-delete {
  color: var(--error-color);
  cursor: pointer;
}
.comment-delete:hover {
  text-decoration: underline;
}

.icon-delete {
  color: var(--error-color);
}

.comment-has-impact-tag {
  border-radius: 5px;
}.ruleGroup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0.25rem;
  border-width: 1px;
  background: rgba(0, 75, 183, 0.2);
}
.ruleGroup .ruleGroup-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ruleGroup .ruleGroup-body:empty {
  display: none;
}
.ruleGroup .ruleGroup-header,
.ruleGroup .rule {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.ruleGroup .rule .rule-value:has(.rule-value-list-item) {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}

[data-inlinecombinators=disabled] .dndOver.rule, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: rebeccapurple;
  padding-bottom: 0.5rem;
}
[data-inlinecombinators=disabled] .dndOver.rule.dndCopy, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header.dndCopy {
  border-bottom-color: #669933;
}

[data-inlinecombinators=enabled] .dndOver.rule:last-child, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules, [data-inlinecombinators=enabled] .dndOver.betweenRules {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: rebeccapurple;
  padding-bottom: 0.5rem;
}
[data-inlinecombinators=enabled] .dndOver.rule:last-child.dndCopy, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header.dndCopy, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules.dndCopy, [data-inlinecombinators=enabled] .dndOver.betweenRules.dndCopy {
  border-bottom-color: #669933;
}

.ruleGroup.dndDragging,
.rule.dndDragging {
  opacity: 0.5;
}
.ruleGroup .queryBuilder-dragHandle,
.rule .queryBuilder-dragHandle {
  cursor: move;
}

.queryBuilder-branches .ruleGroup-body {
  margin-left: calc(2 * 0.5rem);
}
.queryBuilder-branches .rule,
.queryBuilder-branches .ruleGroup .ruleGroup {
  position: relative;
}
.queryBuilder-branches .rule::before, .queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::before,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  content: "";
  width: 0.5rem;
  left: calc(-0.5rem - 1px);
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0;
  position: absolute;
}
.queryBuilder-branches .rule::before,
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: -0.5rem;
  height: calc(50% + 0.5rem);
  border-width: 0 0 1px 1px;
}
.queryBuilder-branches .rule:last-child::before,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::before {
  border-bottom-left-radius: 0.25rem;
}
.queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  top: 50%;
  height: 50%;
  border-width: 0 0 0 1px;
}
.queryBuilder-branches .rule:last-child::after,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::after {
  display: none;
}
.queryBuilder-branches .ruleGroup .ruleGroup::before, .queryBuilder-branches .ruleGroup .ruleGroup::after {
  left: calc(calc(-0.5rem - 1px) - 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: calc(-0.5rem - 1px);
  height: calc(50% + 0.5rem + 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  height: calc(50% + 1px);
}
.queryBuilder-branches .betweenRules {
  position: relative;
}
.queryBuilder-branches .betweenRules::before {
  content: "";
  width: 0.5rem;
  left: calc(-0.5rem - 1px);
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0;
  position: absolute;
  top: -0.5rem;
  height: calc(100% + 0.5rem);
  border-width: 0 0 0 1px;
}

/*# sourceMappingURL=query-builder.css.map */
.task-description__description {
  color: var(--text-color-secondary);
  font-size: 11px;
}

.queryBuilder .ant-select-selection-search {
  width: unset !important;
}.editable-cell {
  position: relative;
}

.editable-cell-value-wrap {
  padding: 5px 12px;
  cursor: pointer;
  min-height: 28.84px;
  width: 100%;
}

.editable-row:hover .editable-cell-value-wrap {
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}

.editable-row .ant-input-number-input {
  font-size: 12px;
}

.ant-form-item-has-error .editable-cell-value-wrap {
  border: 1px solid var(--error-color);
  color: var(--error-color);
}.tripto-form-section-wrapper .ant-form-item-control-input-content > span {
  margin-right: 0 !important;
}

.opacity-50 {
  opacity: 0.5;
}

.address-geometry-coordinate-input .ant-input-number-handler-wrap {
  display: none;
}

.dynamic-input.no-fields {
  margin-bottom: 5px;
}

.number-box-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.number-box-container .number-input.ant-form-item-has-error {
  padding-bottom: 0;
}.ant-select-dropdown .collaboration-autocomplete-option-inactive {
  text-decoration: line-through;
  color: var(--system-gray-color);
  background-color: var(--system-darker-white-1-color) !important;
}
.ant-select-dropdown .collaboration-autocomplete-option-inactive.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-darker-white-1-color) !important;
}.codaboxCustomerRefFormItem .ant-form-item-control-input {
  min-height: 0px;
}
.codaboxCustomerRefFormItem {
  padding-bottom: 0px;
}

.peppolIntegrationIdentifierTypeSelect .ant-select-selector {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  border-right: none !important;
}

.peppolIntegrationIdentifierCheckButton {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-left: none !important;
}

.peppol-connection-status .ant-form-item-row {
  align-items: flex-start !important;
}
.peppol-connection-status .ant-form-item-label {
  padding-top: 3px !important;
  padding-bottom: 0 !important;
}
.peppol-connection-status .ant-btn-text.ant-btn-dangerous:hover {
  background-color: transparent !important;
}.transportschein-table .ant-table-row:not(.row--suggested):hover {
  background-color: var(--row-hover-bg) !important;
}
.transportschein-table .ant-table-row.row--assigned {
  background-color: var(--row-hover-bg) !important;
  cursor: auto !important;
}.transportschein-table .ant-table-row:not(.row--suggested):hover {
  background-color: var(--row-hover-bg) !important;
}
.transportschein-table .ant-table-row.row--assigned {
  background-color: var(--row-hover-bg) !important;
  cursor: auto !important;
}.payment-form-items .ant-space-item .ant-form-item {
  margin-bottom: 6px;
}.payment-form-item.horizontal-input > .ant-col.ant-form-item-label {
  min-width: 200px !important;
}

.locked-drawer {
  position: absolute;
  inset: 0px;
  z-index: 3;
  opacity: 0.4;
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
}.unterschriftenliste-datepicker-form-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#unterschriftenliste-form .horizontal-input .ant-form-item-control:has(.ant-select) {
  max-width: calc(100% - 160px);
}.horizontal-input.passenger-preferences-label .ant-form-item-label > label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 130px;
}
@media (max-width: 576px) {
  .horizontal-input.passenger-preferences-label .ant-form-item-label > label {
    max-width: 200px;
  }
}

.passenger-preferences-array-fields {
  margin-bottom: 2px !important;
}
.passenger-preferences-array-fields .ant-form-item {
  margin-bottom: 0 !important;
}

.passenger-preferences-array-wrapper {
  margin-bottom: 5px;
}.invoicing-section__info-alert {
  display: flex !important;
}
.invoicing-section__info-alert .ant-alert-icon {
  top: 8px !important;
  left: 8px;
}

.comment-form .horizontal-input > .ant-form-item-control {
  max-width: unset;
}

.comment-form__impact-switch {
  display: flex;
  align-items: center;
  flex-direction: row;
}

.create-return-to-station-form .ant-form-item .horizontal-input > .ant-col.ant-form-item-label {
  width: 120px;
}
.create-return-to-station-form .address-card {
  width: 400px;
}

.tripsheet-specifics {
  background: var(--header-background);
  padding: 0 5px;
  border-radius: 2px;
  margin-right: 8px;
}

.tripsheet-drawer li .title {
  width: 200px;
}

.hide-validation-message .ant-form-item-explain {
  display: none;
}

.address-button {
  display: flex;
  align-items: center;
}
.address-button .address-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
}

.icon-copy {
  position: absolute;
  top: 15px;
  right: 7px;
  min-width: 20px !important;
  color: var(--system-black-color);
}
.icon-copy:hover {
  color: var(--system-black-color);
}

.edit-journey-distance-table {
  width: 100%;
  margin-bottom: 10px;
}
.edit-journey-distance-table th {
  text-align: left;
  font-weight: 600;
}
.edit-journey-distance-table td {
  text-align: left;
  padding-bottom: 5px;
  padding-top: 5px;
}
.edit-journey-distance-table tbody tr:last-child td {
  padding-bottom: 10px;
}
.edit-journey-distance-table tfoot tr:last-child {
  border-top: 1px solid var(--system-gray-5-color);
}
.edit-journey-distance-table tfoot tr:last-child td {
  padding-top: 10px;
}
.edit-journey-distance-table .ant-form-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}.invoicing-section__customer-detail {
  padding: 5px;
  background-color: var(--system-white-color);
  border: 1px solid var(--border-color-base);
}

.invoicing-section__customer-label {
  max-width: 130px;
  font-size: 14px;
}

.drawer-address__invoicing-section__address-wrapper > div > :nth-child(2) {
  width: calc(100% - 150px) !important;
}
@media (max-width: 576px) {
  .drawer-address__invoicing-section__address-wrapper > div > :nth-child(2) {
    width: 100% !important;
  }
}@media (max-width: 576px) {
  .passenger-form .sub-section-outside.identity .group-input-wrapper {
    display: flex !important;
  }
}

.passenger-form-date-of-birth {
  margin-bottom: 6px !important;
}.document-drawer .ant-drawer-body {
  padding-top: unset;
  padding-bottom: unset;
}
.document-drawer .ant-form-item-label {
  line-height: 2;
}
.document-drawer .ant-form-item.horizontal-input .ant-form-item-row .ant-form-item-label {
  padding: 0;
}
.document-drawer .ant-form-item.horizontal-input .ant-form-item-row .ant-form-item-label label {
  display: inline-block;
  width: 130px;
  white-space: nowrap;
}
.document-drawer .ant-form-item.horizontal-input .ant-form-item-row .ant-form-item-label label,
.document-drawer .ant-form-item.horizontal-input .ant-form-item-row .ant-form-item-label label * {
  text-overflow: ellipsis;
  overflow-x: hidden;
}
@media (max-width: 576px) {
  .document-drawer .ant-form-item.horizontal-input .ant-form-item-row .ant-form-item-label label {
    width: 100%;
  }
}
.document-drawer .document-upload {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: 1rem;
  align-items: center;
}
.document-drawer .document-upload .allowed-filetypes {
  grid-column: 1/-1;
}
.document-drawer .document-upload .ant-upload-select button:nth-of-type(2) {
  margin-left: 1rem;
}
@media (max-width: 576px) {
  .document-drawer .document-upload button {
    padding: 4px 8px;
  }
  .document-drawer .document-upload .ant-upload-select button:nth-of-type(2) {
    margin-left: 0.2rem;
  }
}
.document-drawer .document-passenger-action-container {
  text-align: right;
  position: absolute;
  right: 10px;
  top: -35px;
}
.document-drawer .attachment-preview-wrapper {
  margin-right: 10px;
  margin-top: 10px;
  width: calc(100% - 720px);
  text-align: center;
  max-width: 720px;
  overflow: auto;
}
.document-drawer .attachment-preview-wrapper.--pdf {
  padding-top: 0;
}
.document-drawer .attachment-preview-wrapper .indiana-scroll-container {
  max-height: calc(100vh - 160px);
}
.document-drawer .attachment-preview-wrapper .ant-image {
  max-height: calc(100vh - 180px);
  overflow: auto;
}

@media (max-width: 576px) {
  .transportschein-same-as-passenger-insurance-button .ant-form-item-label,
  .zuzahlungsbefreiung-same-as-passenger-insurance-button .ant-form-item-label,
  .zuzahlungsbefreiung-this-year-button .ant-form-item-label {
    display: none;
  }
}

@media (max-width: 576px) {
  .document__drawer__attachments-tab__buttons-wrapper {
    display: flex;
  }
}

.link-trips-mobile-table .ant-list-item {
  padding-left: 5px;
  padding-right: 5px;
}
.link-trips-mobile-table .selected {
  border: 2px solid var(--success-color);
}

.krankenkasse-select {
  height: 28px;
}

.document-drawer-form {
  max-width: 720px;
}

.document-drawer-double-tabs .document-drawer-form {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}
.document-drawer-double-tabs .document-drawer-form .ant-form-item:last-child {
  margin-bottom: 0;
}.ant-form-item:has(+ .treatment-location-add-button) {
  margin-bottom: 0;
}

.document-drawer-form .tripto-form-section-wrapper {
  padding-top: 16px;
  padding-bottom: 8px;
}
.document-drawer-form .tripto-form-section-wrapper .ant-form-item {
  margin-bottom: 0 !important;
}
.document-drawer-form .tripto-form-section-wrapper:has(.ant-input-textarea-show-count) {
  padding-bottom: 24px;
}
.document-drawer-form .invoicing-section__info-alert {
  margin-bottom: 12px;
}

.tripto-drawer.document-drawer .document-drawer-form .tripto-form-section-wrapper .ant-form-item {
  margin-bottom: 0 !important;
}

.allowed-filetypes {
  font-size: 11px;
  color: var(--text-color-secondary);
  margin-bottom: 10px;
}

.document-upload .ant-btn {
  border-radius: 5px !important;
}

.dynamic-delete-button {
  margin-left: 10px;
}

.doctor-autocomplete__option-wrapper {
  display: flex;
  align-items: center;
}
.doctor-autocomplete__option-wrapper .doctor-autocomplete__option-delete {
  visibility: hidden;
  opacity: 0;
  color: var(--error-color);
  font-size: var(--fs-large);
  transition: opacity 0.5s ease;
  width: 20px;
}
.doctor-autocomplete__option-wrapper:hover .doctor-autocomplete__option-delete {
  visibility: visible;
  opacity: 1;
}
.doctor-autocomplete__option-wrapper .doctor-autocomplete__option-doctor-ref,
.doctor-autocomplete__option-wrapper .doctor-autocomplete__option-institution-number,
.doctor-autocomplete__option-wrapper .doctor-autocomplete__option-name {
  color: var(--text-color);
  font-size: var(--fs-mid);
}
.doctor-autocomplete__option-wrapper .doctor-autocomplete__option-doctor-ref,
.doctor-autocomplete__option-wrapper .doctor-autocomplete__option-institution-number {
  width: 90px;
}
.doctor-autocomplete__option-wrapper .doctor-autocomplete__option-name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}.tripto-add-comment-upload {
  width: 100%;
}
.tripto-add-comment-upload .ant-upload-wrapper {
  width: 100%;
}
.tripto-add-comment-upload .ant-upload-select {
  display: block;
}.billing-code-skipped-modal {
  width: 40vw !important;
  top: 10vh;
}
.billing-code-skipped-modal .ant-modal-body {
  max-height: 70vh;
  overflow: auto;
}.transportschein-table .ant-table-row:not(.row--suggested):hover {
  background-color: var(--row-hover-bg) !important;
}
.transportschein-table .ant-table-row.row--assigned {
  background-color: var(--row-hover-bg) !important;
  cursor: auto !important;
}.map-transport-detail-wrapper span {
  font-size: 14px;
}
.map-transport-detail-wrapper .passenger-label-name {
  margin: 0px 10px 0px 2px;
}.document-status-filter {
  min-width: 12.5rem;
}

.document-krankenkasse-filter {
  min-width: 20rem;
}

.document-status-filter {
  max-width: 100px;
}

.range-picker.ant-picker-disabled,
.range-picker.ant-picker-disabled:hover,
.ant-picker-input > input[disabled],
.ant-picker-input > input[disabled]:hover {
  border-color: var(--border-color-base);
  background-color: var(--disabled-bg-color);
}

@media (max-width: 576px) {
  .document-management-filters-container {
    padding-bottom: 10px;
    padding-right: 10px;
    margin-top: 5px;
  }
}

@media (max-width: 576px) {
  .transportschein__view-drawer__transports-tab__table .ant-table-thead th {
    padding: 4px 4px !important;
  }
  .transportschein__view-drawer__transports-tab__table .ant-table-tbody td {
    padding: 4px 4px !important;
  }
  .transportschein__view-drawer__transports-tab__table .transportschein__view-drawer__transports-tab__table__unlink-button {
    padding: 0px 4px;
  }
}

.zuzahlungsbefreiung-mobile-table {
  max-height: calc(100vh - 100px);
}
.zuzahlungsbefreiung-mobile-table .mobile-table-row--item.timeline-container {
  border-bottom: unset;
  padding-bottom: 0;
  margin-bottom: 0;
}

.document-label {
  border-radius: 5px;
  background: var(--system-darker-white-1-color);
  padding: 3px 7px;
  line-height: 24px;
  font-size: 12px;
  color: #595959;
  text-align: left;
}
.document-label.draft {
  background-color: var(--disabled-bg-color);
}
.document-label.draft.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--disabled-bg-color);
}
.document-label.documentMissing {
  background-color: var(--tripto-not-completed);
}
.document-label.documentMissing.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed);
}
.document-label.needsCorrection {
  background-color: var(--tripto-bad-light);
}
.document-label.needsCorrection.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-light);
}
.document-label.awaitingCorrection {
  background-color: var(--tripto-yellow-milk);
}
.document-label.awaitingCorrection.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-yellow-milk);
}
.document-label.correctionToBeProcessed {
  background-color: var(--tripto-started-light);
}
.document-label.correctionToBeProcessed.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started-light);
}
.document-label.active {
  background-color: var(--tripto-completed);
}
.document-label.active.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.document-label.inactive {
  background-color: var(--tripto-bad);
}
.document-label.inactive.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.document-label:hover.draft, .document-label.ant-select-item-option-selected.draft {
  background-color: var(--disabled-bg-color);
}
.document-label:hover.draft.ant-select-item-option-active:not(.ant-select-item-option-disabled), .document-label.ant-select-item-option-selected.draft.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--disabled-bg-color);
}
.document-label:hover.documentMissing, .document-label.ant-select-item-option-selected.documentMissing {
  background-color: var(--tripto-not-completed);
}
.document-label:hover.documentMissing.ant-select-item-option-active:not(.ant-select-item-option-disabled), .document-label.ant-select-item-option-selected.documentMissing.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed);
}
.document-label:hover.needsCorrection, .document-label.ant-select-item-option-selected.needsCorrection {
  background-color: var(--tripto-bad-light);
}
.document-label:hover.needsCorrection.ant-select-item-option-active:not(.ant-select-item-option-disabled), .document-label.ant-select-item-option-selected.needsCorrection.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-light);
}
.document-label:hover.awaitingCorrection, .document-label.ant-select-item-option-selected.awaitingCorrection {
  background-color: var(--tripto-yellow-milk);
}
.document-label:hover.awaitingCorrection.ant-select-item-option-active:not(.ant-select-item-option-disabled), .document-label.ant-select-item-option-selected.awaitingCorrection.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-yellow-milk);
}
.document-label:hover.correctionToBeProcessed, .document-label.ant-select-item-option-selected.correctionToBeProcessed {
  background-color: var(--tripto-started-light);
}
.document-label:hover.correctionToBeProcessed.ant-select-item-option-active:not(.ant-select-item-option-disabled), .document-label.ant-select-item-option-selected.correctionToBeProcessed.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started-light);
}
.document-label:hover.active, .document-label.ant-select-item-option-selected.active {
  background-color: var(--tripto-completed);
}
.document-label:hover.active.ant-select-item-option-active:not(.ant-select-item-option-disabled), .document-label.ant-select-item-option-selected.active.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.document-label:hover.inactive, .document-label.ant-select-item-option-selected.inactive {
  background-color: var(--tripto-bad);
}
.document-label:hover.inactive.ant-select-item-option-active:not(.ant-select-item-option-disabled), .document-label.ant-select-item-option-selected.inactive.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.document-label .text-color {
  color: #595959;
}
.document-label.text-center {
  text-align: center;
}

.ant-dropdown-menu .ant-dropdown-menu-item {
  padding: 4px 8px;
}
.ant-dropdown-menu .ant-dropdown-menu-item:hover {
  background-color: transparent !important;
}
.ant-dropdown-menu .document-label {
  margin: 0;
  padding: 3px 7px;
  border-radius: 5px;
  display: block;
  text-align: left;
}

.table-document .ant-table-cell.ant-table-cell-fix-right {
  background: var(--body-background);
}
.table-document .ant-table-body {
  overflow-y: scroll !important;
}

.document-management-actions-dropdown li {
  min-width: 200px;
}

.ant-dropdown-menu-submenu-popup .document-label {
  min-width: auto !important;
  width: auto !important;
}
.ant-dropdown-menu-submenu-popup li {
  min-width: auto !important;
}

.document-management-actions-dropdown--wide li {
  min-width: 230px;
}

.transportschein-drawer__passenger-code-btn {
  background: var(--header-background) !important;
  margin-left: 8px;
}

.transportschein-drawer__inline-status {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.transportschein-drawer__inline-status .document-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding: 0 7px;
  border-radius: 5px;
  color: var(--border-color-strong);
}

.document-drawer-status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 32px;
  box-sizing: border-box;
  overflow: visible;
}
.document-drawer-status .document-label {
  min-width: 100px;
  text-align: center;
  flex-shrink: 0;
  white-space: nowrap;
  width: max-content;
}
.document-drawer-status .document-label:not(.hide-animation) {
  transition: text-indent 0.2s linear 0s;
}

.inline-document-status .document-label {
  line-height: 16px !important;
  padding: 2px 5px !important;
  font-size: 11px !important;
}

.genehmigung-suggestions-table .ant-table {
  background: white;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
}
.genehmigung-suggestions-table .ant-table-thead > tr > th {
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  font-weight: 600;
  color: #595959;
  padding: 12px 16px;
}
.genehmigung-suggestions-table .ant-table-thead > tr > th:last-child {
  border-right: none;
}
.genehmigung-suggestions-table .ant-table-tbody > tr > td {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.genehmigung-suggestions-table .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.genehmigung-suggestions-table .ant-table-tbody > tr:last-child > td {
  border-bottom: none;
}
.genehmigung-suggestions-table .ant-table-tbody > tr:hover > td {
  background: #fafafa;
}
.genehmigung-suggestions-table .ant-table-placeholder {
  background: white;
}
.genehmigung-suggestions-table .document-label {
  width: 190px;
  text-align: center;
}.task-row {
  min-height: 32px;
  height: auto;
  border: 1px solid var(--border-color-base);
  align-items: center;
  padding: 0 8px;
  padding-left: 6px;
  position: relative;
}
.task-row.task-row-cancelled {
  padding-left: 9px;
  text-decoration: line-through;
  color: var(--disabled-color);
}
.task-row .seats-label {
  margin-right: 4px;
}
.task-row .task-col-time {
  width: 40px;
}
.task-row .task-col-delay {
  width: 40px;
  text-align: center;
}
.task-row .task-col-start {
  width: 40px;
  text-align: center;
}
.task-row .task-col-seat {
  width: 80px;
}
.task-row .task-col-seat .icon {
  margin-left: 6px;
}
.task-row .task-col-passenger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 120px;
}
.task-row .task-col-address {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 2 1 175px;
  margin-left: 6px;
}
.task-row .task-col-reason {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 80px;
  margin-left: 6px;
}
.task-row .task-col-caret {
  margin-left: 7px;
  width: 10px;
}
.task-row .task-col-caret .icon {
  color: var(--primary-color);
  font-size: medium;
}
.task-row .task-col-caret .hidden {
  display: none;
}
.task-row:not(.task-row-done) .task-col-delay {
  color: var(--error-color);
}
.task-row:not(.task-row-done) .task-col-seat {
  color: var(--primary-color);
}
.task-row.task-row-completed {
  color: var(--disabled-color);
}
.task-row.task-row-completed .task-col-delay {
  color: var(--disabled-color);
}
.task-row.task-row-completed .task-col-seat {
  color: var(--disabled-color);
}
.task-row.task-row-notStarted {
  padding-left: 9px;
}
.task-row.task-row-started {
  border-left: 4px solid var(--warning-color-2);
}
.task-row.task-row-onLocation {
  border-left: 4px solid var(--warning-color-2);
}
.task-row.task-row-loaded {
  border-left: 4px solid var(--success-color);
}
.task-row.task-row-completed {
  border-left: 4px solid var(--success-color);
}
.task-row.task-row-is-cancelled {
  text-decoration: line-through;
  color: var(--disabled-color);
}

.current-trip-task-summary .task-row {
  margin-bottom: 10px;
}
.current-trip-task-summary .task-row.task-row-notStarted {
  padding-left: 9px;
}
.current-trip-task-summary .task-row.task-row-started {
  border-left: 4px solid var(--warning-color-2);
}
.current-trip-task-summary .task-row.task-row-onLocation {
  border-left: 4px solid var(--warning-color-2);
}
.current-trip-task-summary .task-row.task-row-loaded {
  border-left: 4px solid var(--success-color);
}
.current-trip-task-summary .task-row.task-row-completed {
  border-left: 4px solid var(--success-color);
}
.current-trip-task-summary .task-row.task-row-cancelled {
  text-decoration: line-through;
  color: var(--disabled-color);
}
.current-trip-task-summary .task-col-reason {
  flex: 0 0 120px !important;
  margin-left: 6px;
}
.current-trip-task-summary .task-code {
  margin-bottom: 10px;
}.drawer-full-itinerary .full-itinerary-table {
  width: 100%;
}
.drawer-full-itinerary .full-itinerary-table th,
.drawer-full-itinerary .full-itinerary-table td {
  padding: 8px 12px;
  text-align: left;
  vertical-align: middle;
}
.drawer-full-itinerary .full-itinerary-table td.bg-col {
  vertical-align: middle;
}
.drawer-full-itinerary .full-itinerary-table .ellipse-text {
  display: block;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.round-summary-modal {
  width: 50vw !important;
  top: 10vh;
}
.round-summary-modal .ant-modal-body {
  max-height: 70vh;
  overflow: auto;
}

.round-summary-modal__subtitle {
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.series-summary-modal-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}

.collapsible__content-wrapper.show-less {
  overflow-y: hidden;
}.drawer-remove-series-from-round__series-row {
  margin-top: 10px;
  background-color: var(--component-invert-background-2);
  border: 1px solid var(--border-color-base);
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}.select-days .ant-form-item-control {
  max-width: calc(100% - 80px) !important;
}

.round-drawer__radio {
  line-height: unset !important;
}

.smart-dispatching-table .key-cell {
  color: var(--text-color-disabled);
}
.smart-dispatching-table .unmatch-cell {
  opacity: 0.6;
}
.smart-dispatching-table .row--suggested {
  background: var(--tripto-yellow-milk);
}
.smart-dispatching-table .row--keyboard-selected .key-cell,
.smart-dispatching-table .row--keyboard-selected .name-cell {
  color: var(--text-color);
  font-weight: 600;
}
.smart-dispatching-table .row--keyboard-selected .ant-table-cell:first-child {
  padding-left: 6px;
  border-left: 2px solid var(--primary-color);
}
.smart-dispatching-table .row--keyboard-selected .ant-table-cell:last-child {
  padding-right: 7px;
}
.smart-dispatching-table .row--keyboard-selected .ant-table-cell {
  padding-top: 7px;
  padding-bottom: 7px;
}
.smart-dispatching-table .row--keyboard-selected.row--suggested .ant-table-cell {
  border-top: 1px solid rgb(255, 237.08, 178.84);
  border-bottom: 1px solid rgb(255, 237.08, 178.84);
}
.smart-dispatching-table .row--keyboard-selected.row--suggested .ant-table-cell:last-child {
  border-right: 1px solid rgb(255, 237.08, 178.84);
}
.smart-dispatching-table .row--keyboard-selected:not(.row--suggested) .ant-table-cell {
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
}
.smart-dispatching-table .row--keyboard-selected:not(.row--suggested) .ant-table-cell:last-child {
  border-right: 1px solid gainsboro;
}
.smart-dispatching-table .row--mouse-selected:not(.row--suggested) {
  background: var(--row-hover-bg);
}
.smart-dispatching-table .row--mouse-selected {
  background: rgb(255, 247.52, 223.21);
}
.smart-dispatching-table .ant-table-tbody > tr.ant-table-row:hover > td,
.smart-dispatching-table .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background: unset;
}
.smart-dispatching-table .ant-table-summary {
  background: var(--row-hover-bg);
}
.smart-dispatching-table .ant-table-summary .row--suggested {
  color: var(--text-color-disabled);
}
.smart-dispatching-table .ant-table-summary .ant-table-cell {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.smart-dispatching-table .overlap-icon {
  color: var(--error-color);
}
.smart-dispatching-table .nearby-icon {
  color: var(--primary-color);
}
.smart-dispatching-table .uncertain-icon {
  color: var(--system-orange-color);
}
.smart-dispatching-table .infoTitle {
  text-decoration: underline;
}
.smart-dispatching-table .infoDescription {
  margin-bottom: 30px;
}

.menu-item-divider {
  padding: 0;
  height: 1px;
  margin: 0;
  cursor: unset;
}

.smart-dispatching-map {
  position: fixed;
  top: 240px;
  right: 730px;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.smart-dispatching-map.--visible {
  opacity: 1;
}.task-row {
  min-height: 32px;
  height: auto;
  border: 1px solid var(--border-color-base);
  align-items: center;
  padding: 0 8px;
  padding-left: 6px;
  position: relative;
}
.task-row.task-row-cancelled {
  padding-left: 9px;
  text-decoration: line-through;
  color: var(--disabled-color);
}
.task-row .seats-label {
  margin-right: 4px;
}
.task-row .task-col-time {
  width: 40px;
}
.task-row .task-col-delay {
  width: 40px;
  text-align: center;
}
.task-row .task-col-start {
  width: 40px;
  text-align: center;
}
.task-row .task-col-seat {
  width: 80px;
}
.task-row .task-col-seat .icon {
  margin-left: 6px;
}
.task-row .task-col-passenger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 120px;
}
.task-row .task-col-address {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 2 1 175px;
  margin-left: 6px;
}
.task-row .task-col-reason {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 80px;
  margin-left: 6px;
}
.task-row .task-col-caret {
  margin-left: 7px;
  width: 10px;
}
.task-row .task-col-caret .icon {
  color: var(--primary-color);
  font-size: medium;
}
.task-row .task-col-caret .hidden {
  display: none;
}
.task-row:not(.task-row-done) .task-col-delay {
  color: var(--error-color);
}
.task-row:not(.task-row-done) .task-col-seat {
  color: var(--primary-color);
}
.task-row.task-row-completed {
  color: var(--disabled-color);
}
.task-row.task-row-completed .task-col-delay {
  color: var(--disabled-color);
}
.task-row.task-row-completed .task-col-seat {
  color: var(--disabled-color);
}
.task-row.task-row-notStarted {
  padding-left: 9px;
}
.task-row.task-row-started {
  border-left: 4px solid var(--warning-color-2);
}
.task-row.task-row-onLocation {
  border-left: 4px solid var(--warning-color-2);
}
.task-row.task-row-loaded {
  border-left: 4px solid var(--success-color);
}
.task-row.task-row-completed {
  border-left: 4px solid var(--success-color);
}
.task-row.task-row-is-cancelled {
  text-decoration: line-through;
  color: var(--disabled-color);
}
.task-group-header {
  margin-top: 20px;
  padding: 4px 0;
  border-bottom: 2px solid var(--border-color-base);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.task-group-header.ant-row,
.task-group-header .ant-row {
  flex-flow: nowrap;
}
.task-group-header .combine-checkbox {
  display: inline-flex;
  align-items: center;
}
.task-group-header .task-code {
  cursor: pointer;
}
.task-group-header .title {
  color: var(--primary-color);
}
.task-group-header .title.ant-btn-text[disabled] {
  color: rgba(0, 0, 0, 0.25);
}
.task-group-header .task-col-caret {
  margin-left: 7px;
  width: 10px;
}
.task-group-header .task-col-caret .icon {
  color: var(--primary-color);
  font-size: medium;
}
.task-group-header .right {
  margin-right: 8px;
}

.completed-transport {
  margin-left: 20px;
  align-self: center;
}
.completed-transport .title {
  margin-left: 10px;
  font-size: 14px;
  color: var(--text-color);
}

.top-title {
  font-weight: 700;
  color: var(--text-base-color);
  font-size: 14px;
}

.uncombine-item {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dot {
  position: absolute;
  top: 45%;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 3px;
}
.dot.enabled {
  background-color: var(--system-green-color);
}
.dot.disabled {
  background-color: var(--system-orange-color);
}

.summary-round-modal__delete .ant-modal-confirm-btns {
  display: none;
}
.summary-round-modal__delete .ant-modal-confirm-content {
  margin-top: 0px;
}

.vehicle-auto-complete-form-item .ant-form-item-control-input-content {
  flex-direction: column;
  align-items: stretch;
}

.seats-label {
  margin-right: 4px;
}

.return-to-station-button-wrapper {
  margin-top: 29px;
}
.return-to-station-button-wrapper button {
  height: 45px;
  border-color: var(--border-color-base);
  border-style: dashed;
}
.return-to-station-button-wrapper button span {
  font-size: 14px;
  color: var(--text-color);
}
.return-to-station-button-wrapper button span .button-label {
  margin-left: 5px !important;
}
.return-to-station-button-wrapper.activated button:hover {
  border-color: var(--primary-color);
  background-color: rgb(230, 246, 255);
}
.return-to-station-button-wrapper.activated button:hover span {
  color: var(--primary-color);
}

.autopilot-toggle-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  margin: 4px 0 8px 0;
  background: linear-gradient(135deg, rgba(114, 46, 209, 0.06) 0%, rgba(79, 70, 229, 0.04) 100%);
  border-radius: 8px;
}
.autopilot-toggle-section .autopilot-toggle-header {
  font-weight: 600;
  font-size: 14px;
  color: var(--text-base-color);
  display: flex;
  align-items: center;
  gap: 8px;
}
.autopilot-toggle-section .autopilot-toggle-header::before {
  content: "✦";
  font-size: 12px;
  background: linear-gradient(135deg, #722ed1 0%, #4f46e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.autopilot-toggle-section .autopilot-toggle-control {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-color);
}.drawer-manage-opening-hours .timing-cell-wrapper .ant-form-item-control-input-content {
  display: flex;
}
.drawer-manage-opening-hours .timing-cell-wrapper .timing-cell {
  display: flex;
}
.drawer-manage-opening-hours .timing-cell-wrapper .timing-cell input {
  margin-right: 40px !important;
}
.drawer-manage-opening-hours .timing-cell-wrapper .ant-table-cell {
  vertical-align: top;
}.capabilities-switch {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}.bigGreenTitle {
  color: var(--success-color);
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}

.no-pointer {
  cursor: default !important;
}

.align-items-center {
  align-items: center;
}.matching-accept-offer-modal span {
  font-size: 14px;
}
.matching-accept-offer-modal .ant-form-item {
  margin-bottom: 0px;
}
.matching-accept-offer-modal .ant-form-item-has-error {
  padding-bottom: 0px;
}
.matching-accept-offer-modal .ant-form-item-has-error .ant-input {
  border-color: var(--system-red-color);
}
.matching-accept-offer-modal .ant-form-item-has-error .ant-input::placeholder {
  color: var(--system-red-color);
}.accept-offer-table {
  width: 100%;
  border-collapse: collapse;
  background-color: transparent;
}
.accept-offer-table tr {
  border-bottom: 1px solid rgb(255, 229, 143);
  height: 81px;
}
.accept-offer-table thead tr {
  height: auto;
}
.accept-offer-table tr:hover {
  background-color: rgba(54, 54, 54, 0.0392156863);
}
.accept-offer-table .accept-offer-cell {
  padding: 8px;
  text-align: left;
}
.accept-offer-table thead .accept-offer-cell {
  font-weight: 500;
}
.accept-offer-table .ant-form-item-has-error input {
  border-color: var(--system-red-color);
}.matching-drawer .tripto-form-container {
  margin-top: 0px;
}
.matching-drawer .ant-col.ant-form-item-label {
  text-align: left;
}
.matching-drawer .scope-wrapper .ant-select {
  min-width: 150px;
}
.matching-drawer .matching-table tr {
  font-size: 14px;
}
.matching-drawer .matching-table tr p {
  font-size: 14px;
}
.matching-drawer .matching-table tr .expandable-row-content {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 50px;
}
.matching-drawer .matching-table .recalculate-matching-price-button {
  padding: 0;
  max-height: 14px;
}
.matching-drawer .matching-info-icons .icon-container {
  display: flex;
  align-items: center;
  width: 24px;
}
.matching-drawer .matching-info-icons .icon-container .anticon {
  font-size: 16px;
  color: var(--primary-color);
}
.matching-drawer .matching-info-icons .icon-container i {
  font-size: 14px;
}
.matching-drawer .matching-info-icons .icon-container .red {
  color: var(--error-color);
}
.matching-drawer .matching-table-filters {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 16px;
  width: 100%;
}
.matching-drawer .matching-table-filters .ant-select {
  flex-shrink: 0;
  width: auto;
  min-width: 150px;
}
.matching-drawer .matching-table-show-all-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: var(--text-color-secondary);
  margin-left: auto;
  flex-shrink: 0;
}
.matching-drawer .empty-comments-placeholder {
  font-size: 12px;
  color: var(--text-color-secondary);
  display: block;
  margin-top: -8px;
}
.matching-drawer .comments-section {
  width: 100%;
}
.matching-drawer .comments-section label {
  pointer-events: none;
}
.matching-drawer .comments-section label button {
  pointer-events: auto;
}
.matching-drawer .comments-section .ant-form-item-no-colon {
  width: 100%;
}
.matching-drawer .comments-section .ant-form-item-no-colon .full-width {
  align-items: center;
}
.matching-drawer .comments-section .ant-col .ant-form-item-control-input {
  min-height: 0;
}
@media (max-width: 576px) {
  .matching-drawer .matching-table .ant-table-content {
    overflow-x: auto;
  }
  .matching-drawer .matching-info-icons .icon-container {
    width: 16px;
  }
}

.matching-additional-info-modal.assigning {
  width: 610px !important;
}
.matching-additional-info-modal .ant-form-item-label {
  text-align: left;
  min-width: 150px;
  max-width: 150px;
}
.matching-additional-info-modal .ant-form-item-label > label {
  white-space: initial;
}
.matching-additional-info-modal p {
  font-size: 14px;
}
.matching-additional-info-modal .accept-offer-table {
  width: 100%;
  border-collapse: collapse;
  background-color: transparent;
}
.matching-additional-info-modal .accept-offer-table .ant-form-item-label {
  min-width: inherit;
  max-width: inherit;
  margin-right: 5px;
}
.matching-additional-info-modal .accept-offer-table tr {
  border-bottom: 1px solid var(--system-darker-white-1-color);
  height: 81px;
}
.matching-additional-info-modal .accept-offer-table thead tr {
  height: auto;
}
.matching-additional-info-modal .accept-offer-table tr:hover {
  background-color: rgba(54, 54, 54, 0.0392156863);
}
.matching-additional-info-modal .accept-offer-table .accept-offer-cell {
  padding: 8px;
  text-align: left;
}
.matching-additional-info-modal .accept-offer-table thead .accept-offer-cell {
  font-weight: 500;
}

.groupedTransportsCountButton {
  height: auto;
}
.groupedTransportsCountButton span {
  font-size: 14px !important;
}.draggable-preference-item {
  padding: 8px 0;
  border-bottom: 1px solid var(--border-color-base);
  cursor: move;
}
.draggable-preference-item .sort-fields-prefix-icon {
  font-size: 16px;
  cursor: grab;
}
.draggable-preference-item .sort-fields-prefix-icon:active {
  cursor: grabbing;
}

.fields__dropable-area .fields__drag-item {
  margin-bottom: 0;
}
.fields__dropable-area .fields__drag-item:first-child .draggable-preference-item {
  border-top: 1px solid var(--border-color-base);
}
.fields__dropable-area .fields__drag-item.is-dragged .draggable-preference-item {
  border-top: none;
  border-bottom: none;
}.payer-header {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  flex: 1;
}
.payer-header__chevron {
  font-size: 12px;
  color: var(--text-color-secondary);
  flex-shrink: 0;
}

.invoicing-tab-element-header {
  min-width: 200px;
}

.invoicing-tab-vat-header,
.invoicing-tab-amount-header {
  min-width: 80px;
}

.task-sub-action-divider::after {
  content: "";
  border-left: 1px solid var(--border-color-base);
  padding-left: 5px;
}

.task-sub-action-button:hover:not(:disabled) {
  border: 1px solid var(--primary-color) !important;
}

.font-large {
  font-size: var(--fs-large) !important;
}

.section-detail-wrapper .list-info-wrapper:not(.list-task) ul {
  border: 1px solid var(--border-color-base);
  border-radius: 8px;
  overflow: hidden;
}
.section-detail-wrapper .list-info-wrapper:not(.list-task) li {
  border-left: none;
  border-right: none;
}
.section-detail-wrapper .list-info-wrapper:not(.list-task) ul > li:first-child {
  border-top: none;
}

.map-transport-detail-wrapper {
  border: 1px solid var(--border-color-base);
  border-radius: 8px;
  overflow: hidden;
}

.price-breakdown {
  border: 1px solid var(--border-color-base);
  border-radius: 8px;
  overflow: hidden;
}
.price-breakdown__row {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  gap: 10px;
}
.price-breakdown__row + .price-breakdown__row {
  border-top: 1px solid var(--border-color-base);
}
.price-breakdown__row--voided {
  opacity: 0.5;
}
.price-breakdown__row--total {
  background-color: var(--header-background);
}
.price-breakdown__icon {
  flex-shrink: 0;
  width: 18px;
  text-align: center;
  color: var(--text-color-secondary);
  font-size: 13px;
}
.price-breakdown__name {
  flex: 1;
  cursor: pointer;
  color: var(--text-color);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.price-breakdown__name:hover {
  color: var(--primary-color);
}
.price-breakdown__name--voided {
  text-decoration: line-through;
  color: var(--text-color-secondary);
  cursor: pointer;
}
.price-breakdown__name--voided:hover {
  color: var(--text-color-secondary);
}
.price-breakdown__dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.price-breakdown__total-label {
  flex: 1;
  font-weight: 600;
  color: var(--text-color);
}
.price-breakdown__amount {
  flex-shrink: 0;
  font-weight: 500;
  text-align: right;
  min-width: 80px;
}
.price-breakdown__row--total .price-breakdown__amount {
  font-weight: 600;
}

.no-tasks-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 0;
  border-bottom: 1px solid var(--border-color-base);
  color: var(--text-color-secondary);
  font-size: 13px;
  list-style: none;
}

.row-footer-centered {
  position: relative;
}

.row-footer-total-label {
  position: absolute;
  padding-top: 8px;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 576px) {
  .invoicing-tab-element-header,
  .invoicing-tab-vat-header,
  .invoicing-tab-amount-header,
  .invoicing-tab-pre-unit-incl-vat-header,
  .invoicing-tab-total-incl-vat-header {
    min-width: unset;
  }
}.accept-offer-form .task-icon {
  color: var(--warning-color);
}
.accept-offer-form .list-info-wrapper .title span {
  font-size: 14px !important;
}
.accept-offer-form .list-info-wrapper {
  margin-top: 10px;
  font-size: 14px;
}
.accept-offer-form .tooltipIcon {
  color: var(--system-blue-color) !important;
  font-size: 14px;
}.matching-task-alert-container .ant-alert {
  margin-bottom: 0px;
}
.matching-task-alert-container .ant-alert .ant-btn span {
  font-size: 14px;
}
.matching-task-alert-container .ant-alert .ant-dropdown-button {
  display: inline;
}
.matching-task-alert-container .ant-alert .ant-form {
  display: inline;
  margin-bottom: 0px;
}
.matching-task-alert-container .ant-alert .ant-form .ant-form-item {
  margin-bottom: 0px;
}

.accept-offer-dropdown-button {
  display: inline-flex;
  width: auto;
  margin-left: 5px;
}.pricing-table {
  font-size: var(--fs-normal);
}
.pricing-table tr td {
  font-size: 14px;
}
.pricing-table tr.row-footer th {
  font-size: 18px;
}

.transport-detail__invoicing__task-alert {
  position: relative;
}
.transport-detail__invoicing__task-alert:not(:first-child) {
  margin-top: 10px;
}

.transport-detail__invoicing__task-alert__message .ant-alert-icon {
  top: 8px !important;
  left: 8px;
}

.transport-detail__invoicing-instructions {
  background: var(--header-background);
  padding: 0 5px;
}

.ant-table-wrapper .ant-table-column-title {
  flex: unset;
}

.ant-table-wrapper .ant-table-column-sorters {
  padding: 8px 0;
  justify-content: flex-start;
}

.ant-table-column-sorter {
  margin-left: 8px;
}

.icon-src {
  margin-right: 6px;
  padding-top: 3px;
  color: var(--text-color-disabled-2);
}

.ant-image-mask {
  background-color: rgba(255, 255, 255, 0.25) !important;
}

.image-container {
  text-align: center;
  margin-bottom: 15px;
}
.image-container .ant-image-mask {
  transition: none !important;
}

.image-preview {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.image-preview .preview-text {
  margin-bottom: 5px;
}
.image-preview .preview-text .icon {
  margin-left: 5px;
}
.image-preview .rotate-buttons {
  display: block;
}

/* disable rotation buttons in preview mode for Antd 4.0
  this can change after upgrade to Antd 5.0
  because the image preview toolbar can be customized */
.ant-image-preview-operations-operation:has(.anticon-rotate-left) {
  display: none;
}
.ant-image-preview-operations-operation:has(.anticon-rotate-right) {
  display: none;
}

.menu-item-divider {
  padding: 0 !important;
  height: 1px;
  margin: 0;
  cursor: unset;
}

.trip-request-drawer-status {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 32px;
  box-sizing: border-box;
}

.transport-detail-drawer__request-tab__address > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
@media (max-width: 576px) {
  .transport-detail-drawer__request-tab__address > span {
    white-space: normal;
  }
}
@media (max-width: 576px) {
  .transport-detail-drawer__request-tab__address > span > div {
    flex-wrap: wrap;
  }
}

.transport-detail-drawer__passenger-code-btn {
  background: var(--header-background) !important;
  margin-left: 8px;
}.ant-tag-red.white-tag {
  border-radius: 5px;
  font-size: 12px;
}

.double-tags .ant-tabs-content-holder {
  width: 680px;
}

.double-tabs-separator {
  width: 30px;
}
.double-tabs-separator .ant-divider-vertical {
  margin: 0 15px;
  height: 100%;
}

.comments-tab-badge .ant-badge-count {
  transform: translate(75%, -55%);
}
.comments-tab-badge {
  transition: color 0.3s ease;
}
.comments-tab-badge:hover {
  color: var(--primary-color);
}

.ant-tabs-tab-active .comments-tab-badge.ant-badge {
  color: var(--primary-color);
}

.ant-tabs-tab .task-icon {
  color: var(--warning-color);
}
.ant-tabs-tab.ant-tabs-tab-active .task-icon {
  color: inherit;
}

.drawer-tab-panel.transport-detail-itinerary-tab {
  overflow-x: auto;
}.select-trips-table-container .title {
  font-weight: 600;
}
.select-trips-table-container .ant-table .ant-table-container .ant-table-content table .ant-table-row {
  height: 41px !important;
}
.select-trips-table-container .ant-table .ant-table-container .ant-table-content table .ant-table-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 0;
}.create-credit-note-drawer__radio-wrapper .ant-radio-wrapper {
  display: flex;
  align-items: center;
}
.create-credit-note-drawer__radio-wrapper .ant-radio-wrapper span {
  white-space: normal;
}.create-credit-note-drawer__radio-wrapper .ant-radio-wrapper {
  display: flex;
  align-items: center;
}
.create-credit-note-drawer__radio-wrapper .ant-radio-wrapper span {
  white-space: normal;
}

.creditAmountTotal {
  border-top: 1px solid rgba(0, 0, 0, 0.85);
  padding-top: 10px;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
}
.creditAmountTotal span {
  font-weight: bold !important;
  font-size: var(--fs-mid) !important;
  color: rgba(0, 0, 0, 0.85) !important;
}.create-credit-note-drawer__radio-wrapper .ant-radio-wrapper {
  display: flex;
  align-items: center;
}
.create-credit-note-drawer__radio-wrapper .ant-radio-wrapper span {
  white-space: normal;
}.re-invoice-table .ant-table-row:not(.row--suggested):hover {
  background-color: var(--row-hover-bg) !important;
}
.re-invoice-table .ant-table-row.row--assigned {
  background-color: var(--row-hover-bg) !important;
  cursor: auto !important;
}.pdf-tab-panel__scroll-container {
  max-height: calc(100% - 42px);
  overflow: auto;
}

.pdf-tab-panel__scroll-container--loading {
  max-height: 100%;
  overflow: auto;
}

.pdf-tab-panel.drawer-tab-panel {
  overflow: auto;
}

.pdf-tab-panel__loading {
  height: 75vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.attachment-tab-panel .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding: 0 16px;
}.draggable-preference-item {
  padding: 8px 0;
  border-bottom: 1px solid var(--border-color-base);
}

.fields__dropable-area .fields__drag-item {
  margin-bottom: 0;
}
.fields__dropable-area .fields__drag-item:first-child .draggable-preference-item {
  border-top: 1px solid var(--border-color-base);
}
.fields__dropable-area .fields__drag-item.is-dragged .draggable-preference-item {
  border-top: none;
  border-bottom: none;
}.location-wrapper {
  background: var(--component-background);
  border: 1px solid var(--border-color-base);
  border-radius: 5px;
  padding: 0px 12px;
  margin-top: 15px;
  outline: none;
}
.location-wrapper.stop {
  margin-top: 10px !important;
}
.location-wrapper.no-border {
  border: 0px;
  margin-top: 0px;
}
.location-wrapper:hover {
  cursor: pointer;
}
.location-wrapper.valid-seat-drop-target {
  border: 1px dashed var(--primary-color);
}
.location-wrapper .location-row {
  display: flex;
  align-items: baseline;
  padding: 10px 0px;
  border-bottom: 1px dashed var(--border-color-base);
  line-height: 24px;
}
.location-wrapper .location-row span {
  font-size: 14px;
}
.location-wrapper .location-row:last-child {
  border-bottom: 0px;
}
.location-wrapper .location-row .icon {
  min-width: min(30px, 5%);
  color: var(--success-color);
}
.location-wrapper .location-row .text-head {
  color: var(--success-color);
  text-transform: uppercase;
}
.location-wrapper .location-row .address-info > span,
.location-wrapper .location-row .task > span,
.location-wrapper .location-row .est-time > span {
  display: block;
}
.location-wrapper .location-row .est-time > span {
  display: block;
  padding-left: 5px;
  line-height: 28px;
}
.location-wrapper .location-row .task {
  min-width: 80px;
}
.location-wrapper .location-row .task > span {
  line-height: 28px;
}
.location-wrapper .location-row .task > span:nth-child(2) {
  margin-top: 5px;
}
.location-wrapper .location-row .passengers,
.location-wrapper .location-row .est-time {
  flex: 1;
}
.location-wrapper .location-row .passengers {
  flex-grow: 2;
}
.location-wrapper .location-row .passengers .passengers-info {
  display: flex;
  flex-wrap: wrap;
}
.location-wrapper .location-row .passengers .passengers-info:nth-child(2) {
  margin-top: 5px;
}
.location-wrapper .location-row .passengers .passengers-info > .passenger-label {
  margin: 5px;
}
.location-wrapper .location-row .passengers .passengers-info > .passenger-label.draggable:hover {
  cursor: grab;
}

#pickup .location-wrapper:first-child,
#destination .location-wrapper:first-child {
  margin-top: 0px;
}

label[for=pickup],
label[for=destination] {
  line-height: 32px;
}

.address-info {
  white-space: nowrap;
  display: block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.address-info > span {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}.modal-geo-picker .coordinates-label span {
  font-size: 14px;
}
.modal-geo-picker .geolocation-picker-container {
  position: relative;
  width: 100%;
  height: 400px;
  margin-top: 5px;
  overflow-x: hidden;
}
.modal-geo-picker .center-marker {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -13px;
  pointer-events: none;
}
.modal-geo-picker .center-marker img {
  width: 24px;
  height: 32px;
}
.modal-geo-picker hr {
  border-color: var(--border-color-split);
}
@media (max-width: 576px) {
  .modal-geo-picker .ant-select-arrow {
    display: none;
  }
}.search-bar {
  max-width: 800px;
}

.stand-alone-search-options .ant-select-selector {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.assignee-search-bar-wrapper {
  min-width: 747px;
}
.assignee-search-bar-wrapper .collaboration-autocomplete-wrapper .ant-select > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (max-width: 576px) {
  .assignee-search-bar-wrapper {
    min-width: 100%;
  }
}

.passenger-search-bar-wrapper .group-input-wrapper > .ant-select > .ant-select-selector {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.search-bar__options {
  min-width: 165px;
  text-align: left;
}

.stand-alone-search-options {
  border: unset;
}

.stand-alone-search-options > .ant-select-selector {
  border: 1px solid #d9d9d9 !important;
  background-color: #fafafa !important;
  border-width: 1px 0px 1px 1px !important;
}

.payment-ref-wrapper {
  display: flex;
  width: 800px;
}
.payment-ref-wrapper:first-child .ant-select-selector {
  border-radius: 6px 0 0 6px;
}

.payment-ref-search-bar {
  display: flex;
  flex: 1;
  width: 590px;
  border-radius: 0px;
}

.payment-ref-search-input.ant-input {
  border-radius: 0px;
}

.payment-ref-search-button.ant-btn {
  padding: 0 15px;
  border-radius: 0 6px 6px 0;
  width: auto;
  left: -1px;
}
.payment-ref-search-button > .ant-btn-icon > .anticon-search {
  font-size: var(--fs-normal);
  padding-top: 1px;
}

.disabled-search-button {
  opacity: 0.5;
  pointer-events: none;
}.search-modal .ant-modal-content {
  padding: 0;
  border-radius: 10px;
}
.search-modal .search-modal__auto-complete {
  height: 60px;
  width: 100%;
}
.search-modal .search-modal__auto-complete .ant-select-selector {
  box-shadow: 0 4px 6px -4px var(--system-gray-5-color) !important;
  border-color: var(--border-color-base) !important;
  border-radius: 6px 6px 0 0 !important;
}
.search-modal .search-modal__auto-complete input,
.search-modal .search-modal__auto-complete .ant-select-selection-placeholder {
  font-size: 20px;
  max-width: calc(100% - 40px);
  padding-left: 35px !important;
}
.search-modal .search-modal__explanation {
  padding: 36px 24px;
  font-size: var(--fs-large);
  color: var(--text-color);
  min-height: 196px;
}
.search-modal .search-modal__explanation.--closing {
  min-height: 15px;
  padding: 0;
}
.search-modal.search-modal--has-options .search-modal__explanation {
  min-height: 0px;
  padding: 12px 24px;
}

.search-modal__container {
  position: relative;
  background-color: color-mix(in srgb, var(--primary-color) 5%, white);
  border-radius: 10px;
}
.search-modal__container .search-modal__close-button {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--system-gray-3-color);
  cursor: pointer;
  transition: color 0.2s ease-in-out;
  padding: 16px 16px 18px 18px;
}
.search-modal__container .search-modal__close-button:hover {
  color: var(--system-gray-color);
}
.search-modal__container .search-modal__close-button .search-modal__close-button--esc {
  line-height: 0.1;
  text-align: center;
}
.search-modal__container .search-modal__search-icon {
  position: absolute;
  left: 10px;
  top: 16px;
  z-index: 1;
  color: rgba(0, 0, 0, 0.25);
}

.search-modal__explanation__search-for-item-container {
  margin-top: 10px;
  margin-bottom: 10px;
}
.search-modal__explanation__search-for-item-container .search-modal__explanation__search-for-item {
  display: flex;
  align-items: center;
}
.search-modal__explanation__search-for-item-container .search-modal__explanation__search-for-item i,
.search-modal__explanation__search-for-item-container .search-modal__explanation__search-for-item span[role=img] {
  min-width: 16px;
  margin-right: 8px;
}

.search-modal__auto-complete-popup {
  background-color: color-mix(in srgb, var(--primary-color) 5%, white);
  box-shadow: none;
  padding: 0;
  border-radius: 0 0 8px 8px;
  margin-top: -5px;
}
.search-modal__auto-complete-popup .rc-virtual-list-holder {
  max-height: 75vh !important;
}
.search-modal__auto-complete-popup .rc-virtual-list-holder-inner .ant-select-item-option-active {
  background-color: color-mix(in srgb, var(--primary-color) 15%, white);
  border-radius: unset !important;
}
.search-modal__auto-complete-popup .rc-virtual-list-holder-inner {
  border-radius: unset !important;
}
.search-modal__auto-complete-popup .ant-select-item {
  padding: 0;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid var(--system-gray-5-color);
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper i,
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper span[role=img] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  min-height: 16px;
  margin-right: 8px;
  font-size: 18px;
  padding: 8px;
  background-color: var(--system-white-color);
  border-radius: 20px;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-primary-text-container {
  width: 75%;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-primary-text,
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-extra-info {
  font-size: 16px;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-primary-text {
  display: flex;
  align-items: center;
  gap: 4px;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-primary-text .anticon-question-circle {
  font-size: 12px;
  color: var(--text-color-disabled-2);
  flex-shrink: 0;
  margin-left: 0;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  margin-right: 0;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-secondary-text {
  font-size: 12px;
  color: var(--system-gray-color);
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-shortcut {
  margin-left: 5px;
  padding: 2px 6px;
  background-color: var(--system-gray-3-color);
  border-radius: 6px;
  font-size: 10px;
  font-weight: bold;
  color: var(--text-color);
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-collaboration-inactive {
  background-color: var(--system-darker-white-1-color) !important;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-collaboration-inactive .search-modal__auto-complete-option-wrapper .search-modal__auto-complete-option-primary-text {
  text-decoration: line-through;
  color: var(--system-gray-color);
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-collaboration-inactive .search-modal__auto-complete-option-wrapper i,
.search-modal__auto-complete-popup .search-modal__auto-complete-option-collaboration-inactive .search-modal__auto-complete-option-wrapper span[role=img] {
  color: var(--system-gray-color);
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-collaboration-inactive.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-darker-white-1-color) !important;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-new-trip-button {
  font-weight: bold;
  color: var(--primary-color);
  padding-top: 6px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-new-trip-button .search-modal__auto-complete-option-new-trip-button-icon {
  font-size: 26px;
}
.search-modal__auto-complete-popup .search-modal__auto-complete-option-new-trip-button .search-modal__auto-complete-option-new-trip-button-text {
  font-size: 16px;
  padding-left: 14px;
  padding-top: 3px;
}.seat-grid {
  display: grid;
  grid-template-columns: minmax(130px, auto) 1fr;
}
.seat-grid .horizontal-input {
  grid-column-start: 2;
}
.seat-grid .horizontal-input > .ant-form-item-row {
  display: inline-flex;
}
.seat-grid .horizontal-input:has(+ .seat-option-error) {
  margin-bottom: 0;
}
.seat-grid .seat-grid-label {
  margin-right: 10px;
  min-width: 130px;
}
@media (max-width: 576px) {
  .seat-grid .seat-grid-label {
    min-width: 170px;
  }
  .seat-grid {
    grid-template-columns: 100px 1fr;
  }
}
.seat-grid .seat-option-error {
  grid-column-start: 2;
  margin-bottom: 12px;
  color: #ff4d4f;
  font-size: 14px;
}
.seat-grid > button {
  width: min-content;
  margin-bottom: 1rem;
}
.seat-grid > button ~ .horizontal-input {
  display: none;
}
.seat-grid > button[aria-checked=true] ~ .horizontal-input {
  display: block;
}
.seat-grid .seat-error-group {
  display: none;
  margin-bottom: 2rem;
}
.seat-grid .seat-error-group.ant-form-item-has-error {
  display: block;
}
.seat-grid .seat-error-group.ant-form-item-has-error ~ .horizontal-input .ant-flex {
  border-color: #ff4d4f;
}
.seat-grid .seat-error-group .ant-form-item-control-input {
  position: absolute;
}
@media (max-width: 576px) {
  .seat-grid .horizontal-input {
    grid-column-start: 1;
  }
  .seat-grid .seat-option-error {
    grid-column-start: 1;
  }
  .seat-grid .seat-error-group {
    grid-column-start: 1;
  }
  .seat-grid .ant-col.ant-form-item-label {
    min-width: 0px !important;
    flex: 0 0 30% !important;
  }
}.shift-drawer__from #from,
.shift-drawer__from #to,
.shift-drawer__from #duration,
.shift-drawer__to #from,
.shift-drawer__to #to,
.shift-drawer__to #duration,
.shift-drawer__duration #from,
.shift-drawer__duration #to,
.shift-drawer__duration #duration {
  width: 65px;
  text-align: center;
}

.shift-drawer .ant-drawer-body {
  padding-top: unset;
}

#shift-drawer-actions {
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 1;
}
#shift-drawer-actions .status-label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  font-size: 14px;
  min-width: 100px;
}

.ant-form-item-explain-error {
  width: 350px;
}

.shift-type-dropdown-divider {
  margin: 1px 0 !important;
  border-width: 1px;
  background-color: var(--system-gray-6-color);
  width: calc(100% + 8px);
  transform: translateX(-4px);
}

.shift-type-dropdown-create-button {
  padding: 8px 0 8px 0;
  color: inherit;
  text-align: center;
  cursor: pointer;
  width: calc(100% + 8px);
  transform: translateX(-4px);
}
.shift-type-dropdown-create-button:hover {
  background-color: var(--disabled-bg-color);
  box-shadow: 0 4px 0 0 var(--disabled-bg-color);
}

.no-hover-effect {
  background-color: transparent !important;
  color: inherit !important;
}.draggable-preference-item {
  padding: 8px 0;
  border-bottom: 1px solid var(--border-color-base);
  cursor: move;
}
.draggable-preference-item .sort-fields-prefix-icon {
  font-size: 16px;
  cursor: grab;
}
.draggable-preference-item .sort-fields-prefix-icon:active {
  cursor: grabbing;
}

.fields__dropable-area .fields__drag-item {
  margin-bottom: 0;
}
.fields__dropable-area .fields__drag-item:first-child .draggable-preference-item {
  border-top: 1px solid var(--border-color-base);
}
.fields__dropable-area .fields__drag-item.is-dragged .draggable-preference-item {
  border-top: none;
  border-bottom: none;
}.edit-template-drawer-form .ant-col.ant-form-item-label {
  min-width: 211px !important;
}

.infoTitle {
  text-decoration: underline;
}

.infoDescription {
  margin-bottom: 30px;
}

.vehicle-capacity-input-wrapper .ant-form-item-control-input-content {
  justify-content: center;
}

.quill {
  width: 100%;
  border: 1px solid var(--border-color-base);
  border-radius: 6px;
}
.quill:hover, .quill:has(:focus) {
  border-color: var(--primary-color) !important;
}
.quill .ql-toolbar {
  border: none !important;
  border-bottom: 1px solid var(--border-color-base) !important;
}
.quill .ql-container {
  border: none !important;
}

.ant-form-item-has-error .quill {
  border-color: var(--error-color) !important;
}.document-management-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.document-management-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.document-management-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.document-management-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.document-management-layout .document-management-layout__content {
  padding: 0;
}.file-upload-modal .ant-modal-body {
  min-height: 500px;
  max-height: calc(80vh - 330px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.file-upload-modal .ant-modal-body .upload-modal__upload-box.--has-files .ant-upload-drag {
  display: none;
}
.file-upload-modal .ant-upload-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
}
.file-upload-modal .ant-upload-drag {
  padding: 20px 0;
}
.file-upload-modal .ant-upload-list {
  padding: 0 8px;
  overflow-y: auto;
}
.file-upload-modal .ant-upload-list:has(.ant-upload-list-item-container) {
  margin-top: 16px;
  min-height: 100px;
}
.file-upload-modal .ant-upload-list > .ant-upload-list-item-container > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.file-upload-modal .upload-modal-alert {
  padding-top: 5px;
  padding-bottom: 10px;
}#unterschriftenliste-document-table tbody.ant-table-tbody > tr:hover {
  cursor: default;
}.invoicing-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.invoicing-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.invoicing-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.invoicing-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.invoicing-layout .invoicing-layout__content {
  padding: 0;
  height: calc(100vh - 55px);
  overflow: auto;
}#table_invoicing_runner tr td {
  height: 39px;
}
#table_invoicing_runner .ant-table-row .ant-table-cell.clickable-cell {
  cursor: pointer;
  padding: unset;
}
#table_invoicing_runner .ant-table-row .ant-table-cell.clickable-cell.zero-cell {
  padding: 4px 6px;
}
#table_invoicing_runner .ant-table-row .ant-table-cell.clickable-cell:hover {
  background: var(--row-hover-bg);
}
#table_invoicing_runner .row-has-selected-trips {
  background-color: var(--row-selected-bg) !important;
}
#table_invoicing_runner .row-has-selected-trips .ant-table-cell.clickable-cell:hover {
  background: var(--row-selected-hover-bg);
}
#table_invoicing_runner .row-has-selected-trips .ant-table-cell-row-hover {
  background: var(--row-selected-hover-bg) !important;
}
#table_invoicing_runner .ant-table-row-selected .ant-table-cell.clickable-cell:hover {
  background: var(--row-selected-hover-bg);
}
#table_invoicing_runner .ant-table-row-selected .ant-table-cell-row-hover {
  background: var(--row-selected-hover-bg) !important;
}
#table_invoicing_runner .btn-clickable-cell {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px 6px;
}

.invoicing__trips-to-process__transport-status--canceled {
  color: #ff453a;
}

.invoicing__to-print .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only),
.invoicing__invoicing-generate .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding: 0 8px;
}

.invoicing__invoicing-generate.body-wrapper {
  margin: 0;
}
.invoicing__invoicing-generate .left-panes .step-pane {
  width: 280px;
  background-color: var(--component-background);
  padding: 20px 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.invoicing__invoicing-generate .left-panes .step-pane .title {
  font-size: 14px;
  font-weight: 600;
}
.invoicing__invoicing-generate .left-panes .step-pane .title span {
  font-size: 14px;
  font-weight: 600;
}
.invoicing__invoicing-generate .right-pane {
  flex: 1;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.invoicing__invoicing-generate .right-pane .invoice-runner__image {
  height: 300px;
  margin-bottom: 20px;
}
.invoicing__invoicing-generate .right-pane--locked {
  margin-top: -50px;
}
.invoicing__invoicing-generate .right-table {
  width: calc(100% - 300px);
}
.invoicing__invoicing-generate .invoicing__invoicing-generate--date-picker {
  width: 185px;
}
.invoicing__invoicing-generate .invoicing__invoicing-generate--company-selector {
  width: 215px;
}

.invoicing__vehicles-selector--wrapper {
  width: 25%;
}
.invoicing__vehicles-selector--wrapper .ant-col-20 {
  max-width: 98%;
  flex: 0 0 98%;
}
.invoicing__vehicles-selector--wrapper .dispatching-select {
  max-width: unset;
  width: 100%;
}

.invoicing__billing-codes-selector--wrapper {
  width: 20%;
}

.invoicing__billing-codes-selector {
  width: 100%;
}

.invoicing__stations-selector--wrapper {
  width: 15%;
}
.invoicing__stations-selector--wrapper:empty {
  display: none;
}

.invoicing__stations-selector {
  width: 100%;
}

.invoicing__company-selector {
  width: 100%;
}

.invoicing__filter-field {
  min-width: 200px;
}

.accounting_export_running_alert {
  margin: 12px;
}

.status-label {
  border-radius: 5px;
  background: var(--system-darker-white-1-color);
  padding: 3px 7px;
  line-height: 24px;
  font-size: 12px;
  color: #595959;
}
.status-label.ant-select-item {
  border-radius: 0px;
}
.status-label.all {
  background-color: var(--system-white-color);
}
.status-label.all.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-white-color);
}
.status-label.fullyPaid, .status-label.fullyLinked {
  background-color: var(--tripto-completed);
}
.status-label.fullyPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.fullyLinked.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.status-label.partiallyPaid, .status-label.partiallyLinked {
  background-color: var(--tripto-started);
}
.status-label.partiallyPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.partiallyLinked.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started);
}
.status-label.overdue {
  background-color: var(--tripto-bad);
}
.status-label.overdue.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label.notPaid, .status-label.linkedToTransport {
  background-color: var(--tripto-not-completed);
}
.status-label.notPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.linkedToTransport.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed);
}
.status-label.processing {
  background-color: var(--info-color);
}
.status-label.processing.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--info-color);
}
.status-label.error {
  background-color: var(--tripto-bad);
}
.status-label.error.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label:hover.all, .status-label.ant-select-item-option-selected.all {
  background-color: var(--system-white-color);
}
.status-label:hover.all.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.all.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-white-color);
}
.status-label:hover.fullyPaid, .status-label:hover.fullyLinked, .status-label.ant-select-item-option-selected.fullyPaid, .status-label.ant-select-item-option-selected.fullyLinked {
  background-color: var(--tripto-completed);
}
.status-label:hover.fullyPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label:hover.fullyLinked.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.fullyPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.fullyLinked.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.status-label:hover.partiallyPaid, .status-label:hover.partiallyLinked, .status-label.ant-select-item-option-selected.partiallyPaid, .status-label.ant-select-item-option-selected.partiallyLinked {
  background-color: var(--tripto-started);
}
.status-label:hover.partiallyPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label:hover.partiallyLinked.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.partiallyPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.partiallyLinked.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started);
}
.status-label:hover.overdue, .status-label.ant-select-item-option-selected.overdue {
  background-color: var(--tripto-bad);
}
.status-label:hover.overdue.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.overdue.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label:hover.notPaid, .status-label:hover.linkedToTransport, .status-label.ant-select-item-option-selected.notPaid, .status-label.ant-select-item-option-selected.linkedToTransport {
  background-color: var(--tripto-not-completed);
}
.status-label:hover.notPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label:hover.linkedToTransport.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.notPaid.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.linkedToTransport.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed);
}
.status-label:hover.processing, .status-label.ant-select-item-option-selected.processing {
  background-color: var(--info-color);
}
.status-label:hover.processing.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.processing.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--info-color);
}
.status-label:hover.error, .status-label.ant-select-item-option-selected.error {
  background-color: var(--tripto-bad);
}
.status-label:hover.error.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.error.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label i {
  color: #509ee2;
  font-size: 11px;
}
.status-label.ant-tag {
  opacity: 0.5;
}
.status-label.ant-tag-checkable-checked {
  color: var(--text-color);
  opacity: 1;
}
.status-label .text {
  margin-right: 5px;
  width: auto !important;
  display: initial !important;
}
.status-label .text-color {
  color: #595959;
}

/* Prevent column header text from pushing sort/filter icons out of view on narrow screens */
.ant-table-thead th .ant-table-filter-column > .ant-table-column-title {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-table-thead th .ant-table-column-sorters {
  min-width: 0;
}
.ant-table-thead th .ant-table-column-sorters > .ant-table-column-title {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Custom styles to remove the outline from the filter button */
.ant-table-filter-trigger:focus {
  outline: none;
  box-shadow: none; /* Removes the shadow/border that appears */
}

.ant-table-filter-trigger:focus-visible {
  outline: none;
  box-shadow: none; /* Removes the shadow/border that appears */
}

/* Ensure reminder due payment rows don't show pointer cursor */
.invoicing-print-row--no-pointer {
  cursor: default !important;
}
.invoicing-print-row--no-pointer .ant-table-cell {
  cursor: default !important;
}

.invoicing-administrative-fee-form .administrative-fee-toggle .ant-form-item-row {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.invoicing-administrative-fee-form .administrative-fee-toggle .ant-form-item-label {
  margin-right: 24px;
}
.invoicing-administrative-fee-form .ant-form-item {
  margin-bottom: 5px;
}

.ant-select-tree-title .invoice-generator-insurerPayers-option {
  max-width: 170px;
}

.invoice-generator-insurerPayers-option {
  max-width: 190px;
}

.invoicing__passenger-search-wrapper {
  margin-right: 8px;
  width: 25%;
}
.invoicing__passenger-search-wrapper .ant-select {
  width: 100%;
}.save-defaults-button > div > div > label {
  pointer-events: none;
}
.save-defaults-button > div > div > label button {
  pointer-events: auto;
}

.preview-column span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.importPaymentMaxWidth {
  max-width: 455px !important;
}.save-defaults-button > div > div > label {
  pointer-events: none;
}
.save-defaults-button > div > div > label button {
  pointer-events: auto;
}

.preview-column span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.importPaymentMaxWidth {
  max-width: 455px !important;
}.triptomagic-calendar__wrapper {
  position: relative;
  background-color: var(--component-background);
  padding: 12px;
}
.triptomagic-calendar__wrapper .loading {
  opacity: 0.5;
}

.calendar-transport__loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid var(--border-color-base);
}

.fc .fc-timeline-slot-cushion {
  color: unset;
  pointer-events: none;
}

.fc-datagrid-body tr {
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.fc-datagrid-body tr:hover {
  background-color: var(--background-color);
}

.fc .fc-timeline-now-indicator-line {
  border-color: var(--system-red-color) !important;
}

.ant-tooltip-inner span {
  font-size: 14px;
}
.ant-tooltip-inner hr {
  border-color: var(--text-color) !important;
}

.triptomagic__schedule-select {
  width: 300px;
}

.triptomagic__calendar__excluded-vehicle {
  cursor: not-allowed;
  background: repeating-linear-gradient(45deg, var(--system-darker-white-1-color) 2px, var(--system-darker-white-1-color) 10px, var(--system-darker-white-2-color) 10px, var(--system-darker-white-2-color) 18px);
}

.triptomagic-wrapper {
  padding: 0 12px;
}
.triptomagic-wrapper .triptomagic-pre-screen-wrapper {
  display: flex;
  padding-bottom: 10px;
  align-items: stretch;
  min-height: calc(100vh - 100px);
}
.triptomagic-wrapper .left-pane {
  width: 20%;
  min-width: 400px;
}
.triptomagic-wrapper .left-pane .step-pane {
  background-color: var(--component-background);
  padding: 20px 10px;
  border-radius: 4px;
}
.triptomagic-wrapper .left-pane .step-pane:not(:last-child) {
  margin-bottom: 10px;
}
.triptomagic-wrapper .left-pane .step-pane .title {
  font-size: 14px;
  font-weight: 600;
}
.triptomagic-wrapper .left-pane .step-pane .title span {
  font-size: 14px;
  font-weight: 600;
}
.triptomagic-wrapper .left-pane .step-pane .step-description {
  font-size: 12px;
}
.triptomagic-wrapper .right-pane {
  background-color: var(--component-background);
  flex: 1;
  padding: 0 10px;
}
.triptomagic-wrapper .right-pane .invoice-runner__image {
  height: 300px;
  margin-bottom: 20px;
}
.triptomagic-wrapper .tripto-form-section-wrapper.triptomagic .ant-col.ant-form-item-label {
  min-width: 80px;
}
.triptomagic-wrapper .tripto-form-section-wrapper.triptomagic.step3 .ant-col.ant-form-item-label {
  width: 225px;
}
@media (max-width: 576px) {
  .triptomagic-wrapper .triptomagic-pre-screen-wrapper {
    flex-direction: column;
  }
}

.triptomagic__schedule-row--pending:hover {
  cursor: default !important;
}
.triptomagic__schedule-row--pending:hover .ant-table-cell {
  background-color: inherit !important;
}

.triptomagic__new-schedule__date-selector {
  background-color: var(--system-white-color);
}

.triptomagic__new-schedule__duration-selector-wrapper.ant-form-item,
.triptomagic__new-schedule__date-selector-wrapper.ant-form-item,
.dummy-form-item.ant-form-item {
  margin-bottom: 0;
}

.triptomagic__new-schedule__time-selector input {
  width: 65px;
}

.triptomagic .shortcut-button {
  padding: 0;
}
.triptomagic .dummy-form-item .ant-form-item-label {
  visibility: hidden;
}
@media (max-width: 576px) {
  .triptomagic .dummy-form-item .ant-col.ant-form-item-label {
    display: none;
  }
}

.triptomagic-summary-drawer .ant-drawer-body {
  padding-top: 18px;
}
.triptomagic-summary-drawer .list-info-wrapper ul li .title {
  width: 65%;
}
.triptomagic-summary-drawer .list-info-wrapper ul li .title .ellipsis {
  max-width: 100%;
}

.apply-confirmation-modal {
  width: 25vw !important;
  transition: width 0.2s ease-in;
}
.apply-confirmation-modal .spin-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.apply-confirmation-modal .ant-modal-body {
  height: 5vh;
}
.apply-confirmation-modal.have-some-data {
  width: 50vw !important;
}
.apply-confirmation-modal.have-some-data .ant-modal-body {
  height: 75vh;
  overflow-y: auto;
}
.apply-confirmation-modal .empty-divergence-message {
  font-size: var(--fs-mid);
}
.apply-confirmation-modal .title {
  font-size: var(--fs-large);
  font-weight: 600;
}
.apply-confirmation-modal .divergent-transports,
.apply-confirmation-modal .divergent-shifts {
  margin-top: 10px;
  margin-bottom: 20px;
}
.apply-confirmation-modal .divergent-transports .divergent-desc,
.apply-confirmation-modal .divergent-shifts .divergent-desc {
  color: var(--system-gray-color);
}
.apply-confirmation-modal .divergent-transports .divergent-table,
.apply-confirmation-modal .divergent-shifts .divergent-table {
  margin-top: 10px;
}
.apply-confirmation-modal .triptomagic-delay-description {
  color: var(--system-gray-color);
}

.triptomagic-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.triptomagic-header .left-side,
.triptomagic-header .right-side {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .triptomagic-header {
    display: block;
  }
  .triptomagic-header .left-side,
  .triptomagic-header .right-side {
    justify-content: flex-end;
    margin-right: 10px;
    margin-top: 10px;
  }
}

.triptomagic-filters-drawer__vehicles-selector,
.triptomagic-filters-drawer__stations-selector {
  width: 100%;
}

.btn-ai-gradient {
  position: relative;
  background: var(--component-background) !important;
  border: none !important;
  padding: 4px 15px;
  z-index: 1;
}
.btn-ai-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  padding: 1.5px;
  background: linear-gradient(135deg, #7c3aed, #a855f7, #ec4899, #f43f5e, #f97316, #eab308, #22c55e, #14b8a6, #06b6d4, #3b82f6, #7c3aed);
  background-size: 300% 300%;
  animation: gradient-shift 4s ease infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.btn-ai-gradient:hover {
  background: var(--background-color) !important;
}

@keyframes gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}.checkBoxMultipleStateRed {
  background-color: rgb(252, 172, 172) !important;
}

.checkBoxMultipleStateRed:hover {
  background-color: rgb(253, 98, 98) !important;
}

.ant-dropdown-menu-item.trips-to-process {
  padding: 0 !important;
}
.ant-dropdown-menu-item.trips-to-process label {
  width: 100%;
  padding: 5px 12px;
}

.ant-table-filter-dropdown-search .anticon-search {
  color: rgba(0, 0, 0, 0.25);
}.dashboards-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.dashboards-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.dashboards-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.dashboards-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
}
.dashboards-layout .dashboards-layout__content {
  padding: 0;
}

.ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}.scripts-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.scripts-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.scripts-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.scripts-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
}
.scripts-layout .scripts-layout__content {
  padding: 0;
}

.ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}.superusers-layout .scripts-layout__content {
  padding: 0;
}.triptomatic-invoicing-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.triptomatic-invoicing-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.triptomatic-invoicing-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.triptomatic-invoicing-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
}
.triptomatic-invoicing-layout .triptomatic-invoicing-layout__content {
  padding: 0;
}.active-sessions__total-time--alert {
  color: var(--error-color);
}

.active-sessions-action-dropdown {
  padding-left: 0;
}

.active-sessions-action-dropdown .anticon {
  line-height: 20px;
}

.active-sessions__mobile-table-wrapper {
  margin-top: 50px;
}.feature-flag-search {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.paid-feature-icon {
  color: var(--system-blue-color);
  margin-left: 5px;
}

.sub-section-title.ant-divider-horizontal.ant-divider-with-text {
  font-weight: unset;
  color: var(--text-color);
}
.sub-section-title .ant-divider-inner-text {
  font-size: 18px;
  padding: 0 0.5em;
}

.sub-section-end {
  border-color: var(--text-color);
  margin-top: 24px;
}

.sub-section-outside,
.ant-input-textarea {
  width: 100%;
}

.add-element-wrapper {
  width: 100%;
  text-align: right;
}
.add-element-wrapper .btn-trans .anticon {
  margin-right: unset;
}

.footer-element-wrapper {
  position: relative;
  background-color: var(--body-background);
  border-radius: 4px !important;
  padding: 16px;
  box-sizing: border-box;
}

.create-organization__section-wrapper > .ant-form-item-control {
  width: 100%;
}

.feature-flag_section .horizontal-input > .ant-row.ant-form-item-row > .ant-col.ant-form-item-label {
  width: 180px !important;
}
.feature-flag_section .has-field-note > .ant-form-item-control {
  flex: 1;
}
.feature-flag_section .ant-form-item-row .ant-input-group:empty {
  display: none !important;
}

.booqit__mismatched-emails-section .booqit__mismatched-emails-alert {
  display: flex !important;
}
.booqit__mismatched-emails-section .booqit__mismatched-emails-alert .ant-alert-icon {
  top: 8px !important;
  left: 8px;
}.public-booking-form-container .code-container .ant-row .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
  display: flex;
  flex-direction: column;
}
.public-booking-form-container .code-container .ant-row .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content textarea {
  cursor: pointer;
}
.public-booking-form-container .code-container .ant-row .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content .copy-button {
  padding: 0px;
}
.public-booking-form-container .actions {
  display: flex;
  justify-content: flex-end;
}.emailVerificationTable {
  table-layout: fixed;
}
.emailVerificationTable .col-main {
  width: 50%;
  min-width: 100px;
}
.emailVerificationTable .col-actions {
  width: 1%;
  white-space: nowrap;
}.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select {
  height: 253px;
  width: 450px;
}

.logo-upload-compact.ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select {
  height: 150px;
  width: 250px;
}

.upload-logo-icon {
  font-size: 20px;
}

.ant-image-img {
  object-fit: contain;
}

.ant-image .ant-image-mask {
  color: var(--text-color);
}#api-keys-ids {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.75rem;
  align-items: center;
  margin-top: 2rem;
}
#api-keys-ids input:hover {
  cursor: pointer;
}
#api-keys-ids #api-keys-company-header {
  grid-column: 1/-1;
  margin-bottom: -1rem;
  font-weight: bold;
}.api-keys-drawer .superadmin-scope-select {
  width: 100%;
  margin: 0.75rem 0;
}
.api-keys-drawer > .full-width > div:first-child {
  color: var(--success-color);
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}
.api-keys-drawer .api-key-container {
  flex-direction: column;
}
.api-keys-drawer .api-key-container > div {
  display: flex;
}
.api-keys-drawer .api-key-container > div > .fa-key {
  font-size: 2em;
  color: var(--primary-color);
}
.api-keys-drawer .api-key-container > div > .api-key-labels .api-key-name {
  font-weight: 600;
}
.api-keys-drawer .api-key-container > div > .api-key-labels > div:not(.api-key-name) {
  color: var(--system-gray-color);
}
.api-keys-drawer .api-key-container > div > .api-key-labels button {
  padding: 0;
}
.api-keys-drawer .api-key-container > div > .api-key-buttons {
  display: flex;
  flex-direction: column;
  width: auto;
}
.api-keys-drawer .api-key-container > .api-key-scopes {
  display: flex;
  flex-direction: column;
  margin-left: 2rem;
}.buttonWithIconLeft i {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.codabox-supplier .ant-form-item-label {
  width: 200px !important;
}.pagination-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-controls button,
.pagination-controls [role=button] {
  text-align: center;
  min-width: 16px;
}

.page,
.active-page,
.ellipsis-pagination {
  margin: 0 5px;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.page:hover,
.ellipsis-pagination:hover {
  background-color: #f2f2f2;
  color: #0092b3;
}

.active-page {
  border: solid 1px #0092b3;
  color: #0092b3;
  font-weight: bold;
  cursor: default;
}.urgent-threshold-slider .ant-form-item-control-input-content {
  display: block;
}.conditions-section .conditions-empty-state {
  padding: 32px 0;
}
.conditions-section .conditions-empty-state .ant-empty-description {
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
}
.conditions-section .conditions-empty-state .conditions-match-all-description {
  margin-top: 4px;
  font-size: 12px;
  font-style: italic;
}
.conditions-section .conditions-builder {
  margin-top: 8px;
}

.rule-group {
  position: relative;
  padding: 16px;
  background: var(--component-background, #fff);
  border-radius: 8px;
  border: 1px solid var(--border-color-split, #f0f0f0);
  transition: all 0.2s ease;
}
.rule-group--nested {
  margin: 12px 0;
  margin-left: 24px;
  border-left: 3px solid var(--group-border-color, #1890ff);
  background: linear-gradient(90deg, rgba(24, 144, 255, 0.02) 0%, var(--component-background, #fff) 100%);
}
.rule-group--nested::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 50%;
  width: 21px;
  height: 2px;
  background: var(--border-color-split, #f0f0f0);
}
.rule-group--nested > .group-combinator-tag {
  position: absolute;
  left: -32px;
  top: 50%;
  transform: translateY(-150%);
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 4px;
  line-height: 16px;
  z-index: 1;
}
.rule-group--root {
  border: 1px solid var(--border-color, #d9d9d9);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.rule-group__header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--border-color-split, #f0f0f0);
}
.rule-group__header .combinator-toggle .ant-segmented-item-selected {
  background: var(--primary-color, #1890ff);
  color: #fff;
}
.rule-group__header .combinator-description {
  font-size: 12px;
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
  font-style: italic;
}
.rule-group__rules {
  min-height: 48px;
}
.rule-group__actions {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px dashed var(--border-color-split, #f0f0f0);
}

.rule-item {
  position: relative;
  padding: 8px 0;
}
.rule-item:not(:last-child) {
  margin-bottom: 8px;
}
.rule-item .rule-combinator-tag {
  position: absolute;
  left: -8px;
  top: 12px;
  font-size: 10px;
  text-transform: uppercase;
  padding: 0 4px;
  line-height: 16px;
  z-index: 1;
}
.rule-item__content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--background-color-light, #fafafa);
  border-radius: 6px;
  border: 1px solid var(--border-color-split, #f0f0f0);
  transition: all 0.2s ease;
}
.rule-item__content:hover {
  border-color: var(--primary-color, #1890ff);
  background: var(--component-background, #fff);
}
.rule-item .rule-field-select {
  flex: 0 0 180px;
}
.rule-item .rule-operator-select {
  flex: 0 0 140px;
}
.rule-item .rule-value-input {
  flex: 1;
  min-width: 150px;
}
.rule-item .rule-delete-btn {
  flex: 0 0 32px;
  margin-left: auto;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.rule-item .rule-delete-btn:hover {
  opacity: 1;
}

[data-theme=dark] .rule-group--nested {
  background: linear-gradient(90deg, rgba(24, 144, 255, 0.05) 0%, var(--component-background, #141414) 100%);
}
[data-theme=dark] .rule-item__content {
  background: var(--background-color-base, #1f1f1f);
}.fallback-section .section-description {
  color: var(--text-color-secondary);
  font-size: 13px;
  margin-bottom: 12px;
  line-height: 1.5;
}
.fallback-section .fallback-select-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.fallback-section .fallback-select-wrapper .collab-icon {
  color: var(--text-color-secondary);
  font-size: 16px;
  margin-top: 8px;
}
.fallback-section .fallback-select-wrapper .fallback-select {
  flex: 1;
  min-width: 0;
}.targets-section .targets-empty-state {
  padding: 32px 0;
}
.targets-section .targets-empty-state .ant-empty-image {
  margin-bottom: 16px;
}
.targets-section .targets-empty-state .ant-empty-image .anticon {
  font-size: 48px;
  color: var(--text-color-disabled, rgba(0, 0, 0, 0.2509803922));
}
.targets-section .targets-empty-state .ant-empty-description {
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
}
.targets-section .targets-builder {
  margin-top: 8px;
}

.collaborator-group {
  position: relative;
  padding: 16px;
  background: var(--component-background, #fff);
  border-radius: 8px;
  border: 1px solid var(--border-color-split, #f0f0f0);
  transition: all 0.2s ease;
}
.collaborator-group--nested {
  margin: 12px 0;
  margin-left: 24px;
  border-left: 3px solid var(--group-border-color, #52c41a);
  background: linear-gradient(90deg, rgba(82, 196, 26, 0.02) 0%, var(--component-background, #fff) 100%);
}
.collaborator-group--nested::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 50%;
  width: 21px;
  height: 2px;
  background: var(--border-color-split, #f0f0f0);
}
.collaborator-group--root {
  border: 1px solid var(--border-color, #d9d9d9);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.collaborator-group__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--border-color-split, #f0f0f0);
}
.collaborator-group__header .algorithm-selector {
  display: flex;
  align-items: center;
  gap: 8px;
}
.collaborator-group__header .algorithm-selector .algorithm-label {
  font-weight: 500;
  color: var(--text-color, rgba(0, 0, 0, 0.8509803922));
  font-size: 13px;
}
.collaborator-group__header .algorithm-selector .algorithm-select {
  min-width: 120px;
}
.collaborator-group__header .algorithm-selector .algorithm-hint {
  font-size: 12px;
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
  font-style: italic;
}
.collaborator-group__items {
  min-height: 48px;
}
.collaborator-group__actions {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px dashed var(--border-color-split, #f0f0f0);
}

.collaborator-item {
  position: relative;
  padding: 8px 0;
}
.collaborator-item:not(:last-child) {
  margin-bottom: 8px;
}
.collaborator-item__content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: var(--background-color-light, #fafafa);
  border-radius: 6px;
  border: 1px solid var(--border-color-split, #f0f0f0);
  transition: all 0.2s ease;
}
.collaborator-item__content:hover {
  border-color: var(--primary-color, #1890ff);
  background: var(--component-background, #fff);
}
.collaborator-item__content .collab-icon {
  color: var(--primary-color, #1890ff);
  font-size: 16px;
  flex-shrink: 0;
}
.collaborator-item__content .collab-select {
  flex: 1;
  min-width: 200px;
}
.collaborator-item__content .weight-input-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  border-left: 1px solid var(--border-color-split, #f0f0f0);
}
.collaborator-item__content .weight-input-wrapper .weight-label {
  font-size: 12px;
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
}
.collaborator-item__content .weight-input-wrapper .weight-input {
  width: 60px;
}
.collaborator-item__content .collab-delete-btn {
  flex-shrink: 0;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}
.collaborator-item__content .collab-delete-btn:hover {
  opacity: 1;
}
.collaborator-item .order-badge {
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.collaborator-item .order-badge .ant-badge-count {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.collaborator-item__preview {
  display: none;
}

.draggable-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.draggable-item .drag-handle {
  cursor: grab;
  color: var(--text-color-disabled, rgba(0, 0, 0, 0.2509803922));
  font-size: 16px;
  padding: 4px;
  transition: color 0.2s ease;
}
.draggable-item .drag-handle:hover {
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
}
.draggable-item .collaborator-item {
  flex: 1;
}

.drag-item-wrapper {
  margin-bottom: 8px;
}
.drag-item-wrapper.is-dragged .draggable-item {
  background: var(--component-background, #fff);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.drag-item-wrapper.is-dragged .drag-handle {
  color: var(--primary-color, #1890ff);
  cursor: grabbing;
}

.nested-group-wrapper {
  position: relative;
  margin-bottom: 8px;
}
.nested-group-wrapper .group-order-badge {
  position: absolute;
  left: -4px;
  top: calc(50% - 18px);
  z-index: 1;
}
.nested-group-wrapper .group-order-badge .ant-badge-count {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

[data-theme=dark] .collaborator-group--nested {
  background: linear-gradient(90deg, rgba(82, 196, 26, 0.05) 0%, var(--component-background, #141414) 100%);
}
[data-theme=dark] .collaborator-item__content {
  background: var(--background-color-base, #1f1f1f);
}.drawer-rule-editor .rule-editor-form .section-content {
  padding: 4px 0;
}
.drawer-rule-editor .rule-editor-form .section-description {
  margin-bottom: 16px;
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
  font-size: 13px;
  line-height: 1.6;
}.matching-rules-drawer .matching-rules-content {
  min-height: 400px;
}
.matching-rules-drawer .matching-rules-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.matching-rules-drawer .matching-rules-table .rule-name-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}
.matching-rules-drawer .matching-rules-table .rule-name-cell .rule-name {
  font-weight: 500;
}
.matching-rules-drawer .matching-rules-table .rule-name-cell .rule-status-tag {
  font-size: 11px;
  padding: 0 6px;
  line-height: 18px;
  border-radius: 4px;
}
.matching-rules-drawer .matching-rules-table .conditions-count,
.matching-rules-drawer .matching-rules-table .targets-count {
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.4509803922));
  font-size: 13px;
}
.matching-rules-drawer .ant-empty {
  padding: 48px 0;
}.section-wrapper {
  min-height: unset;
  padding: 12px;
  margin: 12px 12px 12px 12px;
  overflow: hidden;
  background: var(--component-background);
}
.section-wrapper .section-title {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 6px;
}
.section-wrapper .section-title:not(:first-child) {
  margin-top: 12px;
}

.group-title {
  margin: 24px 12px 12px 24px;
  font-weight: bold;
  font-size: 16px;
}

.organization-container button.ant-btn {
  padding: 0;
}

.tripto-organization-form {
  margin-top: 12px;
}

.products__dropable-area {
  display: flex;
  flex-direction: column;
}

.products__drag-item {
  width: 100%;
  border-radius: 2px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--system-gray-4-color);
  color: var(--primary-color);
  box-sizing: border-box;
}
.products__drag-item:hover {
  border-color: var(--system-gray-color);
}
.products__drag-item .sort-products-prefix-icon {
  color: var(--text-color);
}
.products__drag-item .sort-products-suffix-icon span {
  font-size: 16px;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.products__loading-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.field-values__label .ant-form-item-label {
  max-width: 100px;
}
.field-values__label .ant-form-item-control {
  flex: 1;
  max-width: unset;
}

.field-settings__label .ant-form-item-label {
  width: 240px;
}
.field-settings__label .ant-form-item-control {
  flex: 1;
  max-width: unset;
}

.organization-selector {
  width: 30%;
}

.organization-loading-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 100px;
}

.footer-elements-section .ant-form-item-no-colon,
.billit-section .ant-form-item-no-colon,
.custom-invoicing-tasks-section .ant-form-item-no-colon {
  width: 100%;
}

.company-selector {
  min-width: 200px;
}

.company-selector-dropdown.ant-select-dropdown {
  padding: 0;
}

.create-new-company-button {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.create-new-company-button:hover {
  border-color: var(--border-color-base);
}

.field-defaults-section .field-values__label {
  flex-flow: row;
}

.ant-table-tbody > tr:hover {
  cursor: pointer;
}
.ant-table-tbody .org-status-inactive > td {
  color: gray;
  text-decoration: line-through;
}

.sub-header {
  position: sticky;
  top: 55px;
  z-index: 1;
  margin: 0;
  background-color: var(--system-gray-6-color);
  padding: 12px 12px 12px 24px;
}
.sub-header > .section-wrapper {
  margin: 0;
}

.organization-settings-header {
  padding-bottom: 0;
}
.organization-settings-header .ant-page-header-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
.organization-settings-header .ant-page-header-heading-left {
  margin-right: 12px;
}
.organization-settings-header .ant-page-header-heading-title {
  margin-bottom: 0;
}
.organization-settings-header .ant-page-header-heading-sub-title {
  display: flex;
  gap: 8px;
}
.organization-settings-header .ant-btn-link {
  padding: 0;
}

.organization-tabs .ant-tabs-nav {
  padding-left: 24px;
  background-color: var(--system-white-color);
  margin-bottom: 0px;
}

.active-company-switch-disabled {
  background: var(--system-gray-color) !important;
}

.mobility-time-row {
  margin-bottom: 6px;
}
.mobility-time-row:last-child {
  margin-bottom: 0;
}
.mobility-time-row .mobility-label {
  font-size: 14px;
}
.mobility-time-row .mobility-time-input {
  width: 70px;
}.selector-wrapper {
  width: 22%;
  display: flex;
  align-items: center;
}
.selector-wrapper:not(:first-child) {
  margin-left: 4%;
}
.selector-wrapper:last-child {
  width: unset;
  flex: 1;
}
.selector-wrapper .organization-selector,
.selector-wrapper .billing-code-selector,
.selector-wrapper .date-range-selector {
  flex: 1;
  width: 100%;
}

.scripts-filter-container {
  display: flex;
  width: 100%;
  margin-bottom: 16px;
}

.scripts-action-container {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  width: 100%;
}.superadmin-api-keys__actions {
  display: flex;
  gap: 0.5rem;
}.call-to-action {
  text-align: center;
  font-style: italic;
}

.status-text-all {
  background-color: var(--system-white-color) !important;
}

.status-text-created {
  background-color: var(--tripto-started) !important;
}

.status-text-invited {
  background-color: var(--tripto-not-completed) !important;
}

.status-text-accepted {
  background-color: var(--tripto-completed) !important;
}

.status-text-revoked {
  background-color: var(--info-color) !important;
}

.status-text-rejected {
  background-color: var(--tripto-bad) !important;
}

.status-text-inviterStopped {
  background-color: var(--background-color) !important;
}

.status-text-invitedStopped {
  background-color: var(--disabled-color) !important;
}

.status-label > .ant-select-item {
  border-radius: 0;
}

.superadmin-org-selector {
  width: 300px;
}
.superadmin-org-selector .ant-select-selector {
  background-color: #fafafa !important;
  border-left: 4px solid #1677ff !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}
.superadmin-org-selector:hover .ant-select-selector {
  background-color: #f0f0f0 !important;
}
.superadmin-org-selector, .superadmin-org-selector *, .superadmin-org-selector .ant-select-selection-search, .superadmin-org-selector .ant-select-selection-search-input, .superadmin-org-selector .ant-select-selection-item, .superadmin-org-selector .ant-select-selection-placeholder {
  cursor: pointer !important;
}.activity-wrapper {
  padding: 10px 0px;
  border-bottom: 1px solid var(--border-color-base);
}
.activity-wrapper.no-border {
  border-bottom: 0px;
}
.activity-wrapper .activity-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.activity-wrapper .activity-user {
  font-weight: bold;
}
.activity-wrapper .activity-user > span {
  margin-left: 13px;
  font-weight: normal;
}
.activity-wrapper .action-field {
  padding: 3px 5px;
  border-radius: 3px;
  margin-right: 5px;
  background: var(--header-background);
}
.activity-wrapper .activity-change-wrapper {
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  align-items: flex-start;
}
.activity-wrapper .activity-change-wrapper .arrow-changed,
.activity-wrapper .activity-change-wrapper .arrow-changed svg {
  margin-right: 10px;
  margin-left: 10px;
  color: var(--text-color-strong);
  display: inline-block;
  margin-top: 4px;
}
.activity-wrapper .activity-change-wrapper .old-value,
.activity-wrapper .activity-change-wrapper .new-value {
  color: var(--text-color-secondary);
  display: inline-block;
  margin-top: 3px;
}

.user-form__change-password-btn {
  padding: 0;
}

.user-form__email-field {
  margin-bottom: 12px;
}.tripto-user-form h3 {
  font-size: 1.3em;
}
.tripto-user-form > .ant-form-item-label label {
  min-width: 130px;
}
.tripto-user-form .ant-form-item-explain > div {
  display: none;
}
.tripto-user-form .ant-form-item-explain > div:first-child {
  display: initial;
}
.tripto-user-form .ant-input-password .ant-input-suffix {
  top: 10px;
}
.tripto-user-form .ant-checkbox-group > label {
  display: block;
  margin-bottom: 13px;
}
.tripto-user-form > div:first-child {
  flex-wrap: nowrap;
}

.super-users-overview__table .email-cell,
.super-users-overview__table .roles-cell,
.super-users-overview__table .ellipsis-cell {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}.matching-center .ant-layout-header {
  padding: unset;
  height: unset;
}
.matching-center .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.matching-center .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.matching-center .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.matching-center .matching-center__content {
  padding: 0;
}.home-main-picture {
  position: relative;
}
.home-main-picture img {
  max-height: calc(100vh - 470px);
  margin: 0 auto;
  display: block;
  margin-bottom: 70px;
  margin-top: 50px;
}.superadmin__dashboard {
  text-align: center;
  margin-top: 20px;
  width: 100%;
  justify-content: center;
}
.superadmin__dashboard .title {
  height: 32px;
  padding-top: 4px;
  font-weight: 500;
  font-size: var(--fs-large);
}
.superadmin__dashboard .select {
  margin-left: 10px;
  width: 15%;
  text-align: left;
}
.superadmin__dashboard .impersonate__button {
  padding: 4px;
}

.superadmin-dashboard__page-header {
  background-color: var(--background-color);
}
.superadmin-dashboard__page-header > div {
  min-height: 40px;
}.home-main-picture {
  position: relative;
}
.home-main-picture img {
  max-height: calc(100vh - 470px);
  margin: 0 auto;
  display: block;
  margin-bottom: 25px;
  margin-top: 50px;
}

.browser-disclaimer {
  margin: auto;
  font-size: 10px;
  text-align: left;
  width: 400px;
  margin-bottom: 50px;
}

.setup-tasks-table {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
}
.setup-tasks-table .setup-tasks-table__section-row {
  background-color: #fafafa;
  font-weight: 600;
}
.setup-tasks-table .setup-tasks-table__section-row:hover {
  background-color: #fafafa !important;
}
.setup-tasks-table .ant-table-thead > tr > th {
  background-color: #fafafa !important;
  font-weight: 600;
}
.setup-tasks-table .ant-table-tbody > tr {
  cursor: default;
}
.setup-tasks-table .ant-table-tbody > tr:hover > td {
  background-color: transparent !important;
}
.setup-tasks-table .ant-btn-primary {
  border-radius: 4px;
  cursor: pointer;
}
.setup-tasks-table .ant-btn-link {
  padding: 0;
  cursor: pointer;
}
/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: flex;
  flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

  /* reset */

}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
.fc {

  /* theme */

}
.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
.fc .fc-button:disabled {
    opacity: 0.65;
  }
.fc {

  /* "primary" coloring */

}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc {

  /* icons within buttons */

}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }
.fc {

  /* stickiness */

}
.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: sticky;
}
.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }
.fc {

  /* when the harness controls the height, make the view liquid */

}
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected,
.fc-event:focus {

  /* dimmer effect */

}
.fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}
.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }


  .fc .fc-resource-timeline-divider {
    width: 3px; /* important to have width to shrink this cell. no cross-browser problems */
    cursor: col-resize;
  }

.fc .fc-resource-group {
    /* make it look less like a <th> */
    font-weight: inherit;
    text-align: inherit;
  }

.fc {


  /* will match horizontal groups in the datagrid AND group lanes in the timeline area */

}

.fc .fc-resource-timeline .fc-resource-group:not([rowspan]) {
      background: rgba(208, 208, 208, 0.3);
      background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    }

.fc .fc-timeline-lane-frame {
    position: relative; /* contains the fc-timeline-bg container, which liquidly expands */
    /* the height is explicitly set by row-height-sync */
  }

.fc .fc-timeline-overlap-enabled .fc-timeline-lane-frame .fc-timeline-events { /* has height set on it */
    box-sizing: content-box; /* padding no longer part of height */
    padding-bottom: 10px; /* give extra spacing underneath for selecting */
  }

/* hack to make bg expand to lane's full height in resource-timeline with expandRows (#6134) */
.fc-timeline-body-expandrows td.fc-timeline-lane {
    position: relative;
  }
.fc-timeline-body-expandrows .fc-timeline-lane-frame {
    position: static;
  }
/* the "frame" */
.fc-datagrid-cell-frame-liquid {
  height: 100%; /* needs liquid hack */
}
.fc-liquid-hack .fc-datagrid-cell-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc {

  /* the "frame" in a HEADER */
  /* needs to position the column resizer */
  /* needs to vertically center content */

}
.fc .fc-datagrid-header .fc-datagrid-cell-frame {
      position: relative; /* for resizer */
      display: flex;
      justify-content: flex-start; /* horizontal align (natural left/right) */
      align-items: center; /* vertical align */
    }
.fc {

  /* the column resizer (only in HEADER) */

}
.fc .fc-datagrid-cell-resizer {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 5px;
    cursor: col-resize;
  }
.fc {

  /* the cushion */

}
.fc .fc-datagrid-cell-cushion {
    padding: 8px;
    white-space: nowrap;
    overflow: hidden; /* problem for col resizer :( */
  }
.fc {

  /* expander icons */

}
.fc .fc-datagrid-expander {
    cursor: pointer;
    opacity: 0.65

  }
.fc .fc-datagrid-expander .fc-icon { /* the expander and spacers before the expander */
      display: inline-block;
      width: 1em; /* ensure constant width, esp for empty icons */
    }
.fc .fc-datagrid-expander-placeholder {
    cursor: auto;
  }
.fc .fc-resource-timeline-flat .fc-datagrid-expander-placeholder {
      display: none;
    }
.fc-direction-ltr .fc-datagrid-cell-resizer { right: -3px }
.fc-direction-rtl .fc-datagrid-cell-resizer { left: -3px }
.fc-direction-ltr .fc-datagrid-expander { margin-right: 3px }
.fc-direction-rtl .fc-datagrid-expander { margin-left: 3px }


  .fc .fc-timeline-body {
    min-height: 100%;
    position: relative;
    z-index: 1; /* scope slots, bg, etc */
  }
/*
vertical slots in both the header AND the body
*/
.fc .fc-timeline-slots {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0
  }
.fc .fc-timeline-slots > table {
      height: 100%;
    }
.fc {

  /* border for both header AND body cells */

}
.fc .fc-timeline-slot-minor {
    border-style: dotted;
  }
.fc {

  /* header cells (aka "label") */

}
.fc .fc-timeline-slot-frame {
    display: flex;
    align-items: center; /* vertical align */
    justify-content: center; /* horizontal align */
  }
.fc .fc-timeline-header-row-chrono { /* a row of times */
  }
.fc .fc-timeline-header-row-chrono .fc-timeline-slot-frame {
      justify-content: flex-start; /* horizontal align left or right */
    }
.fc .fc-timeline-header-row:last-child { /* guaranteed NOT to have sticky elements */
  }
.fc .fc-timeline-header-row:last-child .fc-timeline-slot-frame {
      /* so text doesn't bleed out and cause extra scroll */
      /* (won't work with sticky elements) */
      overflow: hidden;
    }
.fc .fc-timeline-slot-cushion {
    padding: 4px 5px; /* TODO: unify with fc-col-header? */
    white-space: nowrap;
  }
.fc {

  /* NOTE: how does the top row of cells get horizontally centered? */
  /* for the non-chrono-row, the fc-sticky system looks for text-align center, */
  /* and it's a fluke that the default browser stylesheet already does this for <th> */
  /* TODO: have StickyScrolling look at natural left coord to detect centeredness. */

}
/* only owns one side, so can do dotted */
.fc-direction-ltr .fc-timeline-slot { border-right: 0 !important }
.fc-direction-rtl .fc-timeline-slot { border-left: 0 !important }
.fc .fc-timeline-now-indicator-container {
    position: absolute;
    z-index: 4;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
  }
.fc .fc-timeline-now-indicator-arrow,
  .fc .fc-timeline-now-indicator-line {
    position: absolute;
    top: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
.fc .fc-timeline-now-indicator-arrow {
    margin: 0 -6px; /* 5, then one more to counteract scroller's negative margins */

    /* triangle pointing down. TODO: mixin */
    border-width: 6px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
  }
.fc .fc-timeline-now-indicator-line {
    margin: 0 -1px; /* counteract scroller's negative margins */
    bottom: 0;
    border-width: 0 0 0 1px;
  }
.fc {

  /* container */

}
.fc .fc-timeline-events {
    position: relative;
    z-index: 3;
    width: 0; /* for event positioning. will end up on correct side based on dir */
  }
.fc {

  /* harness */

}
.fc .fc-timeline-event-harness,
  .fc .fc-timeline-more-link {
    position: absolute;
    top: 0; /* for when when top can't be computed yet */
    /* JS will set tht left/right */
  }
/* z-index, scoped within fc-timeline-events */
.fc-timeline-event { z-index: 1 }
.fc-timeline-event.fc-event-mirror { z-index: 2 }
.fc-timeline-event {
  position: relative; /* contains things. TODO: make part of fc-h-event and fc-v-event */
  display: flex; /* for v-aligning start/end arrows and making fc-event-main stretch all the way */
  align-items: center;
  border-radius: 0;
  padding: 2px 1px;
  margin-bottom: 1px;
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em)

  /* time and title spacing */
  /* ---------------------------------------------------------------------------------------------------- */
}
.fc-timeline-event .fc-event-main {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-timeline-event .fc-event-time {
    font-weight: bold;
  }
.fc-timeline-event .fc-event-time,
  .fc-timeline-event .fc-event-title {
    white-space: nowrap;
    padding: 0 2px;
  }
/* move 1px away from slot line */
.fc-direction-ltr .fc-timeline-event.fc-event-end,
  .fc-direction-ltr .fc-timeline-more-link {
    margin-right: 1px;
  }
.fc-direction-rtl .fc-timeline-event.fc-event-end,
  .fc-direction-rtl .fc-timeline-more-link {
    margin-left: 1px;
  }
/* make event beefier when overlap not allowed */
.fc-timeline-overlap-disabled .fc-timeline-event {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
}
/* arrows indicating the event continues into past/future */
/* ---------------------------------------------------------------------------------------------------- */
/* part of the flexbox flow */
.fc-timeline-event:not(.fc-event-start):before,
.fc-timeline-event:not(.fc-event-end):after {
  content: "";
  flex-grow: 0;
  flex-shrink: 0;
  opacity: .5;

  /* triangle. TODO: mixin */
  width: 0;
  height: 0;
  margin: 0 1px;
  border: 5px solid #000; /* TODO: var */
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* pointing left */
.fc-direction-ltr .fc-timeline-event:not(.fc-event-start):before,
.fc-direction-rtl .fc-timeline-event:not(.fc-event-end):after {
  border-left: 0;
}
/* pointing right */
.fc-direction-ltr .fc-timeline-event:not(.fc-event-end):after,
.fc-direction-rtl .fc-timeline-event:not(.fc-event-start):before {
  border-right: 0;
}
/* +more events indicator */
/* ---------------------------------------------------------------------------------------------------- */
.fc-timeline-more-link {
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
  color: inherit;
  color: var(--fc-more-link-text-color, inherit);
  background: #d0d0d0;
  background: var(--fc-more-link-bg-color, #d0d0d0);
  padding: 1px;
  cursor: pointer;
}
.fc-timeline-more-link-inner { /* has fc-sticky */
  display: inline-block;
  left: 0;
  right: 0;
  padding: 2px;
}
.fc .fc-timeline-bg { /* a container for bg content */
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 0;
    left: 0; /* will take precedence when LTR */
    right: 0; /* will take precedence when RTL */ /* TODO: kill */
  }
.fc .fc-timeline-bg .fc-non-business { z-index: 1 }
.fc .fc-timeline-bg .fc-bg-event { z-index: 2 }
.fc .fc-timeline-bg .fc-highlight { z-index: 3 }
.fc .fc-timeline-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }

.dragging-tooltip-start {
  margin-top: 0.5rem;
  margin-left: -1rem;
}

.dragging-tooltip-end {
  margin-top: 0.5rem;
  right: -1rem;
}

.hidden-tooltip {
  display: none;
}

.calendar-transport__wrapper {
  position: relative;
}
.calendar-transport__wrapper .loading {
  opacity: 0.5;
}

.calendar-transport__loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid var(--border-color-base);
}

.fc-timeline-body .fc-scrollgrid-sync-table .dragging-resource-row > .fc-timeline-lane-frame {
  z-index: 4;
}

.dragging-mode-horizontal :not(tr.dragging-resource-row) > td {
  background-color: var(--disabled-color);
}

.dragging-mode-vertical tr:not(.dragging-resource-row):hover {
  box-shadow: 0 0 8px var(--primary-color);
}

.fc .fc-timeline-slot-cushion {
  color: unset;
  pointer-events: none;
}

.fc-datagrid-body tr {
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.fc-datagrid-body tr:hover {
  background-color: var(--background-color);
}
.fc-datagrid-body .calendar__clickable-cell .fc-datagrid-cell-cushion {
  padding: 0 !important;
}
.fc-datagrid-body .calendar__clickable-cell .fc-datagrid-cell-main div {
  height: 100%;
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fc-timeline-now-indicator-arrow {
  margin: 0 -1px !important;
  height: 100%;
  border-width: 0 0 0 1px !important;
  border-left-color: var(--system-red-color) !important;
}
.fc-timeline-now-indicator-arrow::before {
  content: "circle";
  background-color: var(--system-red-color);
  position: absolute;
  left: -4.5px;
  border-radius: 6px;
  color: transparent;
  height: 8px;
  width: 8px;
}

.fc .fc-timeline-now-indicator-line {
  border-color: var(--system-red-color) !important;
}

.ant-tooltip-inner span {
  font-size: 14px;
}
.ant-tooltip-inner hr {
  border-color: var(--text-color) !important;
}

.crew-cell-wrapper {
  position: relative;
  transition: opacity 5s ease-in;
}
.crew-cell-wrapper:hover .crew-cell_quick-action-btn {
  display: block;
}

.crew-cell_quick-action-btn {
  display: none;
  opacity: 0.9;
  position: absolute;
  right: 2px;
  bottom: 4px;
  background-color: var(--system-gray-4-color);
  padding: 1px;
  border-radius: 4px;
}
.crew-cell_quick-action-btn.ant-dropdown-open {
  display: block;
}
.crew-cell_quick-action-btn:hover {
  opacity: 0.7;
}

.calendar__event-box--dropdown {
  min-width: 200px;
}

.dispatching-calendar__vehicles-selector {
  width: 400px;
}
.dispatching-calendar__vehicles-selector .ant-tag {
  display: flex;
  align-items: center;
}
.dispatching-calendar__vehicles-selector .ant-tag .vehicle-name-container {
  display: inline-block;
  max-width: 64px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 576px) {
  .calendar-filters-wrapper {
    padding: 0 10px 10px 10px !important;
    display: flex;
    flex-direction: row-reverse;
  }
}

.fc-datagrid-cell-cushion:has(.calendar-crew-column) {
  width: 100%;
  text-align: left;
}

.calendar-crew-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.calendar-crew-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 0;
  text-align: center;
}

.calendar-material-specifics-cell {
  padding: 2px !important;
}

.resource-toggle-expand-button {
  height: 20px;
  line-height: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.dispatching-calendar__mobile-view__vehicle-cell {
  padding: 4px 8px !important;
  white-space: wrap;
}
.dispatching-calendar__mobile-view__vehicle-cell .dispatching-calendar__mobile-view__vehicle-cell-line {
  padding: 2px 0 !important;
}
.dispatching-calendar__mobile-view__vehicle-cell .dispatching-calendar__mobile-view__vehicle-cell-line .calendar-material-specifics-cell-tag:not(:last-child) {
  margin-bottom: 2px;
  margin-right: 2px;
}

.dispatching-calendar__mobile-view__vehicle-cell-quick-action-btn {
  background-color: var(--system-gray-4-color);
  border-radius: 4px;
  margin-left: 8px;
}

.dispatching-calendar__event-box {
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  position: relative;
  flex-direction: column;
}
.dispatching-calendar__event-box .event-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.calendar__event--bundle {
  border-radius: 12px !important;
  overflow: hidden !important;
  border-width: 2px !important;
}.detailed-trip-info-row .info-wrapper {
  max-width: 500px;
}
.detailed-trip-info-row .ant-timeline-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
}.triptomagic-create-schedule-form .ant-form-item-no-colon {
  width: 100%;
}
.triptomagic-create-schedule-form .tripto-form-section-wrapper .horizontal-input > .ant-form-item-row > .ant-col.ant-form-item-label {
  min-width: 75px;
}
.triptomagic-create-schedule-form .triptomagic-time-period-date-selector {
  background-color: var(--surface-bg-color);
  margin-right: 10px;
}
.triptomagic-create-schedule-form .triptomagic-combinations-radio-group > div {
  align-items: baseline !important;
}
.triptomagic-create-schedule-form .triptomagic-save-defaults-button > div > div > label {
  pointer-events: none;
}
.triptomagic-create-schedule-form .triptomagic-save-defaults-button > div > div > label button {
  pointer-events: auto;
}#table_dispatching tr th .ant-table-filter-column {
  gap: 4px;
}
#table_dispatching tr th .ant-table-filter-column .ant-table-filter-trigger:hover {
  background-color: transparent;
}
#table_dispatching tr th .ant-table-column-sorters {
  margin-right: 4px;
}

.matching-label {
  text-align: center;
  border-radius: 5px;
  background: var(--system-darker-white-1-color);
  padding: 3px 7px;
  line-height: 24px;
  font-size: 12px;
  color: #595959;
}

.matching-status-label {
  border-radius: 0px !important;
}

.matching-label.all, .matching-label.mySelection,
.matching-status-label.all,
.matching-status-label.mySelection {
  background-color: white;
}
.matching-label.createdByYou,
.matching-status-label.createdByYou {
  background: var(--system-darker-white-1-color);
}
.matching-label.matching,
.matching-status-label.matching {
  background-color: var(--tripto-not-completed-light);
}
.matching-label.matching.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.matching.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed-light);
}
.matching-label.assigned,
.matching-status-label.assigned {
  background-color: var(--tripto-completed);
}
.matching-label.assigned.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.assigned.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.matching-label.cancelled,
.matching-status-label.cancelled {
  background-color: var(--tripto-bad);
}
.matching-label.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.matching-label.revoked,
.matching-status-label.revoked {
  background-color: var(--tripto-bad-light);
}
.matching-label.revoked.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.revoked.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-light);
}
.matching-label.rejected,
.matching-status-label.rejected {
  background-color: var(--tripto-bad-1);
}
.matching-label.rejected.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.rejected.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-1);
}
.matching-label.expired,
.matching-status-label.expired {
  background-color: var(--tripto-bad-2);
}
.matching-label.expired.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.expired.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-2);
}
.matching-label.missed,
.matching-status-label.missed {
  background-color: var(--tripto-bad-3);
}
.matching-label.missed.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.missed.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-3);
}
.matching-label.offeredToYou,
.matching-status-label.offeredToYou {
  background-color: var(--tripto-started);
}
.matching-label.offeredToYou.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.offeredToYou.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started);
}
.matching-label:hover.all, .matching-label:hover.mySelection, .matching-label.ant-select-item-option-selected.all, .matching-label.ant-select-item-option-selected.mySelection,
.matching-status-label:hover.all,
.matching-status-label:hover.mySelection,
.matching-status-label.ant-select-item-option-selected.all,
.matching-status-label.ant-select-item-option-selected.mySelection {
  background-color: white;
}
.matching-label:hover.createdByYou, .matching-label.ant-select-item-option-selected.createdByYou,
.matching-status-label:hover.createdByYou,
.matching-status-label.ant-select-item-option-selected.createdByYou {
  background: var(--system-darker-white-1-color);
}
.matching-label:hover.matching, .matching-label.ant-select-item-option-selected.matching,
.matching-status-label:hover.matching,
.matching-status-label.ant-select-item-option-selected.matching {
  background-color: var(--tripto-not-completed-light);
}
.matching-label:hover.matching.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.matching.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.matching.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.matching.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed-light);
}
.matching-label:hover.assigned, .matching-label.ant-select-item-option-selected.assigned,
.matching-status-label:hover.assigned,
.matching-status-label.ant-select-item-option-selected.assigned {
  background-color: var(--tripto-completed);
}
.matching-label:hover.assigned.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.assigned.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.assigned.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.assigned.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.matching-label:hover.cancelled, .matching-label.ant-select-item-option-selected.cancelled,
.matching-status-label:hover.cancelled,
.matching-status-label.ant-select-item-option-selected.cancelled {
  background-color: var(--tripto-bad);
}
.matching-label:hover.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.matching-label:hover.revoked, .matching-label.ant-select-item-option-selected.revoked,
.matching-status-label:hover.revoked,
.matching-status-label.ant-select-item-option-selected.revoked {
  background-color: var(--tripto-bad-light);
}
.matching-label:hover.revoked.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.revoked.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.revoked.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.revoked.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-light);
}
.matching-label:hover.rejected, .matching-label.ant-select-item-option-selected.rejected,
.matching-status-label:hover.rejected,
.matching-status-label.ant-select-item-option-selected.rejected {
  background-color: var(--tripto-bad-1);
}
.matching-label:hover.rejected.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.rejected.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.rejected.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.rejected.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-1);
}
.matching-label:hover.expired, .matching-label.ant-select-item-option-selected.expired,
.matching-status-label:hover.expired,
.matching-status-label.ant-select-item-option-selected.expired {
  background-color: var(--tripto-bad-2);
}
.matching-label:hover.expired.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.expired.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.expired.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.expired.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-2);
}
.matching-label:hover.missed, .matching-label.ant-select-item-option-selected.missed,
.matching-status-label:hover.missed,
.matching-status-label.ant-select-item-option-selected.missed {
  background-color: var(--tripto-bad-3);
}
.matching-label:hover.missed.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.missed.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.missed.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.missed.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad-3);
}
.matching-label:hover.offeredToYou, .matching-label.ant-select-item-option-selected.offeredToYou,
.matching-status-label:hover.offeredToYou,
.matching-status-label.ant-select-item-option-selected.offeredToYou {
  background-color: var(--tripto-started);
}
.matching-label:hover.offeredToYou.ant-select-item-option-active:not(.ant-select-item-option-disabled), .matching-label.ant-select-item-option-selected.offeredToYou.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label:hover.offeredToYou.ant-select-item-option-active:not(.ant-select-item-option-disabled),
.matching-status-label.ant-select-item-option-selected.offeredToYou.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started);
}

.trips-overview-mobile-table {
  max-height: calc(100vh - 100px);
}
.trips-overview-mobile-table .mobile-table-row--item.timeline-container {
  border-bottom: unset;
  padding-bottom: 0;
  margin-bottom: 0;
}

.my-trips-overview-seat-icon i {
  margin-right: 0;
}

@media (max-width: 576px) {
  .trips-overview-filters-wrapper {
    display: flex;
    flex-flow: row-reverse;
    padding-right: 10px;
  }
}

.trips-overview-filters-drawer .trips-overview-filters-drawer-search-bar .ant-select-selection-item {
  padding-right: 0;
}
.trips-overview-filters-drawer .trips-overview-filters-drawer-search-bar .search-bar__options {
  min-width: 100px;
}

.trips-overview__all-trips__filters-drawer__date-selector {
  inset: 148px auto auto 40px !important;
}.reporting-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.reporting-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.reporting-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.reporting-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.reporting-layout .reporting-layout__content {
  padding: 0;
}.bar-char-icon {
  position: absolute;
  top: 8px;
  left: 15px;
  z-index: 1;
  font-size: 15px;
}

.select-question {
  position: relative;
  margin-bottom: 20px;
}
.select-question .ant-select {
  width: 100%;
}
.select-question .ant-select .ant-select-selector {
  padding: 0 11px 0 40px;
}
.select-question .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 16px;
}

.table-reporting {
  margin-top: 20px;
  flex: 1;
  overflow: auto;
}
.table-reporting .ant-table-cell {
  text-align: end !important;
}
.table-reporting .ant-table-cell .left-text {
  float: left;
}
.table-reporting .ant-table-cell .light-gray {
  color: var(--system-gray-4-color);
}

.session-time-table .ant-table-cell .light-gray {
  color: var(--system-gray-4-color);
}

.filter-wrapper {
  display: flex;
  justify-content: space-between;
  background-color: var(--system-white-color);
  padding: 12px;
}
.filter-wrapper .right-side {
  margin-left: 10px;
  display: flex;
  flex-direction: row-reverse;
}
.filter-wrapper .invoicing-status__filter {
  width: 250px;
}

.reporting__session-table.body-wrapper {
  margin: 0 0 12px 0;
}

.reporting__session-select {
  width: 600px;
}

.reporting__analysis-invoice__header {
  width: 100%;
}

.reporting__analysis-invoice__summary-container {
  padding: 0 20%;
  align-items: center;
}
.reporting__analysis-invoice__summary-container .sub-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reporting__analysis-invoice__primary-text {
  font-size: 24px;
  line-height: 0.8;
}

.reporting__analysis-invoice__secondary-text {
  font-size: var(--fs-normal);
}

.reporting__analysis-invoice__detail-container {
  font-size: var(--fs-mid);
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 2;
  transition: background-color 0.3s ease-in-out;
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row:not(:last-child) {
  border-bottom: 1px solid var(--border-color-base);
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row:not(:last-child):not(:first-child) {
  cursor: pointer;
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row:not(:last-child):not(:first-child):hover {
  background-color: var(--background-color);
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row:last-child {
  cursor: pointer;
  background-color: var(--background-color);
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row:last-child:hover {
  background-color: var(--border-color-base);
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row div {
  flex-basis: 35%;
}
.reporting__analysis-invoice__detail-container .reporting__analysis-invoie__detail-row div:first-child {
  flex-basis: 30%;
}

.reporting__analysis-invoice__no-data {
  height: 80px;
  font-size: var(--fs-large);
  color: var(--text-color-disabled);
  display: flex;
  align-items: center;
  justify-content: center;
}

.reporting__analysis-invoice__modal {
  width: 30vw !important;
}
.reporting__analysis-invoice__modal .ant-modal-confirm-content {
  height: 60vh;
  overflow-y: auto;
}

.header-reporting {
  flex: 1;
  align-items: center;
}

.shifts-about-to-start-table.fullscreen-table .ant-table {
  padding: 0.5rem;
}
.shifts-about-to-start-table.fullscreen-table .ant-table td span,
.shifts-about-to-start-table.fullscreen-table .ant-table th span {
  font-weight: bold;
  font-size: 1.5rem;
}
.shifts-about-to-start-table.fullscreen-table .ant-table .ant-table-column-sorter {
  display: none;
}
.shifts-about-to-start-table.fullscreen-table .ant-table .cell-annotation {
  font-size: 0.75rem;
  vertical-align: middle;
}

.ellipsis-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.fullscreen-table .ellipsis-wrapper {
  white-space: initial;
}
.fullscreen-table .ant-table-column-title {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fullscreen-table table tr:nth-child(2n) td {
  background-color: var(--system-gray-6-color);
}

.cell-annotation {
  color: red;
  font-size: 10px;
  vertical-align: text-top;
}.root {
  padding: 15px;
  min-height: 180px;
}

.state-of-service__select {
  width: 600px;
}

.export-content .filter-wrapper .item {
  padding: 12px;
  border: 1px solid var(--border-color-base);
}

.reporting__filter-field {
  max-width: 300px;
  min-width: 200px;
}.collaboration-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.collaboration-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.collaboration-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.collaboration-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.collaboration-layout .collaboration-layout-content {
  padding: 0;
  height: calc(100vh - 55px);
  overflow: auto;
}.saved-places-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.saved-places-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.saved-places-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.saved-places-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.saved-places-layout .saved-places-layout-content {
  padding: 0;
  height: calc(100vh - 55px);
  overflow: auto;
}.customers-overview__filters-container {
  display: flex;
  align-items: center;
  min-width: 500px;
}

.customers-overview__search-input {
  flex: 1;
  margin-right: 8px;
}

@media (max-width: 576px) {
  .customers-overview__page-header {
    padding: 12px !important;
  }
  .customers-overview__page-header .ant-page-header-heading {
    flex-wrap: nowrap;
    align-items: baseline;
  }
  .customers-overview__search-input {
    width: calc(100vw - 130px) !important;
  }
  .customers-overview__filters-container {
    min-width: 0;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}.departments-overview__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}

.departments-overview__info {
  margin-right: 16px;
}.mobility-time-row {
  margin-bottom: 4px;
}
.mobility-time-row:last-child {
  margin-bottom: 0;
}
.mobility-time-row .mobility-label {
  font-size: 14px;
}
.mobility-time-row .mobility-time-input {
  width: 70px;
}

.poi-place-refs__title {
  color: var(--success-color);
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  margin-bottom: 8px;
}

.poi-place-refs__caret {
  margin-right: 6px;
  font-size: 0.8em;
  transition: transform 0.2s;
}
.poi-place-refs__caret--open {
  transform: rotate(90deg);
}.passengers-overview__filters-container {
  display: flex;
  align-items: center;
}

.passengers-overview__add-passenger-button {
  margin-left: 10px;
}

@media (max-width: 576px) {
  .passengers-overview__page-header {
    padding: 12px !important;
  }
  .passengers-overview__page-header .ant-page-header-heading {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
  }
  .passengers-overview__filters-container {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .passengers-overview__filters-container .flex-center {
    width: 100%;
    margin-bottom: 10px;
  }
  .passengers-overview__filters-container .passengers-overview__add-passenger-button {
    margin-left: 0;
  }
}.poi-overview__filters-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 24px;
}

.poi-overview__search-input {
  width: 590px;
}

@media (max-width: 576px) {
  .poi-overview__filters-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-left: 30px;
  }
  .poi-overview__search-input {
    width: calc(100vw - 60px);
  }
}.tripto-form-section-wrapper .station-coverage-field {
  width: 100%;
}
.tripto-form-section-wrapper .station-coverage-field .ant-space .ant-space-item:first-child {
  width: 100%;
}
.tripto-form-section-wrapper .station-add-coverage-btn:not(:first-child) {
  margin-top: 20px;
}@media (max-width: 576px) {
  .station-overview__page-header {
    padding: 12px !important;
    margin-bottom: 45px;
  }
}.rc-virtual-list-scrollbar {
  visibility: visible !important;
}

.horizontal-input.employee-code-payroll .ant-form-item-label > label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 130px;
}

.station-blacklist-label {
  max-width: 105px;
}.activity-wrapper {
  padding: 10px 0px;
  border-bottom: 1px solid var(--border-color-base);
}
.activity-wrapper.no-border {
  border-bottom: 0px;
}
.activity-wrapper .activity-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.activity-wrapper .activity-user {
  font-weight: bold;
}
.activity-wrapper .activity-user > span {
  margin-left: 13px;
  font-weight: normal;
}
.activity-wrapper .action-field {
  padding: 3px 5px;
  border-radius: 3px;
  margin-right: 5px;
  background: var(--header-background);
}
.activity-wrapper .activity-change-wrapper {
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
  align-items: flex-start;
}
.activity-wrapper .activity-change-wrapper .arrow-changed,
.activity-wrapper .activity-change-wrapper .arrow-changed svg {
  margin-right: 10px;
  margin-left: 10px;
  color: var(--text-color-strong);
  display: inline-block;
  margin-top: 4px;
}
.activity-wrapper .activity-change-wrapper .old-value,
.activity-wrapper .activity-change-wrapper .new-value {
  color: var(--text-color-secondary);
  display: inline-block;
  margin-top: 3px;
}

.user-form__change-password-btn {
  padding: 0;
}

.user-form__email-field {
  margin-bottom: 12px;
}.tripto-user-form h3 {
  font-size: 1.3em;
}
.tripto-user-form > .ant-form-item-label label {
  min-width: 130px;
}
.tripto-user-form .ant-form-item-explain > div {
  display: none;
}
.tripto-user-form .ant-form-item-explain > div:first-child {
  display: initial;
}
.tripto-user-form .ant-input-password .ant-input-suffix {
  top: 10px;
}
.tripto-user-form .ant-checkbox-group > label {
  display: block;
  margin-bottom: 13px;
}
.tripto-user-form > div:first-child {
  flex-wrap: nowrap;
}

.button-minus {
  margin-left: 10px;
  cursor: pointer;
  padding: 0;
  background: transparent;
  border: 0px;
  outline: none;
}

.button-add-phone {
  background: transparent;
  border: 0px;
  padding: 0px;
  outline: none;
  color: var(--link-color);
  cursor: pointer;
}

.select-country-code .ant-select-selector {
  min-width: 60px;
}

.phone-input .ant-form-item-control-input-content > span:last-of-type .ant-row {
  margin-bottom: 10px;
}

.ellipsis-cell,
.roles-cell__wrapper,
.phone-cell__wrapper {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 576px) {
  .ellipsis-cell,
  .roles-cell__wrapper,
  .phone-cell__wrapper {
    white-space: wrap;
  }
}

.user-overview__filter-container {
  display: flex;
  align-items: center;
}
.user-overview__filter-container .user-overview__filter-container__autocomplete {
  width: 590px;
}
@media (max-width: 576px) {
  .user-overview__filter-container {
    display: block;
  }
  .user-overview__filter-container .user-overview__new-user-button {
    margin-top: 10px;
  }
  .user-overview__filter-container .user-overview__filter-container__autocomplete {
    width: calc(100vw - 90px);
  }
}

@media (max-width: 576px) {
  .user-overview__page-header {
    padding: 12px !important;
  }
  .user-overview__page-header .ant-page-header-heading {
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: baseline;
  }
}.infoTitle {
  text-decoration: underline;
}

.infoDescription {
  margin-bottom: 30px;
}

.vehicle-capacity-input-wrapper .ant-form-item-control-input-content {
  justify-content: center;
}

.tab-label-missing-capability {
  color: var(--error-color);
}

.form-item-missing-capability:has(.ant-form-item-has-error) {
  border: 1px solid var(--error-color);
  border-radius: 6px;
}

.product-switch-wrapper label {
  width: 150px;
}.drawer-vehicle-form__address-box {
  max-width: 449px;
}

.drawer-vehicle-form__address-box-wrapper .ant-form-item-row {
  flex-wrap: nowrap;
}.vehicle-overview__filters-container {
  display: flex;
  align-items: center;
}

.vehicle-overview__search-vehicle-input {
  width: 590px;
}

@media (max-width: 576px) {
  .vehicle-overview__search-vehicle-input {
    width: calc(100vw - 120px);
    margin-bottom: 10px;
  }
  .vehicle-overview__page-header {
    padding: 12px !important;
  }
  .vehicle-overview__page-header .ant-page-header-heading {
    flex-wrap: nowrap;
    align-items: baseline;
  }
}.shift-management-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.shift-management-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.shift-management-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.shift-management-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.shift-management-layout .shift-management-layout__content {
  padding: 0;
}.clone-shift-drawer .tripto-form-section-wrapper .horizontal-input > .ant-col.ant-form-item-label {
  width: 120px;
}

.dummy-label .ant-form-item-label {
  display: none;
}.monthly-shift__table .ant-pagination-options {
  display: none;
}
.monthly-shift__table .ant-table-cell-row-hover:not(.week-cell__wrapper):not(.month-cell__wrapper):not(.no-action__cell) {
  background: var(--system-white-color) !important;
}
.monthly-shift__table .ant-table-cell {
  height: 49px;
}
.monthly-shift__table .no-action__cell {
  background-color: var(--system-gray-5-color) !important;
  cursor: not-allowed;
}

.new-shift__button {
  padding: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.new-shift__button:hover {
  opacity: 1;
}

.normal-cell {
  cursor: default;
}

.week-cell__wrapper,
.month-cell__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--row-hover-bg) !important;
}

.normal-cell,
.week-cell__wrapper,
.month-cell__wrapper {
  padding: 0 !important;
}

.month-cell,
.week-cell {
  cursor: default;
  height: 90%;
  width: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}

.shift-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.edit-shift__button {
  margin-left: 5px;
  font-size: var(--fs-mid);
  padding: 0;
}

.monthly-shift__filters-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 576px) {
  .monthly-shift__filters-wrapper {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}.calendar__vehicles-selector {
  width: 200px;
}
.calendar__vehicles-selector .ant-tag {
  display: flex;
  align-items: center;
}
.calendar__vehicles-selector .ant-tag .vehicle-name-container {
  display: inline-block;
  max-width: 64px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.calendar-transport__wrapper {
  position: relative;
}
.calendar-transport__wrapper .loading {
  opacity: 0.5;
}

.calendar-transport__loader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border: 1px solid var(--border-color-base);
}

.fc-timeline-body .fc-scrollgrid-sync-table .fc-timeline-lane-frame {
  z-index: 3;
}

.fc .fc-timeline-slot-cushion {
  color: unset;
  pointer-events: none;
}

.fc-datagrid-body tr {
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.fc-datagrid-body tr:hover {
  background-color: var(--background-color);
}
.fc-datagrid-body .calendar__clickable-cell .fc-datagrid-cell-cushion {
  padding: 0 !important;
}
.fc-datagrid-body .calendar__clickable-cell .fc-datagrid-cell-main div {
  height: 100%;
  padding: 8px;
}

.fc-timeline-now-indicator-arrow {
  margin: 0 -1px !important;
  height: 100%;
  border-width: 0 0 0 1px !important;
  border-left-color: var(--system-red-color) !important;
}
.fc-timeline-now-indicator-arrow::before {
  content: "circle";
  background-color: var(--system-red-color);
  position: absolute;
  left: -4.5px;
  border-radius: 6px;
  color: transparent;
  height: 8px;
  width: 8px;
}

.fc .fc-timeline-now-indicator-line {
  border-color: var(--system-red-color) !important;
}

.shift-event {
  border-left: 2px solid var(--system-black-color) !important;
}

.shift-calendar__filters-wrapper {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 576px) {
  .shift-calendar__filters-wrapper {
    margin-bottom: 5px;
  }
}.shift-management__driver-filter {
  width: 200px;
  max-width: 300px;
}

.shift-management__station-filter {
  width: 200px;
  max-width: 300px;
}

.shift-management-select {
  width: 200px;
  max-width: 300px;
}

.shift-management__create-shift-button.ant-space-compact-block {
  width: unset;
}

.status-label.draft {
  background-color: var(--system-darker-white-1-color);
}
.status-label.draft.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-darker-white-1-color);
}
.status-label.published {
  background-color: var(--tripto-completed);
}
.status-label.published.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.status-label:hover.draft, .status-label.ant-select-item-option-selected.draft {
  background-color: var(--system-darker-white-1-color);
}
.status-label:hover.draft.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.draft.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-darker-white-1-color);
}
.status-label:hover.published, .status-label.ant-select-item-option-selected.published {
  background-color: var(--tripto-completed);
}
.status-label:hover.published.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.published.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}

.shift-status {
  min-width: 100px;
}

.header-shift-management {
  display: flex;
  padding-right: 10px;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 576px) {
  .header-shift-management {
    margin-bottom: 10px;
  }
}

@media (max-width: 1400px) {
  .shift-management__driver-filter {
    min-width: 200px;
    max-width: 300px;
  }
  .shift-management__station-filter {
    min-width: 200px;
    max-width: 300px;
  }
  .shift-management-select {
    min-width: 200px;
    max-width: 300px;
  }
}
@media (max-width: 1300px) {
  .shift-management__driver-filter {
    min-width: 130px;
    max-width: 180px;
  }
  .shift-management__station-filter {
    min-width: 130px;
    max-width: 180px;
  }
  .shift-management-select {
    min-width: 130px;
    max-width: 180px;
  }
}
@media (max-width: 1100px) {
  .shift-management__driver-filter {
    min-width: 70px;
    max-width: 115px;
  }
  .shift-management__station-filter {
    min-width: 70px;
    max-width: 115px;
  }
  .shift-management-select {
    min-width: 70px;
    max-width: 115px;
  }
}.create-trip-drawer .ant-drawer-body {
  padding-left: 10px;
  padding-right: 10px;
}.dispatch-layout .ant-layout-header {
  padding: unset;
  height: unset;
}
.dispatch-layout .ant-layout-header .ant-menu {
  height: 55px;
  line-height: 50px;
}
.dispatch-layout .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  margin: 0 5px;
  padding-right: 5px;
  padding-left: 5px;
}
.dispatch-layout .ant-menu-horizontal > .ant-menu-item-selected a {
  font-weight: 500;
  color: var(--primary-color);
}
.dispatch-layout .dispatch-layout__content {
  padding: 0;
}
.dispatch-layout .dot {
  position: absolute;
  top: 45%;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 3px;
  margin-bottom: 3px;
}
.dispatch-layout .dot.enabled {
  background-color: var(--system-green-color);
}
.dispatch-layout .dot.disabled {
  background-color: var(--system-orange-color);
}
@media (max-width: 576px) {
  .dispatch-layout {
    margin-top: 0;
  }
}

.autopilot-menu-button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
.autopilot-menu-button .autopilot-icon {
  font-size: 12px;
  background: linear-gradient(135deg, #722ed1 0%, #4f46e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.autopilot-menu-button .autopilot-label {
  font-weight: 500;
  font-size: 14px;
  color: var(--primary-color);
}
.autopilot-menu-button .autopilot-arrow {
  font-size: 10px;
  color: rgba(0, 0, 0, 0.45);
}
.autopilot-menu-button.active .autopilot-icon,
.autopilot-menu-button.active .autopilot-label {
  position: relative;
  display: inline-block;
  background: linear-gradient(135deg, #7c3aed, #a855f7, #ec4899, #f43f5e, #f97316, #eab308, #22c55e, #14b8a6, #06b6d4, #3b82f6, #7c3aed);
  background-size: 300% 300%;
  animation: autopilot-gradient-shift 4s ease infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  z-index: 1;
  filter: drop-shadow(0 0 2px white) drop-shadow(0 0 2px white);
}

@keyframes autopilot-gradient-shift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.dispatch-layout .ant-menu-horizontal > .ant-menu-item:has(.autopilot-menu-button)::after {
  display: none !important;
}

.autopilot-menu-button::after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 1px;
  background-color: var(--border-color-base, #d9d9d9);
  margin-left: 12px;
  vertical-align: middle;
}

.autopilot-dropdown-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.autopilot-dropdown-item .autopilot-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 6px;
}
.autopilot-dropdown-item .autopilot-status-dot.active {
  background-color: var(--system-green-color, #52c41a);
}
.autopilot-dropdown-item .autopilot-status-dot.applying {
  background: linear-gradient(135deg, #7c3aed, #a855f7, #ec4899, #3b82f6, #7c3aed);
  background-size: 300% 300%;
  animation: autopilot-gradient-shift 2s ease infinite;
}
.autopilot-dropdown-item .autopilot-status-paused {
  font-size: 12px;
  color: var(--system-gray-color, #8c8c8c);
  flex-shrink: 0;
  margin-top: 3px;
}
.autopilot-dropdown-item .autopilot-dropdown-item-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.autopilot-dropdown-item .autopilot-dropdown-item-name {
  line-height: 1.4;
}
.autopilot-dropdown-item .autopilot-dropdown-item-lastchanged {
  font-size: 12px;
  color: var(--system-gray-color, #8c8c8c);
  line-height: 1.2;
}

.autopilot-menu-button.applying.active .autopilot-label {
  animation: autopilot-gradient-shift 4s ease infinite, autopilot-text-ripple 2s ease-out infinite;
}

@keyframes autopilot-text-ripple {
  0% {
    filter: drop-shadow(0 0 2px white) drop-shadow(0 0 2px white) drop-shadow(0 0 0 rgba(59, 130, 246, 0.5)) drop-shadow(0 0 0 rgba(59, 130, 246, 0.5));
  }
  30% {
    filter: drop-shadow(0 0 2px white) drop-shadow(0 0 2px white) drop-shadow(0 0 7px rgba(168, 85, 247, 0.4)) drop-shadow(0 0 14px rgba(168, 85, 247, 0.25));
  }
  60% {
    filter: drop-shadow(0 0 2px white) drop-shadow(0 0 2px white) drop-shadow(0 0 12px rgba(236, 72, 153, 0.25)) drop-shadow(0 0 20px rgba(236, 72, 153, 0.1));
  }
  100% {
    filter: drop-shadow(0 0 2px white) drop-shadow(0 0 2px white) drop-shadow(0 0 20px rgba(244, 63, 94, 0)) drop-shadow(0 0 30px rgba(244, 63, 94, 0));
  }
}#table_dispatching tr td {
  height: 39px;
}
#table_dispatching .rc-virtual-list-holder-inner .ant-table-cell {
  height: 39px;
  display: flex;
  align-items: center;
}
#table_dispatching .rc-virtual-list-holder-inner .ant-table-cell > div {
  flex: 1;
}
#table_dispatching tr th .ant-table-filter-column .ant-table-filter-trigger {
  margin-left: -4px;
}
#table_dispatching tr th .ant-table-filter-column .ant-table-filter-trigger:hover {
  background-color: transparent;
}
#table_dispatching tr th .ant-table-column-sorters {
  margin-right: 4px;
}
#table_dispatching .ant-table-body tr:hover,
#table_dispatching .ant-table-tbody tr:hover {
  cursor: pointer;
}
#table_dispatching .rc-virtual-list-holder-inner .ant-table-row:hover {
  cursor: pointer;
}

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

.left-side {
  margin-right: 10px;
}

.status-label {
  border-radius: 5px;
  background: var(--system-darker-white-1-color);
  padding: 3px 7px;
  line-height: 24px;
  font-size: 12px;
  color: #595959;
}
.status-label.all, .status-label.mySelection {
  background-color: var(--system-white-color);
}
.status-label.all.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.mySelection.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-white-color);
}
.status-label.completed {
  background-color: var(--tripto-completed);
}
.status-label.completed.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.status-label.cancelled {
  text-decoration: line-through;
  text-decoration-color: var(--system-black-color);
  background: repeating-linear-gradient(45deg, var(--system-darker-white-1-color) 2px, var(--system-darker-white-1-color) 10px, var(--system-darker-white-2-color) 10px, var(--system-darker-white-2-color) 18px);
}
.status-label.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label.started {
  background-color: var(--tripto-started);
}
.status-label.started.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started);
}
.status-label.loaded {
  background-color: var(--info-color);
}
.status-label.loaded.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--info-color);
}
.status-label.toDispatch {
  background-color: var(--tripto-bad);
}
.status-label.toDispatch.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label.tripSheetNotCompleted {
  background-color: var(--tripsheet-not-completed);
}
.status-label.tripSheetNotCompleted.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripsheet-not-completed);
}
.status-label.onCall {
  background-color: var(--tripto-not-completed);
}
.status-label.onCall.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed);
}
.status-label.disabled {
  background-color: var(--system-darker-white-2-color);
  cursor: not-allowed;
}
.status-label.dispatched {
  background-color: var(--system-darker-white-1-color);
}
.status-label.dispatched.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-darker-white-1-color);
}
.status-label:hover.all, .status-label:hover.mySelection, .status-label.ant-select-item-option-selected.all, .status-label.ant-select-item-option-selected.mySelection {
  background-color: var(--system-white-color);
}
.status-label:hover.all.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label:hover.mySelection.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.all.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.mySelection.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-white-color);
}
.status-label:hover.completed, .status-label.ant-select-item-option-selected.completed {
  background-color: var(--tripto-completed);
}
.status-label:hover.completed.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.completed.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-completed);
}
.status-label:hover.cancelled, .status-label.ant-select-item-option-selected.cancelled {
  text-decoration: line-through;
  text-decoration-color: var(--system-black-color);
  background: repeating-linear-gradient(45deg, var(--system-darker-white-1-color) 2px, var(--system-darker-white-1-color) 10px, var(--system-darker-white-2-color) 10px, var(--system-darker-white-2-color) 18px);
}
.status-label:hover.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.cancelled.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label:hover.started, .status-label.ant-select-item-option-selected.started {
  background-color: var(--tripto-started);
}
.status-label:hover.started.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.started.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-started);
}
.status-label:hover.loaded, .status-label.ant-select-item-option-selected.loaded {
  background-color: var(--info-color);
}
.status-label:hover.loaded.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.loaded.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--info-color);
}
.status-label:hover.toDispatch, .status-label.ant-select-item-option-selected.toDispatch {
  background-color: var(--tripto-bad);
}
.status-label:hover.toDispatch.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.toDispatch.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-bad);
}
.status-label:hover.tripSheetNotCompleted, .status-label.ant-select-item-option-selected.tripSheetNotCompleted {
  background-color: var(--tripsheet-not-completed);
}
.status-label:hover.tripSheetNotCompleted.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.tripSheetNotCompleted.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripsheet-not-completed);
}
.status-label:hover.onCall, .status-label.ant-select-item-option-selected.onCall {
  background-color: var(--tripto-not-completed);
}
.status-label:hover.onCall.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.onCall.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--tripto-not-completed);
}
.status-label:hover.disabled, .status-label.ant-select-item-option-selected.disabled {
  background-color: var(--system-darker-white-2-color);
  cursor: not-allowed;
}
.status-label:hover.dispatched, .status-label.ant-select-item-option-selected.dispatched {
  background-color: var(--system-darker-white-1-color);
}
.status-label:hover.dispatched.ant-select-item-option-active:not(.ant-select-item-option-disabled), .status-label.ant-select-item-option-selected.dispatched.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: var(--system-darker-white-1-color);
}
.status-label i {
  color: #509ee2;
  font-size: 11px;
}
.status-label.ant-tag {
  opacity: 0.5;
}
.status-label.ant-tag-checkable-checked {
  color: var(--text-color);
  opacity: 1;
}
.status-label .text {
  margin-right: 5px;
  width: auto !important;
  display: initial !important;
}
.status-label .text-color {
  color: #595959;
}

.dispatching-select {
  min-width: 245px;
  max-width: 245px;
}

.dispatching-select--large {
  min-width: 556px;
  max-width: 556px;
}

.header-dispatching {
  flex: 1;
  padding-right: 10px;
  align-items: center;
}

.dispatching-datepicker {
  max-width: 250px;
}
.dispatching-datepicker .ant-picker-input input {
  font-size: 13px;
}

.trips-select-wrapper {
  flex: 1;
}

.dispatching-tooltip .ant-tooltip-inner {
  background-color: rgba(0, 0, 0, 0.85);
}

.important-menu-item {
  background: transparent !important;
  cursor: context-menu;
  pointer-events: none !important;
}
.important-menu-item.red {
  color: var(--error-color) !important;
}

.custom-disabled .ant-input-search-button {
  opacity: 0.5;
  pointer-events: none;
}

.dispatching-transport__mobility-column .ant-table-column-sorter {
  margin-left: unset;
}

@media (max-width: 1480px) {
  .dispatching-select {
    min-width: 200px;
  }
  .table-dispatching .ant-form.ant-form-inline {
    display: block;
  }
}
@media (max-width: 992px) {
  .header-dispatching,
  .header-dispatching .right-side {
    display: block;
  }
  .header-dispatching {
    padding-right: 0px;
  }
  .header-dispatching .trips-form-group {
    margin-top: 10px;
    margin-right: 0px;
  }
  .header-dispatching .trips-form-group > span {
    display: none;
  }
  .header-dispatching .trips-form-group > .trips-options-wrapper {
    margin-right: 0px;
  }
  .dispatching-select {
    min-width: 170px;
    flex: 1;
  }
}
.invoice-generator__invoice-dates-modal .ant-modal-header {
  padding: 8px 16px;
}
.invoice-generator__invoice-dates-modal .ant-modal-body {
  padding: 8px 16px;
}
.invoice-generator__invoice-dates-modal .empty-table {
  width: 100%;
  height: 50px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .dispatching-filter-container {
    padding: 5px 10px;
  }
}

.dispatching-filter-row {
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .dispatching-filter-row {
    flex-direction: row-reverse;
  }
}.tripto-sider {
  overflow: auto;
  height: 100vh;
  left: 0;
}
.tripto-sider.ant-layout-sider {
  position: fixed;
  z-index: 3;
  background: var(--secondary-color);
}
.tripto-sider .ant-layout-sider-children {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tripto-sider .ant-menu-inline-collapsed > .ant-menu-item {
  padding: 0 22px;
  text-align: center;
}
.tripto-sider .anticon > .icon {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tripto-sider .ant-menu.ant-menu-dark {
  background: unset !important;
  background-color: inherit !important;
}
.tripto-sider .logo {
  opacity: 0.65;
}
.tripto-sider .logo:hover {
  opacity: 1;
}
.tripto-sider .menu-item-divider {
  padding: 0 !important;
  height: 1px;
  margin: 0;
  cursor: unset;
}
.tripto-sider .menu-divider {
  margin: auto;
  background-color: var(--system-gray-color);
  width: 60%;
  height: 0.5px;
  min-width: unset;
}
.tripto-sider .ant-menu-item-divider {
  margin: 12px auto !important;
  background-color: var(--system-gray-color) !important;
  width: 60%;
  height: 1px !important;
}
.tripto-sider .beamerTrigger {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tripto-sider .beamerTrigger .beamer_icon.active {
  top: 3px;
  right: 3px;
  padding-top: 2px;
  height: 15px;
  width: 15px;
}
@media (max-width: 576px) {
  .tripto-sider .beamerTrigger {
    width: 10px;
    overflow: visible;
  }
  .tripto-sider .beamerTrigger .beamer_icon {
    top: -8px !important;
    right: -8px !important;
  }
}
@media (max-width: 576px) {
  .tripto-sider {
    overflow: unset;
    height: 100dvh;
  }
  .tripto-sider .private-sider__profile-menu-item {
    display: flex;
    align-items: center;
  }
}

.user-drawer-header > span {
  display: block;
}
.user-drawer-header > span.user-name {
  font-weight: 400;
}

.ant-menu-vertical .ant-menu-item {
  margin-block-end: 8px;
  width: 95%;
}
.ant-menu-vertical .ant-menu-item.menu-item-divider {
  width: 100%;
}

.ant-menu-light.ant-menu-root.ant-menu-vertical {
  border-inline-end: unset;
}

.private-sider__profile-avatar {
  background-color: rgba(255, 255, 255, 0.6509803922);
  color: var(--system-white-color) !important;
}.ant-layout-content .body-wrapper {
  padding: 12px;
  margin: 12px;
  min-height: 180px;
  overflow: hidden;
}
.ant-layout-content .body-wrapper.has-bg {
  background: var(--component-background);
}
.ant-layout-content .body-wrapper.sm {
  min-height: 60px;
}
@media (max-width: 576px) {
  .ant-layout-content .body-wrapper.sm {
    min-height: 0;
  }
}
.ant-layout-content .body-wrapper .body-wrapper {
  margin: 0px 6px;
  border-radius: 5px;
}
@media (max-width: 576px) {
  .ant-layout-content {
    padding-top: 0;
  }
  .ant-layout-content .ant-page-header {
    width: 100%;
    z-index: unset;
  }
  .ant-layout-content .body-wrapper {
    padding: 0;
    margin: 0;
  }
  .ant-layout-content .body-wrapper .body-wrapper {
    margin: 0;
  }
}

.header-control {
  margin: 0px 16px;
}

.totp-enforcement-banner {
  padding-left: 88px;
}

.content-layout.wide-container {
  padding: 0px;
  padding-left: 80px;
}

@media (max-width: 576px) {
  .totp-enforcement-banner {
    padding-left: 0;
  }
  .content-layout.wide-container {
    padding: 0;
  }
}.header-public {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-bottom: 1px solid #ccc;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.header-public .header-public__logo {
  width: 180px;
  height: 35px;
}
.header-public .header-public__logo img {
  object-fit: contain;
}
.header-public__right {
  justify-content: flex-end;
  display: flex;
  width: 100%;
}.invoicing-description {
  white-space: break-spaces;
  margin-bottom: 0;
  color: var(--text-color-name-message);
}

.booqit-import-scope:has(.ant-form-item-explain-error) {
  min-height: 80px;
}

.import-booqit-on-call-timing {
  padding-bottom: 0;
}.ant-divider-horizontal {
  margin: 0 0 24px 0;
}

.ant-input-group-compact .ant-form-item:last-child {
  margin-bottom: 0;
}

.ant-form-item-control {
  flex: 1;
}

#passengerInfo_dateOfBirth:disabled {
  background-color: var(--disabled-bg-color);
}

.ant-input-number-input:disabled,
.ant-input-disabled,
.ant-input:disabled,
.ant-input-affix-wrapper-disabled {
  background-color: var(--disabled-bg-color) !important;
}

.ant-select-selector:has(:disabled) {
  background-color: var(--disabled-bg-color) !important;
}

.tripto-table-row-border th,
.tripto-table-row-border td {
  align-content: space-between;
}

.section-buttons-container {
  position: absolute;
  top: -35px;
  right: 0px;
  width: 100%;
}

.section-buttons-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: calc(100% - 10px);
}

.section-buttons-divider {
  margin: 0 5px;
}

.passenger-notes-alert {
  display: flex !important;
  align-items: flex-start !important;
  width: 100%;
}
.passenger-notes-alert .ant-alert-icon {
  margin-top: 4px;
}.timing-transport-subsection__shortcut-button {
  padding: 0;
}

.itinenary-sub-section__stops-wrapper .ant-form-item:first-child {
  margin-bottom: 0;
}

.new-trip-form-transport-section-recurrency-schedule-date {
  min-width: 145px;
}

@media (max-width: 576px) {
  .new-trip-form-transport-section-recurrency-schedule-date {
    min-width: 120px;
  }
  .new-trip-form-transport-section-recurrency-schedule-table td {
    padding: 6px 6px;
  }
}.dispatching-mobile-table {
  max-height: calc(100vh - 110px);
}.create-account-form-content {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.steps-header {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.ant-steps-item-icon {
  line-height: unset;
}

.content-box {
  border: 1px solid var(--border-color-base);
  border-radius: var(--box-border-radius);
  background: var(--component-background);
  padding: 2.5rem;
}

.steps-content {
  min-width: 400px;
  margin-top: 16px;
}

.create-account-form .tripto-form-section-wrapper {
  background: var(--component-invert-background-2);
}
.create-account-form .tripto-form-section-wrapper .ant-form-item-control-input-content > span {
  margin-right: 0px;
  min-width: unset;
}

.footer {
  font-weight: 700;
  justify-content: center;
  display: flex;
  align-items: center;
}
.footer button {
  padding-left: 8px;
}

@media screen and (max-width: 600px) {
  .content {
    margin-left: auto;
    margin-right: auto;
  }
}.login-prefix-icon {
  color: var(--system-gray-color);
}

.password-label-container {
  display: "flex";
  align-items: "center";
}
.password-label-container .password-label {
  font-size: 14px;
}

.form--sign-in {
  width: 31.5rem;
  margin: 0 auto;
  display: block;
  padding: 2.5rem;
  border: 1px solid var(--border-color-base);
  border-radius: var(--box-border-radius);
  background: var(--component-background);
}
@media (max-width: 576px) {
  .form--sign-in {
    width: 95%;
  }
}

.logo-login-wrapper {
  display: flex;
}
.logo-login-wrapper div {
  width: 100%;
}
.logo-login-wrapper img {
  padding: 0 0 32px 0;
  max-height: 130px;
}

.forgot-password-input-mask {
  height: 40px !important;
}

.login-page .ant-form-item-label label {
  width: 100%;
}
.login-page .ant-form-item-label label div {
  width: 100%;
}
.login-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.passkey-button span {
  font-size: 14px !important;
}@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.login-background {
  background: linear-gradient(180deg, rgb(0, 61, 75), var(--primary-color), rgb(122, 199, 216));
  background-size: 400% 400%;
  animation: gradient 3s ease infinite;
  height: 100vh;
}

.login-circles {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.login-circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 15s linear infinite;
  bottom: -150px;
}
.login-circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}
.login-circles li:nth-child(2) {
  left: 10%;
  animation-delay: 2s;
  animation-duration: 12s;
}
.login-circles li:nth-child(3) {
  left: 70%;
  animation-delay: 4s;
}
.login-circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-duration: 18s;
}
.login-circles li:nth-child(5) {
  left: 65%;
}
.login-circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}
.login-circles li:nth-child(7) {
  left: 15%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}
.login-circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}
.login-circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}
.login-circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}.error-boundary-container {
  padding: 20px;
}
.error-boundary-container span,
.error-boundary-container div {
  font-size: 16px;
}@font-face {
  font-family: "icomoon";
  src:
    url("/assets/icomoon-DosBs17o.ttf?p5ote0") format("truetype"),
    url("/assets/icomoon-SB_wCpXZ.woff?p5ote0") format("woff"),
    url("/assets/icomoon-Wj7c6_Qu.svg?p5ote0#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-here:before {
  content: "\e900";
}
.icon-camera:before {
  content: "\e972";
}
.icon-comment:before {
  content: "\e973";
}
.icon-pacifier:before {
  content: "\e971";
}
.icon-noun-cancel:before {
  content: "\e970";
}
.icon-logout:before {
  content: "\e96d";
}
.icon-settings1:before {
  content: "\e96e";
}
.icon-tick:before {
  content: "\e96f";
}
.icon-google-map-original .path1:before {
  content: "\e964";
  color: rgb(26, 115, 232);
}
.icon-google-map-original .path2:before {
  content: "\e965";
  margin-left: -0.697265625em;
  color: rgb(234, 67, 53);
}
.icon-google-map-original .path3:before {
  content: "\e966";
  margin-left: -0.697265625em;
  color: rgb(66, 133, 244);
}
.icon-google-map-original .path4:before {
  content: "\e967";
  margin-left: -0.697265625em;
  color: rgb(251, 188, 4);
}
.icon-google-map-original .path5:before {
  content: "\e974";
  margin-left: -0.697265625em;
  color: rgb(52, 168, 83);
}
.icon-waze-logo-original .path1:before {
  content: "\e968";
  color: rgb(255, 255, 255);
}
.icon-waze-logo-original .path2:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(28, 28, 30);
}
.icon-waze-logo-original .path3:before {
  content: "\e96a";
  margin-left: -1em;
  color: rgb(28, 28, 30);
}
.icon-waze-logo-original .path4:before {
  content: "\e96b";
  margin-left: -1em;
  color: rgb(28, 28, 30);
}
.icon-waze-logo-original .path5:before {
  content: "\e96c";
  margin-left: -1em;
  color: rgb(28, 28, 30);
}
.icon-waze-logo:before {
  content: "\e95f";
}
.icon-alert:before {
  content: "\e95c";
}
.icon-check-circle:before {
  content: "\e95d";
}
.icon-google-map:before {
  content: "\e95e";
}
.icon-menu-transport:before {
  content: "\e960";
}
.icon-three-dot:before {
  content: "\e961";
}
.icon-watting-transport:before {
  content: "\e962";
}
.icon-swipe:before {
  content: "\e963";
}
.icon-bing:before {
  content: "\e958";
}
.icon-google:before {
  content: "\e959";
}
.icon-pin:before {
  content: "\e95a";
}
.icon-chat-2:before {
  content: "\e954";
}
.icon-bubble-chat:before {
  content: "\e946";
}
.icon-chat:before {
  content: "\e90d";
}
.icon-chat-filled:before {
  content: "\e90e";
}
.icon-send:before {
  content: "\e938";
}
.icon-more:before {
  content: "\e948";
}
.icon-home-1:before {
  content: "\e949";
}
.icon-home:before {
  content: "\e923";
}
.icon-mail-filled:before {
  content: "\e92a";
}
.icon-mail:before {
  content: "\e929";
}
.icon-list:before {
  content: "\e951";
}
.icon-file:before {
  content: "\e94a";
}
.icon-calendar:before {
  content: "\e907";
}
.icon-write-1:before {
  content: "\e94b";
}
.icon-medical:before {
  content: "\e945";
}
.icon-back:before {
  content: "\e944";
}
.icon-arrow:before {
  content: "\e903";
}
.icon-arrow-down:before {
  content: "\e904";
}
.icon-arrow-up:before {
  content: "\e905";
}
.icon-caret-down:before {
  content: "\e909";
}
.icon-caret-left:before {
  content: "\e90a";
}
.icon-caret-right:before {
  content: "\e90b";
}
.icon-caret-up:before {
  content: "\e90f";
}
.icon-checkbox:before {
  content: "\e910";
}
.icon-checkbox-checked:before {
  content: "\e911";
}
.icon-check-mark:before {
  content: "\e912";
}
.icon-check-single:before {
  content: "\e913";
}
.icon-close:before {
  content: "\e915";
}
.icon-plus:before {
  content: "\e932";
}
.icon-clock-1:before {
  content: "\e947";
}
.icon-clock:before {
  content: "\e914";
}
.icon-coin:before {
  content: "\e916";
}
.icon-columns:before {
  content: "\e917";
}
.icon-csv:before {
  content: "\e919";
}
.icon-delete:before {
  content: "\e91a";
}
.icon-driving:before {
  content: "\e91c";
}
.icon-write:before {
  content: "\e940";
}
.icon-edit:before {
  content: "\e91d";
}
.icon-error:before {
  content: "\e91e";
}
.icon-info:before {
  content: "\e941";
}
.icon-error-thin:before {
  content: "\e91f";
}
.icon-radio:before {
  content: "\e934";
}
.icon-radio-checked:before {
  content: "\e935";
}
.icon-headset:before {
  content: "\e922";
}
.icon-headset-11:before {
  content: "\e94f";
}
.icon-headset-1:before {
  content: "\e94d";
}
.icon-mega-phone:before {
  content: "\e92c";
}
.icon-call-taking:before {
  content: "\e908";
}
.icon-incidents:before {
  content: "\e924";
}
.icon-growth:before {
  content: "\e921";
}
.icon-insights:before {
  content: "\e925";
}
.icon-invoicing:before {
  content: "\e926";
}
.icon-menu:before {
  content: "\e955";
}
.icon-navigation:before {
  content: "\e92e";
}
.icon-notification:before {
  content: "\e92f";
}
.icon-pad-lock:before {
  content: "\e931";
}
.icon-organization:before {
  content: "\e930";
}
.icon-accounts:before {
  content: "\e901";
}
.icon-company:before {
  content: "\e918";
}
.icon-airport:before {
  content: "\e902";
}
.icon-map-markers:before {
  content: "\e942";
}
.icon-location-marker:before {
  content: "\e928";
}
.icon-primary-map-pin:before {
  content: "\e933";
}
.icon-map-pin:before {
  content: "\e92b";
}
.icon-search:before {
  content: "\e937";
}
.icon-signal:before {
  content: "\e93a";
}
.icon-dispatching:before {
  content: "\e91b";
}
.icon-settings:before {
  content: "\e939";
}
.icon-system:before {
  content: "\e93d";
}
.icon-filter-settings:before {
  content: "\e920";
}
.icon-walking:before {
  content: "\e93e";
}
.icon-resources:before {
  content: "\e936";
}
.icon-rest:before {
  content: "\e950";
}
.icon-seat:before {
  content: "\e956";
}

.icon-wheelchair:before {
  content: "\e93f";
}
.icon-high-five:before {
  content: "\e953";
}
.icon-users:before {
  content: "\e94e";
}
.icon-user:before {
  content: "\e94c";
}
.icon-car:before {
  content: "\e952";
}
.icon-emergency:before {
  content: "\e927";
}
.icon-incubator:before {
  content: "\e92d";
}
.icon-auto-assign:before {
  content: "\e906";
}
.icon-car-man:before {
  content: "\e90c";
}
.icon-airplane:before {
  content: "\e943";
}
.icon-steering-wheel:before {
  content: "\e93b";
}
.icon-eye-hide:before {
  content: "\e957";
}
.icon-eye-show:before {
  content: "\e95b";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-globe:before {
  content: "\e975";
}
.mr-0 {
  margin-right: 0px;
}

.mr-1 {
  margin-right: 5px;
}

.mr-2 {
  margin-right: 10px;
}

.mr-3 {
  margin-right: 15px;
}

.mr-4 {
  margin-right: 20px;
}

.mr-5 {
  margin-right: 25px;
}

.mr-6 {
  margin-right: 30px;
}

.mr-7 {
  margin-right: 35px;
}

.mr-8 {
  margin-right: 40px;
}

.mr-9 {
  margin-right: 45px;
}

.mr-10 {
  margin-right: 50px;
}

.ml-0 {
  margin-left: 0px;
}

.ml-1 {
  margin-left: 5px;
}

.ml-2 {
  margin-left: 10px;
}

.ml-3 {
  margin-left: 15px;
}

.ml-4 {
  margin-left: 20px;
}

.ml-5 {
  margin-left: 25px;
}

.ml-6 {
  margin-left: 30px;
}

.ml-7 {
  margin-left: 35px;
}

.ml-8 {
  margin-left: 40px;
}

.ml-9 {
  margin-left: 45px;
}

.ml-10 {
  margin-left: 50px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 5px;
}

.mb-2 {
  margin-bottom: 10px;
}

.mb-3 {
  margin-bottom: 15px;
}

.mb-4 {
  margin-bottom: 20px;
}

.mb-5 {
  margin-bottom: 25px;
}

.mb-6 {
  margin-bottom: 30px;
}

.mb-7 {
  margin-bottom: 35px;
}

.mb-8 {
  margin-bottom: 40px;
}

.mb-9 {
  margin-bottom: 45px;
}

.mb-10 {
  margin-bottom: 50px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 5px;
}

.mt-2 {
  margin-top: 10px;
}

.mt-3 {
  margin-top: 15px;
}

.mt-4 {
  margin-top: 20px;
}

.mt-5 {
  margin-top: 25px;
}

.mt-6 {
  margin-top: 30px;
}

.mt-7 {
  margin-top: 35px;
}

.mt-8 {
  margin-top: 40px;
}

.mt-9 {
  margin-top: 45px;
}

.mt-10 {
  margin-top: 50px;
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 5px;
}

.m-2 {
  margin: 10px;
}

.m-3 {
  margin: 15px;
}

.m-4 {
  margin: 20px;
}

.m-5 {
  margin: 25px;
}

.m-6 {
  margin: 30px;
}

.m-7 {
  margin: 35px;
}

.m-8 {
  margin: 40px;
}

.m-9 {
  margin: 45px;
}

.m-10 {
  margin: 50px;
}

.pr-0 {
  padding-right: 0px;
}

.pr-1 {
  padding-right: 5px;
}

.pr-2 {
  padding-right: 10px;
}

.pr-3 {
  padding-right: 15px;
}

.pr-4 {
  padding-right: 20px;
}

.pr-5 {
  padding-right: 25px;
}

.pr-6 {
  padding-right: 30px;
}

.pr-7 {
  padding-right: 35px;
}

.pr-8 {
  padding-right: 40px;
}

.pr-9 {
  padding-right: 45px;
}

.pr-10 {
  padding-right: 50px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-1 {
  padding-left: 5px;
}

.pl-2 {
  padding-left: 10px;
}

.pl-3 {
  padding-left: 15px;
}

.pl-4 {
  padding-left: 20px;
}

.pl-5 {
  padding-left: 25px;
}

.pl-6 {
  padding-left: 30px;
}

.pl-7 {
  padding-left: 35px;
}

.pl-8 {
  padding-left: 40px;
}

.pl-9 {
  padding-left: 45px;
}

.pl-10 {
  padding-left: 50px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 5px;
}

.pb-2 {
  padding-bottom: 10px;
}

.pb-3 {
  padding-bottom: 15px;
}

.pb-4 {
  padding-bottom: 20px;
}

.pb-5 {
  padding-bottom: 25px;
}

.pb-6 {
  padding-bottom: 30px;
}

.pb-7 {
  padding-bottom: 35px;
}

.pb-8 {
  padding-bottom: 40px;
}

.pb-9 {
  padding-bottom: 45px;
}

.pb-10 {
  padding-bottom: 50px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 5px;
}

.pt-2 {
  padding-top: 10px;
}

.pt-3 {
  padding-top: 15px;
}

.pt-4 {
  padding-top: 20px;
}

.pt-5 {
  padding-top: 25px;
}

.pt-6 {
  padding-top: 30px;
}

.pt-7 {
  padding-top: 35px;
}

.pt-8 {
  padding-top: 40px;
}

.pt-9 {
  padding-top: 45px;
}

.pt-10 {
  padding-top: 50px;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 5px;
}

.p-2 {
  padding: 10px;
}

.p-3 {
  padding: 15px;
}

.p-4 {
  padding: 20px;
}

.p-5 {
  padding: 25px;
}

.p-6 {
  padding: 30px;
}

.p-7 {
  padding: 35px;
}

.p-8 {
  padding: 40px;
}

.p-9 {
  padding: 45px;
}

.p-10 {
  padding: 50px;
}

body {
  padding: 0px;
  margin: 0px;
  font-size: var(--fs-normal);
  color: var(--text-color);
  width: 100% !important;
  line-height: 1.5715;
  font-family: var(--font-family);
  font-variant: tabular-nums;
  font-feature-settings: "tnum", "tnum";
}

body span,
body label,
body p {
  font-size: var(--fs-normal);
}
body span.biggerFont {
  font-size: 14px !important;
}

.ant-layout {
  min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6,
.ant-breadcrumb > span:last-child a {
  color: var(--text-color);
}

h2 {
  font-size: 1.5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}

.btn {
  cursor: pointer;
}

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

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

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

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

.text-link {
  color: var(--link-color);
}

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

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

.text-secondary {
  color: var(--system-gray-color);
}

.text-disabled {
  color: var(--text-color-disabled-2);
}

.text-danger {
  color: var(--error-color);
}
.text-danger.anticon {
  color: var(--error-color);
}

.text-disabled-dark {
  color: var(--text-color-disabled);
}

.no-bold-text {
  font-weight: 400;
}
.no-bold-text strong {
  font-weight: 400;
}

.border-dash {
  border: 1px dashed var(--border-color-base);
  border-radius: 2px;
}

.full-height {
  height: 100% !important;
}

.full-width {
  width: 100% !important;
}

.label-full-width label {
  width: 100% !important;
}

.loading-drawer-wrapper {
  position: absolute;
  z-index: 1;
  width: calc(100% - 65px);
  height: calc(100% - 110px);
  background: var(--mask-loading);
  top: 55px;
}

.logo {
  padding: 10px 20px;
  text-align: center;
  min-height: 50px;
}
.logo img {
  max-width: 30px;
}
.logo > a > div {
  height: 34px;
}

.small-label {
  font-size: 1em;
  font-weight: 400;
}

.invisible {
  visibility: hidden;
}

.app-loading {
  position: fixed;
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--component-background);
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -khtml-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.app-loading .main-loading > div:first-child {
  margin-bottom: 10px;
}
.app-loading.hidden {
  opacity: 0;
  visibility: hidden;
}

.ant-popconfirm {
  z-index: 2000 !important;
}

hr {
  border-color: var(--border-color-base);
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

.font-mid {
  font-size: var(--fs-mid);
}
.font-mid span {
  font-size: var(--fs-mid);
}

.font-normal {
  font-size: var(--fs-normal);
}
.font-normal span {
  font-size: var(--fs-normal);
}

.no-padding-vertical {
  padding-left: 0px;
  padding-right: 0px;
}

.icon-remove {
  position: absolute;
  top: 15px;
  right: 8px;
  min-width: 20px !important;
  opacity: 0.5;
  color: var(--system-black-color);
}
.icon-remove:hover {
  opacity: 0.75;
  color: var(--system-black-color) !important;
}

.clear-both {
  clear: both;
  width: 100%;
  display: block;
  height: 1px;
}

.cursor-pointer {
  cursor: pointer;
}

.text-disabled {
  color: gray !important;
}

.text-disabled--change-cursor {
  color: gray !important;
  cursor: not-allowed;
}
.text-disabled--change-cursor:hover > span {
  text-decoration: none !important;
}

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

.flex {
  display: flex;
}

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

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

.flex-fully-center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-1 {
  flex: 1;
}

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

.flex-grow {
  flex-grow: 1;
}

.flex-no-shrink {
  flex-shrink: 0;
}

.flex-wrap {
  flex-wrap: wrap;
}

table {
  border-collapse: collapse;
}

div:focus-visible,
li:focus-visible,
button:focus-visible {
  outline: none !important;
}

[class^=ant-layout],
[class*=" ant-layout"],
[class^=ant-col],
[class*=" ant-col"],
[class^=ant-row],
[class*=" ant-row"],
[class^=ant-table],
[class*=" ant-table"],
[class^=ant-dropdown],
[class*=" ant-dropdown"],
[class^=ant-tabs],
[class*=" ant-tabs"] {
  font-size: inherit;
}

.ant-layout-header,
.header-public {
  background: var(--layout-header-background);
  position: sticky;
  top: 0;
  z-index: 2;
}
.ant-layout-header .ant-menu-item,
.ant-layout-header .ant-menu-submenu-title,
.header-public .ant-menu-item,
.header-public .ant-menu-submenu-title {
  padding: 0 14px;
  opacity: 0.75;
}

.header-public__right > div {
  margin-left: 10px;
  padding: 0 7px;
}
.header-public__right > div:first-child {
  margin-left: 0px;
}
.header-public__right > div:hover {
  cursor: pointer;
}

.header-public .ant-dropdown-link {
  color: var(--text-layout-header-color);
}

header .container {
  padding: 0px 20px;
}

.heading-page {
  display: flex;
  align-items: center;
}
.heading-page h1 {
  font-size: 1.7em;
  font-weight: bold;
  margin-right: 30px;
  margin-bottom: 0px;
}

.ant-page-header {
  z-index: 2;
  background-color: var(--system-white-color);
  padding: 16px 24px;
}
.ant-page-header h1 {
  margin-bottom: 0px;
  font-size: 0.9em;
  font-weight: bold;
}

.heading-h1 {
  font-size: 2.3em;
}

.heading-h2 {
  font-size: 1.9em;
}

.heading-h3 {
  font-size: 1.6em;
}

@media (max-width: 576px) {
  .ant-layout-header {
    z-index: 1;
  }
}

.ant-drawer-content,
.ant-drawer-header,
.ant-menu-submenu > .ant-menu,
.ant-menu-submenu-popup,
.ant-dropdown-menu,
.ant-dropdown-menu-item {
  background: var(--component-background);
  color: var(--text-color);
}

.ant-menu {
  font-size: 14px;
}

.ant-dropdown-menu-item-disabled {
  color: var(--disabled-color);
}

.ant-menu-horizontal {
  border-bottom: 0px;
}

.ant-menu-horizontal > .ant-menu-item > a,
.ant-drawer-title {
  color: var(--text-color);
}

.ant-menu-item > .ant-menu-title-content {
  width: 0;
  margin-left: 0 !important;
}

.ant-menu-item > .ant-menu-title-content {
  font-size: 14px;
}

.menu-has-icons > .ant-menu-item > .ant-menu-title-content {
  font-size: 14px;
}

.ant-menu-item-divider {
  border: none;
}

.ant-menu-item-icon {
  margin-right: 10px;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item-selected a::before {
  border-bottom: 2px solid var(--system-blue-color);
  bottom: 2px !important;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item {
  color: var(--system-black-color);
}

a {
  transition: none;
}

.ant-menu-item-selected::after,
.ant-menu-item:hover::after {
  display: none;
}

.ant-menu-light .ant-menu-item:not(.ant-menu-item-selected):not(.ant-menu-submenu-selected):hover {
  color: var(--primary-color);
}

.ant-breadcrumb-link {
  cursor: pointer;
}

.ant-drawer-body .ant-menu-inline,
.ant-drawer-body .ant-menu-vertical,
.ant-drawer-body .ant-menu-vertical-left {
  border-right: 0px;
}

.ant-drawer-left .ant-drawer-body {
  padding-left: 10px;
  padding-right: 10px;
}

.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item,
.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu-popup .ant-dropdown-menu .ant-dropdown-menu-item {
  font-size: var(--fs-normal);
}

.dropdown-item-with-shortcut {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 130px;
}
.dropdown-item-with-shortcut > span {
  margin-left: auto;
  padding: 2px 6px;
  background-color: var(--border-color-split);
  border-radius: 6px;
  font-size: 10px;
  font-weight: bold;
  color: #8b8b8b;
}

.ant-tabs-mobile .ant-tabs-nav {
  margin-left: 5px;
  margin-right: 5px;
}

.dispatch-layout .ant-menu-overflow-item-rest {
  padding: 0;
}
.dispatch-layout .ant-menu-overflow-item-rest .ant-menu-submenu-title {
  padding: 0;
}
.dispatch-layout .ant-layout-header .ant-menu-overflow {
  overflow: hidden;
}
@media (max-width: 576px) {
  .dispatch-layout .ant-layout-header .ant-menu-overflow {
    overflow: auto;
    overflow-y: hidden;
  }
}

.ant-btn {
  border-radius: 5px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-btn > span.ant-btn-loading-icon {
  width: 0px;
  opacity: 0;
  transform: scale(0);
}
.ant-btn.ant-btn-loading > span.ant-btn-loading-icon {
  width: 20px;
  opacity: 1;
  transform: scale(1);
}
.ant-btn.btn-text-no-padding {
  height: inherit;
  padding: 0px;
}
.ant-btn.btn-small-text {
  font-size: var(--fs-normal);
}
.ant-btn.btn-small-text span {
  font-size: var(--fs-normal);
}
.ant-btn.btn-mid-text {
  font-size: var(--fs-mid);
}
.ant-btn.btn-mid-text span {
  font-size: var(--fs-mid);
}

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

.btn-round {
  border-radius: 20px;
}

.btn-transparent,
.btn-trans {
  border: 0px;
  color: var(--link-color);
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: none;
  background: none;
}
.btn-transparent .anticon,
.btn-trans .anticon {
  margin-right: 10px;
}
.btn-transparent::before, .btn-transparent::after,
.btn-trans::before,
.btn-trans::after {
  display: none;
}
.btn-transparent:hover, .btn-transparent:focus,
.btn-trans:hover,
.btn-trans:focus {
  background: none;
  opacity: 0.8;
}

.tripto-btn {
  height: var(--input-height);
}

.blur-label {
  padding: 4px;
  border-radius: 5px;
  line-height: 14px;
  background: var(--header-background);
}

.ant-btn-link {
  color: #0092b3;
}
.ant-btn-link:hover > span {
  text-decoration: underline;
}
.ant-btn-link.ant-btn-link[disabled]:hover > span {
  text-decoration: none;
}
.ant-btn-link.text-danger {
  color: var(--error-color);
}
.ant-btn-link.text-danger:hover {
  color: var(--error-color) !important;
  opacity: 0.8;
}
.ant-btn-link.text-disabled {
  color: var(--text-color-disabled);
}

.address-invoicing-button {
  display: flex;
  align-items: center;
}
.address-invoicing-button span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.address-invoicing-button + .icon-remove {
  margin-right: unset;
}

.ant-btn-primary {
  background: var(--primary-color);
}

.ant-btn-dashed:disabled {
  background-color: var(--disabled-bg-color) !important;
}

.ant-btn-compact-vertical-item.ant-btn-compact-vertical-last-item:not(.ant-btn-compact-vertical-first-item) {
  border-start-start-radius: 5px;
  border-start-end-radius: 5px;
}

.user-preferences-button {
  padding-left: 10px;
  padding-right: 10px;
}

.ant-input,
.ant-input-affix-wrapper {
  background: transparent;
}

.ant-input,
.ant-picker-input > input,
.ant-input-number-input,
.ant-select-selection-item,
.ant-radio-group span,
.group-input-wrapper.group-switch > span,
.ant-select-selection-search-input,
.ant-select-selection-placeholder {
  font-size: 14px;
  line-height: 22px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background: transparent;
}

.has-error .ant-input,
.has-error .ant-input-affix-wrapper .ant-input {
  background-color: transparent;
}

.checkbox-wrapper {
  margin-bottom: 13px;
}

.ant-checkbox-wrapper {
  color: rgb(0, 0, 0);
}

.ant-input-number-handler svg {
  font-size: 0.9em;
}

input.uppercase-input:not(:placeholder-shown) {
  text-transform: uppercase;
}
input.uppercase-input:placeholder-shown {
  text-transform: inherit;
}

.full-width-input .ant-input-textarea {
  width: 100%;
}

.ant-input-number-group .ant-input-number-group-addon {
  background-color: var(--component-background);
}

.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused,
.ant-input:focus,
.ant-input-focused,
.ant-input-number:focus,
.ant-input-number-focused,
.ant-picker-focused,
.ant-select-focused:not(.ant-select-disabled).ant-select-multiple .ant-select-selector,
.ant-select-focused:not(.ant-select-disabled).ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
}

.ant-input,
.ant-input-affix-wrapper {
  background: var(--system-white-color);
}

.ant-form-item {
  margin-bottom: 12px;
}

.trips-form-group label {
  line-height: 32px;
}

.trips-options-wrapper {
  border: 1px solid var(--border-color-base);
  box-sizing: border-box;
  border-radius: 3px;
  padding: 8px 12px;
}

.tripto-drawer .ant-drawer-header {
  background: var(--header-background);
}
.tripto-drawer .drawer-tab-panel {
  padding-right: 24px;
}
.tripto-drawer .drawer-tab-panel.passenger-detail-tab {
  padding-right: 0px;
}
.tripto-drawer .ant-drawer-body {
  overflow-y: overlay;
}
@media (max-width: 576px) {
  .tripto-drawer .ant-drawer-body {
    padding: 0;
    padding-top: 10px;
  }
  .tripto-drawer .ant-form-item-no-colon {
    margin-left: 5px !important;
  }
  .tripto-drawer .ant-select-arrow {
    display: none;
  }
  .tripto-drawer .drawer-tab-panel {
    padding-right: 0;
  }
  .tripto-drawer .ant-tag {
    margin-right: 0;
  }
}

.drawer-form .ant-input-number {
  flex: 1;
}
.drawer-form .ant-input-affix-wrapper {
  background: var(--component-background);
}
.drawer-form .input-number-icon .ant-row {
  margin-right: 0px;
}
.drawer-form.ant-form > .ant-form-item > .ant-form-item-row > .ant-form-item-label label {
  color: var(--success-color);
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}
.drawer-form.ant-form > .ant-form-item > .ant-form-item-row > .ant-form-item-control > .ant-form-item-control-input > .ant-form-item-control-input-content > .ant-form-item > .ant-form-item-row > .ant-form-item-label label {
  color: var(--success-color);
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}
.drawer-form.ant-form > div > .ant-form-item > .ant-form-item-row > .ant-form-item-label label {
  color: var(--success-color);
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
}
.drawer-form .tripto-form-section-wrapper .horizontal-input > .ant-col.ant-form-item-label {
  padding-top: 5px;
  padding-bottom: 5px;
}
.drawer-form .ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: 0px;
}
.drawer-form.short-label .tripto-form-section-wrapper .horizontal-input > .ant-col.ant-form-item-label {
  margin-right: 0px;
  min-width: 70px;
}
.drawer-form.short-label .tripto-form-section-wrapper .horizontal-input > .ant-form-item-control {
  max-width: calc(100% - 70px);
}

.label-flex-center .ant-form-item-row {
  align-items: center !important;
}

.horizontal-subsection {
  display: flex !important;
}
.horizontal-subsection h3 {
  margin-right: 15px;
  min-width: 120px;
}
.horizontal-subsection > div {
  flex: 1;
  display: flex;
}
.horizontal-subsection .ant-col.ant-form-item-label {
  font-size: 0.9em;
}

.input-number-icon {
  position: relative;
}
.input-number-icon .ant-row {
  margin-right: 0px;
}
.input-number-icon .ant-form-item-control-input-content {
  position: relative;
}
.input-number-icon > i {
  position: absolute;
  bottom: 7px;
  left: 10px;
  font-size: 1.2em;
}
.input-number-icon .ant-input-number-input {
  padding-left: 35px;
}

.section-clear-button {
  position: absolute;
  right: 10px;
  top: -35px;
}

.ant-select-item-option-content > span {
  margin-left: 5px;
  margin-right: 5px;
}
.ant-select-item-option-content .icon-src {
  font-size: 0.8em;
  margin-right: 15px;
  color: var(--text-color-disabled-2);
}
.ant-select-item-option-content .icon-recent-src {
  font-size: 0.8em;
  margin-right: 15px;
  color: var(--text-color-disabled);
}

.time-label {
  position: absolute;
  right: -142px;
  top: 5px;
}

.tripto-form-section-wrapper {
  width: 100%;
  box-sizing: border-box;
}
.tripto-form-section-wrapper.pt-0 {
  padding-top: 0px !important;
}
.tripto-form-section-wrapper .ant-form-item-label > label.ant-form-item-required::before {
  display: none;
}
.tripto-form-section-wrapper .ant-form-item .ant-form-item {
  margin-bottom: 0px;
}
.tripto-form-section-wrapper .ant-form-item-has-error .tripto-btn,
.tripto-form-section-wrapper .ant-form-item-has-error .ant-input,
.tripto-form-section-wrapper .ant-select-status-error .tripto-btn,
.tripto-form-section-wrapper .ant-select-status-error .ant-input {
  border-color: var(--error-color);
}
.tripto-form-section-wrapper .ant-form-item-has-error .ant-radio-wrapper .box,
.tripto-form-section-wrapper .ant-select-status-error .ant-radio-wrapper .box {
  border: 1px solid var(--error-color);
}
.tripto-form-section-wrapper .group-input-wrapper > div {
  margin-bottom: 0px;
}
.tripto-form-section-wrapper .group-input-wrapper > div:first-child:last-child .ant-form-item {
  margin-bottom: 0px;
}
.tripto-form-section-wrapper.non-section-form > div:first-child:last-child .ant-form-item {
  margin-bottom: 12px;
}
.tripto-form-section-wrapper.non-section-form .phone-user-input .ant-form-item-control-input-content {
  flex-direction: column;
}
.tripto-form-section-wrapper.non-section-form .phone-user-input .ant-space-compact:not(:last-child) {
  margin-bottom: 12px;
}
.tripto-form-section-wrapper .horizontal-input > .ant-form-item-row > .ant-col.ant-form-item-label {
  padding-top: 5px;
  padding-bottom: 5px;
}
.tripto-form-section-wrapper.border .sub-section-wrapper {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid var(--border-color-base);
}
.tripto-form-section-wrapper.border .sub-section-wrapper > div:last-child .group-input-wrapper {
  margin-bottom: 0px;
}
.tripto-form-section-wrapper.border .sub-section-outside:last-child .sub-section-wrapper:last-child {
  padding-bottom: 0px;
}
.tripto-form-section-wrapper.border .sub-section-outside:first-child .sub-section-wrapper {
  padding-top: 0px;
  border-top: 0px;
}
.tripto-form-section-wrapper.border .sub-section-outside:first-child.demand.hide {
  display: none;
}
.tripto-form-section-wrapper.border .sub-section-outside:first-child.demand + .sub-section-outside .sub-section-wrapper {
  padding-top: 0px;
  border-top: 0px;
}
.tripto-form-section-wrapper.border .sub-section-outside div:last-child.margin-bottom {
  margin-bottom: 30px !important;
}

.dynamic-input .ant-form-item-control-input-content {
  flex-direction: column;
}
.dynamic-input .ant-form-item-control-input-content .ant-form-item {
  margin-bottom: 12px;
  width: 100%;
}
.dynamic-input .ant-form-item-control-input-content .ant-form-item-control-input-content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dynamic-input .ant-form-item-control-input-content .ant-form-item-control-input-content input {
  flex: 1;
}
.dynamic-input .ant-form-item-control-input-content .ant-form-item-control-input-content > span {
  min-width: 40px;
}
.dynamic-input.no-fields {
  margin-top: -10px;
}

.input-flex-full .ant-form-item-control-input-content .ant-select {
  flex: 1;
}
.input-flex-full > .ant-row.ant-form-item-row > .ant-col.ant-form-item-control {
  min-width: 1px;
}

.ant-form-item-control-input-content > div {
  max-width: 100%;
}

.limit-select-width .ant-row > .ant-col.ant-form-item-control {
  overflow: hidden;
}

.sub-section-wrapper > div:last-child {
  margin-bottom: 0px;
}
.sub-section-wrapper > div:last-child .ant-form-item {
  margin-bottom: 0px;
}
.sub-section-wrapper .ant-input-textarea {
  width: 100%;
}

.input-text-number.text-link .ant-input-prefix {
  color: var(--link-color);
}
.input-text-number.text-success .ant-input-prefix {
  color: var(--success-color);
}

.drawer-tab-panel {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
  overflow-x: hidden;
}

.no-footer .drawer-tab-panel {
  max-height: calc(100vh - 150px);
}

.horizontal-input.short-label .ant-form-item-label {
  min-width: 50px !important;
}
.horizontal-input.extra-short-label .ant-form-item-label {
  min-width: 30px !important;
}

.time-input {
  margin-bottom: 0;
}
.time-input .ant-form-item-control-input {
  width: 65px;
}

.auto-complete-input.ant-select-single:not(.ant-select-customize-input).disabled-input .ant-select-selector {
  pointer-events: none;
  background-color: var(--text-color-disabled-2);
}

.ant-form-item-hidden,
.ant-form-item-hidden.ant-row,
.ant-form-vertical .ant-form-item-label > label::after {
  display: none !important;
}

.ant-form-item .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none;
}

.dynamic-delete-button {
  justify-content: center;
}

.ant-form-item-no-colon::after {
  display: none;
}

.description-form-item {
  font-size: var(--fs-normal);
  color: var(--system-gray-color);
}

.hidden-insurer {
  display: none !important;
}

.insurer-divider {
  padding: 0 !important;
  height: 1px !important;
  cursor: default !important;
}
.insurer-divider hr {
  margin: 8px 0;
  border: none;
  border-top: 1px solid #d9d9d9;
}

.greenIcon {
  color: green;
  font-size: 18px;
}

.redIcon {
  color: red;
  font-size: 18px;
}

.horizontal-input.ellipsis-input .ant-form-item-label > label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 130px;
}

.scope-sub-section .ant-form-item-label {
  text-align: left;
}

.form-field-description {
  color: var(--text-color-secondary);
  font-size: 11px;
}

.tripto-modal-confirm.footer-center .ant-modal-confirm-btns {
  width: 100%;
  text-align: center;
}
.tripto-modal-confirm .ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding: 0 8px;
}

.ant-modal .ant-modal-header {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color-split);
}

.global-notification-modal--error .ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
  background-color: var(--primary-color-hover);
}

.ant-pagination,
.ant-pagination-item a,
.ant-pagination-prev button,
.ant-pagination-next button {
  color: var(--text-color);
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  line-height: 29px;
}

.passenger-label {
  padding: 2px 5px;
  border-radius: 3px;
  border: 1px solid var(--link-color);
  color: var(--link-color);
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  min-width: 54px;
  justify-content: space-between;
  box-sizing: border-box;
}
.passenger-label.customer, .passenger-label.dropoff {
  border: 1px solid var(--success-color);
  color: var(--success-color);
}
.passenger-label:last-child {
  margin-right: 0px;
}
.passenger-label i {
  margin-right: 12px;
}
@media (max-width: 576px) {
  .passenger-label {
    min-width: unset;
  }
}

.map-transport-detail-wrapper {
  display: flex;
  border: 1px solid var(--border-color-base);
}
.map-transport-detail-wrapper .map-wrapper {
  width: 140px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
  background: #dfdfdf;
  overflow: hidden;
}
.map-transport-detail-wrapper .map-wrapper img {
  width: 100%;
}
.map-transport-detail-wrapper .info-wrapper {
  padding: 10px;
  flex: 1;
}
.map-transport-detail-wrapper .info-wrapper .timing {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--border-color-base);
}
.map-transport-detail-wrapper .info-wrapper .timing .date,
.map-transport-detail-wrapper .info-wrapper .timing .hour {
  margin-right: 10px;
}
.map-transport-detail-wrapper .info-wrapper .location {
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 15px;
  border-bottom: 1px dashed var(--border-color-base);
}
.map-transport-detail-wrapper .info-wrapper .location ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.map-transport-detail-wrapper .info-wrapper .location ul li {
  position: relative;
}
.map-transport-detail-wrapper .info-wrapper .location .ant-timeline-item-last > .ant-timeline-item-content {
  min-height: initial;
}
.map-transport-detail-wrapper .info-wrapper .location .ant-timeline-item:last-child {
  padding-bottom: 0px;
}
.map-transport-detail-wrapper .info-wrapper .car {
  padding-top: 10px;
}
.map-transport-detail-wrapper .info-wrapper .icon {
  margin-right: 10px;
  color: var(--link-color);
}
.map-transport-detail-wrapper .info-wrapper .vehicle {
  cursor: pointer;
}
@media (max-width: 576px) {
  .map-transport-detail-wrapper .info-wrapper .timing {
    flex-wrap: wrap;
  }
}
.map-transport-detail-wrapper .passenger-label {
  margin: 2px;
}
.map-transport-detail-wrapper .passenger-label:last-child {
  margin-right: 0px;
}

.section-detail-wrapper {
  position: relative;
  margin-bottom: 10px;
}
.section-detail-wrapper span {
  font-size: 14px;
}
.section-detail-wrapper span.passenger {
  display: flex;
}
.section-detail-wrapper .ant-radio-wrapper span {
  line-height: 18px;
  white-space: break-spaces;
}
.section-detail-wrapper .ant-radio-wrapper span.ant-radio {
  white-space: nowrap;
}
.section-detail-wrapper .ant-radio-wrapper span.ant-radio span {
  white-space: nowrap;
}
.section-detail-wrapper .header {
  display: flex;
  align-items: center;
}
.section-detail-wrapper .header h4 {
  flex: 1;
  margin-bottom: 0;
}
.section-detail-wrapper .header .action-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 576px) {
  .section-detail-wrapper .header .action-wrapper > div {
    margin-right: 10px;
  }
  .section-detail-wrapper .header .action-wrapper > button {
    margin-right: 5px;
  }
}
.section-detail-wrapper .body {
  margin-top: 10px;
}
.section-detail-wrapper .body .info-wrapper {
  box-sizing: border-box;
}
.section-detail-wrapper .body .info-wrapper.with-map {
  max-width: calc(100% - 140px);
}
.section-detail-wrapper .body .info-wrapper.no-map {
  margin-left: 1rem;
}
.section-detail-wrapper .body .info-wrapper .ant-timeline-item-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media (max-width: 576px) {
  .section-detail-wrapper .header h4 {
    margin-left: 10px;
  }
}

.list-info-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--border-color-base);
}
.list-info-wrapper ul li {
  display: flex;
  border-left: 1px solid var(--border-color-base);
  border-right: 1px solid var(--border-color-base);
  border-top: 1px solid var(--border-color-base);
}
.list-info-wrapper ul li > div {
  padding: 6px 10px;
}
.list-info-wrapper ul li > div:first-child {
  border-right: 1px solid var(--border-color-base);
}
.list-info-wrapper ul li .title {
  background: var(--header-background);
  width: 180px;
  box-sizing: border-box;
}
.list-info-wrapper ul li .title.full {
  width: 100%;
  border-right: 0;
  display: flex;
  justify-content: space-between;
}
.list-info-wrapper ul li .detail {
  flex: 1;
  max-width: calc(100% - 150px);
  overflow: hidden;
}
.list-info-wrapper ul li .detail .blur-label {
  margin-right: 5px;
  margin-bottom: 3px;
  margin-top: 3px;
  display: inline-block;
}
.list-info-wrapper ul li .detail .location-wrapper {
  padding-left: 0px;
  padding-right: 0px;
}
.list-info-wrapper ul li .detail .ant-form-item {
  margin-bottom: 0px;
}
@media (max-width: 576px) {
  .list-info-wrapper ul li .title {
    width: 120px;
  }
  .list-info-wrapper .radio-style-1 {
    max-height: 100px;
  }
}

.list-task ul {
  border-bottom: none;
}
.list-task li {
  padding: 3px 5px;
}

.radio-style-1 {
  display: flex;
  line-height: 30px;
  max-height: 65px;
}
.radio-style-1 .ant-radio-checked::after {
  display: none;
}

.radio-style-2 {
  display: flex;
  line-height: 30px;
}
.radio-style-2 .ant-radio-checked::after {
  display: none;
}

.row-head {
  border-bottom: 1px solid var(--border-color-base);
}
.row-head.disabled-text {
  color: var(--text-color-secondary);
}
.row-head.small-text, .row-head.small-text th {
  font-weight: 400;
}

.row-footer {
  border-top: 1px solid var(--border-color-strong);
}

/* prevent section title labels from firing button event */
.section-with-button .section-button-container {
  align-items: flex-end;
}
.section-with-button .ant-form-item-no-colon {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
}
.section-with-button label {
  pointer-events: none;
}
.section-with-button label button {
  pointer-events: auto;
}

.select-button.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 5px;
  border: 0px;
}

.ant-select-multiple .ant-select-selection-item-content {
  font-size: var(--fs-normal);
}

.ant-select-multiple .ant-select-selection-overflow {
  row-gap: 2px;
}

.ant-select-clear {
  background-color: transparent;
}

.ant-select-drawer-ellipsis {
  width: 474px !important;
}
.ant-select-drawer-ellipsis .ant-select-selection-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-drawer-ellipsis .ant-select-selector {
  overflow: hidden;
}

.ant-select-ellipsis-flexible .ant-select-selection-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-select-ellipsis-flexible .ant-select-selector {
  overflow: hidden;
}

.ant-collapse.no-padding .ant-collapse-header {
  padding-left: 20px !important;
  padding-right: 0px !important;
}
.ant-collapse.no-padding .ant-collapse-header .anticon {
  left: 0px !important;
}
.ant-collapse.no-padding .ant-collapse-content-box {
  padding-left: 0px;
  padding-right: 0px;
}
.ant-collapse.text-link .ant-collapse-header {
  color: var(--link-color);
}

.disabled-closed .ant-collapse-header[aria-expanded=true] {
  pointer-events: none;
}

.checkbox-box .ant-checkbox,
.checkbox-box .ant-radio {
  top: 5px;
  left: 5px;
  position: absolute;
}
.checkbox-box .ant-checkbox + span,
.checkbox-box .ant-radio + span {
  padding-left: 0px;
  padding-right: 0px;
}
.checkbox-box .ant-checkbox-wrapper,
.checkbox-box .ant-radio-wrapper {
  position: relative;
}
.checkbox-box .ant-checkbox-wrapper.ant-radio-wrapper-checked > span:focus .box,
.checkbox-box .ant-radio-wrapper.ant-radio-wrapper-checked > span:focus .box {
  -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
}
.checkbox-box .ant-checkbox-wrapper .box,
.checkbox-box .ant-radio-wrapper .box {
  min-width: 160px;
  padding: 5px;
  border: 1px solid var(--border-color-base);
  border-radius: 5px;
  background: var(--component-background);
  -webkit-transition: all 0.3s ease 0s;
  -khtml-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkbox-box .ant-checkbox-wrapper .box > span,
.checkbox-box .ant-radio-wrapper .box > span {
  display: block;
  line-height: 22px;
}
.checkbox-box .ant-checkbox-wrapper .box .icon,
.checkbox-box .ant-radio-wrapper .box .icon {
  font-size: 28px;
  line-height: 32px;
}
.checkbox-box .ant-checkbox-wrapper:hover .box,
.checkbox-box .ant-radio-wrapper:hover .box {
  border: 1px solid var(--link-color);
}
.checkbox-box .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .box, .checkbox-box .ant-checkbox-wrapper.ant-radio-wrapper-checked .box,
.checkbox-box .ant-radio-wrapper.ant-checkbox-wrapper-checked .box,
.checkbox-box .ant-radio-wrapper.ant-radio-wrapper-checked .box {
  border: 1px solid var(--link-color);
}
.checkbox-box .ant-checkbox-wrapper.ant-checkbox-wrapper-checked .box span, .checkbox-box .ant-checkbox-wrapper.ant-radio-wrapper-checked .box span,
.checkbox-box .ant-radio-wrapper.ant-checkbox-wrapper-checked .box span,
.checkbox-box .ant-radio-wrapper.ant-radio-wrapper-checked .box span {
  color: var(--link-color);
}

.ant-checkbox-group.checkbox-button label {
  border: 1px solid var(--border-color-base);
  border-radius: 2px;
  padding: 4px 5px 4px 7px;
  background: var(--component-background);
}
.ant-checkbox-group.checkbox-button label span {
  font-size: 14px;
}
.ant-checkbox-group.checkbox-button label.ant-checkbox-wrapper-checked {
  border: 1px solid var(--link-color);
}
.ant-checkbox-group.checkbox-button label.ant-checkbox-wrapper-checked span {
  color: var(--link-color);
}
.ant-checkbox-group.checkbox-button label:hover {
  border: 1px solid var(--link-color);
}
.ant-checkbox-group.checkbox-button label:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
}

.ant-drawer-body .checkbox-box .ant-checkbox-wrapper .box,
.ant-drawer-body .checkbox-box .ant-radio-wrapper .box {
  min-width: 135px;
}
.ant-drawer-body .ant-radio-wrapper:last-child {
  margin-right: 0px;
}

.drawer-center-title .ant-drawer-header {
  display: flex;
  align-items: center;
}
.drawer-center-title .ant-drawer-header .ant-drawer-title {
  flex: 1;
}
.drawer-center-title .ant-drawer-header .ant-drawer-close {
  line-height: 12px;
}
.drawer-center-title .ant-drawer-header .ant-tag {
  line-height: 22px;
  max-height: 22px;
}

.ant-drawer .ant-drawer-title {
  position: relative;
}

.ant-drawer-header {
  padding: 16px 20px 16px 24px;
}
.ant-drawer-header .ant-drawer-header-title {
  flex-direction: row-reverse;
}
.ant-drawer-header .ant-drawer-header-title .ant-drawer-close {
  margin: 0;
  padding: 0;
}

.ant-alert-info {
  background-color: #e6f6ff;
}

.ant-alert-info .ant-alert-icon {
  color: var(--primary-color);
}

.ant-alert-with-description {
  padding: 8px 12px;
}
.ant-alert-with-description .ant-alert-icon {
  font-size: 14px;
  margin-top: 9px;
  margin-inline-end: 8px;
}

.ant-alert .ant-table,
.ant-alert th {
  background-color: transparent !important;
}

.calendar__event--has-driving-time::before {
  background-color: inherit;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  filter: brightness(1.05);
  content: "";
  border-right: 1px solid var(--system-gray-4-color);
  width: var(--driving-time-width, 0%);
}
@media (max-width: 576px) {
  .calendar__event--has-driving-time::before {
    display: none;
  }
}

.calendar__event--waiting-segment {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: rgba(255, 165, 0, 0.15);
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 576px) {
  .calendar__event--waiting-segment {
    display: none;
  }
}

.calendar__event--transport-frozen {
  border-width: 2px !important;
}

.calendar__event--completed::before {
  filter: brightness(1.04);
}

.calendar__event--on-call-estimate {
  border-style: dashed !important;
  border-width: 2px !important;
}

.calendar__legend-modal .ant-modal-header {
  padding: 4px 8px;
}
.calendar__legend-modal .ant-modal-body {
  padding: 4px 8px;
}

.calendar__legend-modal--wrapper {
  gap: 20px;
}
.calendar__legend-modal--wrapper .calendar__legend-modal--title {
  font-weight: 600;
  margin-bottom: 5px;
}
.calendar__legend-modal--wrapper .calendar__legend-modal--legend-wrapper {
  width: 200px;
}
.calendar__legend-modal--wrapper .calendar__legend-modal--legend-wrapper .fc-timeline-event {
  background-color: var(--header-background);
  border-color: var(--background-color);
}
.calendar__legend-modal--wrapper .calendar__legend-modal--legend-wrapper .fc-event-main {
  color: var(--text-color) !important;
  padding-left: 5px;
}
.calendar__legend-modal--wrapper .calendar__legend-modal--driving-time-wrapper {
  margin-top: 20px;
}

.calendar__event-box {
  max-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  position: relative;
}
.calendar__event-box .event-title {
  max-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.calendar__event-box--canceled {
  position: absolute;
  width: 95%;
  height: 52%;
  left: 1%;
  border-bottom: 1px solid var(--system-black-color);
}

.calendar__event-box--background {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: var(--system-gray-2-color);
  border-left: 2px solid var(--system-black-color);
}
.calendar__event-box--background .event-title {
  color: var(--system-black-color);
}

.calendar__event-box--shift-comment {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: var(--tripto-not-completed);
  border-left: 2px solid var(--system-black-color);
}
.calendar__event-box--shift-comment .event-title {
  color: var(--system-black-color);
}

.calendar__shift-delta--added {
  background: repeating-linear-gradient(-45deg, rgba(82, 196, 26, 0.12), rgba(82, 196, 26, 0.12) 4px, rgba(82, 196, 26, 0.28) 4px, rgba(82, 196, 26, 0.28) 8px) !important;
}

.calendar__shift-delta--removed {
  background: repeating-linear-gradient(-45deg, rgba(245, 34, 45, 0.08), rgba(245, 34, 45, 0.08) 4px, rgba(245, 34, 45, 0.2) 4px, rgba(245, 34, 45, 0.2) 8px) !important;
}

.calendar__shift-delta-content {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: var(--system-black-color);
  pointer-events: auto;
}

.calendar__event-box--shift-cutoff {
  position: absolute;
  top: 0;
  height: 100%;
  background: repeating-linear-gradient(-45deg, rgba(245, 34, 45, 0.08), rgba(245, 34, 45, 0.08) 4px, rgba(245, 34, 45, 0.2) 4px, rgba(245, 34, 45, 0.2) 8px);
  z-index: 2;
  pointer-events: auto;
  cursor: default;
}

.calendar__event-box--icon {
  margin-left: 2px;
}

.calendar__event-box--delay {
  position: absolute;
  height: calc(100% + 4px);
  width: 3px;
  bottom: -2px;
  right: -1px;
}
.calendar__event-box--delay.minor-delay {
  background-color: #fef001;
}
.calendar__event-box--delay.medium-delay {
  background-color: #ffce03;
}
.calendar__event-box--delay.serious-delay {
  background-color: #fd9a01;
}
.calendar__event-box--delay.extreme-delay {
  background-color: var(--system-red-color);
}
.calendar__event-box--delay.minor-too-early {
  background-color: #87ceeb;
}
.calendar__event-box--delay.medium-too-early {
  background-color: #4a9fd8;
}
.calendar__event-box--delay.serious-too-early {
  background-color: #2171b5;
}
.calendar__event-box--delay.extreme-too-early {
  background-color: #08519c;
}

.ant-radio-button-wrapper:focus-within,
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.2);
}

.ant-radio-input:focus-visible + .ant-radio-inner {
  outline: none;
}

.ant-radio-button-wrapper-disabled {
  background-color: var(--disabled-bg-color) !important;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  background-color: var(--system-gray-5-color) !important;
}

.ant-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.ant-switch-checked:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.2);
}

.ant-tag.ant-tag-blue {
  border-color: rgb(122, 200, 255);
  background-color: rgb(230, 246, 255);
  color: var(--primary-color);
}

.ant-tag.white-tag {
  background: var(--body-background);
  border-radius: 5px;
  border: 0px;
  color: var(--border-color-strong);
}

.ant-tag-blue.general-color-tag {
  border-color: var(--header-background);
  background: var(--header-background);
  color: var(--text-base-color);
}

.anticon {
  outline: none;
}
.anticon svg {
  outline: none;
}

.autopilot-icon-inline {
  background: linear-gradient(135deg, #722ed1 0%, #4f46e5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 0.9em;
}

.ant-avatar-string {
  line-height: 32px;
}

.ant-picker:hover,
.ant-picker-input > input:hover {
  background-color: var(--system-white-color) !important;
  border-color: var(--system-blue-color);
}

@media (max-width: 576px) {
  .ant-picker-range-wrapper .ant-picker-panels > div:last-child {
    display: none;
  }
  .ant-picker-range-wrapper .ant-picker-panels > div:first-child .ant-picker-header > button {
    visibility: visible !important;
  }
}

.ant-table-ping-right .ant-table-cell-fix-right-first::after,
.ant-table-ping-right .ant-table-cell-fix-right-last::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ant-table-ping-left .ant-table-cell-fix-left-first::after,
.ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15);
}

.ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: none;
}

@media (max-width: 576px) {
  .ant-table-filter-column {
    flex-wrap: wrap;
    gap: 4px;
  }
}
.full-height-screen {
  min-height: 100vh;
}

.wide-container {
  width: 100%;
  margin: 0 auto;
}

.hidden-screen {
  display: none !important;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 992px) {
  .hidden-screen {
    display: block !important;
  }
}
.component-background {
  background: var(--component-background) !important;
}

.disabled-icon {
  color: var(--icon-disabled) !important;
  cursor: not-allowed !important;
}

:root {
  --transparent-color: transparent;
  --system-blue-color: rgb(0, 146, 179);
  --system-green-color: rgb(52, 199, 89);
  --system-indigo-color: rgb(88, 86, 214);
  --system-orange-color: rgb(255, 149, 0);
  --system-pink-color: rgb(255, 45, 85);
  --system-purple-color: rgb(175, 82, 222);
  --system-red-color: rgb(246, 52, 42);
  --system-teal-color: rgb(150, 222, 255);
  --system-yellow-color: rgb(255, 204, 0);
  --system-gray-color: rgb(142, 142, 147);
  --system-gray-2-color: rgb(174, 174, 178);
  --system-gray-3-color: rgb(199, 199, 204);
  --system-gray-4-color: rgb(209, 209, 214);
  --system-gray-5-color: rgb(229, 229, 234);
  --system-gray-6-color: rgb(242, 242, 247);
  --system-white-color: rgb(255, 255, 255);
  --system-darker-white-1-color: rgb(242, 242, 242);
  --system-darker-white-2-color: rgb(228, 228, 228);
  --system-black-color: rgb(0, 0, 0);
  --primary-color: var(--system-blue-color);
  --primary-color-hover: rgb(31, 167, 191);
  --secondary-color: rgb(1, 35, 43);
  --success-color: var(--system-green-color);
  --info-color: var(--system-teal-color);
  --warning-color: var(--system-orange-color);
  --warning-color-2: var(--system-yellow-color);
  --error-color: var(--system-red-color);
  --highlight-color: var(--system-red-color);
  --background-color: var(--system-gray-6-color);
  --surface-bg-color: var(--system-white-color);
  --border-color-base: var(--system-gray-4-color);
  --border-color-strong: var(--system-black-color);
  --disabled-color: rgba(0, 0, 0, 0.3);
  --disabled-bg-color: #f5f5f5;
  --row-hover-bg: rgb(250, 250, 250);
  --row-selected-bg: rgba(0, 146, 179, 0.1);
  --row-selected-hover-bg: rgba(0, 146, 179, 0.2);
  --input-bg: transparent;
  --lighter-green-color: #f6ffed;
  --body-background: var(--system-white-color);
  --component-background: var(--surface-bg-color);
  --component-background-hover: #e6f7ff;
  --component-background-blur: #fbf6f6;
  --layout-header-background: var(--system-blue-color);
  --layout-body-background: #f0f2f5;
  --component-invert-background-1: #c8c8c8;
  --component-invert-background-2: #f7f7f7;
  --header-background: #f2f2f2;
  --border-color-split: #f0f0f0;
  --link-color: var(--primary-color);
  --heading-color: #262626;
  --icon-disabled: rgba(0, 0, 0, 0.25);
  --text-color: #595959;
  --text-color-secondary: #7e7e7e;
  --text-color-disabled: #999999;
  --text-color-disabled-2: #dedede;
  --text-layout-header-color: var(--system-white-color);
  --border-table-color: var(--system-gray-5-color);
  --border-row-hover-background: var(--system-gray-6-color);
  --text-color-strong: var(--system-black-color);
  --mask-loading: rgba(var(--system-black-color), 0.05);
  --background-message-user: var(--info-color);
  --background-message-other: var(--system-gray-4-color);
  --text-color-name-message: #7e7e7e;
  --text-base-color: #000000;
  --tripto-completed: #a7e8bc;
  --tripto-not-completed: #ffebac;
  --tripsheet-not-completed: #aff1ed;
  --tripto-not-completed-light: #ffefb8;
  --tripto-bad: #ffd1c2;
  --tripto-bad-1: #ffe5db;
  --tripto-bad-2: #fff0e9;
  --tripto-bad-3: #fff8f4;
  --tripto-bad-light: #fed8cc;
  --tripto-started: #d3f0fb;
  --tripto-started-light: #def5fe;
  --tripto-yellow-milk: #fffbee;
  --tripto-started: #d3e7f8;
}

:root {
  --font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --box-border-radius: 10px;
  --input-height: 42px;
  --fs-normal: 12px;
  --fs-mid: 14px;
  --fs-large: 16px;
}