@charset "UTF-8";
.time-suggestions-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.time-suggestion {
  border: 1px solid #C7D5E3;
  border-radius: 4px;
  background-color: white;
  padding: 1rem;
  cursor: pointer;
}
.time-suggestion p {
  font-weight: bold;
  line-height: 1.5;
}
.time-suggestion:hover {
  background-color: #F5F8FA;
}

.time-suggestion--selected {
  border: 3px solid #C7D5E2 !important;
}

.time-confidence-icon {
  font-size: 1rem !important;
}

.time-confidence-text {
  font-weight: normal !important;
  font-size: 0.8rem !important;
}

#viewerContainer {
  overflow: auto;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #808080;
  margin: 0;
  padding: 0;
}

.signPad-wrapper {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 540px;
  /* height: 200px; */
  z-index: 99;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0px -2px 33px -9px rgba(0, 0, 0, 0.75);
}

.signPad-confirm {
  width: 75%;
  height: 3rem;
}

.signPad-cancel {
  height: 3rem;
  width: 20%;
}

.signPad-clear {
  width: 100%;
  background-color: #f3f3f3 !important;
  color: black !important;
  height: 3rem;
}
.signPad-clear:focus {
  background-color: #f3f3f3 !important;
  color: black !important;
  outline: 0;
  border: none;
}

.pdfViewer-container {
  padding-bottom: 600px !important;
}

.signPad-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 254px;
}

.consent-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 20px;
  margin: 10px 0 20px 0;
}

.consent-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.consent-item {
  margin: 0;
}

.consent-label {
  display: flex;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 1100px) {
  .consent-checkbox {
    transform: scale(1.2);
  }
}

.container-card {
  max-width: 32rem;
  border: 1px solid #C7CAD1;
  border-radius: 0.35rem;
  box-shadow: 0 0 0.71rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  background-color: #FBFCFC;
}
.container-card__body {
  flex-basis: 0;
  flex-grow: 8;
  border-right: 1px solid #C7CAD1;
  padding: 15px 10px 15px 20px;
  display: flex;
  flex-direction: column;
}
.container-card__body p span {
  font-weight: 600;
  margin: 0 !important;
}
.container-card__body p {
  margin: 0 !important;
}
.container-card__actions {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  flex-basis: 0;
  flex-grow: 2;
}
.container-card--selected {
  background-color: #dae5f2 !important;
}

.selected-containers {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-x: auto;
  z-index: 1;
  flex-grow: 1;
}
.selected-containers__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selected-containers__top p {
  margin: 0;
}

.search-dialog-container {
  padding: 1rem;
}

.bulk-event-container,
.search-dialog-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 450px;
  max-width: 100%;
  height: min(800px, 100vh);
}
.bulk-event-container__top, .bulk-event-container__footer,
.search-dialog-container__top,
.search-dialog-container__footer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 100%;
}
.bulk-event-container__body,
.search-dialog-container__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-x: auto;
  z-index: 1;
  flex-grow: 1;
}
.bulk-event-container__body p,
.search-dialog-container__body p {
  margin: 0;
}
.bulk-event-container .text-field-edit,
.search-dialog-container .text-field-edit {
  width: 100%;
  max-width: unset !important;
}

.bulk-event-dialog-container {
  max-width: 450px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}
.bulk-event-dialog-container .datamix-date-picker,
.bulk-event-dialog-container .datamix-time-picker,
.bulk-event-dialog-container .text-field-edit {
  width: 100%;
  max-width: unset !important;
}

@media screen and (max-width: 480px) {
  .bulk-event-container,
  .search-dialog-container,
  .bulk-event-dialog-container {
    width: 100%;
    max-width: 100%;
  }
  .bulk-event-container {
    height: calc(100vh - 70px);
  }
  .search-dialog-container,
  .bulk-event-dialog-container {
    padding: 70px 1rem 1rem 1rem;
  }
  .search-dialog-container {
    height: 100vh;
  }
}
/* ratio - prepocet z 12px na rem */
/* margin-size */
/* border-size */
/* corner-size */
/* icon-size */
/* input-margin-size */
/* inputs-height */
/* input-tags-height */
/* tags height, margin, corner */
/* input-border-size */
/* input-label-height */
/* notification size, shift */
/* popup */
/* forms - frames */
/* tags */
/* main colors */
/* help colours */
/* company colors */
/* other colors */
/*** Feedback colors ***/
/*** Priority colors ***/
/*** Scale colors ***/
/*** Colors - navigation ****/
/*** Main navigation colors ***/
/** First level **/
/* Frame Background */
/* Items Icon */
/* Items background */
/** Second level **/
/* Frame background */
/* Frame text */
/* Items Icon */
/* Items background */
/* Items text */
/** Third level **/
/* Frame background */
/* Items background */
/* Items text */
/*** primary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** secondary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** low button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** high button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** layout button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* icon */
/* HLAVIČKA OBSAHU - colors */
/*** Hlavní parametry stránky ***/
/* Hlavní parametry stránky - colors */
/* tags colors */
/* breadcrumbscolor colors */
/*** popup1 ***/
/* popup1 - colors */
/*** formframe1 ***/
/* formframe1 - colors */
/* formframe1-row */
/*** with icon ***/
/** colors **/
/* base */
/* icon backround color */
/*** ATOMICKE TRIDY ***/
.w-fit-content {
  width: fit-content;
}

@media only screen and (max-width: 30rem) {
  .w-18-rem-mobile {
    width: 18rem !important;
  }
}
.display-none--hamburger {
  display: none;
}

.display-none--logo {
  display: none;
}

.number-text-align {
  text-align: end;
}

.w-60rem {
  width: 60rem;
}

.w-100 {
  width: 100%;
}

/*** ATOMICKE IDENTIFIKATORY ***/
#page-focus:focus {
  outline: none;
}

.edit-page {
  display: flex;
  flex-direction: column;
  gap: calc(2.8571428571rem * 0.6);
}

.edit-page--max-content {
  margin-top: calc(1.4285714286rem * 0.6);
  width: max-content;
}

.edit-page--w-100 {
  width: 100%;
}

.edit-page-width {
  width: 57rem;
  max-width: 100%;
}

.edit-page--w-100 {
  width: 100%;
}

.edit-page--limit-scroll {
  max-height: 700px;
  overflow-y: auto;
}

.edit-page--w-auto {
  width: auto;
}

.edit-page--w-82 {
  width: 82%;
}

.edit-page--w-40 {
  width: 40%;
}

.edit-page p,
.edit-page h2 {
  margin: 0;
  padding: 0;
}

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

.edit-page__header h2 {
  font-size: calc(3.2142857143rem * 0.6);
  font-weight: 500;
  color: #134FA6;
}

.edit-page__main {
  display: flex;
  flex-direction: column;
  gap: calc(2.1428571429rem * 0.6);
}

.edit-page__main .dynamic-view__container {
  display: flex;
  flex-direction: column;
  gap: calc(2.1428571429rem * 0.6);
}

.edit-page__footer {
  display: flex;
  flex-direction: row-reverse;
}

/* edit component */
.edit-content-component {
  display: flex;
  flex-direction: column;
  padding: calc(2.1428571429rem * 0.6);
  background-color: #F3F6FA;
  gap: calc(1.4285714286rem * 0.6);
  border: 1px solid #F3F6FA;
  border-radius: 0.3571428571rem;
}

.edit-content-component-grid {
  display: flex;
  flex-direction: column;
  padding: calc(2.1428571429rem * 0.6);
  background-color: #F3F6FA;
  gap: calc(1.4285714286rem * 0.6);
  border: 1px solid #F3F6FA;
  border-radius: 0.3571428571rem;
  container-type: inline-size;
}

.edit-content-component--required {
  border-left: 0.7142857143rem solid #1A66D4;
  padding-left: calc(2.1428571429rem * 0.6 - 0.7142857143rem * 0.6);
}
.edit-content-component--required .edit-content-component__title {
  color: #1A66D4;
}

.edit-content-component__title {
  font-size: 1.2857142857rem;
  font-weight: 500;
  color: #424242;
}

.edit-content-component__title-block {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.edit-content-component .edit-content-component__title-progress-bar {
  width: 15rem;
}

.edit-content-component .edit-content-component__title-progress-bar .inner-bar {
  height: 0.5rem;
  background-color: #134FA6;
}

.edit-content-component .edit-content-component__title-progress-bar .outer-bar {
  height: 0.5rem;
  background-color: rgba(19, 79, 166, 0.25);
}

.edit-content-component__not-required-title {
  display: flex;
  justify-content: space-between;
}

.edit-content-component__not-required-title:hover {
  cursor: pointer;
}

.edit-content-component__not-required-title-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.edit-content-component__not-required-title-group-left {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.edit-content-component__not-required-title-group-left h4 {
  margin: 0;
  padding: 0;
}

.edit-content-component__not-required-title-group-right {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}

.edit-content-component__not-required-title-group-right div:hover {
  cursor: pointer;
}

.edit-content-component__not-required-title-group-right svg path {
  fill: #134FA6;
}

.edit-content-component__main-grid {
  display: grid;
  --grid-column-count: 4;
  --grid-item--min-width: 25rem;
  --grid-layout-gap: 1.1rem;
  --gap-count: calc(var(--grid-column-count) - 1);
  --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
  --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
  grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
  gap: 1.1rem;
}

.edit-item__full-width {
  grid-column: 1/-1;
}

.edit-field-container {
  display: flex;
  flex-wrap: wrap;
  gap: calc(2.1428571429rem * 0.6);
  align-items: end;
}

.edit-content-component__footer .footer-title {
  font-size: calc(1.7142857143rem * 0.6);
  font-weight: 500;
  color: #424242;
}

.edit-content-component .edit-content-component__main--hidden,
.edit-content-component .edit-content-component__footer--hidden {
  display: none;
}

.edit-content-component__row-text-container {
  margin: 0 1rem;
  height: calc(3.33rem + 16px) !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 6.5rem;
}

.edit-content-component__row-text-container {
  min-width: 1px;
}

.edit-content-component__row-text-label {
  font-weight: 500;
  color: #7E7E7E;
  margin-top: -2px !important;
}

.edit-content-component__row-text-value {
  font-size: 1.25rem;
  font-weight: 500;
  color: #424242;
  margin-bottom: 0.5rem !important;
  white-space: nowrap;
}

/*** row component ***/
.formframe1-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.7142857143rem;
  margin-top: 1.4285714286rem;
}

.formframe1-row-start {
  justify-content: start;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 1rem;
}

.formframe1-row-between {
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.formframe1-row__subtitle {
  font-size: 1.25rem;
  font-weight: 500;
  color: #424242;
  padding: 0;
  margin: 1rem 0;
}

.formframe1-row__button {
  align-items: baseline;
}

.formframe1-row__button .datamix-button--primary {
  padding-right: 0.7142857143rem;
  height: 3rem;
}

/*** Text field component ***/
.edit-page .mud-select.mud-autocomplete, .edit-page .morf-date-picker {
  min-width: min(100%, 26rem);
  max-width: 26rem;
  flex-grow: unset;
}

.edit-page .text-field-edit.mud-input-control {
  margin: 0;
}

.edit-page .text-field-edit.text-field-edit--full.mud-input-control {
  max-width: unset;
}

.edit-page .mud-select:has(.edit-item__autocomplete--full) {
  max-width: unset;
}

.edit-page .edit-item__autocomplete.edit-item__autocomplete--full.mud-input-control {
  max-width: 100%;
}

.edit-page .edit-item__autocomplete.edit-item__autocomplete--full.mud-input-control > div > div {
  width: unset !important;
}

.text-field-edit.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-top: 5px;
  font-weight: 400;
  color: #7E7E7E !important;
  margin-left: 1.25rem;
}

.dx-ml-2.text-field-edit.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-left: 2rem;
}

.text-field-edit .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.text-field-edit .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  font-weight: 700;
  color: #134fa6 !important;
  text-transform: uppercase;
  margin: 0;
}

.text-field-edit .mud-input > input.mud-input-root {
  margin-left: 1.25rem;
  color: black;
  font-size: 1.25rem;
  font-weight: 400;
}

.text-field-edit .mud-input > textarea.mud-input-root {
  color: black;
}

.edit-page .text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  border: 1px solid #C7D5E3;
  border-radius: calc(0.2857142857rem * 0.6);
  height: 3.33rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: #7E7E7E;
  background-color: white;
}

.edit-page .text-field-edit--full.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: unset;
}

.edit-page .text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text.mud-disabled {
  background-color: #F1F2F3;
}

.edit-page .text-field-multiple-lines.text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  height: auto;
  padding: 0.25rem 1rem;
  width: unset;
}

/*** Select component ***/
.datamix-select.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  flex-direction: unset;
  border: 1px solid #C7D5E3;
  border-radius: 4px;
  height: 3.33rem;
  background-color: white;
}

/*** Select component text ***/
.datamix-select.datamix-select-text.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  border: none;
  height: auto;
  background-color: transparent;
}

.datamix-select-text.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin: 0;
}

.datamix-select.datamix-select-text.mud-select .mud-select-input .mud-input-slot {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0rem;
  padding: 4px 0;
  cursor: pointer;
}

.datamix-select.datamix-select-text.datamix-select-text-bold.mud-select .mud-select-input .mud-input-slot {
  font-size: 1.15rem;
  color: #474D56;
  font-weight: 500;
}

.datamix-select.datamix-select-text.datamix-select-text-bolder.mud-select .mud-select-input .mud-input-slot {
  font-weight: 700;
}

.datamix-select.datamix-select-text.datamix-select-text-big.mud-select .mud-select-input .mud-input-slot {
  font-size: 1.15rem;
}

.datamix-select.datamix-select-text.datamix-select-text-bigger.mud-select .mud-select-input .mud-input-slot {
  font-size: 1.25rem;
}

.datamix-select.datamix-select-text .mud-select-input > svg {
  margin-right: 0;
  fill: #474D56;
}

.datamix-select-text.mud-select .mud-select-input .mud-input-adornment-end {
  padding-bottom: 2px;
}

.datamix-select-text .mud-input.mud-input-underline:before {
  border-bottom: none;
}

.datamix-select-text .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: none;
}

.datamix-select.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text.mud-disabled {
  background-color: #F1F2F3;
}

.datamix-select.mud-select .mud-select-input .mud-input-slot {
  margin-left: 1.25rem;
  color: black;
  font-size: 1.25rem;
  font-weight: 400;
}

.datamix-select.mud-select .mud-select-input .mud-input-slot .datamix-select__item {
  color: black;
  font-size: 1.25rem;
  font-weight: 400;
}

.mud-select .mud-select-input .mud-input-slot .datamix-select__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.datamix-select .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.datamix-select .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  font-weight: 700;
  color: #134fa6 !important;
  text-transform: uppercase;
  margin: 0;
}

.datamix-select.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-top: 5px;
  font-weight: 400;
  color: #7E7E7E !important;
  margin-left: 1.25rem;
}

/*** Select component meeting ***/
.mud-select:has(.datamix-select__meeting) {
  flex-grow: inherit;
}

.datamix-select__meeting.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 11rem;
  height: calc(3.5714285714rem * 0.6);
}

.datamix-select__meeting-enum.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 8rem;
}

.datamix-select__meeting.mud-select .mud-select-input .mud-input-slot {
  color: #7E7E7E;
  font-size: calc(1.4285714286rem * 0.6);
}

.datamix-select__meeting .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.datamix-select__meeting .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  text-transform: inherit;
}

.datamix-select__meeting.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-top: 0;
  font-size: calc(1.4285714286rem * 0.6);
}

.datamix-select .mud-select-input > svg {
  margin-right: 1.25rem;
  color: #134FA6;
}

.edit-item__autocomplete .mud-icon-root {
  margin-right: 1.25rem;
  color: #134FA6;
}

.datamix-select .mud-disabled .mud-select-input > svg {
  color: #C7CAD1;
}

.datamix-select__meeting .mud-select-input > svg {
  margin-right: 1rem;
}

/*** color picker ***/
.datamix-color-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  border: 1px solid #C7D5E3;
  border-radius: calc(0.2857142857rem * 0.6);
  height: 3.33rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: #7E7E7E;
  background-color: white;
}

.datamix-color-picker .mud-input-control {
  margin: 0;
}
.datamix-color-picker .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.datamix-color-picker .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  font-weight: 700;
  color: #134fa6 !important;
  text-transform: uppercase;
  margin: 0;
}

/*** Date picker component ***/
.datamix-date-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  border: 1px solid #C7D5E3;
  border-radius: 4px;
  height: 3.33rem;
  background-color: white;
}

.datamix-date-picker .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-top: 5px;
  font-weight: 400;
  color: #7E7E7E !important;
  margin-left: 1.25rem;
}

.datamix-date-picker .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  font-weight: 700;
  color: #134fa6 !important;
  text-transform: uppercase;
  margin: 0;
}

.datamix-date-picker.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root,
.datamix-date-picker.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  margin-left: 1.25rem;
  color: black;
  font-size: 1.25rem;
  font-weight: 400;
}

.datamix-date-picker .mud-icon-root {
  margin-right: 1.25rem;
  color: #134FA6;
}

.datamix-date-picker.datamix-date-picker--checklist {
  width: 10rem;
}

.datamix-date-picker.datamix-date-picker--checklist .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  height: 1.5rem;
}

.datamix-date-picker.datamix-date-picker--checklist.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root,
.datamix-date-picker.datamix-date-picker--checklist.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  font-size: 1rem;
}

.datamix-date-picker.datamix-date-picker--checklist.mud-disabled.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root,
.datamix-date-picker.datamix-date-picker--checklist.mud-disabled.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  color: gray;
}

.datamix-date-picker.datamix-date-picker--checklist .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-top: -0.25rem;
}

.datamix-date-picker.datamix-date-picker--checklist .mud-icon-root {
  margin-right: 1.25rem;
  width: 1.25rem;
}

/*** Time picker component ***/
.datamix-time-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  border: 1px solid #C7D5E3;
  border-radius: 4px;
  height: 3.33rem;
  background-color: white;
}

.datamix-time-picker .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-top: 5px;
  font-weight: 400;
  color: #7E7E7E !important;
  margin-left: 1.25rem;
}

.datamix-time-picker .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  font-weight: 700;
  color: #134fa6 !important;
  text-transform: uppercase;
  margin: 0;
}

.datamix-time-picker.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root,
.datamix-time-picker.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  margin-left: 1.25rem;
  color: black;
  font-size: 1.25rem;
  font-weight: 400;
}

.datamix-time-picker .mud-icon-root {
  margin-right: 1.25rem;
  color: #134FA6;
}

/*** richtext ***/
.edit-page .ql-toolbar.ql-snow,
.edit-page .ql-toolbar.ql-snow + .ql-container.ql-snow {
  background-color: white;
}

/*** autocomplete ***/
.autocomplete-edit-page.mud-select {
  width: 22rem;
}

.edit-page .mud-input-control {
  margin-top: 0;
  min-width: min(100%, 26rem);
  max-width: 26rem;
}

.edit-page .edit-content-component__main-grid .mud-input-control {
  min-width: min(100%, 25rem);
  max-width: 100%;
}

.edit-page--no_width.mud-input-control {
  margin-top: 0;
  min-width: max-content !important;
  max-width: 26rem;
}

/*** richtext ***/
.edit-page .edit-text__rich-text {
  padding-left: 0;
}
.edit-page .edit-text__rich-text {
  padding-left: 0;
  border-bottom: 0;
}

/*** grid pro editaci služeb v požadavku ***/
.festival-grid-wrapper {
  overflow-x: auto;
}

.festival-grid {
  display: grid;
  grid-template-columns: 1fr 0.5fr 1fr 0.5fr 1fr 0.5fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "first second third fourth fifth sixth seventh";
  column-gap: 1.5rem;
  align-items: center;
  min-width: 75rem;
}

.festival-grid--head p {
  font-weight: 500;
  font-size: 1.2rem;
}

.grid-item-1 {
  grid-area: first;
}

.grid-item-2 {
  grid-area: second;
}

.grid-item-3 {
  grid-area: third;
}

.grid-item-4 {
  grid-area: fourth;
}

.grid-item-5 {
  grid-area: fifth;
}

.grid-item-6 {
  grid-area: sixth;
  text-align: right;
}

.grid-item-7 {
  grid-area: seventh;
}

@media only screen and (max-width: 30rem) {
  .edit-page-width {
    width: auto;
  }
  .edit-content-component__main-grid {
    grid-template-columns: 100%;
  }
  .edit-item__full-width {
    grid-column: span 1;
  }
  .edit-page .edit-item--multiple {
    height: auto;
  }
  .edit-page .text-field-edit.mud-input-control {
    width: 100%;
  }
  .edit-page .edit-item--multiple .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    margin-top: 16px;
  }
  .edit-page .text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    width: unset;
  }
  .edit-page .text-field-multiple-lines.text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    width: unset;
  }
  .datamix-date-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    width: unset;
  }
  .edit-page .datamix-select.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
    width: unset;
  }
  .festival-grid {
    display: unset;
  }
}
/* ratio - prepocet z 12px na rem */
/* margin-size */
/* border-size */
/* corner-size */
/* icon-size */
/* input-margin-size */
/* inputs-height */
/* input-tags-height */
/* tags height, margin, corner */
/* input-border-size */
/* input-label-height */
/* notification size, shift */
/* popup */
/* forms - frames */
/* tags */
/* main colors */
/* help colours */
/* company colors */
/* other colors */
/*** Feedback colors ***/
/*** Priority colors ***/
/*** Scale colors ***/
/*** Colors - navigation ****/
/*** Main navigation colors ***/
/** First level **/
/* Frame Background */
/* Items Icon */
/* Items background */
/** Second level **/
/* Frame background */
/* Frame text */
/* Items Icon */
/* Items background */
/* Items text */
/** Third level **/
/* Frame background */
/* Items background */
/* Items text */
/*** primary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** secondary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** low button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** high button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** layout button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* icon */
/* HLAVIČKA OBSAHU - colors */
/*** Hlavní parametry stránky ***/
/* Hlavní parametry stránky - colors */
/* tags colors */
/* breadcrumbscolor colors */
/*** popup1 ***/
/* popup1 - colors */
/*** formframe1 ***/
/* formframe1 - colors */
/* formframe1-row */
/*** with icon ***/
/** colors **/
/* base */
/* icon backround color */
/*** ATOMICKE TRIDY ***/
.w-fit-content {
  width: fit-content;
}

@media only screen and (max-width: 30rem) {
  .w-18-rem-mobile {
    width: 18rem !important;
  }
}
.display-none--hamburger {
  display: none;
}

.display-none--logo {
  display: none;
}

.number-text-align {
  text-align: end;
}

.w-60rem {
  width: 60rem;
}

.w-100 {
  width: 100%;
}

/*** ATOMICKE IDENTIFIKATORY ***/
#page-focus:focus {
  outline: none;
}

/*** BUTTONS ***/
/* create */
.datamix-button-create.mud-button {
  width: auto;
  color: white;
  background-color: #3BB75E;
  border-radius: calc(0.7142857143rem * 0.6);
  height: calc(5rem * 0.6);
  padding: 0 calc(2.8571428571rem * 0.6);
  font-size: calc(1.7142857143rem * 0.6);
  font-weight: 400;
}

/* close button */
.fab-button.cancel-button.close-datamix-button {
  background-color: #E8E8E8;
}

.fab-button.cancel-button.close-datamix-button.close-datamix-button-white {
  background-color: #474D56;
}

/* arrow tab button */
.arrow-tab-buttons {
  display: flex;
  gap: calc(2.1428571429rem * 0.6);
  padding: 0 calc(2.8571428571rem * 0.6) calc(2.8571428571rem * 0.6) calc(2.8571428571rem * 0.6);
}

.arrow-tab-button.mud-button {
  padding: calc(1.4285714286rem * 0.6) calc(2.1428571429rem * 0.6);
  border-radius: calc(0.7142857143rem * 0.6);
}

.arrow-tab-button.arrow-tab-button--active {
  background-color: #3BB75E;
}

.arrow-tab-button.arrow-tab-button--active:hover {
  background-color: rgba(59, 183, 94, 0.6666666667);
  cursor: pointer;
}

.arrow-tab-button.arrow-tab-button--disabled {
  background-color: #9F9F9F;
}

.arrow-tab-button.arrow-tab-button--disabled:hover {
  background-color: #9F9F9F;
  cursor: auto;
}

/*** COMMENTS ***/
.datamix-comment {
  box-shadow: none !important;
}

/*** EXPAND PANELS ***/
.datamix-expand-panels {
  display: flex;
  flex-direction: column;
  gap: calc(2.1428571429rem * 0.6);
}

.datamix-expand-content {
  display: flex;
  flex-direction: column;
  gap: calc(1.4285714286rem * 0.6);
}

.datamix-expand-panel.mud-expand-panel.mud-expand-panel-border {
  border: 1px solid #C7D5E3;
  background-color: #F2F7F9;
  border-radius: calc(0.7142857143rem * 0.6);
}

.datamix-expand-panel.mud-expand-panel .mud-expand-panel-header {
  padding: 0.5rem calc(2.1428571429rem * 0.6) !important;
}
.datamix-expand-panel.mud-expand-panel .mud-expand-panel-header p {
  color: #7636AF;
  font-size: calc(2rem * 0.6);
  font-weight: 500;
}

.datamix-expand-panel.mud-expand-panel.mud-panel-expanded {
  margin: 0;
}
.datamix-expand-panel.mud-expand-panel.mud-panel-expanded .mud-expand-panel-header {
  border-bottom: 1px solid #C7D5E3;
}
.datamix-expand-panel.mud-expand-panel.mud-panel-expanded .mud-expand-panel-content {
  padding: calc(2.1428571429rem * 0.6);
}

/*** GRID ***/
.datamix-grid.dxbl-grid {
  background-color: transparent;
}
.datamix-grid.dxbl-grid .dxbl-grid-table > thead > tr {
  background-color: #E7F0F4;
}
.datamix-grid.dxbl-grid .dxbl-grid-table > thead > tr .dxbl-text-edit {
  background-color: #E7F0F4;
  border: 0;
  display: flex;
  align-items: center;
}
.datamix-grid.dxbl-grid .dxbl-grid-filter-row .dxbl-text-edit .dxbl-text-edit-input {
  height: calc(2.1428571429rem * 0.6);
  border: 1px solid #C7D5E3;
  border-radius: calc(0.2857142857rem * 0.6);
  background-color: white;
}
.datamix-grid.dxbl-grid .dxbl-btn-group.dxbl-btn-group-right {
  border: 1px solid #C7D5E3;
}
.datamix-grid.dxbl-grid .dxbl-btn-group.dxbl-btn-group-right button {
  padding-top: 0;
  padding-bottom: 0;
}
.datamix-grid.dxbl-grid .dxbl-text-edit .dxbl-text-edit-input:focus {
  border: 0;
}
.datamix-grid.dxbl-grid .dxbl-grid-table > thead > tr:last-child > td {
  border-top: 0;
}
.datamix-grid.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-filter-row > td.dxbl-grid-empty-cell {
  border-left: 1px solid #d2d2d2;
}
.datamix-grid.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
  color: #668C9E;
}
.datamix-grid.dxbl-grid .dxbl-grid-header-content {
  font-size: calc(1.1428571429rem * 0.6);
  font-weight: 500;
  text-transform: uppercase;
}
.datamix-grid.dxbl-grid .dxbl-grid-header-content > span {
  font-size: calc(1.1428571429rem * 0.6);
  justify-content: start !important;
}
.datamix-grid.dxbl-grid .dxbl-grid-header-content > span > button {
  margin: 0 auto;
}
.datamix-grid.dxbl-grid .dx-grid--height {
  height: calc(3.5714285714rem * 0.6);
}
.datamix-grid.dxbl-grid .table__row-dots .table__row-tooltip {
  /*top: 0;
  left: -300%;
  margin-top: -1.875rem;*/
  margin: 0;
  top: -1rem;
  left: auto;
  right: 2rem;
  width: fit-content;
}
.datamix-grid.dxbl-grid .table__row-dots .table__row-tooltip.table__row-tooltip--active {
  display: flex;
  gap: 1rem;
  padding-right: 0.694375rem;
}
.datamix-grid.dxbl-grid .table__row-dots .table__row-tooltip::after {
  /*bottom: 45%;
  left: 104%;
  border-color: transparent transparent transparent #DFEEFB;*/
  bottom: 45%;
  left: 102%;
  border-color: transparent transparent transparent #DFEEFB;
}
.datamix-grid.dxbl-grid .dxbl-grid-action .dxbl-grid-header-content span {
  width: 100%;
  display: flex;
  justify-content: center;
}
.datamix-grid.dxbl-grid .table__row-action {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
}

.datamix-grid.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-fixed-cell,
.grid-container.dxbl-grid .dxbl-grid-table > tbody > tr > td.dxbl-grid-fixed-cell {
  position: unset !important;
}
.datamix-grid.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before,
.grid-container.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
  content: none;
}

.datamix-grid.dxbl-grid .dxbl-grid-table > thead > tr > td.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell),
.datamix-grid.dxbl-grid .dxbl-grid-table > thead > tr > th.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell) {
  background-color: #E7F0F4;
}

.column-chooser-action-btn {
  display: none !important;
}

.datamix-grid.datamix-grid--detail.dxbl-grid .dxbl-grid-table > thead > tr {
  background-color: #F2F9FF;
}
.datamix-grid.datamix-grid--detail.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
  color: #175BBC;
}
.datamix-grid.datamix-grid--detail.dxbl-grid .dxbl-grid-action .dxbl-grid-header-content span {
  font-size: 0.8rem;
  text-wrap: wrap;
  font-weight: 600;
}

.datamix-grid.datamix-grid--detail.dxbl-grid .dxbl-grid-table > thead > tr > td.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell),
.datamix-grid.datamix-grid--detail.dxbl-grid .dxbl-grid-table > thead > tr > th.dxbl-grid-fixed-cell:not(.dxbl-grid-empty-cell) {
  background-color: #F2F9FF;
}

.datamix-grid.datamix-grid--detail.dxbl-grid .dxbl-grid-table > tbody > tr:not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-filter-row) > td:not(.dxbl-grid-indent-cell):not(.dxbl-grid-expand-button-cell):not(.dxbl-grid-empty-cell):not(.dxbl-grid-empty-data):not(.dxbl-grid-edit-form):not(.dxbl-grid-detail-cell) {
  padding-top: 0;
  padding-bottom: 0;
}

.datamix-grid.dxbl-grid.datamix-grid--header-left .dxbl-grid-action .dxbl-grid-header-content span {
  width: auto;
}
.datamix-grid.dxbl-grid.datamix-grid--header-left .w-dx-action-column {
  width: 64px;
}

.datamix-grid.dxbl-grid.datamix-grid--meeting .dx-grid--height {
  height: 2.5rem;
}

.datamix-footer-text {
  background-color: white;
  border-bottom-left-radius: calc(0.3571428571rem * 0.6);
  border-bottom-right-radius: calc(0.3571428571rem * 0.6);
  border-bottom: 1px solid #C7D5E3;
  border-left: 1px solid #C7D5E3;
  border-right: 1px solid #C7D5E3;
}
.datamix-footer-text .mud-input-control {
  margin: 0;
}
.datamix-footer-text .mud-input-control > .mud-input-control-input-container {
  border-bottom-left-radius: calc(0.3571428571rem * 0.6);
  border-bottom-right-radius: calc(0.3571428571rem * 0.6);
}
.datamix-footer-text .grid-footer-input.mud-input-control .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin: 0;
}
.datamix-footer-text .grid-footer-input.mud-input-control .mud-input.mud-input-underline:before,
.datamix-footer-text .grid-footer-input.mud-input-control .mud-input.mud-input-underline:after,
.datamix-footer-text .grid-footer-input.mud-input-control .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: 0;
}
.datamix-footer-text .grid-footer-input.mud-input-control .mud-input > input.mud-input-root {
  margin-left: calc(1.0714285714rem * 0.6);
}
.datamix-footer-text .grid-footer-input.mud-input-control .mud-input-control-input-container > .mud-input-label-inputcontrol {
  position: absolute;
  top: 0;
  left: calc(1.0714285714rem * 0.6);
  margin-top: 8px;
  transform: none;
}
.datamix-footer-text .grid-footer-input.mud-input-control .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  display: none;
}

.mud-select.datamix-select-highlighted {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}
.mud-select.datamix-select-highlighted .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin: 0;
  background-color: orange;
  border-radius: calc(0.7142857143rem * 0.6);
  color: white;
}
.mud-select.datamix-select-highlighted .mud-input.mud-input-underline:before,
.mud-select.datamix-select-highlighted .mud-input.mud-input-underline:after,
.mud-select.datamix-select-highlighted .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: 0;
}
.mud-select.datamix-select-highlighted .mud-select-input .mud-input-slot {
  border-right: 1px solid;
  padding-left: calc(1.4285714286rem * 0.6);
  padding-right: calc(1.4285714286rem * 0.6);
}
.mud-select.datamix-select-highlighted .mud-input-adornment-end svg {
  color: white;
  margin: 0 calc(0.2857142857rem * 0.6);
}

.mud-select.datamix-select-highlighted--meeting .mud-input-control-input-container > div.mud-input.mud-input-text {
  background-color: #134fa6;
}

.mud-select.datamix-select-highlighted--negotiation .mud-input-control-input-container > div.mud-input.mud-input-text {
  background-color: #D52A56;
}

/*** TIME LINE ***/
.dx-time-line .dx-time-line-item .mud-timeline-item-dot {
  background-color: #7636AF;
  box-shadow: none;
  width: calc(3.5714285714rem * 0.6);
  height: calc(3.5714285714rem * 0.6);
}
.dx-time-line .dx-time-line-item .mud-timeline-item-dot .mud-timeline-item-dot-inner {
  background-color: transparent;
  color: white;
  font-size: calc(2.4285714286rem * 0.6);
  font-weight: 500;
}
.dx-time-line .dx-time-line-item .mud-timeline-item-content {
  color: #424242;
  font-size: calc(2.8571428571rem * 0.6);
  font-weight: 500;
}

.dx-time-line--top-30 {
  margin-top: calc(2.1428571429rem * 0.6);
}

/*** PERFORMANCE PLAN DASHBOARD TILE ***/
.performance-plans-container {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.performance-plan-tile {
  border: 1px solid;
  border-radius: 0.5rem;
  width: fit-content;
  display: flex;
  flex-direction: column;
  padding: calc(0.7142857143rem * 0.6);
  gap: calc(1.4285714286rem * 0.6);
}

.performance-plan-tile > p {
  font-size: 1.75rem;
}

.performance-table {
  border: 1px solid #D4B4F1;
}

.performance-table__row th {
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
  padding: calc(0.8571428571rem * 0.6) calc(1rem * 0.6);
  color: #424242;
  overflow: hidden;
  font-size: calc(1.4285714286rem * 0.6);
}

.performance-table__row--header {
  background-color: rgba(189, 208, 215, 0.2);
}

.performance-table__row--header th {
  text-transform: uppercase;
  color: #4F6D7B;
}

.performance-table__row--plan {
  background-color: #68569E;
}

.performance-table__row--plan th {
  color: #FFFFFF;
  font-weight: 500;
}

.performance-table__row--real {
  background-color: #F2F7F9;
}

.performance-table__row--real th {
  color: #134fa6;
  font-weight: 500;
}

.performance-table__row--footer {
  background-color: #F2F7F9;
}

.performance-table__row--footer th {
  font-size: calc(1.1428571429rem * 0.6);
  font-weight: 700;
}

.performance-table__row--footer .cell-succes {
  color: #3BB75E;
}

.performance-table__row--footer .cell-fail {
  color: #D52A56;
}

/*** DIALOG ***/
.popup-dialog__text-red + div .mud-dialog-content {
  color: red;
}

/*** DATAMIX TAB ***/
.datamix-tab .datamix-tab__item {
  display: flex;
  gap: calc(0.7142857143rem * 0.6);
  margin-left: calc(2.8571428571rem * 0.6);
  flex-wrap: wrap;
  justify-content: space-between;
}
.datamix-tab .datamix-tab__item button {
  border: 1px solid #C7D5E3;
  border-top-left-radius: calc(0.7142857143rem * 0.6);
  border-top-right-radius: calc(0.7142857143rem * 0.6);
  background-color: #EAEEF4;
  padding: calc(0.8571428571rem * 0.6) calc(1.4285714286rem * 0.6) calc(0.5714285714rem * 0.6) calc(1.4285714286rem * 0.6);
  border-bottom: 0;
}
.datamix-tab .datamix-tab__item button.active-button {
  background-color: white;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable > button {
  border: 2px dashed #1A66D4;
  border-bottom: 0;
  margin: 0 0.1rem;
  color: #1A66D4;
  background-color: #EEF5FF;
  gap: 1rem;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable .datamix-tab__item-edit-icon {
  border-radius: 50%;
  border: 1px solid #1A66D4;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable .datamix-tab__item-edit-icon svg {
  width: 1rem;
  height: 1rem;
  fill: #1A66D4;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable .datamix-tab__item-edit-icon svg path {
  fill: #1A66D4;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable > .datamix-tab__item-selected {
  background-color: #d4ffd6 !important;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable > .datamix-tab__item-grey {
  color: #888888;
  background-color: #EEEEEE;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable > .datamix-tab__item-grey .datamix-tab__item-edit-icon {
  border: 1px solid #888888;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable > .datamix-tab__item-grey .datamix-tab__item-edit-icon svg {
  width: 1rem;
  height: 1rem;
  fill: #888888;
}
.datamix-tab .datamix-tab__item .datamix-tab__itemContainer.datamix-tab__itemContainer-editable > .datamix-tab__item-grey .datamix-tab__item-edit-icon svg path {
  fill: #888888;
}
.datamix-tab .datamix-tab__content {
  padding: calc(2.8571428571rem * 0.6);
  border: 1px solid #C7D5E3;
  background-color: white;
}

.datamix-tab--secondary {
  margin: calc(-2.8571428571rem * 0.6);
  background-color: #F2F9FF;
}
.datamix-tab--secondary .datamix-tab__item {
  padding: 0.6rem 0;
}
.datamix-tab--secondary .datamix-tab__item button {
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: transparent;
  padding: calc(0.4285714286rem * 0.6) calc(1.4285714286rem * 0.6) calc(0.4285714286rem * 0.6) calc(1.4285714286rem * 0.6);
  color: #175BBC;
  font-weight: 400;
}
.datamix-tab--secondary .datamix-tab__item button.active-button {
  background-color: white;
  font-weight: 600;
  background-color: #DBEAFF;
}
.datamix-tab--secondary .datamix-tab__content {
  padding: calc(2.8571428571rem * 0.6);
  border: 0;
  border-top: 1px solid #C7D5E3;
  background-color: white;
}
.datamix-tab--secondary .datamix-tab__itemContainer .secondary-tab-button {
  padding: 0 0.25rem;
}
.datamix-tab--secondary .datamix-tab__itemContainer .secondary-tab-button svg {
  fill: #B5BBC3;
}

/*** DATAMIX INFO DETAIL ***/
.info-detail {
  border: 1px solid #CCCCCC;
  border-radius: calc(0.4285714286rem * 0.6);
  background-color: white;
}

.info-detail-item {
  display: grid;
  grid-template-columns: 2fr 4fr;
  grid-template-rows: auto;
  border-bottom: 1px solid #CCCCCC;
}
.info-detail-item .info-detail-item__title {
  display: flex;
  align-items: center;
  padding: calc(0.8571428571rem * 0.6);
  border-right: 1px solid #CCCCCC;
}
.info-detail-item .info-detail-item__content {
  padding: calc(0.8571428571rem * 0.6);
  display: flex;
  align-items: center;
}
.info-detail-item .info-detail-item__content--clickable {
  color: #1A66D4;
  text-decoration: underline;
}
.info-detail-item .info-detail-item__content--clickable:hover {
  color: #0C397A;
  cursor: pointer;
}
.info-detail-item .info-detail-item__content--bold {
  font-weight: 700;
  color: black;
}
.info-detail-item .info-detail-item__content--negative {
  font-weight: 700;
  color: red;
}
.info-detail-item:last-child {
  border-bottom: 0;
}

.mud-radio-group > .mud-input-control {
  min-width: unset !important;
  max-width: unset !important;
}

/*** MUD BREADCRUMBS ***/
/*.appbar__app-name {
    display: none !important;
}*/
#main-content > nav > ol.mud-breadcrumbs {
  display: none !important;
}

.mud-breadcrumbs.mud-breadcrumbs--left-position,
ol.mud-breadcrumbs.mud-breadcrumbs--left-position {
  left: calc(5.3125rem + 16px);
}

/*** DATAMIX BREADCRUMBS ***/
.breadcrumb-nav {
  display: flex;
  gap: 0.7142857143rem;
  color: #93A0B3;
  padding-left: 1rem;
  margin-top: 0.14rem;
}
.breadcrumb-nav .breadcrumb-nav__item a {
  color: #1A66D4;
}
.breadcrumb-nav .breadcrumb-nav__item--active a:not([href]):not([class]) {
  color: #474D56;
}
.breadcrumb-nav .breadcrumb-nav__item:hover {
  color: #175BBC;
}

/*** DATAMIX SLIDER ***/
.datamix-slider-container__choose {
  display: flex;
  gap: 1.4285714286rem;
  align-items: center;
}
.datamix-slider-container__choose > div {
  display: flex;
  gap: 0.7142857143rem;
}
.datamix-slider-container__choose button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5714285714rem 1.4285714286rem;
  color: white;
  font-weight: 700;
  border-radius: 0.3571428571rem;
}
.datamix-slider-container__choose button:nth-child(1) {
  background-color: #C90300;
}
.datamix-slider-container__choose button:nth-child(2) {
  background-color: #E97F00;
}
.datamix-slider-container__choose button:nth-child(3) {
  background-color: #D9BF02;
}
.datamix-slider-container__choose button:nth-child(4) {
  background-color: #79C311;
}
.datamix-slider-container__choose button:nth-child(5) {
  background-color: #149117;
}

/*** CHECKLIST ***/
.checklist-item-list {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.checklist-item-list > div > p {
  font-size: 1.2rem;
  font-weight: 400;
}
.checklist-item-list > div > div {
  display: flex;
  gap: 1rem;
}

.checklist-item-list-inputs {
  display: flex;
  gap: 1rem;
}

.checklist-item-list-avatar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/***Adapty TABLE STYLE ***/
.adapty-table {
  border: 1px solid black;
  overflow-x: scroll;
}

.adapty-table__common {
  border-bottom: 1px solid black;
  white-space: nowrap;
}

.adapty-table__common--thead {
  background-color: #F2F7F9;
}

.adapty-table__common--tbody {
  background-color: white;
}

.adapty-table-row:hover {
  background-color: #F2F7F9;
}

.adapty-table-row__td {
  text-align: left;
}

.adapty-table-row__td--number {
  text-align: right;
}

.datamix-container-scroll {
  overflow-x: scroll;
  width: 100%;
}

.adapty-container-no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}
.adapty-container-no-data p {
  font-size: 2rem;
  font-weight: 500;
}

/*** TAGS ***/
.dx-tag-icon {
  display: flex;
  align-items: center;
  border-radius: 0.1428571429rem;
  background-color: #F1F2F3;
  width: fit-content;
}
.dx-tag-icon .icon {
  width: 1.8571428571rem;
  height: 1.8571428571rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-tag-icon .icon svg {
  fill: #FFFFFF;
  height: 0.8rem;
}
.dx-tag-icon .icon--task {
  background-color: #03BED6;
}
.dx-tag-icon .icon--request {
  background-color: #DE2479;
}
.dx-tag-icon .icon--meeting {
  background-color: #734FC4;
}
.dx-tag-icon .icon--contract-request {
  background-color: #7DA01C;
}
.dx-tag-icon .icon--negotiations {
  background-color: #E56B35;
}
.dx-tag-icon .icon--company {
  background-color: #287AC7;
}
.dx-tag-icon .icon--person {
  background-color: #1E9C3F;
}
.dx-tag-icon .icon--project {
  background-color: #2403A6;
}
.dx-tag-icon .icon--activity {
  background-color: #3BB75E;
}
.dx-tag-icon .icon--revision-formula {
  background-color: #D21425;
}
.dx-tag-icon .icon--delivery {
  background-color: #F14AC8;
}
.dx-tag-icon .icon--corrective-measure-request {
  background-color: #FFA500;
}
.dx-tag-icon .icon--product {
  background-color: #FFCD45;
}
.dx-tag-icon .icon--feature-request {
  background-color: #f7A602;
}
.dx-tag-icon .icon--sprint {
  background-color: #5BEB34;
}
.dx-tag-icon .icon--change-log {
  background-color: #687DAC;
}
.dx-tag-icon .icon--outlet {
  background-color: #E21C82;
}
.dx-tag-icon .icon--stage {
  background-color: #7B1F9A;
}
.dx-tag-icon .icon--requirement {
  background-color: #7B1F9A;
}
.dx-tag-icon .text {
  color: #474D56;
  padding: 0 0.7142857143rem;
  margin: 0;
}

/*** TASK PROGRESS ***/
.task-progress-component .task-progress-component__title {
  font-size: 1.2857142857rem;
  font-weight: 500;
  color: #424242;
}
.task-progress-component .task-progress-component__content {
  padding-bottom: 0.5rem;
  margin: 0.5rem 0;
  height: auto;
}

@media only screen and (max-width: 30rem) {
  .datamix-tab .datamix-tab__item {
    margin-bottom: calc(0.7142857143rem * 0.6);
  }
  .datamix-tab .datamix-tab__item button {
    border-bottom: 1px solid #C7D5E3;
    border-radius: calc(0.7142857143rem * 0.6);
  }
}
/*** MUD OVERLAY ***/
.mud-overlay.mud-overlay--fixed,
.mud-overlay.mud-overlay-absolute.mud-overlay--fixed {
  position: fixed;
}

/**** ADAPTY CONTRACT TABLE ***/
.adapty-contract-table {
  border-collapse: separate;
  border-spacing: 0;
  font-family: sans-serif;
  font-size: 14px;
  border: 1px solid #ccc;
}

.adapty-contract-table__common th,
.adapty-contract-table__common td {
  border: 1px solid #ccc;
  padding: 6px 12px;
  white-space: nowrap;
}

.adapty-contract-table__common--thead {
  background-color: #F2F7F9;
}

.adapty-contract-table__common--thead th {
  color: #5079c6;
  font-weight: 600;
  border: 1px solid #ccc;
  padding: 6px 12px;
}

.adapty-contract-table__common--tbody {
  background-color: white;
}

.adapty-contract-table-row:hover {
  background-color: #F2F7F9;
}

.adapty-contract-table-row__td {
  text-align: left;
}

.adapty-contract-table-row__td--number {
  text-align: right;
}

.adapty-contract-table-row--summary td {
  background-color: #ddd;
  font-weight: bold;
}

/* ratio - prepocet z 12px na rem */
/* margin-size */
/* border-size */
/* corner-size */
/* icon-size */
/* input-margin-size */
/* inputs-height */
/* input-tags-height */
/* tags height, margin, corner */
/* input-border-size */
/* input-label-height */
/* notification size, shift */
/* popup */
/* forms - frames */
/* tags */
/* main colors */
/* help colours */
/* company colors */
/* other colors */
/*** Feedback colors ***/
/*** Priority colors ***/
/*** Scale colors ***/
/*** Colors - navigation ****/
/*** Main navigation colors ***/
/** First level **/
/* Frame Background */
/* Items Icon */
/* Items background */
/** Second level **/
/* Frame background */
/* Frame text */
/* Items Icon */
/* Items background */
/* Items text */
/** Third level **/
/* Frame background */
/* Items background */
/* Items text */
/*** primary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** secondary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** low button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** high button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** layout button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* icon */
/* HLAVIČKA OBSAHU - colors */
/*** Hlavní parametry stránky ***/
/* Hlavní parametry stránky - colors */
/* tags colors */
/* breadcrumbscolor colors */
/*** popup1 ***/
/* popup1 - colors */
/*** formframe1 ***/
/* formframe1 - colors */
/* formframe1-row */
/*** with icon ***/
/** colors **/
/* base */
/* icon backround color */
/*** ATOMICKE TRIDY ***/
.w-fit-content {
  width: fit-content;
}

@media only screen and (max-width: 30rem) {
  .w-18-rem-mobile {
    width: 18rem !important;
  }
}
.display-none--hamburger {
  display: none;
}

.display-none--logo {
  display: none;
}

.number-text-align {
  text-align: end;
}

.w-60rem {
  width: 60rem;
}

.w-100 {
  width: 100%;
}

/*** ATOMICKE IDENTIFIKATORY ***/
#page-focus:focus {
  outline: none;
}

.detail-page {
  background-color: #F2F7F9;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "head head head head head head" "main main main main main main";
  background-color: #F9F9F9;
}

.detail-page__without_header {
  padding: 1rem 0;
}

.detail-page .detail-tabs__item-card {
  gap: unset;
}

.detail-page p,
.detail-page h2 {
  margin: 0;
  padding: 0;
}

.vertical-separator {
  width: 1px;
  height: calc(5.2857142857rem * 0.6);
  background-color: rgba(19, 79, 166, 0.2196078431);
}

/*** header ***/
.detail-page__header {
  display: flex;
  justify-content: space-between;
  padding: calc(2.1428571429rem * 0.6) calc(2.8571428571rem * 0.6) calc(1.4285714286rem * 0.6) calc(2.8571428571rem * 0.6);
  grid-area: head;
}

/** header - main info **/
.detail-page__header-main-info {
  display: flex;
  gap: calc(5rem * 0.6);
  align-items: center;
}

.detail-page__header-main-info h2,
.detail-page-title {
  font-size: calc(3.2142857143rem * 0.6);
  font-weight: 500;
  color: #134FA6;
}

.detail-page__header-main-info__user-image-container {
  display: flex;
  align-items: center;
  gap: 1em;
}

.personal-data-change-info-container {
  display: flex;
  gap: 0.5em;
}

.personal-data-change-info-container span {
  align-content: baseline;
}

.personal-data-change-info-container svg {
  transform: rotate(-45deg);
}

.detail-page-title {
  display: none;
}

.header-components {
  display: flex;
  justify-content: center;
}

.header-components__item {
  width: max-content;
  padding: 0 1.0714285714rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.header-components__item > .component-item-title {
  font-weight: 700;
  font-size: 0.5714285714rem;
  color: #2F343D;
  text-transform: uppercase;
}

.detail-component__select-with-button {
  display: flex;
  gap: 1rem;
  align-items: baseline;
  width: 100%;
}

.detail-component__select-with-button .datamix-button--primary {
  height: 2.4285714286rem;
}

.detail-component__select-with-button .datamix-button--secondary {
  height: 2.4285714286rem;
}

.header-components__item > .component-item-content {
  display: flex;
  align-items: center;
}

.component-item-content .component-item-content--text-primary {
  font-size: 1.1428571429rem;
  font-weight: 700;
  color: #0C397A;
}

.component-item-content .component-item-content--text-secondary {
  font-size: 0.8571428571rem;
  font-weight: 500;
  color: #0C397A;
  margin-left: 0.3571428571rem;
}

.component-item-content .component-item-content--button svg path {
  fill: #0C397A;
}

.tag-component {
  border: 0;
  border-radius: 0.1428571429rem;
  height: 1.1428571429rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  margin-left: 0.7142857143rem;
}
.tag-component p {
  color: #FFFFFF;
  margin-left: 0.3571428571rem;
  margin-right: 0.3571428571rem;
  font-size: 0.5714285714rem;
}

.component-item-content > .component-item-content--tag {
  font-size: calc(1.1428571429rem * 0.6);
  font-weight: 400;
  background-color: #FEFFDD;
  padding: calc(0.2142857143rem * 0.6) calc(0.7142857143rem * 0.6);
}

.component-item-content--tag.component-item-content--tag-now {
  color: green;
}

.component-item-content--tag.component-item-content--tag-last {
  color: red;
}

/** header - side info **/
.detail-page__header-actions {
  display: flex;
  gap: calc(1.4285714286rem * 0.6);
}

/*** content ***/
.detail-page__content {
  display: flex;
  grid-area: main;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "left left left left right right";
}

.detail-page__content.detail-page__content-whole {
  grid-template-areas: "left left left left left left";
}

.detail-page__content:has(.request-detail__container) {
  grid-template-columns: minmax(0, 1fr) min(900px, 50%);
  grid-template-areas: "left right";
}

/** leva strana **/
.detail-page__content > div:nth-child(1) {
  flex: 0 2 66.66%;
  width: 0;
  width: unset;
  grid-area: left;
}
.detail-page__content > div:nth-child(1) .content-tab {
  display: flex;
  flex-direction: column;
  gap: calc(2.1428571429rem * 0.6);
  padding: calc(2.8571428571rem * 0.6);
}
.detail-page__content > div:nth-child(1) .content-tab__item {
  display: flex;
  flex-direction: column;
  gap: calc(2.1428571429rem * 0.6);
}
.detail-page__content > div:nth-child(1) .content-tab__item > p {
  font-weight: 700;
  font-size: calc(2rem * 0.6);
  color: #424242;
}
.detail-page__content > div:nth-child(1) .content-tab__item--btns {
  align-self: flex-end;
  flex-direction: row;
}
.detail-page__content > div:nth-child(1) .content-tab__item--end-meeting > div {
  display: flex;
  gap: calc(2.1428571429rem * 0.6);
  flex-wrap: wrap;
}

.tab-panel-container {
  padding: calc(2.8571428571rem * 0.6);
  display: flex;
  flex-direction: column;
  gap: calc(2.1428571429rem * 0.6);
}

.tab-panel-container-item {
  display: flex;
  flex-direction: column;
  gap: calc(0.7142857143rem * 0.6);
}

.tab-panel-container-item > div {
  align-self: end;
  display: flex;
  flex-wrap: wrap;
  gap: calc(1rem * 0.6);
}

.tab-panel-container__title {
  color: #424242;
  font-size: calc(2rem * 0.6);
  font-weight: 700;
}

.tab-panel-container__text {
  color: #424242;
  font-size: calc(2rem * 0.6);
  font-weight: 400;
}

.catalog-image {
  height: 50vh;
  max-width: fit-content;
}

.catalog-image:hover {
  cursor: pointer;
}

/** prava strana **/
.detail-page__content > div:nth-child(2) {
  flex: 0 1 33.33%;
  width: 0;
  margin-left: calc(4.2857142857rem * 0.6);
  margin-right: calc(2.1428571429rem * 0.6);
  display: flex;
  flex-direction: column;
  gap: calc(2.8571428571rem * 0.6);
  width: unset;
  grid-area: right;
}

.content-component {
  display: flex;
  flex-direction: column;
  gap: calc(1.0714285714rem * 0.6);
}

.content-component--meeting .content-component__title {
  color: #4F6D7B;
}

.content-component--gap0 {
  gap: 0;
}

.content-component-header {
  display: flex;
  gap: calc(0.7142857143rem * 0.6);
}

.content-component__title {
  font-size: calc(1.7142857143rem * 0.6);
  font-weight: 700;
  color: #061730;
}

.content-component__tag {
  background-color: #3BB75E;
  padding: calc(0.2857142857rem * 0.6) calc(0.7142857143rem * 0.6);
  color: white;
  border-radius: calc(0.3571428571rem * 0.6);
  text-transform: uppercase;
}

.content-component__main {
  display: flex;
  flex-direction: column;
}
.content-component__main .text {
  font-size: calc(1.4285714286rem * 0.6);
  font-weight: 400;
  white-space: pre-wrap;
}
.content-component__main .text--agenda {
  background-color: white;
  max-height: 23rem;
  overflow: auto;
  padding: 1rem;
  border: 1px solid #C7D5E3;
  margin-bottom: 1rem;
}
.content-component__main .button-detail {
  align-self: self-start;
}
.content-component__main--detail-info {
  gap: calc(1.0714285714rem * 0.6);
}

/*** button ***/
.button-detail.mud-button {
  height: fit-content;
  min-height: calc(3.5714285714rem * 0.6);
  min-width: unset;
  border-radius: calc(0.7142857143rem * 0.6);
  padding: 0;
}
.button-detail.mud-button > span {
  display: flex;
  gap: calc(0.7142857143rem * 0.6);
}
.button-detail.mud-button > span p {
  margin: 0;
}
.button-detail.mud-button .img-pin {
  height: calc(1.5rem * 0.6);
}
.button-detail.mud-button .img-copy {
  width: calc(1.1428571429rem * 0.6);
}
.button-detail.mud-button .img-calendar {
  width: calc(1.7142857143rem * 0.6);
}
.button-detail.mud-button .img-half-star {
  width: calc(1.7142857143rem * 0.6);
}
.button-detail.mud-button .img-more-vert {
  width: calc(0.4285714286rem * 0.6);
}
.button-detail.mud-button .img-add-box {
  width: calc(1.5rem * 0.6);
}
.button-detail.mud-button .img-save {
  width: calc(1.2857142857rem * 0.6);
}
.button-detail.mud-button .img-print {
  width: calc(1.4285714286rem * 0.6);
}
.button-detail.mud-button .img-inbox {
  width: calc(1.2857142857rem * 0.6);
}
.button-detail.mud-button .img-new-open {
  width: calc(1.2857142857rem * 0.6);
}
.button-detail.mud-button .img-arrow {
  width: calc(1.4285714286rem * 0.6);
}

.img-expand-panel {
  width: calc(1.7142857143rem * 0.6);
}

.button-detail.button-detail--main-dark.mud-button:disabled {
  background-color: rgba(147, 160, 179, 0.4588235294);
  border: 0;
}

.button-detail.mud-button:disabled {
  background-color: rgba(147, 160, 179, 0.4588235294);
  border: 0;
}

.button-detail.button-detail--main {
  padding: 0 calc(1.4285714286rem * 0.6);
}

.button-detail.button-detail--main-dark {
  background-color: #68569E;
  color: white;
}

.button-detail.button-detail--main-dark:hover {
  background-color: #3c2977;
}

.button-detail.button-detail--main-light {
  background-color: white;
  color: #424242;
  border: 1px solid #D4B4F1;
}

.button-detail.button-detail--main p {
  text-transform: none;
  font-weight: 400;
  font-size: calc(1.4285714286rem * 0.6);
}

.button-detail.button-detail--square {
  width: calc(3.5714285714rem * 0.6);
  border: 1px solid #D4B4F1;
}

.button-detail.button-detail--secondary {
  background-color: #F4ECFB;
}

.button-detail.button-detail--other {
  background-color: #FFFFFF;
}

.button-detail.button-detail--more {
  background-color: #68569E;
}

.button-detail.button-detail--footer {
  margin-top: calc(1.4285714286rem * 0.6);
}

.m-b-20 {
  margin-bottom: calc(1.4285714286rem * 0.6) !important;
}

/*** image ***/
.img-edit {
  width: calc(1.2857142857rem * 0.6);
}

/*** tab panel ***/
.tab-panel--detail {
  height: 100%;
}
.tab-panel--detail .mud-tab-slider {
  display: none;
}
.tab-panel--detail .mud-tabs-toolbar .mud-tabs-toolbar-inner {
  min-height: 0;
}
.tab-panel--detail .mud-tabs-toolbar-content {
  background-color: #F2F7F9;
  padding-left: calc(2.8571428571rem * 0.6);
}
.tab-panel--detail .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper {
  gap: calc(0.7142857143rem * 0.6);
}
.tab-panel--detail .mud-tab {
  min-width: auto !important;
  padding: calc(0.7142857143rem * 0.6) calc(1.4285714286rem * 0.6) calc(0.4285714286rem * 0.6) calc(1.4285714286rem * 0.6);
  text-transform: none;
  font-weight: 400;
  font-size: calc(1.2857142857rem * 0.6);
  color: #424242;
  border: 1px solid #C7D5E3;
  border-bottom: 0;
  background-color: #EAEEF4;
  border-radius: calc(0.7142857143rem * 0.6) calc(0.7142857143rem * 0.6) 0 0;
  min-height: 0;
}
.tab-panel--detail .mud-tab.mud-tab-active {
  background-color: white;
  color: #424242;
}
.tab-panel--detail .mud-tabs-panels {
  border: 1px solid #C7D5E3;
  background-color: white;
  height: 100%;
}

/*** tab panel previous meetings ***/
.tab-panel--detail-meeting .mud-tabs-toolbar-content {
  background-color: white;
  padding-left: 0;
}
.tab-panel--detail-meeting .mud-tab {
  background-color: white;
}
.tab-panel--detail-meeting .mud-tab.mud-tab-active {
  background-color: #E7F0F4;
}
.tab-panel--detail-meeting .mud-tabs-panels {
  background-color: #E7F0F4;
  padding: 1rem;
  border-radius: 0 calc(0.7142857143rem * 0.6) calc(0.7142857143rem * 0.6) calc(0.7142857143rem * 0.6);
}

.tab-panel--detail-dynamic.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab {
  padding: calc(0.7142857143rem * 0.6) calc(1.4285714286rem * 0.6) calc(0.4285714286rem * 0.6) calc(1.4285714286rem * 0.6);
}
.tab-panel--detail-dynamic.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-after {
  padding: 0;
}
.tab-panel--detail-dynamic.mud-dynamic-tabs .mud-tabs-header.mud-tabs-header-after,
.tab-panel--detail-dynamic.mud-dynamic-tabs .mud-tabs-scroll-button {
  border: 1px solid #C7D5E3;
  border-bottom: 0;
  background-color: #EAEEF4;
}
.tab-panel--detail-dynamic.mud-dynamic-tabs .mud-tabs-header.mud-tabs-header-after button,
.tab-panel--detail-dynamic.mud-dynamic-tabs .mud-tabs-scroll-button button {
  padding: calc(0.7142857143rem * 0.6) calc(1.4285714286rem * 0.6) calc(0.4285714286rem * 0.6) calc(1.4285714286rem * 0.6);
  border-radius: 0;
}

.tab-panel--detail.tab-panel--detail-invisible .mud-tabs-header.mud-tabs-header-after {
  display: none;
}

.tab-panel--detail-secondary.mud-tabs .mud-tabs-toolbar-content {
  background-color: #F9F9F9;
  padding-left: calc(2.1428571429rem * 0.6);
}
.tab-panel--detail-secondary.mud-tabs .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper {
  padding-top: calc(1.4285714286rem * 0.6);
  padding-bottom: calc(1.4285714286rem * 0.6);
}
.tab-panel--detail-secondary.mud-tabs .mud-tabs-toolbar .mud-tab {
  color: #134fa6;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  padding: calc(0.3571428571rem * 0.6) calc(1.4285714286rem * 0.6);
}
.tab-panel--detail-secondary.mud-tabs .mud-tab.mud-tab-active {
  background-color: #F4ECFB;
  color: #7636AF;
  font-weight: 700;
}

.tab-panel--detail-secondary-dynamic.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab {
  padding: calc(0.7142857143rem * 0.6) calc(1.4285714286rem * 0.6) calc(0.4285714286rem * 0.6) calc(1.4285714286rem * 0.6);
}
.tab-panel--detail-secondary-dynamic.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-after {
  padding: 0;
}
.tab-panel--detail-secondary-dynamic.mud-dynamic-tabs .mud-tabs-header.mud-tabs-header-after,
.tab-panel--detail-secondary-dynamic.mud-dynamic-tabs .mud-tabs-scroll-button {
  border: 0;
  background-color: #F9F9F9;
  display: flex;
}
.tab-panel--detail-secondary-dynamic.mud-dynamic-tabs .mud-tabs-header.mud-tabs-header-after button,
.tab-panel--detail-secondary-dynamic.mud-dynamic-tabs .mud-tabs-scroll-button button {
  padding: calc(0.7142857143rem * 0.6) calc(1.4285714286rem * 0.6) calc(0.4285714286rem * 0.6) calc(1.4285714286rem * 0.6);
  border-radius: 0;
}

.tab-panel--detail-invisible.tab-panel--detail-secondary-dynamic.mud-dynamic-tabs .mud-tabs-header.mud-tabs-header-after {
  display: none;
}

/*** table ***/
.datamix-table {
  background-color: #F2F7F9;
}
.datamix-table--transparent {
  background-color: transparent;
}
.datamix-table .mud-table-container {
  border-radius: calc(0.3571428571rem * 0.6);
  border: 1px solid #C7D5E3;
  background-color: white;
}
.datamix-table .mud-table-container .mud-table-root .mud-table-head .mud-table-cell {
  font-weight: 700;
  background-color: #E7F0F4;
  color: #668C9E;
  text-transform: uppercase;
}
.datamix-table .mud-table-container .mud-table-root .mud-table-head .mud-table-cell span {
  font-size: calc(1.1428571429rem * 0.6);
}
.datamix-table .mud-table-container .mud-table-root .mud-table-head .mud-table-cell:first-child {
  border-top-left-radius: calc(0.3571428571rem * 0.6);
}
.datamix-table .mud-table-container .mud-table-root .mud-table-head .mud-table-cell:last-child {
  border-top-right-radius: calc(0.3571428571rem * 0.6);
}
.datamix-table .mud-table-body td {
  border-right: 1px solid #C7D5E3;
}
.datamix-table .mud-table-body td:last-child {
  border-right: unset;
}
.datamix-table .mud-table-pagination > .mud-table-pagination-toolbar {
  background-color: #F2F7F9;
}
.datamix-table .table__row-dots .table__row-tooltip {
  /*top: 0;
  left: -300%;
  margin-top: -1.875rem;*/
  margin: 0;
  top: -1rem;
  left: auto;
  right: 2rem;
  width: fit-content;
}
.datamix-table .table__row-dots .table__row-tooltip.table__row-tooltip--active {
  display: flex;
  gap: 1rem;
  padding-right: 0.694375rem;
}
.datamix-table .table__row-dots .table__row-tooltip::after {
  /*bottom: 45%;
  left: 104%;
  border-color: transparent transparent transparent #DFEEFB;*/
  bottom: 45%;
  left: 102%;
  border-color: transparent transparent transparent #DFEEFB;
}

/*** file galery ***/
.file-gallery--columns {
  display: flex;
  flex-direction: column;
}

.drop-zone-button-container {
  display: flex;
  flex-wrap: wrap;
  gap: calc(1.4285714286rem * 0.6);
}

.drop-zone-div-container-area {
  padding: 10px;
}

.drop-zone-button-container__text {
  height: calc(3.5714285714rem * 0.6);
  border: 1px solid #C7D5E3;
  padding: 0 calc(1.4285714286rem * 0.6);
  display: flex;
  align-items: center;
}

.drop-zone-button-container__text p {
  color: #668C9E;
  font-weight: 400;
  font-size: calc(1.4285714286rem * 0.6);
}

.drop-zone-button-container__text span {
  font-weight: 700;
  font-size: calc(1.4285714286rem * 0.6);
}

/*** rich text component ***/
.save-info {
  font-size: calc(0.8571428571rem * 0.6);
  font-weight: 400;
  color: #424242;
  text-transform: uppercase;
}

@media only screen and (max-width: 30rem) {
  .appbar__app-name {
    display: none;
  }
  .mud-appbar .breadcrumb-nav {
    display: none;
  }
  .vertical-separator {
    display: none;
  }
  .detail-page__header {
    flex-direction: column-reverse;
  }
  .header-components {
    flex-direction: column;
    width: 100%;
    background-color: white;
    margin-top: calc(0.7142857143rem * 0.6);
    border-radius: calc(0.7142857143rem * 0.6);
    border: 1px solid #DEE2E8;
  }
  .header-components__item {
    flex-direction: row;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    border-bottom: 1px solid #DEE2E8;
  }
  .header-components__item > .component-item-title {
    font-size: 0.75rem;
    padding: calc(0.5714285714rem * 0.6);
  }
  .header-components__item > .component-item-content {
    flex-wrap: wrap;
    padding: calc(0.5714285714rem * 0.6);
  }
  .header-components div:nth-last-child(-n+2) {
    border-bottom: none;
  }
  .detail-page__header-actions {
    justify-content: space-between;
    align-items: end;
  }
  .detail-page-title {
    display: block;
  }
  .detail-page__header-main-info h2 {
    display: none;
  }
  .detail-page__header-actions > button {
    display: none;
  }
  .detail-page__header-actions--only-cancel {
    display: flex;
  }
  .detail-page__content > div:nth-child(1) .content-tab__item--btns button:first-child {
    display: none;
  }
  .detail-text__footer .ql-editor__last-saved-text {
    display: none;
  }
  .detail-page__content {
    flex-direction: column;
    grid-template-columns: auto;
    grid-template-areas: "top" "bottom";
    gap: calc(2.1428571429rem * 0.6);
  }
  .detail-page__content:has(.request-detail__container) {
    grid-template-columns: auto;
    grid-template-areas: "top" "bottom";
  }
  .detail-page__content > div:nth-child(1) {
    flex: unset;
    width: unset;
    grid-area: top;
  }
  .detail-page__content > div:nth-child(2) {
    flex: unset;
    width: unset;
    grid-area: bottom;
  }
  .detail-page .datamix-grid {
    width: 20rem;
  }
  .detail-page .datamix-grid .dxbl-grid-group-panel-container span {
    text-wrap: wrap;
  }
  .content-component__main--grid {
    width: 20rem;
  }
}
/* ratio - prepocet z 12px na rem */
/* margin-size */
/* border-size */
/* corner-size */
/* icon-size */
/* input-margin-size */
/* inputs-height */
/* input-tags-height */
/* tags height, margin, corner */
/* input-border-size */
/* input-label-height */
/* notification size, shift */
/* popup */
/* forms - frames */
/* tags */
/* main colors */
/* help colours */
/* company colors */
/* other colors */
/*** Feedback colors ***/
/*** Priority colors ***/
/*** Scale colors ***/
/*** Colors - navigation ****/
/*** Main navigation colors ***/
/** First level **/
/* Frame Background */
/* Items Icon */
/* Items background */
/** Second level **/
/* Frame background */
/* Frame text */
/* Items Icon */
/* Items background */
/* Items text */
/** Third level **/
/* Frame background */
/* Items background */
/* Items text */
/*** primary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** secondary button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** low button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** high button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* text */
/* icon */
/*** layout button ***/
/** units **/
/** colors **/
/* Border */
/* background */
/* icon */
/* HLAVIČKA OBSAHU - colors */
/*** Hlavní parametry stránky ***/
/* Hlavní parametry stránky - colors */
/* tags colors */
/* breadcrumbscolor colors */
/*** popup1 ***/
/* popup1 - colors */
/*** formframe1 ***/
/* formframe1 - colors */
/* formframe1-row */
/*** with icon ***/
/** colors **/
/* base */
/* icon backround color */
/*** ATOMICKE TRIDY ***/
.w-fit-content {
  width: fit-content;
}

@media only screen and (max-width: 30rem) {
  .w-18-rem-mobile {
    width: 18rem !important;
  }
}
.display-none--hamburger {
  display: none;
}

.display-none--logo {
  display: none;
}

.number-text-align {
  text-align: end;
}

.w-60rem {
  width: 60rem;
}

.w-100 {
  width: 100%;
}

/*** ATOMICKE IDENTIFIKATORY ***/
#page-focus:focus {
  outline: none;
}

.datamix-button__tooltip {
  position: absolute;
  top: 110%;
  background-color: #fff;
  border-radius: 3px;
  font-size: 1rem;
  color: #000;
  z-index: 10;
  padding: 0.25rem 0.5rem;
  width: max-content;
  display: none;
  box-shadow: 1px 1px 3px;
}

.datamix-button:hover .datamix-button__tooltip {
  display: block;
}

.datamix-button .datamix-button__tooltip:hover {
  display: none;
}

@keyframes moveup {
  0% {
    transform: translateY(10px) rotate(25deg);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
}
.datamix-button.circular-button--secondary svg {
  color: #134FA6;
}

.datamix-button:hover .circular-button--secondary svg {
  color: #FFFFFF;
}

/*** PRIMARY BUTTON ***/
/** default **/
.datamix-button--primary {
  background-color: #134FA6;
  padding-left: 0.7142857143rem;
  padding-right: 1.0714285714rem;
  display: flex;
  gap: 0.7142857143rem;
  min-height: 2.4285714286rem;
  width: fit-content;
  border-radius: 0.3571428571rem;
  border: 0 solid #134FA6;
}
.datamix-button--primary svg {
  width: 13px;
  height: 13px;
}
.datamix-button--primary svg path, .datamix-button--primary svg polygon {
  fill: #FFFFFF;
}
.datamix-button--primary .datamix-btn-text {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

.datamix-button--bigger-icon svg {
  width: 18px;
  height: 18px;
}

.datamix-button--primary-empty {
  padding-right: 0.7142857143rem;
}

.svg_large svg {
  width: 26px;
  height: 26px;
}

/** hover **/
.datamix-button--primary:hover {
  border: 0 solid #0C397A;
  background-color: #0C397A;
}
.datamix-button--primary:hover svg path, .datamix-button--primary:hover svg polygon {
  fill: #FFFFFF;
}
.datamix-button--primary:hover .datamix-btn-text {
  color: #FFFFFF;
}

/** clicked **/
.datamix-button--primary:active {
  border: 0 solid #0C397A;
  background-color: #0C397A;
}
.datamix-button--primary:active svg path, .datamix-button--primary:active svg polygon {
  fill: #FFFFFF;
}
.datamix-button--primary:active .datamix-btn-text {
  color: #FFFFFF;
}

/** disabled **/
.datamix-button--primary:disabled,
.datamix-button--primary[disabled] {
  border: 0 solid #93A0B3;
  background-color: #93A0B3;
  cursor: auto;
}
.datamix-button--primary:disabled svg path, .datamix-button--primary:disabled svg polygon,
.datamix-button--primary[disabled] svg path,
.datamix-button--primary[disabled] svg polygon {
  fill: #F1F2F3;
}
.datamix-button--primary:disabled .datamix-btn-text,
.datamix-button--primary[disabled] .datamix-btn-text {
  color: #F1F2F3;
}

/*** SECONDARY BUTTON ***/
/** default **/
.datamix-button--secondary {
  background-color: #FFFFFF;
  padding-left: 0.7142857143rem;
  padding-right: 1.0714285714rem;
  display: flex;
  gap: 0.7142857143rem;
  min-height: 2.4285714286rem;
  width: fit-content;
  border-radius: 0.3571428571rem;
  border: 0.1428571429rem solid #134FA6;
}
.datamix-button--secondary svg path, .datamix-button--secondary svg polygon {
  fill: #134FA6;
}
.datamix-button--secondary .datamix-btn-text {
  color: #134FA6;
  margin: 0;
  padding: 0;
}

.datamix-button--secondary-w20rem {
  width: 20rem;
}

.datamix-button--secondary.datamix-button--secondary-file-galery {
  background-color: #FFFFFF;
  padding: 0;
  padding-left: 0.7142857143rem;
  padding-right: 1.0714285714rem;
  display: flex;
  gap: 0.7142857143rem;
  min-height: 2.4285714286rem;
  width: fit-content;
  border-radius: 0.3571428571rem;
  border: 0.1428571429rem solid #134FA6;
}
.datamix-button--secondary.datamix-button--secondary-file-galery > span {
  gap: 0.7142857143rem;
}
.datamix-button--secondary.datamix-button--secondary-file-galery .datamix-btn-text {
  text-transform: none;
  font-weight: 400;
}

/** hover **/
.datamix-button--secondary:hover,
.datamix-button--secondary.datamix-button--secondary-file-galery:hover {
  border: 0.1428571429rem solid #134FA6;
  background-color: #134FA6;
}
.datamix-button--secondary:hover svg path, .datamix-button--secondary:hover svg polygon,
.datamix-button--secondary.datamix-button--secondary-file-galery:hover svg path,
.datamix-button--secondary.datamix-button--secondary-file-galery:hover svg polygon {
  fill: #FFFFFF;
}
.datamix-button--secondary:hover .datamix-btn-text,
.datamix-button--secondary.datamix-button--secondary-file-galery:hover .datamix-btn-text {
  color: #FFFFFF;
}

/** clicked **/
.datamix-button--secondary:active,
.datamix-button--secondary.datamix-button--secondary-file-galery:active {
  border: 0.1428571429rem solid #134FA6;
  background-color: #134FA6;
}
.datamix-button--secondary:active svg path, .datamix-button--secondary:active svg polygon,
.datamix-button--secondary.datamix-button--secondary-file-galery:active svg path,
.datamix-button--secondary.datamix-button--secondary-file-galery:active svg polygon {
  fill: #FFFFFF;
}
.datamix-button--secondary:active .datamix-btn-text,
.datamix-button--secondary.datamix-button--secondary-file-galery:active .datamix-btn-text {
  color: #FFFFFF;
}

/** disabled **/
.datamix-button--secondary:disabled,
.datamix-button--secondary[disabled] {
  border: 0.1428571429rem solid #93A0B3;
  background-color: #93A0B3;
  cursor: auto;
}
.datamix-button--secondary:disabled svg path, .datamix-button--secondary:disabled svg polygon,
.datamix-button--secondary[disabled] svg path,
.datamix-button--secondary[disabled] svg polygon {
  fill: #F1F2F3;
}
.datamix-button--secondary:disabled .datamix-btn-text,
.datamix-button--secondary[disabled] .datamix-btn-text {
  color: #F1F2F3;
}

/*** LOW BUTTON ***/
/** default **/
.datamix-button--low {
  background-color: transparent;
  padding-left: 0.7142857143rem;
  padding-right: 1.0714285714rem;
  display: flex;
  gap: 0.7142857143rem;
  min-height: 2.4285714286rem;
  width: fit-content;
  border-radius: 0.3571428571rem;
  border: 0 solid #FFFFFF;
}
.datamix-button--low svg path, .datamix-button--low svg polygon {
  fill: #134FA6;
}
.datamix-button--low .datamix-btn-text {
  color: #134FA6;
  margin: 0;
  padding: 0;
}

/** hover **/
.datamix-button--low:hover {
  border: 0 solid #FFFFFF;
  background-color: #134FA6;
}
.datamix-button--low:hover svg path, .datamix-button--low:hover svg polygon {
  fill: #FFFFFF;
}
.datamix-button--low:hover .datamix-btn-text {
  color: #FFFFFF;
}

/** clicked **/
.datamix-button--low:active {
  border: 0 solid #FFFFFF;
  background-color: #134FA6;
}
.datamix-button--low:active svg path, .datamix-button--low:active svg polygon {
  fill: #FFFFFF;
}
.datamix-button--low:active .datamix-btn-text {
  color: #FFFFFF;
}

/** disabled **/
.datamix-button--low:disabled,
.datamix-button--low[disabled] {
  border: 0 solid #93A0B3;
  background-color: #93A0B3;
  cursor: auto;
}
.datamix-button--low:disabled svg path, .datamix-button--low:disabled svg polygon,
.datamix-button--low[disabled] svg path,
.datamix-button--low[disabled] svg polygon {
  fill: #F1F2F3;
}
.datamix-button--low:disabled .datamix-btn-text,
.datamix-button--low[disabled] .datamix-btn-text {
  color: #F1F2F3;
}

/*** HIGH BUTTON ***/
/** default **/
.datamix-button--high {
  background-color: #3BB75E;
  padding-left: 1.0714285714rem;
  padding-right: 1.4285714286rem;
  display: flex;
  gap: 1.0714285714rem;
  min-height: 3.5714285714rem;
  width: fit-content;
  border-radius: 0.3571428571rem;
  border: 0 solid #3BB75E;
}
.datamix-button--high svg path, .datamix-button--high svg polygon {
  fill: #FFFFFF;
}
.datamix-button--high .datamix-btn-text {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

/** slim **/
.datamix-button--high-slim {
  min-height: unset;
  padding: 0.33rem 2rem;
  border: 1px solid #3BB75E;
}

.datamix-button--primary-slim {
  min-height: unset;
  padding: 0.33rem 1rem;
  border: 1px solid #134FA6;
}

.datamix-button--secondary-slim {
  min-height: unset;
  padding: 0.33rem 1rem;
  border: 1px solid #134FA6;
}

.datamix-button--secondary-slim > .mud-icon-size-medium {
  font-size: 1.25rem;
}

/** saved **/
.datamix-button--high-slim-saved {
  background-color: #FFFFFF;
  border: 1px solid #3BB75E;
  padding: 0.33rem 1rem;
}
.datamix-button--high-slim-saved svg path, .datamix-button--high-slim-saved svg polygon {
  fill: #3BB75E;
}
.datamix-button--high-slim-saved .datamix-btn-text {
  color: #3BB75E;
  margin: 0;
  padding: 0;
}

/** hover **/
.datamix-button--high:hover {
  border: 0 solid #2A9348;
  background-color: #2A9348;
}
.datamix-button--high:hover svg path, .datamix-button--high:hover svg polygon {
  fill: #FFFFFF;
}
.datamix-button--high:hover .datamix-btn-text {
  color: #FFFFFF;
}

.datamix-button--high-slim:hover {
  border: 1px solid #2A9348;
}

.datamix-button--secondary-slim:hover {
  border: 1px solid #134FA6;
}

.datamix-button--high-slim-saved:hover {
  background-color: white;
}
.datamix-button--high-slim-saved:hover .datamix-btn-text {
  color: #2A9348;
}

/** clicked **/
.datamix-button--high:active {
  border: 0 solid #2A9348;
  background-color: #2A9348;
}
.datamix-button--high:active svg path, .datamix-button--high:active svg polygon {
  fill: #FFFFFF;
}
.datamix-button--high:active .datamix-btn-text {
  color: #FFFFFF;
}

/** disabled **/
.datamix-button--high:disabled,
.datamix-button--high[disabled] {
  border: 0 solid #93A0B3;
  background-color: #93A0B3;
  cursor: auto;
}
.datamix-button--high:disabled svg path, .datamix-button--high:disabled svg polygon,
.datamix-button--high[disabled] svg path,
.datamix-button--high[disabled] svg polygon {
  fill: #F1F2F3;
}
.datamix-button--high:disabled .datamix-btn-text,
.datamix-button--high[disabled] .datamix-btn-text {
  color: #F1F2F3;
}

.datamix-button--high-slim:disabled,
.datamix-button--high-slim[disabled] {
  min-height: unset;
  padding: 0.33rem 2rem;
  border: 1px solid #93A0B3;
}

/*** LAYOUT BUTTON ***/
/** default **/
.datamix-button--layout {
  background-color: #FFFFFF;
  height: 2.8571428571rem;
  width: 2.8571428571rem;
  border-radius: 0.3571428571rem;
  border: 0.0714285714rem solid #C7CAD1;
}
.datamix-button--layout svg path, .datamix-button--layout svg polygon {
  fill: #134FA6;
}

/** hover **/
.datamix-button--layout:hover {
  border: 0.0714285714rem solid #77ACF7;
  background-color: #F2F9FF;
}
.datamix-button--layout:hover svg path, .datamix-button--layout:hover svg polygon {
  fill: #1A66D4;
}

/** clicked **/
.datamix-button--layout:active {
  border: 0.0714285714rem solid #77ACF7;
  background-color: #F2F9FF;
}
.datamix-button--layout:active svg path, .datamix-button--layout:active svg polygon {
  fill: #1A66D4;
}

/** disabled **/
.datamix-button--layout:disabled,
.datamix-button--layout[disabled] {
  border: 0.0714285714rem solid #93A0B3;
  background-color: #93A0B340;
  cursor: auto;
}
.datamix-button--layout:disabled svg path, .datamix-button--layout:disabled svg polygon,
.datamix-button--layout[disabled] svg path,
.datamix-button--layout[disabled] svg polygon {
  fill: #93A0B3;
}

/** with text **/
.datamix-button--layout-text {
  width: fit-content;
  padding-left: 0.7142857143rem;
  padding-right: 1.0714285714rem;
  display: flex;
  gap: 0.7142857143rem;
}

.datamix-button--layout .datamix-btn-text {
  color: #134FA6;
  margin: 0;
  padding: 0;
}

/*** BUTTONS CONTAINER ***/
.buttons-container-detail {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.dialog-button--terminal svg path, .dialog-button--terminal svg polygon, .dialog-button--terminal svg g rect {
  fill: #FFFFFF;
}

.button-icon__small svg {
  width: 1.25rem;
  height: 1.25rem;
}

* {
  font-size: 14px;
}

:root {
  --menu-left-side-color: #0C397A;
  --menu-right-side-color: #134FA6;
  --dxbl-window-body-padding-y: 0.75rem;
}

body {
  overscroll-behavior: contain;
}

/*** STYLES ***/
.mud-table.styles-detail > .mud-table-container {
  overflow: visible;
}

.styles-tag {
  color: #4600ff;
  font-weight: 600;
}

#breadcrumb {
  margin: 0;
  list-style-type: none;
}

.breadcrumb-active-last-item .mud-breadcrumb-item:last-child {
  border: 1px solid red;
}

.styles-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.styles-icons .styles-icons__icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.062745098);
  border-radius: 0.5rem;
}
.styles-icons .styles-icons__icon p {
  margin: 0;
}
.styles-icons .styles-icons__icon img {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #EEEEEE;
}
.styles-icons .styles-icons__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}
.styles-icons .styles-icons__icon polygon {
  fill: black;
}
.styles-icons .styles-icons__icon path {
  fill: black;
}

.styles-colors {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.styles-colors .styles-colors__color {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.styles-colors .styles-colors__color div {
  width: 50px;
  height: 50px;
  border: 1px solid black;
}
.styles-colors .styles-colors__color p {
  margin: 0;
}

/**** STYLES ****/
.appbar {
  background-color: white !important;
  border-bottom: 0.0625rem solid #EBEBEB;
  height: 60px;
  justify-content: center;
}

.main-layout {
  padding-top: 60px;
}

.main-layout-secondary-menu-close {
  padding-left: 74.38px;
}

.left-nav-menu {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  overflow: auto;
}

.appbar.mud-appbar .mud-toolbar {
  padding-left: 0;
}

.appbar__name {
  width: 20.8125rem;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.appbar__name > p {
  font-weight: 600;
  font-size: 2rem;
  color: #4893ff;
  margin: 0;
}

.appbar__menu-close {
  width: 5.3125rem;
  display: none;
}

.appbar__menu-close svg path + path {
  fill: var(--menu-left-side-color);
}

.appbar__menu-close--right {
  width: 5.3125rem;
}

.appbar__menu-close--right svg path + path {
  fill: var(--menu-left-side-color);
}

.appbar__app-name {
  color: #402685;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
}

/* culture selector */
.appbar-cultureSelector {
  border: 0.0625rem solid #134fa6;
  border-radius: 0.5rem;
  width: 3.4375rem;
}

.CultureSelector {
  margin: 0 !important;
}

.CultureSelector > .mud-input-control-input-container > .mud-input > input.mud-input-root {
  color: #134fa6 !important;
  margin-left: 0.5rem;
}

.CultureSelector > .mud-input-control-input-container > .mud-input.mud-input-underline:before {
  border-bottom: 0 !important;
}

.mud-popover-provider > div:nth-child(3) {
  border-radius: 0.5rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  margin-top: 1.625rem;
  border: 0.0625rem solid #134fa6;
  border-top: 0;
  box-shadow: none;
}

.mud-popover-provider > div + div + div > div {
  padding: 0 !important;
}

.mud-popover-provider .mud-list.mud-list-padding > div {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 20px;
}

.mud-popover-provider .mud-list.mud-list-padding > div:hover {
  background-color: #F4F9FF !important;
}

.mud-popover-provider .mud-list.mud-list-padding > div:last-child {
  padding-bottom: 0.5rem;
}

.mud-list-item-text > p {
  margin: 0;
  color: #134fa6;
}

.mud-popover-provider .mud-list.mud-list-padding > div > div > p:hover,
.mud-popover-provider .mud-list.mud-list-padding > div:hover > div > p {
  font-weight: 600;
}

.CultureSelector > div > div > div > svg {
  color: #134fa6;
}

/* profile */
.appbar-profile {
  display: flex;
  align-items: center;
  min-width: 12rem;
  border-radius: 0.5rem;
  background-color: #F2F9FF;
  padding: 0.25rem 0.5rem 0.25rem 0;
}

.appbar-profile:hover {
  background-color: #134fa6;
  cursor: pointer;
}

.appbar-profile-link:hover {
  text-decoration: none;
  border-radius: 0.5rem;
  color: #FFFFFF;
}

.appbar-profile:hover .appbar-profile-name {
  color: #FFFFFF;
  text-decoration: none;
}

.appbar-profile:hover .appbar-profile-logo {
  background-color: #FFFFFF !important;
  color: #134fa6 !important;
}

.appbar-profile-logo {
  color: #FFFFFF !important;
  border-radius: 3.375rem !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  box-shadow: none !important;
  margin: 0 0.75rem !important;
  min-height: auto !important;
  min-width: auto !important;
}

.appbar-profile-name {
  margin: 0;
  color: #134fa6;
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
}

/* logout button */
.appbar-logout, .appbar-logout.mud-fab {
  background-color: #F2F9FF;
  border-radius: 0.5rem;
  box-shadow: none;
  /*height: 3.25rem;
  width: 3.25rem;*/
  height: auto;
  padding: 0.75rem;
}

.appbar-logout.mud-fab:hover {
  box-shadow: none;
}

.appbar-logout > .mud-fab-label {
  color: #134fa6 !important;
}

.appbar-logout:hover {
  background-color: #134fa6 !important;
}

.appbar-logout > .mud-fab-label:hover {
  color: #FFFFFF !important;
}

.appbar-logout:hover .mud-fab-label {
  color: #FFFFFF !important;
}

/* menu */
.menu {
  height: 60px; /* 7.25rem */
  background-color: #F2F9FF !important;
}

/* main */
.main {
  display: flex;
  min-height: calc(100vh - 60px);
}

/************ MENU ***************/
.menu-container {
  display: flex;
  min-height: 100%;
}

/*** menu left side ***/
.menu-left {
  background-color: var(--company-color, var(--menu-left-side-color));
  width: 5.3125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}

/*.menu-left .mud-tooltip-root:last-child {
    margin-top: auto;
}*/
.menu-left > div:first-child {
  margin-top: 0.8125rem;
}

.menu-left__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  background-color: var(--company-color, var(--menu-left-side-color));
}

.menu-left__item--input {
  position: absolute;
  opacity: 0;
  height: 3.25rem;
  width: 3.25rem;
  margin: 0;
  filter: alpha(opacity=0);
  z-index: 3;
}

.menu-left__item > input:hover {
  cursor: pointer;
}

.menu-left__item:hover {
  filter: brightness(125%);
}

/*.menu-left__item:first-child {
    margin-top: 0.8125rem;
}*/
.menu-left__item > input:checked + .menu-left__item--active {
  background-color: var(--company-color, var(--menu-left-side-color));
  filter: brightness(125%);
  z-index: 1;
  cursor: pointer;
}

.menu-left__item:hover > input:checked + .menu-left__item--active {
  filter: unset;
}

.menu-left__item > input:checked ~ span {
  z-index: 2;
  cursor: pointer;
}

.menu-left__item > span {
  color: #ECE9F2;
}

.menu-left__item--active {
  height: 3.25rem;
  width: 3.25rem;
  position: absolute;
  z-index: -1;
  border-radius: 0.25rem;
}

.menu-left__separator {
  width: 3.5rem;
  height: 0.0625rem;
  background-color: #134fa6;
  margin-bottom: 0.625rem;
}

/*** menu right side ***/
.menu-right {
  width: 15.5rem;
  background-color: var(--menu-right-side-color);
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-right section {
  /*width: 100%;
  height: 100%;*/
  display: none;
}

.menu-right__footer {
  margin-top: 1rem;
}

.menu-right__footer > .logo-footer {
  width: 15.5rem;
  height: 3.75rem;
  background-color: #F2F9FF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-right__footer > .logo-footer img {
  height: 1.5rem;
}

/* menu right close */
.menu-right__face {
  display: flex;
  align-items: center;
  margin: 1.625rem 0.875rem 0.8125rem 0.5rem;
  justify-content: space-between;
  color: white;
}

.menu-right__face > p {
  /*margin: 0rem;*/
  /*font-weight: 600;*/
  /*font-size: 1.125rem;*/
  margin: 0 0 0 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: white;
  /*width: 10rem;*/
  width: auto;
  opacity: 50%;
}

.menu-right__face-button {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background-color: var(--company-color, var(--menu-left-side-color));
}

.menu-right__face-button:hover {
  background-color: var(--menu-right-side-color);
}

.menu-right__face-button-x > svg {
  height: 0.875rem;
  width: 0.875rem;
}

.menu-right__face-button-push-pin > div > svg {
  height: 0.875rem;
  width: 0.875rem;
}

.menu-right__pins {
  display: flex;
  gap: 0.25rem;
}

/* category */
.menu-right__category {
  /*margin: 0 0.5rem 0.25rem 0.5rem;*/
  width: auto !important;
  /*border-radius: 0.25rem;*/
  background-color: var(--menu-right-side-color) !important;
}

.menu-right__category:hover {
  background-color: var(--company-color, var(--menu-left-side-color)) !important;
}

.menu-right__category > button {
  padding: 0.625rem 1rem;
}

.menu-right .menu-right__category > button > div {
  margin-left: 0.9375rem;
  font-size: 0.875rem;
}

.menu-right__category > button > div,
.menu-right__category > button > svg {
  color: #F2F9FF !important;
  fill: currentColor !important;
}

/* expanded right menu */
.mud-nav-group.menu-right__category > .mud-expanded {
  background-color: var(--company-color, var(--menu-left-side-color)) !important;
}

.mud-nav-group.menu-right__category > .mud-collapse-entered {
  background-color: var(--company-color, var(--menu-left-side-color)) !important;
}

/* links */
.menu-right__category.mud-nav-group > .mud-nav-link > .mud-nav-link-text {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.125rem 0;
}

.menu-right__item {
  display: flex;
  align-items: center;
  color: #F2F9FF !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  line-height: 1.5rem !important;
  width: 100% !important;
  padding-left: 1.75rem !important;
  padding-top: 0.5rem !important;
}

.menu-right__item:hover {
  text-decoration: none;
  background-color: var(--company-color, var(--menu-left-side-color)) !important;
}

.menu-right__category-item {
  display: flex;
  align-items: center;
  color: #F2F9FF;
  /*margin-left: 2.5rem;*/
  margin-left: 1.75rem;
  margin-bottom: 0.5rem;
  /*font-weight: 100;*/
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  width: max-content;
  padding: 0.4rem 0.75rem;
  border-radius: 0.5rem;
}

.menu-right__category-item:first-child {
  /*margin-top: 1.75rem;*/
  margin-top: 0.5rem;
}

.menu-right__category-item:last-child {
  /*margin-bottom: 2rem;*/
  margin-bottom: 1rem;
}

.menu-right__category-item:hover,
.menu-right__category-item--active {
  text-decoration: none;
  /*font-weight: 700;*/
  color: #F2F9FF;
  background-color: var(--menu-right-side-color);
}

.menu-right__category-item--disabled:hover {
  text-decoration: none;
  font-weight: 100;
  cursor: default;
  color: unset;
}

.menu-right__category-item > span {
  /*height: 0.3125rem;
  width: 0.3125rem;
  background-color: $menu-right-side-font-color;
  display: inline-block;
  border-radius: 0.3125rem;
  margin-right: 0.625rem;*/
}

.menu-right__category-item > p {
  margin: 0;
  font-size: 0.875rem;
}

/* bottom logo adapty */
.nav-menu__footer--close {
  display: none;
}

/************ MENU END ***************/
.close-right-menu {
  width: 0rem;
}

.close-full-menu {
  width: 0rem;
}

@media only screen and (max-width: 60rem) {
  .appbar__name {
    display: none;
  }
  .appbar__menu-close {
    display: block;
  }
  .appbar__menu-close--right {
    display: none;
  }
  .appbar-profile-name {
    display: none;
  }
  .appbar-profile {
    width: auto;
    min-width: unset;
    padding: unset;
  }
  .appbar {
    height: 3.75rem;
  }
  .main {
    height: calc(100vh - 3.75rem);
  }
}
/*** MAIN CONTENT ***/
.mud-main-content {
  padding: 0rem 2rem 2rem 2rem !important;
}

.mud-main-content > h6, .mud-main-content .mud-main-content-title,
.header-overview > .header-overview__title {
  font-weight: 600;
  font-size: 2.5rem;
  color: #0F0F0F;
  margin-top: 1.75rem;
  margin-left: 0 !important;
  padding-left: 0;
}

.header-overview__subtitle {
  font-weight: 500;
  font-size: 1.25rem;
  color: #424242;
  margin: 0;
  padding: 0;
}

.applied-filters__header {
  padding: 0;
  margin: 0.5rem 0;
  font-size: 1.1rem;
  font-weight: 400;
  color: #7B7B7B;
}

.mud-grid.empty-record-list {
  margin: 1.0625rem 0 0 0;
  width: 100%;
}

.no-found-record-database__text {
  font-size: 1.25rem;
  font-weight: 400;
  margin: 1.0625rem 0;
}

@media only screen and (max-width: 30rem) {
  .mud-grid.empty-record-list {
    justify-content: center !important;
  }
  .appbar__app-name {
    font-size: 0.8rem;
    margin: 0;
  }
}
/*** END MAIN CONTENT ***/
/*************************************** TABULKA ***************************************/
/* 
    celá tabulka je ve tříde mud-table a ta se poté skládá z části:

    mud-toolbar => toolbar pro tabulku, kde je umístěno tlačítko pro nový záznam a search bar
    mud-table-smalldevices-sortselect => search bar pro mobilní zařízení
    mud-table-container => obsah samotné tabulky
    mud-table-pagination => stránkování
*/
.mud-table {
  box-shadow: none !important;
}

/*** toolbar ***/
.mud-table > .mud-toolbar.mud-table-toolbar {
  margin: 1.0625rem 0;
  padding: 0;
  height: auto;
}

/* hlavička obsahující nadpis a search bar */
.header-overview {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.75rem;
}

/* search bar na přehledech stránek */
.header-overview__search-bar.mud-input-control.mud-input-input-control {
  border: 0.0625rem solid #EBEBEB;
  border-radius: 0.5rem;
  height: 3.25rem;
  padding-left: 1.125rem;
  display: flex;
  justify-content: center;
  max-width: 20.0625rem;
}

.header-overview__search-bar.mud-input-control.mud-input-input-control svg {
  color: black;
}

.header-overview__search-bar.mud-input-control.mud-input-input-control > div > div {
  margin: 0 !important;
}

.header-overview__search-bar .mud-input.mud-input-underline:before {
  border-bottom: 0rem !important;
}

.header-overview__search-bar .mud-input.mud-input-underline:after {
  border-bottom: 0rem !important;
}

/* search bar v tabulce */
.mud-table > .mud-toolbar > .mud-input-control.mud-input-input-control {
  border: 0.0625rem solid #EBEBEB;
  border-radius: 0.5rem;
  height: 3.25rem;
  padding-left: 1.125rem;
  display: flex;
  justify-content: center;
  /*position: fixed;
  top: 9.0625rem;
  right: 2rem;*/
}

.mud-table > .mud-toolbar > .mud-input-control.mud-input-input-control svg {
  color: black;
}

.mud-table > .mud-toolbar > .mud-input-control.mud-input-input-control > div > div {
  margin: 0 !important;
}

.mud-table > .mud-toolbar .mud-input.mud-input-underline:before {
  border-bottom: 0rem !important;
}

.mud-table > .mud-toolbar .mud-input.mud-input-underline:after {
  border-bottom: 0rem !important;
}

/*** container ***/
.mud-table > .mud-table-container {
  border-radius: 0.5rem;
  border: 0.0625rem solid #DFEEFB;
}

.table-overview.mud-table > .mud-table-container {
  overflow: visible !important;
  height: auto;
}

.mud-table-container .mud-table-root .mud-table-head .mud-table-row {
  background-color: #F2F9FF;
}

div.mud-table-container .mud-table-root .mud-table-head .mud-table-cell {
  color: #134fa6;
  font-weight: 400;
  background-color: #F2F9FF;
  position: relative !important;
  padding-bottom: 0;
  padding-top: 0;
  height: 3.1875rem;
}

.table-cell-multiple-line-text {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.table-cell-multiple-line-text p {
  font-size: 0.875rem;
  text-align: start;
  font-weight: 400;
  margin-bottom: 0;
}

.mud-table-container .mud-table-root .mud-table-head .mud-table-cell:first-child {
  border-top-left-radius: 0.5rem;
}

.mud-table-container .mud-table-root .mud-table-head .mud-table-cell:last-child {
  border-top-right-radius: 0.5rem;
}

.mud-table-container .mud-table-root .mud-table-body .mud-table-cell {
  max-width: 6.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0;
  padding-top: 0;
  height: 3.75rem;
}

.mud-table-container .mud-table-root .mud-table-body .mud-table-cell:last-child {
  overflow: visible;
}

.table-detail .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-last-child(-n+2) .table__row-tooltip {
  margin: 0;
  top: -1rem;
  left: auto;
  right: 2rem;
  width: fit-content;
}

.table-detail .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-last-child(-n+2) .table__row-tooltip.table__row-tooltip--active {
  display: flex;
  gap: 1rem;
  padding-right: 0.694375rem;
}

.table-detail .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-last-child(-n+2) .table__row-tooltip:after {
  bottom: 45%;
  left: 102%;
  border-color: transparent transparent transparent #DFEEFB;
}

/* akční tlačítka na řádku (u každého záznamu) */
.table__row-action {
  display: flex;
  align-items: center;
}

.table__row-action > svg {
  color: #9A9A9A;
}

.table__row-action > .mud-tooltip-root > svg {
  color: #9A9A9A;
}

.table__row-action > svg:hover {
  cursor: pointer;
  color: #0F0F0F;
}

.table__row-action > .mud-tooltip-root > svg:hover {
  cursor: pointer;
  color: #0F0F0F;
}

.table__row-dots {
  margin-left: 0.46875rem;
  color: #9A9A9A;
  position: relative;
  display: inline-block;
}

.table__row-dots:hover {
  cursor: pointer;
  color: #0F0F0F;
}

/* tooltip pro akční tlačítka */
.table__row-dots .table__row-tooltip {
  width: 8.75rem;
  background-color: #F2F9FF;
  color: #9A9A9A;
  border-radius: 0.375rem;
  padding: 0.79875rem 0.79875rem 0.57625rem 0.694375rem;
  position: absolute;
  z-index: 1;
  top: -25px;
  left: 20px;
  border: 0.0625rem solid #DFEEFB;
  margin-top: 1.875rem;
  display: none;
  box-shadow: 0.3125rem 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.1254901961);
}

.table__row-dots .table__row-tooltip.table__row-tooltip--companies {
  width: fit-content;
}

.table__row-dots .table__row-tooltip.table__row-tooltip--active {
  display: block;
}

/*.table__row-dots:hover .table__row-tooltip {
    display: block;
}*/
.table__row-dots .table__row-tooltip > p {
  margin: 0 0 0.5rem 0;
}

.table__row-dots .table__row-tooltip > p:hover {
  color: #134fa6;
  text-decoration: underline;
}

/*** new record button ***/
.new-record-btn {
  display: flex;
  align-items: center;
  padding: 0.875rem 2rem;
  gap: 1rem;
  border-radius: 0.5rem;
  background-color: #10BE60;
}

.new-record-btn--secondary {
  background-color: #134fa6;
}

.new-record-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #10BE60;
}

.new-record-btn--secondary:hover {
  background-color: #4893ff;
}

.new-record-btn__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  background-color: white;
}

.new-record-btn__icon--transparent {
  background-color: transparent;
}

.new-record-btn__icon > svg {
  color: #10BE60;
}

.new-record-btn__icon--secondary > svg {
  color: #134fa6;
}

.new-record-btn__text {
  margin: 0;
  color: white;
  font-size: 1rem;
}

/*** pagination ***/
.mud-table > .mud-table-pagination > .mud-table-pagination-toolbar {
  margin-top: 2rem;
  border-top: 0;
}

.mud-table > .mud-table-pagination > .mud-table-pagination-toolbar > .mud-table-pagination-caption {
  position: absolute;
  top: -1.25rem;
}

.mud-table.mud-data-grid > .mud-table-pagination > .mud-table-pagination-toolbar > .mud-table-pagination-caption {
  position: unset;
}

.dx-grid-show-record-count {
  position: absolute;
  left: 0.8rem;
  bottom: 0.8rem;
}

.mud-table > .mud-table-pagination .mud-table-page-number-information {
  color: #696969;
}

.mud-table > .mud-table-pagination > .mud-table-pagination-toolbar > .mud-table-pagination-display > .mud-select {
  border: 0.0625rem solid #134fa6;
  border-radius: 0.5rem;
}

.mud-table > .mud-table-pagination > .mud-table-pagination-toolbar > .mud-table-pagination-display > .mud-select > div {
  margin: 0 !important;
}

.mud-table > .mud-table-pagination > .mud-table-pagination-toolbar > .mud-table-pagination-display > .mud-select > div > div > div > .mud-input-slot.mud-select-input {
  color: #134fa6 !important;
  margin-left: 0.5rem;
}

/* nebyl nalezene žádný záznam */
.not-found-record-text {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #696969;
  padding-bottom: 1.25rem;
}

/* komponenta pro zobrazení stavu */
.table-overview__status {
  background-color: rgba(154, 154, 154, 0.1490196078);
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
  border-radius: 1.875rem;
  width: fit-content;
}

.table-overview__status-dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #0F0F0F;
  border-radius: 0.5rem;
  margin-right: 0.3125rem;
  margin-left: 0.625rem;
}

.table-overview__status-text {
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  color: #0F0F0F;
  margin-right: 0.625rem !important;
}

/* service request */
.status-priority-container {
  display: flex;
}

.service-request-filter {
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

.service-request-filter > .mud-expand-panel-header {
  background-color: #134fa6;
  border-radius: 0.5rem;
}

.service-request-filter.mud-panel-expanded > .mud-expand-panel-header {
  background-color: #134fa6;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.service-request-filter > .mud-expand-panel-header svg {
  color: white;
}

.service-request-filter .mud-expand-panel-content {
  border-left: 0.0625rem solid #DFEEFB;
  border-right: 0.0625rem solid #DFEEFB;
  border-bottom: 0.0625rem solid #DFEEFB;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* mud-chip */
.mud-chip-number-statuses {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.3125rem;
  border-radius: 1.3125rem;
  margin-right: 0.3125rem;
  padding: 0.375rem;
}

/* chip pro rozdělené priority */
.devided-priority-chip {
  height: 2rem;
  display: inline-flex;
  max-width: 100%;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  justify-content: center;
  text-decoration: none;
  line-height: normal;
  margin: 0.25rem;
}

.devided-priority-chip > div {
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
  display: inline-flex;
  position: relative;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
}

.devided-priority-chip > div:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  padding-left: 0.5rem;
}

.devided-priority-chip > div:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  padding-right: 0.5rem;
}

.number-service-request-container {
  display: inline-flex;
  position: relative;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
}

/*** vícer řádkový text v tabulce ***/
.table-multiple-label .mud-tooltip-root.mud-tooltip-inline {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.3125rem;
}

.mud-table-container .mud-table-root .mud-table-body .mud-table-cell.table-multiple-label {
  text-overflow: unset;
}

@media only screen and (max-width: 30rem) {
  .header-overview {
    flex-direction: column;
    align-items: normal;
  }
  .header-overview > .header-overview__title {
    text-align: center;
  }
  /* search bar na přehledech stránek */
  .header-overview__search-bar.mud-input-control.mud-input-input-control {
    max-width: unset;
  }
  .mud-table-smalldevices-sortselect {
    margin: 0;
  }
  .mud-table-container {
    margin: 0;
  }
  /*** toolbar ***/
  .mud-table > .mud-toolbar.mud-table-toolbar {
    display: flex;
    flex-direction: column;
    align-items: normal;
  }
  /*** stránkování ***/
  .mud-table .mud-table-pagination .mud-table-pagination-toolbar.pagination-container {
    flex-wrap: unset;
    flex-direction: column;
    padding: 0;
    height: auto;
  }
  .mud-table .mud-table-pagination .mud-table-pagination-toolbar.pagination-container .mud-table-pagination-display {
    margin: 0.625rem 0;
  }
  .mud-table .mud-table-pagination .mud-table-pagination-toolbar .mud-table-pagination-actions.pagination-action {
    margin: 0;
  }
  .user-tasks-header {
    flex-direction: column;
  }
  .user-tasks-header__separator {
    display: none;
  }
  .user-tasks-header__status {
    margin: 1.5625rem 0 !important;
  }
  .new-record-btn {
    margin-bottom: 1.25rem;
  }
  .mud-table > .mud-toolbar > .mud-input-control.mud-input-input-control {
    padding: 1.125rem;
    width: 17.375rem;
  }
  .table-multiple-label .mud-tooltip-root.mud-tooltip-inline {
    width: unset;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    margin-top: unset;
  }
}
@media only screen and (max-width: 37.5rem) {
  .mud-table-container .mud-table-root .mud-table-body .mud-table-cell {
    max-width: unset;
    white-space: unset;
  }
}
@media only screen and (max-width: 79.375rem) {
  /*** pagination ***/
  .mud-table > .mud-table-pagination > .mud-table-pagination-toolbar {
    margin-top: 2rem;
    border-top: 0;
    flex-wrap: wrap;
    height: fit-content;
  }
  .mud-table .mud-table-pagination .mud-table-pagination-toolbar.pagination-container .mud-table-pagination-display {
    margin: 0.625rem 0;
  }
}
/* úkoly uživatele */
.user-tasks-header {
  display: flex;
  align-items: center;
}

.header-overview .user-tasks-header__tasks {
  font-weight: 600;
  font-size: 2.5rem;
  color: #0F0F0F;
  margin-top: 0;
  margin-left: 0 !important;
  padding-left: 0;
}

.user-tasks-header__separator {
  width: 0.625rem;
  height: 0.125rem;
  background-color: #4893ff;
  margin: 0 1rem;
}

.user-tasks-header__user {
  margin: 0;
  color: #4893ff;
  font-weight: 400;
  font-size: 1.5rem;
}

.user-tasks-header__status {
  margin: 0 0 0 1.5625rem;
  font-weight: 400;
  font-size: 1rem;
  color: #134fa6;
  background-color: #F2F9FF;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
}

.tasks-finished {
  background-color: #10BE60;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
}

.tasks-finished > .tasks-finished__icon {
  width: 1.25rem;
  height: 1.25rem;
  color: white;
}

/*** COMPONENTS ***/
/* mud-switch */
.mud-switch .mud-switch-span, .mud-switch .mud-switch-span-medium.mud-switch-span {
  width: 3.7rem;
  height: 2rem;
  padding: 0;
  border-radius: 31.25rem;
}

.mud-switch > p {
  margin-left: 0.40625rem;
}

.mud-switch .mud-switch-span .mud-switch-track {
  border: 0.0625rem solid #9A9A9A;
  background-color: #EBEBEB;
  border-radius: 31.25rem;
}

.mud-switch .mud-switch-span .mud-switch-base.mud-checked + .mud-switch-track {
  background-color: #F2F9FF !important;
  opacity: 1;
  border: 0.0625rem solid #10BE60;
}

.disabled-switch .mud-switch .mud-switch-span .mud-switch-base.mud-checked + .mud-switch-track {
  border: 0.0625rem solid rgba(154, 154, 154, 0.6039215686);
  background-color: #EBEBEB !important;
}

.mud-switch .mud-switch-span > span:first-child {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.25rem;
  color: #9A9A9A;
}

.mud-switch .mud-switch-span > .mud-switch-base.mud-checked {
  color: #10BE60 !important;
}

.mud-switch-thumb-medium,
.detail-text .mud-switch .mud-switch-thumb-medium {
  width: 1.25rem;
  height: 1.25rem;
  box-shadow: 0 0.125rem 0.0625rem -0.0625rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.14), 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 50%;
  background-color: currentColor;
}

/* machine switch */
.machines-switch {
  display: flex;
  gap: 0.25rem;
  border: 0.0625rem solid #9A9A9A;
  border-radius: 31.25rem;
  padding: 0.21875rem 0.25rem;
}

.machines-switch__button {
  background-color: #EBEBEB;
  padding: 0.375rem 1.21125rem 0.4125rem 1rem;
  border-radius: 31.25rem;
}

.btn-load-more {
  padding-left: 14px;
}

.machines-switch__button.machines-switch__button--active {
  background-color: #10BE60;
  color: white;
}

.machines-switch__button > p {
  font-weight: 400;
  font-size: 0.875rem;
  margin: 0;
}

/* stránkování */
.pagination-action {
  display: flex;
}

.pagination-action__btn,
.pagination-action > .pagination-action__btn:first-child,
.pagination-action > .pagination-action__btn:last-child {
  border: 0.0625rem solid #DFEEFB;
  width: 3.25rem;
  height: 3.25rem;
  margin: 0 0.25rem;
  border-radius: 0.5rem;
}

.pagination-action__btn:hover,
.pagination-action > .pagination-action__btn:first-child:hover,
.pagination-action > .pagination-action__btn:last-child:hover {
  background-color: #F2F9FF;
}

.pagination-action__btn--active {
  background-color: #134fa6;
  color: white;
  border: 0;
}

.pagination-action__btn--active:hover {
  background-color: #134fa6;
  color: white;
  border: 0;
}

.overlay_background .mud-overlay-content {
  background: white;
  padding: 0.625rem;
  border-radius: 0.5rem;
}

/*** datepikcer popup ***/
.mud-picker .mud-picker-actions > button {
  padding: inherit;
  margin: 0;
  border-radius: 0.5rem;
}

.mud-picker .mud-picker-actions > button.mud-button-text-primary {
  background-color: #134fa6;
  color: white;
}

.mud-picker .mud-picker-actions > button.mud-button-text-default {
  background-color: white;
  color: #134fa6;
  border: 0.0625rem solid #134fa6;
}

/*** fab button ***/
.circle-button.mud-fab {
  border-radius: 100%;
  box-shadow: none;
  color: white;
  background-color: #134fa6;
}

.circle-button.mud-fab:hover {
  box-shadow: none;
  background-color: #0060eb;
}

.link-text {
  color: #134fa6;
  text-decoration-line: underline;
  cursor: pointer;
}

.link-text.link-text--boards,
p.link-text--boards {
  font-size: 1.2rem;
}

/* avatar */
.people-avatar {
  display: flex;
  gap: 0.2rem;
}

.people-avatar .people-avatar__person.mud-avatar.mud-avatar-medium {
  border: 0;
  width: 2.5rem;
  height: 2.5rem;
}

.mud-avatar.dx-avatar {
  color: white;
}
.mud-avatar.dx-avatar--us {
  background-color: orange;
}
.mud-avatar.dx-avatar--customer {
  background-color: green;
}

.mud-avatar-close .mud-avatar {
  margin-left: -0.5rem;
  border: 1px solid white !important;
  border-color: initial !important;
}

.dx-chat.mud-expand-panel .mud-expand-panel-content {
  padding-top: 1rem;
}

.dx-chat.mud-expand-panel.mud-panel-expanded:last-child {
  margin-top: 1rem;
}

.dx-chat.mud-expand-panel:last-child {
  margin-top: 1rem;
}

.mud-paper.dx-chat-card {
  margin-bottom: 1rem;
}
.mud-paper.dx-chat-card--us {
  margin-right: 5rem;
}
.mud-paper.dx-chat-card--customer {
  margin-left: 5rem;
}

/* 2 tlačítka v seznamech (např. edit a delete) */
.two-list-items-btn {
  display: flex;
  gap: 0.5rem;
}

/* nadpis pro tabulky v pravé části */
.detail-table-title {
  font-size: 1.3rem;
  font-weight: 500;
  margin: 0 0 1rem 0;
}

/* progress bar na detailu úkolu */
.progres-task-bar-detail {
  margin: 0.625rem 3rem;
}

.progres-task-bar-detail p {
  margin: 0;
}

.progres-task-bar-detail .progres-task-bar-detail__title {
  margin: 0 0 0.3125rem 0;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #0F0F0F;
  opacity: 0.5;
}

.progres-task-bar-detail .progres-task-bar-detail__slider {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.progres-task-bar-detail .progres-task-bar-detail__slider p {
  font-weight: 500;
  font-size: 1.25rem;
}

/* progress task pro editaci úkolu */
.slider-progress-buttons p {
  margin: 0;
}

.slider-progress-buttons .slider-progress-buttons__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.slider-progress-buttons .slider-progress-buttons__title p:nth-child(1) {
  font-size: 1rem;
}

.slider-progress-buttons .slider-progress-buttons__title p:nth-child(2) {
  font-size: 1.25rem;
  font-weight: 600;
}

.task-progress-button.mud-button,
.task-progress-button.mud-button.mud-button-filled {
  box-shadow: none;
  border-radius: 0.5rem;
  background-color: #134fa6;
  min-width: 7rem;
  color: white;
}

.task-progress-button.mud-button.progress-button--first {
  background-color: #C90300;
}
.task-progress-button.mud-button.progress-button--second {
  background-color: #E97F00;
}
.task-progress-button.mud-button.progress-button--third {
  background-color: #D9BF02;
}
.task-progress-button.mud-button.progress-button--fourth {
  background-color: #79C311;
}
.task-progress-button.mud-button.progress-button--fifth {
  background-color: #149117;
}

/* progres bar pro tabulky */
.elaboration-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

.elaboration-container.elaboration-container--detail {
  flex-direction: column;
  align-items: end;
  gap: 0;
}

.elaboration-container .outer-bar {
  height: 1rem;
  width: 100%;
  background-color: rgba(19, 79, 166, 0.231372549);
  border-radius: 0.4rem;
}

.elaboration-container .inner-bar {
  height: 1rem;
  width: 0;
  max-width: 100%;
  background-color: #134fa6;
  border-radius: 0.4rem;
}

.elaboration-container .inner-bar.inner-bar--finished {
  width: 100%;
  background-color: #10BE60;
}

.elaboration-container .inner-bar.inner-bar--over {
  width: 100%;
  background-color: red;
}

.elaboration-container .inner-bar.inner-bar--complete-tasks {
  width: 100%;
  background-color: #134fa6;
}

.edit-content-component .edit-content-component__title-progress-bar .inner-bar.inner-bar--complete-tasks {
  background-color: #134FA6;
}

.elaboration-container .header-bar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.header-bar .pictogram-bar {
  width: 1.5rem;
  height: 1.5rem;
  background-color: red;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.elaboration-container .text-bar {
  margin: 0;
}

.elaboration-container .text-bar.text-bar--over {
  color: red;
  font-weight: 600;
}

.elaboration-container .text-bar.text-bar--detail {
  font-size: 1.5rem;
  color: black;
}

.mud-chip.mud-clickable.datamix-chip {
  height: 3.5rem !important;
  border-radius: 0.5rem;
}

@media only screen and (max-width: 30rem) {
  .chip-set-dev-request {
    flex-wrap: wrap;
  }
}
/*************************************** DETAIL ***************************************/
/* komponenta pro text v detailu */
.detail-text > p {
  margin: 0;
}

.detail-text .detail-text__title {
  margin-bottom: 0.3125rem;
}

.detail-text__title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #0F0F0F;
  opacity: 0.5;
}

.detail-text__content {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #0F0F0F;
}

.detail-text__color {
  width: 4rem;
  height: 1.25rem;
  border-radius: 1.5rem;
}

.detail-text__content--multiple {
  /*white-space: nowrap;*/
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: unset;
  max-height: 4.5625rem;
}

.detail-text__content--link {
  color: #134fa6;
  text-decoration-line: underline;
}

.detail-text__content--link:hover {
  cursor: pointer;
}

.detail-text__content--small {
  font-size: 1rem;
}

.detail-text__content--bold {
  font-weight: 500;
  color: black;
  text-decoration: none;
}

.detail-text__content--status {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
}

.detail-text__content.detail-text__content--select {
  margin-left: 3.25rem;
  max-width: 17rem;
}

.detail-text__button-show {
  margin-top: 0.625rem;
  color: #134fa6;
}

.detail-text__button-show--up::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  margin-left: 0.625rem;
  transform: rotate(90deg);
}

.detail-text__button-show--down::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  margin-left: 0.625rem;
  transform: rotate(-90deg);
}

/* patička pro detail s komponentou na rich text */
.detail-text__footer {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5rem;
}

/* komponenta pro detail zobrazující až 3 hodnoty vedle sebe */
.multiple-detail-components {
  display: flex;
  margin: 0 3.25rem 1rem 3.25rem;
  flex-wrap: wrap;
}

.multiple-detail-components > .detail-text {
  margin-top: 1rem;
  min-width: 14rem;
  width: 30%;
}

.detail-text--status > div {
  justify-content: unset !important;
}

.detail-text--status > div .table-overview__status {
  padding: 0.5rem 0;
}

.detail-text--status > div .table-overview__status-dot {
  height: 0.625rem;
  width: 0.625rem;
  margin-left: 1.25rem;
}

.detail-text--status > div .table-overview__status-text {
  font-size: 1.25rem;
  margin-right: 1.25rem;
}

/* komponenta pro tlačítka v detailu */
.detail-buttons {
  display: flex;
  gap: 0.5rem;
}

.detail-buttons button {
  box-shadow: none;
  width: 3rem;
  height: 3rem;
  color: white;
  min-height: auto;
}

.detail-buttons button:hover {
  box-shadow: none;
}

.detail-buttons .detail-buttons__edit {
  background-color: #FF9900;
}

.detail-buttons .detail-buttons__edit:hover {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #FF9900;
}

.detail-buttons .detail-buttons__delete {
  background-color: #DF2B56;
}

.detail-buttons .detail-buttons__delete:hover {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #DF2B56;
}

/* card */
.paper-detail.paper-detail--right-side {
  margin: 1rem;
}

.paper-detail.paper-detail--right-side .paper-detail--right-side__table {
  margin: 1rem;
}

.paper-detail .card-detail {
  border: 0.0625rem solid #DFEEFB;
  border-radius: 0.5rem;
  height: 100%;
  position: relative;
}

.card-detail > div {
  padding: 0;
}

.card-detail__header {
  background-color: #F2F9FF;
  height: 5.3125rem;
  align-items: center;
  padding: 0 1.75rem 0 3.25rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.card-detail__header-folders {
  height: 6.875rem;
}

.card-detail__header .detail-text .detail-text__title {
  margin-bottom: 0.5rem;
}

.card-detail__content {
  height: calc(100% - 5.3125rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.5s;
  overflow: hidden;
}

.card-detail__content > div {
  margin: 0;
}

.card-detail__content > .mud-grid {
  flex-direction: column;
  flex-wrap: unset;
  width: auto;
}

.card-detail__content > .mud-grid > .detail-text {
  margin: 0.625rem 0 0.625rem 3.25rem;
}

.card-detail__content > .mud-grid > .detail-text__rich-text {
  margin: 0.625rem 3.25rem 0.625rem 3.25rem;
}

.card-detail__content > .mud-grid > .detail-text-multiple {
  margin: 1rem 3.25rem;
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.card-detail__content > .mud-grid > .detail-text-multiple .detail-text {
  width: 90%;
}

.mud-grid .detail-text-multiple--editable {
  margin: 1rem 1rem;
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.mud-grid .detail-text-multiple--editable .detail-text {
  width: 90%;
}

.card-detail__content-right {
  position: relative;
}

.detail-text-multiple__icon {
  cursor: pointer;
}

.detail-text__separator {
  height: 0.0625rem;
  background-color: #DFEEFB;
  margin: 0 2rem;
}

.detail-text__separator--nomargin {
  height: 0.1rem;
  background-color: #DFEEFB;
  margin: 0;
}

.detail-text__separator:first-child {
  height: 0;
}

.detail-tabs__item-card .detail-table-max-height {
  overflow-y: auto;
  max-height: 65vh;
}

div.detail-table-max-height {
  overflow-y: auto;
  max-height: 70vh;
}

.card-detail__content .card-detail__content-footer {
  margin: 2rem 0 2rem 3.25rem;
}

.card-detail__content-footer .RecordInfoContainer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0;
}

.card-detail__content-footer .RecordInfoContainer .RecordInfoLabel {
  font-weight: 400;
  font-size: 0.75rem;
  color: #696969;
}

/* jiné komponenty v detailu */
.card-detail__content-comments, .card-detail__content-request-flows {
  margin: 0 0.9375rem 0.9375rem 0.9375rem;
  border: 0.0625rem solid #DFEEFB;
  border-radius: 0.5rem;
}

.card-detail__content-comments > .mud-paper,
.card-detail__content-request-flows > .mud-paper {
  box-shadow: none;
  border-radius: inherit;
}

.file-gallery {
  display: flex;
}

.file-gallery .file-gallery__upload-btn {
  background-color: #134fa6;
  color: white;
  padding: 0;
  width: 8.6875rem;
  height: 3.4375rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  text-transform: none;
  font-weight: 600;
  font-size: 1rem;
}

.file-gallery .file-gallery__upload-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6;
}

.file-gallery__images {
  display: flex;
  flex-wrap: wrap;
}

.file-gallery__images .ImageWithUpload {
  position: relative;
  margin: 0.5rem;
}

.ImageWithUpload .ImageWithUpload__buttons {
  position: absolute;
  right: 0;
  margin: 0.5rem;
  display: none;
}

.ImageWithUpload:hover .ImageWithUpload__buttons {
  display: block;
}

.row .mud-tooltip-root.mud-tooltip-inline {
  position: relative;
  right: unset;
  margin: 0;
}

.ImageWithUpload .ImageWithUpload__delete-btn {
  box-shadow: none;
  width: 2.1875rem;
  height: 2.1875rem;
  color: white;
  background-color: #DF2B56;
}

.ImageWithUpload .ImageWithUpload__delete-btn:hover {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #DF2B56;
}

.ImageWithUpload .ImageWithUpload__edit-btn {
  box-shadow: none;
  width: 2.1875rem;
  height: 2.1875rem;
  color: white;
  background-color: #FF9900;
}

.ImageWithUpload .ImageWithUpload__edit-btn:hover {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #FF9900;
}

.ImageWithUpload {
  width: auto;
  min-height: 6.875rem;
  margin: 0.125rem !important;
  padding: 0.3125rem;
}

.logo-image .logo-container {
  width: 20.8125rem;
  height: 60px;
}

.logo-image .ImageWithUpload {
  width: 100%;
  height: 100%;
}

.logo-image .GalleryImage {
  width: 100% !important;
  height: 100% !important;
}

/* logo obrazek v detailu */
.logo-image-detail .file-gallery {
  width: 20.8125rem;
  height: 60px;
}

.logo-image-detail .file-gallery__images {
  width: 100%;
  height: 100%;
}

.logo-image-detail .ImageWithUpload {
  width: 100%;
  height: 100%;
}

.logo-image-detail .GalleryImage {
  width: 100% !important;
  height: 60px !important;
}

.logo-image-detail .upload-file-text {
  visibility: hidden;
}

.detail-text > .send-register-email {
  text-transform: none;
  font-weight: 600;
  font-size: 1rem;
  box-shadow: none;
  border-radius: 0.5rem;
  height: 3.4375rem;
}

.send-register-email.mud-button-filled.mud-button-filled-primary {
  background-color: #134fa6;
}

.send-register-email.mud-button-filled.mud-button-filled-primary:hover {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6;
}

.card-detail__content .detail-action-btn {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 1rem 3.25rem;
}

.card-detail__content .detail-action-btn .detail-action-btn__item {
  background-color: #134fa6;
  border-radius: 0.5rem;
  box-shadow: none;
  width: 5rem;
  height: 5rem;
  padding: 0.625rem;
  font-size: 0.875rem;
  text-transform: none;
  color: white;
}

button.mud-fab.detail-export-button {
  background-color: #134fa6;
  border-radius: 0.5rem;
  box-shadow: none;
  width: 5rem;
  height: 5rem;
  padding: 0.625rem;
  font-size: 0.875rem;
  text-transform: none;
  color: white;
}

button.mud-fab.detail-export-button > span {
  display: flex;
  flex-direction: column;
}

.mud-fab.detail-action-btn-header {
  background-color: #134fa6;
  border-radius: 0.5rem;
  box-shadow: none;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.625rem;
  font-size: 0.875rem;
  text-transform: none;
  color: white;
}

.card-detail__content .detail-action-btn .detail-action-btn__item:hover {
  box-shadow: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6;
}

.card-detail__content .detail-action-btn .detail-action-btn__item > span {
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
}

.card-detail__content .detail-action-btn .detail-action-btn__item.mud-fab:disabled {
  background-color: rgba(19, 79, 166, 0.3137254902);
}

.detail-loading-btn__item svg {
  color: white;
}

div.mud-progress-circular.detail-loading-btn__item {
  height: 1.5rem;
  width: 1.5rem;
}

/*** right side detail ***/
/* header tabs */
.detail-tabs .mud-tabs-toolbar {
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-color: #F2F9FF;
  height: 5.3125rem;
  border-width: 0.0625rem 0.0625rem 0rem 0.0625rem;
  border-style: solid;
  border-color: #DFEEFB;
}

.detail-tabs.detail-tabs__folders .mud-tabs-toolbar {
  height: 6.875rem;
  position: relative;
}

.detail-tabs .mud-tabs-toolbar.mud-tabs-rounded {
  border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.detail-tabs .mud-tab {
  margin: 0 0.625rem 1.125rem 0.625rem;
  color: #0F0F0F;
  opacity: 0.5;
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  text-transform: unset;
  min-width: auto !important;
  margin-bottom: 0;
}

.detail-tabs .mud-tab:first-letter {
  text-transform: uppercase;
}

.detail-tabs .mud-tab.mud-tab-active {
  color: #134fa6;
  font-weight: 700;
  opacity: 1;
}

.detail-tabs .mud-tab-slider.mud-tab-slider-horizontal {
  background-color: #134fa6;
  height: 0.1875rem;
  margin-left: 0.625rem;
}

.detail-tabs .mud-tabs-scroll-button > button {
  color: #134fa6 !important;
}

/* switch záložek */
.tabs-panel__folder-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 45%;
  z-index: 1;
}

/* content tabs */
.detail-tabs .mud-tabs-panels {
  border-width: 0 0.0625rem 0.0625rem 0.0625rem;
  border-style: solid;
  border-color: #DFEEFB;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.detail-tabs .mud-tabs-panels > div:last-child {
  border-radius: inherit;
}

.panel-position-uset .mud-tabs-panels {
  position: unset;
}

.detail-tabs__item {
  margin: 1.25rem;
}

.detail-tabs__item-card {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
}

.detail-tabs__item-card > .mud-card-header,
.detail-tabs__item-card > .mud-card-content {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 30rem) {
  .card-detail__header {
    height: auto;
    padding: 1.875rem 1.75rem 1.25rem 1.875rem;
  }
}
/*** page tabs ***/
/* header tabs */
.page-tabs .mud-tabs-toolbar {
  display: flex;
  flex-direction: column;
  justify-content: end;
  background-color: transparent;
  height: 5.3125rem;
  border-width: 0rem;
  border-style: none;
  border-color: transparent;
}

.page-tabs .mud-tabs-toolbar.mud-tabs-rounded {
  border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.page-tabs .mud-tab {
  margin: 0 0.625rem 1.125rem 0.625rem;
  color: #0F0F0F;
  opacity: 0.5;
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  text-transform: unset;
  min-width: auto !important;
  margin-bottom: 0;
}

.page-tabs .mud-tab:first-letter {
  text-transform: uppercase;
}

.page-tabs .mud-tab.mud-tab-active {
  color: #134fa6;
  font-weight: 700;
  opacity: 1;
}

.page-tabs .mud-tab-slider.mud-tab-slider-horizontal {
  background-color: #134fa6;
  height: 0.1875rem;
  margin-left: 0.625rem;
}

.page-tabs .mud-tabs-scroll-button > button {
  color: #134fa6 !important;
}

/*************************************** KOMPONENTY ***************************************/
.fab-button, .mud-fab.fab-button {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  box-shadow: none;
  color: white;
}

.cancel-button, .mud-fab.delete-button {
  background-color: #DF2B56;
}

.cancel-button img, .mud-fab.delete-button img {
  height: 1rem;
  width: 1rem;
}

.cancel-button:hover, .mud-fab.delete-button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #DF2B56;
  box-shadow: none;
}

.mud-button.main-button {
  height: 3.4375rem;
  min-width: 8.6875rem;
  border-radius: 0.5rem;
  box-shadow: none !important;
  text-transform: unset;
  font-weight: 500;
  font-size: 1rem;
  background-color: #134fa6 !important;
  color: #ffffff;
}

.mud-button.main-button.main-button--export {
  height: 3.75rem;
}

.mud-button.main-button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6 !important;
}

.mud-button.main-button.main-button--kanban {
  margin: 0.625rem;
}

.mud-button.main-button.main-button--upload {
  margin: 0.3125rem;
}

.mud-button.main-button.main-button--disabled:disabled {
  color: #ffffff !important;
  background-color: rgba(0, 0, 0, 0.2588235294) !important;
}

.mud-button.priority-button,
.mud-button.priority-button:hover {
  box-shadow: none;
  border-radius: 0.5rem;
}

/* komponenta pro dialogy */
.full-dialog-container.mud-dialog {
  padding: 0;
  margin: 0;
  max-width: unset;
  max-height: unset;
  width: 100vw;
  height: 100vh;
}
.full-dialog-container.mud-dialog .mud-dialog-title {
  padding: 0;
}
.full-dialog-container.mud-dialog .mud-dialog-content {
  padding: 0;
  border-radius: 0;
}

.dialog-comments-notifications {
  display: flex;
}

.dialog-comments-notifications--multiple {
  flex-direction: column;
  gap: 1rem;
}

.dialog-comments-notifications__people {
  display: flex;
  flex-wrap: wrap;
}

.dialog-comments-notifications__item {
  display: flex;
}

.dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.625rem 0;
}

.dialog-header--task {
  justify-content: start;
  gap: 0.625rem;
}

.dialog-header__search-bar.mud-input-control.mud-input-input-control {
  border: 0.0625rem solid #EBEBEB;
  border-radius: 0.5rem;
  height: 3.25rem;
  padding-left: 1.125rem;
  display: flex;
  justify-content: center;
  max-width: 20.0625rem;
}

.dialog-header__search-bar.mud-input-control.mud-input-input-control svg {
  color: black;
}

.dialog-header__search-bar.mud-input-control.mud-input-input-control > div > div {
  margin: 0 !important;
}

.dialog-header__search-bar .mud-input.mud-input-underline:before {
  border-bottom: 0rem !important;
}

.dialog-header__search-bar .mud-input.mud-input-underline:after {
  border-bottom: 0rem !important;
}

.mud-dialog .mud-dialog-content .mud-table-container {
  max-height: calc(100vh - 20rem);
}

.dialog-container--title.mud-dialog .mud-dialog-content .mud-table-container {
  max-height: calc(100vh - 25rem);
}

.mud-dialog .mud-dialog-content .not-found-record-text {
  padding: 1.25rem;
}

.dialog-content-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(0.8571428571rem * 0.6);
}

.dialog-content-header .mud-typography {
  padding: 0;
}

.dialog-container.mud-dialog .mud-dialog-title {
  display: none;
}

.dialog-container.mud-dialog.dialog-container--title-none .mud-dialog-actions {
  padding: 0.5rem 1.5rem;
}

.mud-button.dialog-button {
  height: auto;
  width: 12.5rem;
  padding: 0.625rem 0;
  border-radius: 0.5rem;
  box-shadow: none;
  text-transform: unset;
  font-weight: 500;
  font-size: 1rem;
}

.mud-button.dialog-button.dialog-button--add {
  background-color: #134fa6;
  color: #ffffff;
}

.mud-button.dialog-button.dialog-button--add:disabled {
  background-color: #dddddd;
}

.mud-button.dialog-button.dialog-button--add:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6;
}

.mud-button.dialog-button.dialog-button--cancel {
  background-color: white;
  color: #134fa6;
  border: 0.0625rem solid #134fa6;
}

.mud-button.dialog-button.dialog-button--cancel:disabled {
  background-color: #dddddd;
  border: 0.0625rem solid #dddddd;
}

.mud-button.dialog-button.dialog-button--cancel:hover {
  border-color: #4893ff;
  color: #4893ff;
}

.mud-button.dialog-button--insert {
  width: auto;
  height: 2.125rem;
  padding: 0 1.5625rem;
  min-width: 2.125rem;
  border-radius: 0.5rem;
  box-shadow: none;
  background-color: #10BE60;
  color: white;
  text-transform: none;
}

.mud-button.dialog-button--insert:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #10BE60;
}

.mud-button.dialog-button--delete {
  width: auto;
  height: 2.125rem;
  padding: 0 1.5625rem;
  min-width: 2.125rem;
  border-radius: 0.5rem;
  box-shadow: none;
  background-color: #DF2B56;
  color: white;
  text-transform: none;
}

.mud-button.dialog-button--delete:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #DF2B56;
}

/* komponenta pro zobrazení priority */
.priority-component {
  display: flex;
  justify-content: center;
}

.detail-text > .priority-component {
  justify-content: unset;
}

.detail-text > .priority-component .display-priority__text {
  font-size: 1.25rem;
  margin: 0.25rem 1.25rem;
}

.display-priority {
  background-color: rgba(154, 154, 154, 0.1490196078);
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border-radius: 1.875rem;
  width: fit-content;
}

.display-priority__text {
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  color: #0F0F0F;
  margin: 0 0.625rem;
}

.display-priority__text > span {
  font-weight: 700;
}

.text-field .mud-input.mud-input-underline:before,
.text-field .mud-input.mud-input-underline:after {
  border: 0 !important;
}

/* panel */
.expansion-panel {
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

.expansion-panel > .mud-expand-panel-header {
  background-color: #134fa6;
  border-radius: 0.5rem;
}

.expansion-panel.mud-panel-expanded > .mud-expand-panel-header {
  background-color: #134fa6;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
}

.expansion-panel > .mud-expand-panel-header svg {
  color: white;
}

.expansion-panel .mud-expand-panel-content {
  border-left: 0.0625rem solid #DFEEFB;
  border-right: 0.0625rem solid #DFEEFB;
  border-bottom: 0.0625rem solid #DFEEFB;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.expansion-panel__badge > span > span {
  background-color: #DFEEFB !important;
  color: #4893ff !important;
}

/* cancel filter */
.cancel-filter-btn {
  display: flex;
  align-items: center;
  padding: 0.875rem 2rem;
  gap: 1rem;
  border-radius: 0.5rem;
  background-color: #DF2B56;
}

.cancel-filter-btn:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #DF2B56;
}

.cancel-filter-btn__icon {
  display: flex;
}

.cancel-filter-btn__text {
  margin: 0;
  color: white;
  font-size: 1rem;
}

/* navigace */
.mud-breadcrumbs > .mud-breadcrumb-item > a {
  color: #0F0F0F;
  opacity: 0.5;
  font-weight: 400;
  font-size: 0.875rem;
}

.mud-breadcrumbs > .mud-breadcrumb-item > a:hover {
  color: #134fa6;
  opacity: 1;
}

.mud-breadcrumbs > .mud-breadcrumb-item.mud-disabled > a {
  color: #134fa6;
  opacity: 1;
  font-weight: 700;
  font-size: 0.875rem;
}

.navigation-bread-crumbs.mud-breadcrumbs {
  padding: 1rem 0 0 0;
}

.new-record-btn.sprint-story-new-button-max-width {
  max-width: 15rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 30rem) {
  .dialog-container.mud-dialog {
    position: absolute;
    top: 0.625rem;
  }
  .dialog-container.mud-dialog .mud-dialog-actions {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 0.5rem;
  }
  .dialog-header, dialog-header--task {
    flex-direction: column;
    align-items: unset;
  }
  .dialog-header .new-record-btn {
    margin-bottom: 0.5rem;
  }
  .dialog-header__search-bar.mud-input-control.mud-input-input-control {
    max-width: unset;
  }
  .dialog-container .dialog-sprint-copy {
    overflow: auto;
    height: 27.5rem;
    flex-direction: column !important;
  }
  .dialog-sprint-copy > div > .mud-paper {
    max-width: unset !important;
    min-width: unset !important;
  }
  .sprint-story-margin-buttons-button {
    margin-left: 10rem;
  }
  .sprint-story-button-color {
    background-color: #134fa6;
  }
  .modal-action-buttons {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 0.5rem;
  }
  .dialog-comments-notifications {
    flex-direction: column;
  }
}
/*** KANBAN ***/
.kanban-container, .kanban-container.kanbancontainer {
  display: flex;
  justify-content: start;
  overflow-x: auto;
  overflow-y: hidden;
}

.kanban-item {
  min-width: 22.3125rem;
  margin: 0.625rem;
  display: flex;
  flex-direction: column;
}
.kanban-item__content {
  flex-grow: 1;
  overflow-y: auto;
}

.kanban-container .kanban-item--add-new {
  min-width: 21.3125rem;
  margin: 0.625rem;
  height: 5rem;
  color: #10BE60;
  background-color: #10BE60;
  padding: 1.125rem 2.6875rem;
  border-radius: 0.5rem;
  box-shadow: none;
  text-transform: unset;
  font-weight: 500;
  font-size: 1rem;
}

.kanban-container .kanban-item--add-new:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #10BE60;
}

.kanban-container .kanban-item--add-new .mud-button-label div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 2rem;
  background-color: white;
}

.kanban-container .kanban-item--add-new .mud-button-label p {
  margin: 0 0 0 1rem;
  font-size: 1rem;
  color: white;
  font-weight: 400;
}

.kanban-item .kanban-item__header {
  display: flex;
  min-height: 5rem;
  justify-content: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border: 0.0625rem solid #DFEEFB;
  background-color: rgba(19, 79, 166, 0.0823529412);
}

.kanban-item__header > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 1rem;
}

.kanban-item__header--text {
  font-weight: 400;
  font-size: 1.5rem;
  color: #134fa6;
}

.kanban-item__header--text-capacity {
  margin: 0;
  color: #134fa6;
  font-weight: 600;
}

.kanban-item__header--text-capacity span {
  font-weight: 400;
}

.kanban-item__header--button {
  background-color: #e3849a;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
}

.kanban-item__header--button:hover {
  background-color: #DF2B56;
}

.kanban-item__content > ul {
  margin: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border: 0.0625rem solid #DFEEFB;
  border-top: 0;
  /*height: calc(100vh - 36.75rem);*/
}

.kanban-item__content .kanban-record {
  margin: 0 0 1rem 0;
  border: 0.0625rem solid rgba(19, 79, 166, 0.1450980392);
  background-color: rgba(19, 79, 166, 0.0823529412);
  width: 350px;
  max-width: 100%;
}

.kanban-item__content .kanban-record:last-child {
  margin: 0;
}

.kanban-record .mud-avatar-group {
  display: flex;
  gap: 0.5rem;
}

.kanban-record .dialog-avatar {
  background-color: #134fa6;
  color: white;
  border: 0;
  width: 2.5rem;
  height: 2.5rem;
}

.kanban-record__item {
  padding: 0;
  margin: 0.625rem 0 0.625rem 0;
  color: black;
}

.kanban-record__item:first-child {
  margin-top: 0;
}

.kanban-record__item:last-child {
  margin-bottom: 0;
}

.kanban-record__item--title {
  font-weight: 500;
  font-size: 1.15rem;
  color: #134fa6;
}

.kanban-record__item--priority {
  display: flex;
}

/* ??? */
.kanban-item__content .kanban-record {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kanban-item__content .kanban-record.dragging {
  opacity: 0.5;
  transform: scale(0.8);
}

.optional-data p {
  margin: 0;
}

.optional-data__item {
  display: flex;
  gap: 0.5rem;
}

.optional-data__item p:first-child {
  font-weight: 600;
}

.optional-data__item--request p:nth-child(2) {
  color: #134fa6;
}

.optional-data__item--request p:nth-child(2):hover {
  text-decoration: underline;
  cursor: pointer;
}

/*
.kanban-item.drop {
    border: 0.125rem dashed black;
}
*/
.header-overview--kanban .mud-select {
  flex-grow: unset;
}

/* autocomplete na přehledech stránek */
.mud-autocomplete-before-items {
  /*position: sticky;*/
  top: 0;
  background: white;
  z-index: 1;
}

.mud-autocomplete-after-items {
  position: sticky;
  bottom: 0;
  background: white;
  z-index: 1;
}

.mud-popover.mud-popover-open > .mud-list {
  border-bottom: 1px solid;
}

.header-overview__autocomplete.mud-input-control {
  border: 0.0625rem solid #EBEBEB;
  border-radius: 0.5rem;
  height: 3.25rem;
  padding-left: 1.125rem;
  display: flex;
  justify-content: center;
  width: 20.0625rem;
}

.header-overview__autocomplete.mud-input-control .mud-input.mud-input-underline:before {
  border: 0 !important;
}

.header-overview__autocomplete.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin: 0.75rem 0;
}

/* tabs kanban */
.detail-tabs--kanban .mud-tabs-toolbar {
  height: 5.625rem;
}

.detail-tabs--kanban .mud-tab {
  margin: 0 0.625rem 1rem 0.625rem;
}

@media only screen and (max-width: 30rem) {
  .kanban-container, .kanban-container.kanbancontainer {
    flex-wrap: wrap;
  }
  .kanban-item {
    min-width: unset;
    width: 100%;
  }
  .kanban-item__content {
    max-height: 700px !important;
  }
}
/*** header edit ***/
.header-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.625rem;
}

.header-edit__text {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  color: #0F0F0F;
}

/*** content edit ***/
.grid-edit.mud-grid {
  margin: 0;
  padding: 0;
  width: 100%;
  flex-wrap: nowrap;
}

.grid-edit > .grid-edit__item.mud-grid-item {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%;
  margin: 0;
  padding: 0;
  border: 0.0625rem solid #DFEEFB;
  border-radius: 0.5rem;
}

.grid-edit > .grid-edit__item.mud-grid-item.grid-edit__item--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.grid-edit > .grid-edit__item.mud-grid-item.grid-edit__item--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
  padding-top: 5.3125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.grid-edit > .grid-edit__item.mud-grid-item.grid-edit__item--only-left {
  flex-basis: 100%;
  max-width: 100%;
}

/*** card ***/
.grid-edit .card-edit {
  border-radius: inherit;
}

.card-edit.card-edit--full {
  border: 0.0625rem solid #DFEEFB;
  border-radius: 0.5rem;
}

.card-edit .card-edit__header {
  background-color: #F2F9FF;
  align-items: center;
  padding: 0rem 1.75rem 0rem 3.25rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  width: calc(200% + 0.1875rem);
  height: 5.3125rem;
}

.card-edit__header .edit-item__text > div > div > input.mud-input-root {
  border-bottom: 0.0625rem solid #86b7e1;
}

.grid-edit__item--only-left .card-edit .card-edit__header {
  width: unset;
}

.card-edit.card-edit--full .card-edit__header {
  width: 100%;
}

.card-edit .card-edit__content,
.grid-edit__item.grid-edit__item--right.mud-grid-item {
  padding: 0 2rem;
  padding-bottom: 1.25rem;
}

/*** div, který obaluje blazor komponentu ***/
.edit-item {
  width: 100%;
}

/*** modifikace divu, který obsahuje blazor komponentu ***/
/* div v hlavičce */
/* div v obsahu */
.edit-item--content {
  border-bottom: 0.0625rem solid #DFEEFB;
  padding: 1rem 1.25rem;
  padding: 0 1.25rem;
  height: 4.6875rem;
  display: flex;
  align-items: center;
}

.edit-item--content-last-child-with-border {
  border-bottom: 0.0625rem solid #DFEEFB;
  padding: 1rem 1.25rem;
  padding: 0 1.25rem;
  height: 4.6875rem;
  display: flex;
  align-items: center;
}

.edit-item--autocomplete-content {
  height: 5.1875rem;
}

.edit-item--autocomplete-content-hidden {
  display: none !important;
}

.edit-item--autocomplete-content-no-margin .mud-input-control {
  margin-top: 0;
}

.edit-item--autocomplete-content-no-margin.autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  margin-top: 0;
}

.edit-item--autocomplete-content-no-margin .mud-input-label-inputcontrol {
  transform: translate(0, 12px) scale(1);
}

.edit-item--autocomplete-content-no-margin .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .edit-item--autocomplete-content-no-margin .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(2px, -12px) scale(0.75) !important;
}

/* div v obsahu */
.edit-item--w360 {
  max-width: 22.5rem;
}

.edit-item--content-border + .text-border-bottom {
  border-bottom: 0.0625rem solid #DFEEFB;
  opacity: 1;
  color: rgba(15, 15, 15, 0.3137254902);
}

.edit-item--content:last-child {
  border-bottom: 0;
}

.card-edit--full .edit-item--content:last-child {
  border-bottom: 0.0625rem solid #DFEEFB;
}

/* div obsahující více blazor komponent */
.edit-item--multiple {
  display: flex;
  gap: 1.375rem;
  flex-wrap: wrap;
}

.edit-item--multiple-between {
  justify-content: space-between;
}

.edit-item--multiple-title {
  width: 50%;
  padding-right: 3rem;
}

.edit-item--multiple .edit-item--content.edit-item--multiple-text-with-button {
  padding-left: 0;
  border-bottom: none;
  display: flex;
}

.edit-item--multiple .edit-item--content.edit-item--multiple-text-with-button button {
  align-self: self-end;
}

/* div obsahující chipset */
.edit-item--chipset {
  display: flex;
  flex-flow: row wrap;
  gap: 0 1.375rem;
  height: 100%;
}

.edit-item--content-multiple-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: baseline;
}

/* ikony v editu */
.edit-item--content-solvers-icon .mud-icon-root.mud-svg-icon {
  fill: #7B7B7B;
}

.edit-item--content-solvers-icon.edit-item--content-solvers-big-icon svg {
  font-size: 1.75rem;
}

.edit-item--content-solvers-icon:hover {
  cursor: pointer;
}

.edit-item--content-solvers-icon:hover .mud-icon-root.mud-svg-icon {
  fill: #134FA6;
}

/* div pro automatickou výšku (podle obsahu) */
.edit-item--height {
  height: auto;
}

/* footer (pro tlačítko uložit) */
.edit-item--footer {
  padding: 0;
}

.edit-item--footer-full {
  display: flex;
  justify-content: flex-end;
  padding: 1.25rem 0 0 0;
}

.edit-item--footer-full .save-edit-button.mud-button {
  width: 50%;
}

.edit-item--content.edit-item--lines {
  height: 14.0625rem;
}

/*** blazor komponenty obalené divem ***/
/* mud text */
.edit-item__text > div > div > input.mud-input-root {
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__text.edit-item__text--placeholder > div > div > input.mud-input-root::placeholder {
  font-size: 1.35rem;
  font-weight: 400;
}

.edit-item__helper-green .mud-input-helper-text {
  color: green;
  position: absolute;
  top: 3rem;
}

.edit-item__helper-red .mud-input-helper-text {
  color: red;
  position: absolute;
  top: 3rem;
}

.edit-item__text.edit-item__text-number.mud-input-control > div > div > input::-webkit-outer-spin-button,
.edit-item__text.edit-item__text-number.mud-input-control > div > div > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.edit-item__text.edit-item__text-number.mud-input-control > div > div > input[type=number] {
  -moz-appearance: textfield;
}

.edit-item__text-pin.mud-input-control > div > div > input::-webkit-outer-spin-button,
.edit-item__text-pin.mud-input-control > div > div > input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}

.edit-item__text-pin.mud-input-control > div > div > input[type=number] {
  -moz-appearance: textfield;
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}

/* date picker */
.edit-item__date > div > div > label {
  margin-left: 2.1875rem;
}

.edit-item__date .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol,
.edit-item__date .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__date > div:first-child > div > div {
  flex-direction: row-reverse;
}

.edit-item__date > div:first-child > div > div > input {
  margin-left: 1.25rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__date > div:first-child > div > div > button {
  margin: 0;
  position: absolute;
}

.edit-item__date > div:first-child > div > div > button svg {
  color: #DF2B56;
}

.edit-item__date > div > div > div > div > button {
  padding: 0;
  margin-left: -0.3125rem;
}

.edit-item__date > div > div > div > div > button svg {
  color: #134fa6;
}

/* date picker range */
.edit-item__date-range > div > div > label {
  margin-left: 2.1875rem;
}

.edit-item__date-range .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol,
.edit-item__date-range .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__date-range > div:first-child > div > div {
  flex-direction: row;
}

.edit-item__date-range > div:first-child > div > div input {
  order: 2;
}

.edit-item__date-range > div:first-child > div > div svg {
  order: 2;
}

.edit-item__date-range > div:first-child > div > div:last-child {
  order: 1;
}

.edit-item__date-range > div:first-child > div > div > input {
  margin-left: 1.25rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__date-range > div:first-child > div > div > button {
  margin: 0;
  position: absolute;
}

.edit-item__date-range > div:first-child > div > div > button svg {
  color: #DF2B56;
}

.edit-item__date-range > div > div > div > div > button {
  padding: 0;
  margin-left: -0.3125rem;
}

.edit-item__date-range > div > div > div > div > button svg {
  color: #134fa6;
}

/* combobox (mud select) */
.edit-item__select > div > div {
  flex-direction: row-reverse;
}

.edit-item__select > div > div > input.mud-input-root,
.edit-item__select > div > div > div.mud-input-slot {
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__select > div > div svg {
  color: #134fa6;
}

.edit-item__select > div > label {
  margin-left: 2.1875rem;
}

.edit-item__select .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__select > div > div > button {
  margin: 0;
  position: absolute;
}

.edit-item__select > div > div > button svg {
  color: #DF2B56;
}

/* numeric field */
.edit-item__numeric.mud-input-control > div > label {
  margin-left: 1.875rem;
}

.edit-item__numeric.edit-item__multiple.mud-input-control > div > label {
  margin-left: 1.5rem;
}

.edit-item__numeric-table.mud-input-control > div > label {
  margin-left: 1.5rem;
}

.edit-item__numeric .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__numeric-table .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__numeric .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__numeric-table .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__numeric > div > div.mud-input input.mud-input-root {
  margin-left: 1.875rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__numeric.edit-item__multiple > div > div.mud-input input.mud-input-root {
  margin-left: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  padding-right: 0 !important;
  padding-inline-end: 0 !important;
}

.edit-item__numeric-table > div > div.mud-input input.mud-input-root {
  margin-left: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  padding-right: 0 !important;
  padding-inline-end: 0 !important;
  color: grey;
}

.edit-item__numeric-disable-write > div > div.mud-input input.mud-input-root {
  pointer-events: none;
}

.edit-item__numeric.edit-item__multiple > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0 !important;
}

.edit-item__numeric-table > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0 !important;
}

.edit-item--content .edit-item__numeric > div > div .mud-input-numeric-spin {
  left: 0;
  right: unset;
}

.edit-item__numeric.edit-item__multiple > div > div .mud-input-numeric-spin {
  left: 0;
  right: unset;
}

.edit-item__numeric-table > div.mud-input-control-input-container > div.mud-input > div.mud-input-numeric-spin {
  left: -0.5rem;
  right: unset !important;
  display: none;
}

.edit-item__numeric-table > div > div .mud-input-numeric-spin > button {
  width: max-content;
}

.edit-item__numeric > div > div .mud-input-numeric-spin > button svg {
  color: #134fa6;
}

.edit-item__numeric-table > div > div .mud-input-numeric-spin > button svg {
  color: grey;
}

.edit-item__numeric-table:hover > div.mud-input-control-input-container > div.mud-input > div.mud-input-numeric-spin {
  display: inline-flex;
}

.edit-item__numeric-table-container {
  display: flex;
  align-items: center;
}

.edit-item__numeric-table-container .edit-item__numeric-table-spin {
  display: flex;
  flex-direction: column;
  visibility: hidden;
}

.edit-item__numeric-table-container:hover .edit-item__numeric-table-spin {
  display: flex;
  flex-direction: column;
  visibility: visible;
}

.edit-item__numeric-table-spin button {
  min-width: unset;
  width: max-content;
  padding: 0;
}

.edit-item__numeric-table-spin button svg {
  color: grey;
}

.edit-item__numeric-table-container > .edit-item__numeric-table {
  min-width: unset;
  width: max-content;
}

.edit-item__numeric-table-container > .edit-item__numeric-table > div > div.mud-input input.mud-input-root {
  margin-left: 1rem;
}

/* switch/checkbox */
.edit-item__switch > p,
.edit-item__checkbox p {
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__checkbox-slim .mud-switch {
  margin-right: 0;
  margin-bottom: 0;
}

/* checkbox white */
.edit-item__checkbox-small-white .mud-icon-size-medium {
  font-size: 1.1rem;
}

.request-detail__section .edit-item__checkbox-small-white.edit-item__checkbox-small-white-checked .mud-icon-size-medium {
  width: 13px;
  height: 13px;
}

.edit-item__checkbox-small-white .mud-icon-button {
  background-color: white;
  border-radius: unset;
  width: 13px;
  height: 13px;
}

.edit-item__checkbox-small-white .mud-icon-button:hover, .edit-item__checkbox-small-white .mud-icon-button:focus-visible {
  background-color: #C4C4C4;
}

.edit-item__checkbox-small-white-checked.edit-item__checkbox-small-white .mud-icon-root.mud-svg-icon path:first-child {
  fill: #134FA6;
}

.edit-item__checkbox-small-white-checked.edit-item__checkbox-small-white .mud-icon-root.mud-svg-icon path:last-child {
  fill: white;
}

/* color picker */
.edit-item__color-picker > div:first-child > div > div {
  flex-direction: row-reverse;
}

.edit-item__color-picker > div:first-child > div > div > input {
  margin-left: 1.25rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__color-picker > div > div > div > div > button {
  padding: 0;
  margin-left: -0.3125rem;
}

.edit-item__color-picker > div > div > div > div > button svg {
  color: #134fa6;
}

/* edit-item__color-text */
.edit-item__color-text.datamix-color-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  height: auto;
  width: auto;
  max-width: 50rem;
  border: none;
  background-color: transparent;
  font-size: 1rem;
  color: #474D56;
  margin: 0;
}

.edit-item__color-picker.edit-item__color-text > div:first-child > div > div {
  flex-direction: row;
}

.edit-item__color-picker.edit-item__color-text > div:first-child > div > div > input {
  font-size: 1rem;
  color: #474D56;
  margin: 0;
}

.edit-item__color-picker.edit-item__color-text.edit-item__color-text-bold > div:first-child > div > div > input {
  font-size: 1.15rem;
  color: #474D56;
  font-weight: 500;
}

.edit-item__color-picker.edit-item__color-text.edit-item__color-text-bolder > div:first-child > div > div > input {
  font-weight: 700;
}

.edit-item__color-picker.edit-item__color-text.edit-item__color-text-big > div:first-child > div > div > input {
  font-size: 1.15rem;
}

.edit-item__color-picker.edit-item__color-text.edit-item__color-text-bigger > div:first-child > div > div > input {
  font-size: 1.25rem;
}

.edit-item__color-picker.edit-item__color-text > div > div > div > div > button {
  margin: 0;
}

.edit-item__color-picker.edit-item__color-text > div > div > div > div > button svg {
  fill: #474D56;
}

.edit-item__color-text .mud-input.mud-input-underline:before {
  border-bottom: none;
}

.edit-item__color-text .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: none;
}

/* autocomplete */
.edit-item__autocomplete.mud-input-control > div > label {
  margin-left: 1.875rem;
}

.edit-item__autocomplete .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol,
.edit-item__autocomplete .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.edit-item__autocomplete > div:first-child > div {
  flex-direction: row-reverse;
}

.edit-item__autocomplete > div:first-child > div > input {
  font-size: 1.25rem;
  font-weight: 400;
}

.edit-item__autocomplete > div:first-child > div > button {
  margin: 0;
  position: absolute;
}

.edit-item__autocomplete.edit-item__autocomplete--width-fit > div:first-child > div > button {
  right: 0;
}

.edit-item__autocomplete > div:first-child > div > button svg {
  color: #DF2B56;
}

.edit-item__autocomplete.edit-item__autocomplete--width-fit div.mud-input.mud-input-text {
  width: fit-content;
}

.edit-item__table.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: -6px;
}

.edit-item__table.mud-input-control .mud-input-label-inputcontrol {
  top: -22px;
}

/* chipy v editu */
.edit-item.edit-item--content.edit-item--multiple.edit-item--chipset .mud-chip {
  max-width: 15rem;
}

.edit-item.edit-item--content.edit-item--multiple.edit-item--chipset .mud-chip p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.edit-item.edit-item--content.edit-item--multiple.edit-item--chipset .mud-chip.mud-chip-text {
  background-color: #F2F9FF;
  color: #134fa6;
}

.edit-item.edit-item--content.edit-item--multiple.edit-item--chipset .mud-chip.mud-chip-filled {
  background-color: #10BE60;
  color: #F2F9FF;
}

/*** obecné styly k celému editu ***/
/* label pro input */
.grid-edit .mud-input-control .mud-input-control-input-container label.mud-input-label {
  color: rgba(0, 0, 0, 0.5019607843);
}

.grid-edit .edit-item--header-placeholder .mud-input-control .mud-input-control-input-container label.mud-input-label,
.edit-item--header-placeholder .text-field-edit.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol,
.edit-item--header-placeholder .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error {
  visibility: collapse;
}

.grid-edit .edit-item--header-placeholder .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.grid-edit .edit-item--header-placeholder .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol,
.edit-item--header-placeholder .text-field-edit .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.edit-item--header-placeholder .text-field-edit .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  visibility: visible;
}

.edit-item .mud-input.mud-input-underline:before {
  content: unset;
}

.grid-edit .mud-input-control .mud-input-control-input-container label.mud-input-label.mud-input-label-inputcontrol.mud-input-error {
  opacity: 1;
}

.edit-text__rich-text {
  padding: 0.5rem 0 0.5rem 1rem;
  width: 100%;
}

.edit-item--rich-text {
  height: auto !important;
}

.save-edit-button--disabled {
  background-color: #DBDBDB !important;
  color: #BDBDBD !important;
}

.save-edit-button.mud-button {
  background-color: #10BE60;
  color: white;
  height: 4.0625rem;
  width: 100%;
  border-radius: 0.5rem;
  text-transform: none;
  font-size: 1.25rem;
}

.save-edit-button.mud-button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #10BE60;
}

/* buttons (budget) */
.budget-edit-button.mud-button {
  color: white;
  height: 4.0625rem;
  width: 25%;
  border-radius: 0.5rem;
  text-transform: none;
  font-size: 1.25rem;
}

.budget-edit-button.mud-button.budget-edit-button--save {
  background-color: #10BE60;
  color: white;
  height: 4.0625rem;
  width: 25%;
  border-radius: 0.5rem;
  text-transform: none;
  font-size: 1.25rem;
}

.budget-edit-button.mud-button.budget-edit-button--cancel {
  background-color: white;
  color: #DF2B56;
  height: 4.0625rem;
  width: 25%;
  border-radius: 0.5rem;
  text-transform: none;
  font-size: 1.25rem;
  border: 0.0625rem solid;
}

.budget-edit-button.mud-button.budget-edit-button--delete {
  background-color: #DF2B56;
  color: white;
  height: 4.0625rem;
  width: 25%;
  border-radius: 0.5rem;
  text-transform: none;
  font-size: 1.25rem;
}

/* process step template edit */
.process-step-template {
  box-shadow: none;
  border-radius: 0.5rem;
  border: 0.0625rem solid #DFEEFB;
}

/* line break between autocomplete and chipset */
.autocomplete-chipset-linebreak {
  width: 100%;
}

/* piktogramy v kartičkovém přehledu */
.pictogram {
  display: flex;
  justify-content: end;
}

.edit-text__title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #0F0F0F;
  opacity: 0.5;
  margin: 0.3125rem;
}

p.edit-text__title--label {
  margin-left: 1.25rem;
  margin-bottom: -0.3125rem;
}

.width_10rem {
  width: 10rem;
}

.width_15rem {
  width: 15rem;
}

.edit-text__title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #0F0F0F;
  opacity: 0.5;
  margin: 0.3125rem;
}

.edit-text__title--file-title {
  font-size: 1rem;
}

.edit-text__title--help {
  opacity: 0.3;
  margin-left: 0.3125rem;
}

/* milestones */
.milestone-project__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.request-text__dashboard-status {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.0625rem;
  color: #0F0F0F;
  opacity: 0.5;
  margin-left: 1.875rem;
}

/* image component */
.image-hidden-text {
  overflow: hidden;
  line-height: 1.2em;
  text-align: center;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  max-height: 3.6em;
}

.mud-button.main-button.main-button--upload-image {
  width: 6.25rem;
  min-width: 6.25rem;
  height: 6.25rem;
  margin: 0rem;
}

.drop-zone-button {
  width: 6.875rem;
  height: 6.875rem;
  padding: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.file-name {
  display: inline-block;
  margin-top: 0.3125rem;
  width: 6.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: left;
  white-space: nowrap;
}

.file-name:hover {
  cursor: pointer;
}

/*** document file component ***/
.document-detail-container.mud-overlay .mud-overlay-content {
  background-color: white;
  width: 60vw;
  height: fit-content;
  padding: 1rem;
}

.document-detail-container-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.document-detail-container-header > div:first-child {
  align-self: end;
}

.document-detail-container-header button {
  margin: 0.5rem;
}

.document-detail-container-header > img {
  width: auto;
  height: 50vh;
}

.document-detail-container-header .document-detail-icon {
  width: 100%;
  display: flex;
  justify-content: center;
}

.document-detail-icon svg {
  width: 10rem;
  height: 100%;
}

.document-detail-container-main > div:nth-child(1) {
  display: flex;
  justify-content: center;
}

.document-detail-container-main > div:nth-child(2) {
  display: flex;
  justify-content: space-between;
}

.file-name-container p,
.file-name-container .file-name {
  margin: 0;
  width: unset;
}

.file-name-container > p {
  font-size: 1.2rem;
  font-weight: 600;
}

a.link-button {
  height: 3.4375rem;
  min-width: 8.6875rem;
  border-radius: 0.5rem;
  box-shadow: none !important;
  text-transform: unset;
  font-weight: 500;
  font-size: 1rem;
  background-color: #134fa6 !important;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.link-button:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6 !important;
  color: white;
}

a.link-button p {
  margin: 0;
}

.document-detail-container-footer {
  display: flex;
  justify-content: end;
}

@media only screen and (max-width: 1280px) {
  .edit-item--multiple-title {
    width: 100%;
    padding-right: unset;
  }
}
@media only screen and (max-width: 80rem) {
  .card-edit .card-edit__header {
    width: unset;
  }
  .card-edit .card-edit__header.card-edit__header--multiple {
    height: auto;
    padding-bottom: 1rem;
  }
  .grid-edit.mud-grid {
    flex-wrap: wrap;
    gap: 2.375rem;
  }
  .grid-edit > .grid-edit__item.mud-grid-item {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-edit > .grid-edit__item.mud-grid-item.grid-edit__item--left {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
  .grid-edit > .grid-edit__item.mud-grid-item.grid-edit__item--right {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-left: 0.0625rem solid #DFEEFB;
    padding-top: 0;
  }
}
@media only screen and (max-width: 50rem) {
  /*.edit-item--multiple {
      flex-direction: column;
      height: calc($edit-item-height * 2);
      gap: unset;
      align-items: flex-start;
      padding-top: 0.625rem;
  }*/
  .edit-item--buttons {
    height: 9.375rem;
  }
  .edit-item--chipset {
    height: 100%;
  }
  .header_overview_requests.d-flex {
    flex-direction: column !important;
  }
}
@media only screen and (max-width: 30rem) {
  .edit-item--footer-full .save-edit-button.mud-button {
    width: 100%;
  }
}
/*************************************** DASHBOARD ***************************************/
/*** hlavička ***/
.dashboard-header.mud-grid {
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
}

.dashboard-header__item {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.dashboard-header__item--buttons {
  gap: 0.625rem;
  flex-direction: row;
  flex-wrap: wrap;
}

.dashboard-header__item--buttons > .new-record-btn {
  margin-bottom: 0;
  max-width: 16.25rem;
}

.dashboard-multiple-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.dashboard-header__item--chipset {
  width: 100%;
}

.dashboard-header__item--chipset > .mud-select {
  width: 15.625rem;
  flex-grow: unset;
}

.dashboard-chipsets > p {
  margin: 0;
  padding: 0;
}

/* akční tlačítka */
.dashboard-header__item--buttons .dashboard-action-button.mud-fab {
  background-color: #4893ff;
  border-radius: 0.5rem;
  box-shadow: none;
  width: auto;
  min-width: 5rem;
  height: auto;
  padding: 0.625rem;
  font-size: 0.875rem;
  text-transform: none;
  color: white;
}

button.overview-action-button.mud-fab {
  background-color: #4893ff;
  border-radius: 0.5rem;
  box-shadow: none;
  width: auto;
  min-width: 3.75rem;
  height: auto;
  padding: 0.625rem;
  font-size: 0.875rem;
  text-transform: none;
  color: white;
}

.dashboard-header__item--buttons .dashboard-action-button.mud-fab:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #4893ff;
}

.dashboard-header__item--buttons .dashboard-action-button.mud-fab > span {
  display: flex;
  flex-direction: column;
}

.overview-action-button > span {
  display: flex;
  flex-direction: column;
}

.dashboard-button-print.mud-button {
  padding: 0;
  background-color: #134fa6;
  border-radius: 0.5rem;
}

@media only screen and (max-width: 30rem) {
  .dashboard-header__item--chipset {
    align-items: unset;
  }
}
.dashboard-chipset-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/*************************************** WORKRECORD ***************************************/
.workrecord-container.mud-grid {
  margin-top: 0.9375rem;
}

.workrecord-container__item > div {
  border: 0.0625rem solid #DFEEFB;
  border-radius: 0.5rem;
}

.workrecord-container__item--record {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem;
}

.workrecord-item-datepicker {
  display: flex;
  margin-bottom: 1.25rem;
}

/*** tlačítka ***/
/* cancel, delete */
.workrecord-cancel-button.mud-fab {
  width: 3rem;
  height: 3rem;
  box-shadow: none;
  background-color: #DF2B56;
  color: white;
  min-height: auto;
}

.workrecord-cancel-button.mud-fab:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #DF2B56;
  box-shadow: none;
}

/* přidat nový záznam */
.workrecord-addrecord-button.mud-button {
  height: 3.4375rem;
  min-width: 8.6875rem;
  border-radius: 0.5rem;
  box-shadow: none !important;
  text-transform: unset;
  font-weight: 500;
  font-size: 1rem;
  background-color: #134fa6 !important;
  color: #ffffff;
}

.workrecord-addrecord-button.mud-button:disabled {
  background-color: rgba(19, 79, 166, 0.3137254902) !important;
}

.orgchart-button.mud-fab {
  width: 3rem;
  height: 3rem;
  box-shadow: none;
  background-color: #0edda6;
  color: white;
}

.orgchart-button.mud-fab:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #0edda6;
  box-shadow: none;
}

.org-chart__branch-container .mud-avatar.mud-avatar-medium {
  width: 1rem !important;
  height: 1rem !important;
  font-size: 0.5rem !important;
  border: 0 !important;
}

/*************************************** ATTENDANCE ***************************************/
.attendance-container.mud-grid {
  margin-top: 0.9375rem;
}

.attendance-container__item > div {
  border: 0.0625rem solid #DFEEFB;
  border-radius: 0.5rem;
}

/* cancel, delete */
.attendance-cancel-button.mud-fab {
  width: 3rem;
  height: 3rem;
  box-shadow: none;
  background-color: #DF2B56;
  color: white;
}

.attendance-cancel-button.mud-fab:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #DF2B56;
  box-shadow: none;
}

/* time line dot */
.time-line > .mud-timeline-item-divider > div {
  box-shadow: none;
}

.time-line.time-line--create > .mud-timeline-item-divider > div > div {
  background-color: #10BE60;
}

.time-line.time-line--create > .mud-timeline-item-divider > div > div:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #10BE60;
}

.time-line.time-line--edit > .mud-timeline-item-divider > div > div {
  background-color: #134fa6;
}

.time-line.time-line--edit > .mud-timeline-item-divider > div > div:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6;
}

/***************************** DETAIL ********************************/
.hide-detail {
  max-height: 312.5rem;
  transition: max-height 0.75s;
  overflow: hidden;
}

.hide-detail-small {
  max-height: 0.625rem;
}

.reverse-detail {
  flex-direction: column-reverse;
}

@media only screen and (min-width: 80rem) {
  .expand-paper {
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
  .expand-paper-transition {
    transition: all 0.75s ease 0.75s;
  }
}
/***************************** ACCORDION ********************************/
.accordion-tab__label {
  display: flex;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0.625rem 0 0 0;
}
.accordion-tab__label::before {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  margin-right: 0.625rem;
}
.accordion-tab__label--norequest {
  margin-left: 1.875rem;
}
.accordion-tab__label--norequest::before {
  content: unset;
  cursor: unset;
}
.accordion-tab__content.mud-drop-zone {
  display: none !important;
  transition: all 0.35s;
}
.accordion-tab__content.btn-load-more {
  display: none !important;
  transition: all 0.35s;
}

.accordion-tab__input {
  /*position: absolute;*/
  opacity: 0;
  z-index: -1;
}

.accordion-tab__input:checked + .accordion-tab__label::before {
  transform: rotate(90deg);
}
.accordion-tab__input:checked ~ .accordion-tab__content.mud-drop-zone {
  display: flex !important;
}
.accordion-tab__input:checked ~ .accordion-tab__content.btn-load-more {
  display: flex !important;
}

/*************************************** INDEX, ROZCESTNÍK ***************************************/
/*** rozložení index stránky ***/
.index-header {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 2.6875rem 0 0 0;
}

.index-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.index-title__text {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  color: #0F0F0F;
}

.index-title__profile.appbar-profile:hover {
  background-color: #F2F9FF;
  cursor: auto;
}

.index-title__profile.appbar-profile-link:hover {
  text-decoration: none;
  border-radius: 0.5rem;
  cursor: auto;
}

.index-title__profile.appbar-profile:hover .appbar-profile-name {
  color: #134fa6;
  text-decoration: none;
  cursor: auto;
}

.index-title__profile.appbar-profile:hover .appbar-profile-logo {
  background-color: #134fa6 !important;
  color: #FFFFFF !important;
  cursor: auto;
}

/*** dlaždice ***/
.tile-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
}

.tile {
  width: 23.4375rem;
  height: 11.25rem;
  background-color: #134fa6;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
}
.tile__element {
  margin: 0;
  color: white;
  text-transform: none;
  font-size: 1rem;
  font-weight: 400;
}
.tile__element--title {
  position: absolute;
  top: 0;
  left: 0;
  margin: 1.125rem 0 0 1rem;
  font-size: 1.375rem;
  font-weight: 500;
}
.tile__element--number {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 1.625rem -0.625rem 0;
  font-size: 5.375rem;
  font-weight: 500;
}
.tile__element--new {
  font-size: 1.375rem;
  font-weight: 500;
}

.tile:hover {
  background-color: #4893ff;
}

.tile--base.tile {
  border: 1px solid;
  border-radius: 0.5rem;
  background-color: transparent;
  height: fit-content;
  padding: 1rem;
}
.tile--base.tile .tile--base__title {
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

.tile-text-field.mud-input-control {
  margin: 0;
  justify-content: center;
  align-items: center;
}

.tile-error-text {
  color: red;
  margin: 1rem 0;
}

.tile-error-text--invisible {
  display: none;
}

/*** Karta s více dlaždicemi ***/
.tiles-multiple-container {
  border: 1px solid;
  border-radius: 0.5rem;
  max-width: 96.8rem;
}

.tiles-multiple-container--three {
  width: 72.36rem;
}

.tiles-multiple-container--two {
  width: 48rem;
}

.tiles-multiple-container--one {
  width: 23.6rem;
}

.tiles-multiple-container > p {
  margin: 1rem;
  font-size: 2rem;
}

.tile-multiple-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
}

.tile-multiple-container__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 11.25rem;
  width: 23.4375rem;
  border-radius: 0.5rem;
}

.tile-multiple-container__item:hover > p,
.tile-multiple-container__item:hover > div {
  transform: scale(1.2);
  transition: all 0.3s;
}

.tile-multiple-container__item--no-hover:hover > p,
.tile-multiple-container__item--no-hover:hover > div {
  transform: unset;
  transition: unset;
}

.tile-multiple-container__item > p {
  font-size: 3rem;
}

.tile-multiple-container__item > .tile-multiple-container__text {
  font-size: 2.5rem;
}

.tile-multiple-container__item--status-text {
  font-size: 1.25rem;
}

/* jednotlive styly */
.tile--button-my-tasks {
  background-color: rgba(0, 10, 255, 0.2);
  border: 0.0625rem solid #000AFF;
}

.tile--button-my-tasks:hover {
  background-color: rgba(0, 10, 255, 0.4);
}

.tile--button-my-tasks > .tile__element {
  color: #2227A4;
}

.tile--button-my-requests-master {
  background-color: rgba(114, 28, 255, 0.2);
  border: 0.0625rem solid #721CFF;
}

.tile--button-my-requests-master:hover {
  background-color: rgba(114, 28, 255, 0.4);
}

.tile--button-my-requests-master > .tile__element {
  color: #4893ff;
}

.tile--button-my-customers {
  background-color: rgba(15, 112, 153, 0.631372549);
  border: 0.0625rem solid #003349;
}

.tile--button-my-customers:hover {
  background-color: #0f7099;
}

.tile--button-my-customers > .tile__element {
  color: #003349;
}

.tile--button-my-enquiries {
  background-color: rgba(219, 8, 8, 0.3607843137);
  border: 0.0625rem solid #db0808;
}

.tile--button-my-enquiries:hover {
  background-color: rgba(219, 8, 8, 0.5098039216);
}

.tile--button-my-enquiries > .tile__element {
  color: #6e0000;
}

.tile--button-my-business-requests {
  background-color: rgba(4, 203, 201, 0.5607843137);
  border: 0.0625rem solid #035252;
}

.tile--button-my-business-requests:hover {
  background-color: #04cbc9;
}

.tile--button-my-business-requests > .tile__element {
  color: #035252;
}

.tile--button-my-dealing-customers {
  background-color: rgba(62, 1, 88, 0.3411764706);
  border: 0.0625rem solid #3e0158;
}

.tile--button-my-dealing-customers:hover {
  background-color: rgba(62, 1, 88, 0.631372549);
}

.tile--button-my-dealing-customers > .tile__element {
  color: #3e0158;
}

.tile--button-my-dealing-enquiries {
  background-color: rgba(203, 139, 4, 0.4901960784);
  border: 0.0625rem solid #7e5600;
}

.tile--button-my-dealing-enquiries:hover {
  background-color: rgba(203, 139, 4, 0.7882352941);
}

.tile--button-my-dealing-enquiries > .tile__element {
  color: #7e5600;
}

.tile--button-my-dealing-business-requests {
  background-color: rgba(0, 81, 255, 0.5607843137);
  border: 0.0625rem solid #002b89;
}

.tile--button-my-dealing-business-requests:hover {
  background-color: rgba(0, 81, 255, 0.831372549);
}

.tile--button-my-dealing-business-requests > .tile__element {
  color: #002b89;
}

.tile--button-my-contract-requests {
  background-color: rgba(237, 0, 222, 0.431372549);
  border: 0.0625rem solid #9f0095;
}

.tile--button-my-contract-requests:hover {
  background-color: rgba(237, 0, 222, 0.6901960784);
}

.tile--button-my-contract-requests > .tile__element {
  color: #9f0095;
}

.tile--button-my-dealing-contract-requests {
  background-color: rgba(245, 235, 7, 0.5490196078);
  border: 0.0625rem solid #777200;
}

.tile--button-my-dealing-contract-requests:hover {
  background-color: #f5eb07;
}

.tile--button-my-dealing-contract-requests > .tile__element {
  color: #777200;
}

.tile--button-my-team-contract-requests {
  background-color: rgba(0, 50, 180, 0.2);
  border: 0.0625rem solid #0065d1;
}

.tile--button-my-team-contract-requests:hover {
  background-color: rgba(0, 50, 180, 0.4);
  cursor: auto;
}

.tile--button-my-team-contract-requests > .tile__element {
  color: #0065d1;
}

.tile--button-equries {
  background-color: rgba(0, 10, 255, 0.2);
  border: 0.0625rem solid #000AFF;
}

.tile--button-equries:hover {
  background-color: rgba(0, 10, 255, 0.2);
  cursor: default;
}

.tile--button-equries > .tile__element {
  color: #2227A4;
}

.tile--button-obp {
  background-color: rgba(114, 28, 255, 0.2);
  border: 0.0625rem solid #721CFF;
}

.tile--button-obp:hover {
  background-color: rgba(114, 28, 255, 0.2);
  cursor: default;
}

.tile--button-obp > .tile__element {
  color: #4893ff;
}

.tile--button-contracts {
  background-color: rgba(15, 112, 153, 0.631372549);
  border: 0.0625rem solid #003349;
}

.tile--button-contracts:hover {
  background-color: rgba(15, 112, 153, 0.631372549);
  cursor: default;
}

.tile--button-contracts > .tile__element {
  color: #003349;
}

.tile--button-my-team-reservation-requests-new {
  background-color: rgba(24, 83, 97, 0.4901960784);
  border: 0.0625rem solid #185361;
}

.tile--button-my-team-reservation-requests-new:hover {
  background-color: rgba(24, 83, 97, 0.7882352941);
}

.tile--button-my-team-reservation-requests-new > .tile__element {
  color: #185361;
}

.tile--button-my-team-reservation-requests-open {
  background-color: rgba(99, 96, 231, 0.4901960784);
  border: 0.0625rem solid #6360e7;
}

.tile--button-my-team-reservation-requests-open:hover {
  background-color: rgba(99, 96, 231, 0.7882352941);
}

.tile--button-my-team-reservation-requests-open > .tile__element {
  color: #6360e7;
}

.tile--button-offer-without-order {
  background-color: rgba(50, 150, 168, 0.2);
  border: 0.0625rem solid #3296a8;
}

.tile--button-offer-without-order:hover {
  background-color: rgba(50, 150, 168, 0.4);
}

.tile--button-offer-without-order > .tile__element {
  color: #3296a8;
}

.tile--button-new-customer {
  background-color: rgba(16, 190, 96, 0.631372549);
  border: 0.0625rem solid #10be60;
}

.tile--button-new-customer:hover {
  background-color: #10be60;
}

.tile--button-new-customer > .tile__element {
  color: white;
}

.tile--button-hotel-invoice-after-due-date {
  background-color: rgba(255, 3, 114, 0.2);
  border: 0.0625rem solid #f4070c;
}

.tile--button-hotel-invoice-after-due-date:hover {
  background-color: rgba(255, 3, 114, 0.4);
}

.tile--button-hotel-invoice-after-due-date > .tile__element {
  color: #f4070c;
}

.tile--button-hotel-invoice-7-days-to-due-date {
  background-color: rgba(66, 255, 0, 0.2);
  border: 0.0625rem solid #76bb0e;
}

.tile--button-hotel-invoice-7-days-to-due-date:hover {
  background-color: rgba(66, 255, 0, 0.4);
}

.tile--button-hotel-invoice-7-days-to-due-date > .tile__element {
  color: #76bb0e;
}

/*** index separator ***/
.index-separator {
  height: 0.0625rem;
  background-color: #DFEEFB;
  margin: 2rem 0;
}

/*** rozcestnik ***/
.index-container {
  display: flex;
  justify-content: center;
}

.button-container {
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 0.9375rem;
}

/* styl pro aktivní tlačítka */
.index-button.mud-button {
  width: 11.25rem;
  height: 11.25rem;
  background-color: #F2F9FF;
  border: 0.0625rem solid #E7F2FC;
  border-radius: 0.5rem;
}

.index-button.mud-button:hover {
  background-color: #C2DCF3;
}

.index-button.mud-button > span {
  display: flex;
  flex-direction: column;
}

.index-button.mud-button > span p,
.index-button.mud-button > span svg {
  color: #1270AE;
}

.index-button.mud-button > span p {
  text-transform: none;
  font-size: 1rem;
  font-weight: 500;
  margin-top: -0.625rem;
}

/* styl pro neaktivní tlačítka */
.index-button--non-active.mud-button {
  background-color: #d2c3f7;
}

.index-button--non-active.mud-button:hover {
  cursor: unset;
  background-color: #DED1FF;
}

/*.index-button--non-active.mud-button:hover > span p,
.index-button--non-active.mud-button:hover > span svg {
    color: black;
}*/
/*** responzivní verze ***/
@media only screen and (max-width: 30rem) {
  .tile {
    width: calc(100vw - 3rem);
    height: 11.25rem;
  }
  .button-container {
    justify-content: center;
  }
}
/**************************************** SPRINT ****************************************************/
.sprint-expansion-panel {
  border-radius: 1rem !important;
}
.sprint-expansion-panel .mud-expand-panel-text {
  font-weight: 500;
  font-size: 1.2rem;
}

.sprint-body {
  background: #F9F9F9;
  margin-left: -32px;
  margin-bottom: -32px;
  margin-right: -32px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 2rem 2rem 2rem;
  min-height: calc(100vh - 60px);
}

.sprint-header-card__container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.sprint-header-card {
  background-color: white;
  padding: 1.5rem;
  border-radius: 1rem;
  min-height: 200px;
  max-height: 300px;
  overflow-y: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.sprint-header-card > span {
  font-weight: 500;
  font-size: 1.2rem;
}

.sprint-filter-panel-container {
  background-color: white;
  padding: 1.5rem;
  border-radius: 1rem;
}

.sprint-card {
  padding: 1.5rem;
  border-radius: 1rem !important;
}

.sprint-card .sprint-card__header {
  margin: 0;
  padding: 0;
}

.sprint-card .sprint-card__header > div {
  width: 100%;
}

.sprint-story-name {
  width: 25%;
  min-width: 20rem;
}

.sprint-card .sprint-card__content {
  margin: 0;
  padding: 0;
}

/* story */
.sprint-story-footer.mud-paper {
  width: 25%;
  min-width: 20rem;
}

.sprint-story.sprint-story--request {
  width: 25%;
  min-width: 20rem;
  min-height: 5rem;
}

.sprint-story.sprint-story--dropzone {
  width: 75%;
}

.sprint-story--dropzone .sprint-story--dropzone__item {
  width: 33.3%;
  min-width: 20rem;
}

.sprint-story--dropzone .sprint-story--dropzone__item .item-dropzone {
  width: 100%;
}

/* buttons */
.sprint-story-buttons {
  display: flex;
  gap: 0.25rem;
}

.sprint-button.sprint-button--add.mud-fab,
.sprint-button.sprint-button--detail.mud-fab,
.sprint-button.sprint-button--remove.mud-fab {
  width: 2.5rem;
  height: 2.5rem;
  min-height: auto;
}

/*************************************** OVERVIEW CARDS ***************************************/
.dropzonecard {
  margin: 0.5rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem !important;
}
.dropzonecard__header {
  display: flex;
  justify-content: space-between;
}
.dropzonecard__header-number {
  margin: 0 1rem 0 0;
  padding: 0.4375rem 0.375rem;
  border-radius: 3.375rem;
  height: 2.0625rem;
  color: white;
  min-width: 2.5rem;
  text-align: center;
}
.dropzonecard__header-number--sprint {
  height: 2.1875rem;
}
.dropzonecard__header-users.mud-avatar-group {
  gap: 0.25rem;
}
.dropzonecard__header-users.mud-avatar-group.mud-avatar-group-outlined .mud-avatar {
  width: 2rem !important;
  height: 2rem !important;
  border: 0;
  font-size: 1rem;
}
.dropzonecard__content {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.dropzonecard__content .sprint-task-header {
  display: flex;
  justify-content: space-between;
}
.dropzonecard__content .sprint-task-header .mud-tooltip-root.mud-tooltip-inline {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.dropzonecard__content-subject {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 500;
  color: #0F0F0F;
}
.dropzonecard__content-subject--overflow {
  overflow: hidden;
  /* white-space: nowrap; */
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 400;
}
.dropzonecard__content-worktask {
  display: flex;
  gap: 3.1875rem;
  align-items: center;
}
.content-item {
  display: flex;
  gap: 0.5rem;
  min-height: 1.125rem;
}
.content-item__text {
  margin: 0;
  font-size: 0.875rem;
}
.content-item__text--subject {
  font-weight: 700;
  color: #0F0F0F;
}
.content-item__text--description {
  font-weight: 400;
  color: #9A9A9A;
}

.content-item__text.content-item__text--subject .mud-input > input.mud-input-root {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: #0F0F0F;
}

.content-item__text--description-plan {
  font-weight: 400;
  color: black;
}

.dropzonecard__content-data > .content-item:first-child,
.dropzonecard__content-worktask > div:first-child > .content-item:first-child {
  margin-top: 0.5rem;
}

.dropzonecard__content-data > p {
  margin: 0;
}

.dropzonecard__content-progress {
  margin: 0 1rem 1rem 0;
}

.dropzone__contract-zone {
  display: flex;
  gap: 0.5rem;
}

/*** filter ***/
.chip-filter {
  display: flex;
  border: 0.0625rem solid #134fa6;
  border-radius: 1.875rem;
  margin: 0;
}

.filter-icon > button {
  padding: 0;
}

.filter-icon > button > span {
  width: 2.5rem;
  height: 2.5rem;
}

.dashboard-header.mud-grid .mud-expansion-panels {
  padding: 0.75rem;
}

.dashboard-chipsets .mud-chip-item.mud-chip {
  border-radius: 1.875rem;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}

.mud-chip-item__dot {
  width: 1.3125rem;
  height: 1.3125rem;
  border-radius: 1.3125rem;
  margin-right: 0.3125rem;
}

.mud-chip-item__text {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}

button.mud-fab.detail-lists-action-btn {
  background-color: #134fa6;
  border-radius: 0.5rem;
  box-shadow: none;
  width: 5rem;
  height: 5rem;
  padding: 0.625rem;
  font-size: 0.875rem;
  text-transform: none;
  color: white;
}

button.mud-fab.detail-lists-action-btn > span {
  display: flex;
  flex-direction: column;
}

/* unchecked */
.dashboard-chipsets .mud-chip-item--unchecked.mud-chip {
  background: #F0F0F0;
  margin: 0;
}

.dashboard-chipsets .mud-chip-item.mud-chip-item--unchecked.mud-chip:hover {
  background-color: #e3e3e3;
}

.mud-chip-item__dot--unchecked {
  background: rgba(154, 154, 154, 0.2);
  border: 0.0625rem solid #9A9A9A;
}

.mud-chip-item__text--unchecked {
  color: #0F0F0F;
}

/* checked */
.dashboard-chipsets .mud-chip-item--checked.mud-chip {
  background: #134fa6;
  margin: 0;
}

.dashboard-chipsets .chip-filter .mud-chip-item--checked.mud-chip {
  margin: 0;
}

.dashboard-chipsets .mud-chip-item.mud-chip-item--checked.mud-chip:hover {
  background-color: #0060eb;
}

.mud-chip-item__dot--checked {
  display: flex;
  justify-content: center;
  background: white;
  border: 0;
  color: #134fa6;
}

.mud-chip-item__text--checked {
  color: white;
}

.dashboard__separator {
  height: 0.0625rem;
  background-color: #DFEEFB;
  margin: 1rem 0;
}

.edit-item__select.dashboard-select .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.dashboard-view-text {
  font-size: 0.875rem;
  font-weight: 400;
  color: #0F0F0F;
  opacity: 0.5;
  transform: scale(1);
}

@media only screen and (max-width: 30rem) {
  .dropzonecard {
    width: 100% !important;
    min-width: 18.75rem;
  }
}
/************************************** DROP ZONE *********************/
.drop-zone-container > .mud-drop-item {
  display: flex;
  justify-content: center;
}

.drop-zone-teams {
  margin-top: 3.5rem;
}

/*.zone-columns-container .zone-columns--separator {
    position: fixed;
    height: 42.38px;
    border-right: solid thin #0000001c;
}*/
.zone-columns > .zone-columns__day,
.zone-columns > .zone-columns__date {
  font-size: 1.15rem;
  font-weight: 500;
}

/*.zone-columns:nth-child(2) {
    margin-left: 12.5rem;
}*/
.zone-rows > .zone-rows__text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 500;
}

.zone-rows.zone-rows--teams:first-child {
  border-top: solid thin rgba(0, 0, 0, 0.1098039216);
}

/*.zone-rows > .zone-rows__item:nth-child(2) {
    margin-left: 12.5rem;
}*/
/* text importu */
.text-ok {
  color: green;
  font-weight: 500;
}

.text-err {
  color: red;
  font-weight: 500;
}

/* mud drop zone */
.mud-drop-item.disabled {
  touch-action: auto !important;
}

.mud-drop-item.mud-drop-item-preview-start {
  touch-action: auto !important;
}

/* organigram */
.org-chart__container {
  border: 1.5px solid black;
  position: relative;
}

.org-chart__container-margin-top {
  margin-top: 1rem;
}

.org-chart__switch-container {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 100;
}

.org-chart__branch-container {
  border: 1px solid black;
  font-size: 12px;
  width: 200px;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
}

.org-chart__branch-container p {
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.org-chart__branch-container p > div {
  margin: 0;
  padding: 0;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.org-chart__branch-title {
  width: 100%;
  height: auto;
  padding: 0.5rem 0;
  text-align: center;
  font-size: 12px;
}

.org-chart__branch-title-center {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.org-chart__branch-title p {
  font-size: 12px;
  font-weight: 700;
}

.org-chart__branch-left {
  padding-left: 0.5rem;
  padding-right: 0.25rem;
  font-size: 10px;
  width: 50%;
}

.org-chart__branch-right {
  padding-right: 0.5rem;
  padding-left: 0.25rem;
  font-size: 10px;
  text-align: right;
  width: 50%;
}

/* Fulltext search */
.search-container {
  border: 2px solid #F2F9FF;
  border-radius: 8px;
}

.left-side__buttons {
  display: flex;
  flex-direction: column;
  width: 35%;
  border-right: 1px solid #F2F9FF;
}

.searchby-button {
  padding: 1rem !important;
  justify-content: flex-start !important;
}

.searchby-button:active {
  background-color: lightgray !important;
}

.right-side__inputs {
  width: 65%;
}

.searchby-input {
  width: 35rem !important;
}

.searchby-numeric {
  width: 33rem !important;
}

.searchby-numeric .mud-input-control > div > label {
  margin-left: 1.875rem;
}

.searchby-numeric .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  margin: 0;
}

.searchby-numeric > div > div.mud-input input.mud-input-root {
  margin-left: 1.875rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.searchby-numeric > div > div .mud-input-numeric-spin {
  left: -0.5rem;
  right: unset !important;
  display: none;
}

.searchby-select > div {
  width: 35rem !important;
}

.searchby-select-condition > div {
  width: 10rem !important;
}

.searchby-input__right {
  margin-right: 0 !important;
  margin-left: auto !important;
}

.searchby-select__right > div {
  margin-right: 0 !important;
  margin-left: auto !important;
}

/* company logo */
.my-company-logo {
  height: 100%;
}

/******* BLAZOR COMPONENT ***********************/
.mud-chip {
  height: auto !important;
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.mud-avatar.mud-avatar-medium {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

.pictogram-avatar.mud-avatar.mud-avatar-medium,
.pictogram-avatar.mud-avatar {
  border: 1px solid black;
  width: 1.25rem !important;
  height: 1.25rem !important;
  font-size: 1rem;
  margin-left: 0.625rem;
}

.color-picker.mud-avatar.mud-avatar-medium,
.color-picker.mud-avatar {
  border: 1px solid black;
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem;
  margin-left: 0.625rem;
}

.color-picker:hover.mud-avatar.mud-avatar-medium,
.color-picker:hover.mud-avatar {
  cursor: pointer;
  border: 2px solid lime;
}

.color-picker-selected.mud-avatar.mud-avatar-medium,
.color-picker-selected.mud-avatar {
  border: 2px solid lime;
}

.table-overview .mud-table-sort-label .mud-table-sort-label-icon {
  font-size: 1.125rem;
}

.mud-expand-panel .mud-expand-panel-header {
  min-height: auto !important;
  padding: 1rem 1.5rem !important;
}

.mud-chart .mud-chart-donut {
  width: 18.75rem !important;
  height: 18.75rem !important;
}

.mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-marker {
  height: 1rem !important;
  width: 1rem !important;
}

/*.mud-data-grid .mud-table-container {
    width: 100% !important;
}*/
.mud-list-item.checklist-item {
  background-color: rgba(19, 79, 166, 0.0588235294);
}

.mud-paper .checklist-container {
  box-shadow: none;
  border: 1px solid #DFEEFB;
}

.mud-paper.checklist-container > div.mud-list {
  display: unset !important;
}

/************************  ICON MENU RENCY  **********************************/
.menu-left__item > span img {
  height: 3.125rem;
  width: 3.125rem;
}

.menu-left__item > span img.menu-left__item-icon-padding {
  width: 1.75rem;
  height: 1.75rem;
}

/************************  BLAZORED TEXT EDITOR  **********************************/
.text-editor__content.ql-container {
  min-height: 15rem;
}

/************************  DEVEXPRESS BLAZOR  **********************************/
/*
    Stylování pro dev express komponenty
*/
/*** GRID ***/
.dxbl-grid .dxbl-grid-bottom-panel {
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
  gap: 1rem;
  border: 0;
}

.grid-container.dxbl-grid {
  border: 0;
  /*.dxbl-grid-table > tbody > tr > td {
      text-align: center;
  }*/
}
.grid-container.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
  color: #134fa6;
  background-color: #F2F9FF;
}
.grid-container.dxbl-grid .dxbl-grid-header-content {
  display: flex;
  justify-content: center;
  font-weight: 400;
}
.grid-container.dxbl-grid .dxbl-grid-header-content > span {
  text-align: center;
}
.grid-container.dxbl-grid .dxbl-grid-table > tbody > tr {
  border-left: 0;
  cursor: pointer;
}
.grid-container.dxbl-grid .dxbl-grid-table > tbody > tr > td > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.grid-container.dxbl-grid .dxbl-grid-table > tbody > tr > td.action-button > div {
  overflow: unset;
}
.grid-container.dxbl-grid .dxbl-align-center .dxbl-checkbox {
  display: flex;
  justify-content: center;
}
.grid-container.dxbl-grid .dxbl-align-center.app-icon > div {
  display: flex;
  justify-content: center;
}
.grid-container.dxbl-grid .dxbl-grid-search-box-container .dxbl-grid-search-box {
  border: 0.0625rem solid #EBEBEB;
  border-radius: 0.5rem;
  height: 3.25rem;
  padding-left: 1.125rem;
  display: flex;
  justify-content: center;
}
.grid-container.dxbl-grid .dxbl-grid-search-box-container .dxbl-grid-search-box > .dxbl-btn-icon > .dxbl-image {
  color: black;
  opacity: 1;
}
.grid-container.dxbl-grid .dxbl-grid-search-box-container .dxbl-grid-search-box > .dxbl-btn.dxbl-btn-icon + input[type=text] {
  padding: 0.2rem 0 0 0.5rem;
}
.grid-container.dxbl-grid .dxbl-grid-top-panel.dxbl-grid-multiple-panel {
  border: 1px solid #e7e6e6;
  border-bottom: 0;
  border-radius: 0.5rem;
}
.grid-container.dxbl-grid .dxbl-scroll-viewer {
  border-radius: 0.5rem;
  border: 0.0625rem solid #DFEEFB;
}
.grid-container.dxbl-grid .dxbl-grid-table > tbody > tr:nth-last-child(-n+4) .table__row-tooltip {
  margin: 0;
  top: -1rem;
  left: 20px;
  width: fit-content;
}
.grid-container.dxbl-grid .dxbl-grid-table > tbody > tr:nth-last-child(-n+3) .table__row-tooltip:after {
  bottom: 45%;
  left: 104%;
  border-color: transparent transparent transparent #DFEEFB;
}
.grid-container.dxbl-grid .dxbl-grid-table > tbody > tr:nth-last-child(-n+3) .table__row-tooltip.table__row-tooltip--active {
  display: flex;
  gap: 1rem;
  padding-right: 0.694375rem;
}

.dxbl-grid .dxbl-grid-table > tbody > tr > td.action-button {
  overflow: unset;
}

.dx-grid--height {
  height: 3.5rem;
}

.dx-grid--bold {
  font-weight: 500;
}

.dx-grid--red {
  color: red;
}

.dx-grid--height .mud-checkbox.mud-readonly > span {
  padding: 6px !important;
}

.dx-grid--hyperlink {
  color: #0000EE;
  text-decoration: underline;
}

.dx-grid--hyperlink:hover {
  cursor: pointer;
}

/* combo */
.dx-combo__app-icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dx-combo__app-icons svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #134FA6;
}

.performance-plan__cell {
  width: 10rem;
  height: 4rem;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.performance-plan__template .performance-plan__cell {
  width: 15rem;
}

.performance-plan__cell .mud-input-control {
  margin-top: 0px;
}

.performance-plan__total .performance-plan__cell {
  font-weight: 700;
  text-align: right;
}

.performance-plan__cell-positive.performance-plan__cell input {
  color: red !important;
}

.performance-plan__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 0.125rem grey solid;
  width: fit-content;
}

.performance-plan__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-top: 0.125rem grey solid;
  border-bottom: 0.125rem grey solid;
  width: fit-content;
}

.performance-plan__section-history, .performance-plan__section-plan, .performance-plan__section-real {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 15rem;
  height: 5rem;
  padding: 0.5rem;
}

.performance-plan__container {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: scroll;
}

/************************  QUILL COMPONENT  **********************************/
.ql-editor__font-size {
  font-size: 16px;
}

.ql-editor__last-saved-text-green {
  color: green;
  font-weight: 500;
}

.ql-editor p {
  font-size: 1em;
}

.ql-editor span {
  font-size: 1em;
}

.ql-editor strong {
  font-size: 1em;
}

.ql-editor em {
  font-size: 1em;
}

.ql-editor u {
  font-size: 1em;
}

.ql-editor s {
  font-size: 1em;
}

.ql-editor ol {
  font-size: 1em;
}

.ql-editor ul {
  font-size: 1em;
}

.ql-editor li {
  font-size: 1em;
}

.ql-editor blockquote {
  font-size: 1em;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-0) "." counter(list-1) ". ";
  margin-right: 0.75em;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) ". ";
  margin-right: 1.5em;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) "." counter(list-3) ". ";
  margin-right: 2.5em;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) "." counter(list-3) "." counter(list-4) ". ";
  margin-right: 3.5em;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) "." counter(list-3) "." counter(list-4) "." counter(list-5) ". ";
  margin-right: 4.5em;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) "." counter(list-3) "." counter(list-4) "." counter(list-5) "." counter(list-6) ". ";
  margin-right: 5.5em;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) "." counter(list-3) "." counter(list-4) "." counter(list-5) "." counter(list-6) "." counter(list-7) ". ";
  margin-right: 6.5em;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) "." counter(list-3) "." counter(list-4) "." counter(list-5) "." counter(list-6) "." counter(list-7) "." counter(list-8) ". ";
  margin-right: 7.5em;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-0) "." counter(list-1) "." counter(list-2) "." counter(list-3) "." counter(list-4) "." counter(list-5) "." counter(list-6) "." counter(list-7) "." counter(list-8) "." counter(list-9) ". ";
  margin-right: 8.5em;
}

.icon-image-detail .mud-card-media {
  background-size: contain !important;
}

.dxgrid-detailrowtemplate-button .dxbl-grid-expand-button-cell button {
  visibility: hidden;
}

.grid-container.dxbl-grid .mud-checkbox {
  display: flex;
  justify-content: center;
}

/*** *** pop over - autocomplete *** ***/
.mud-popover.mud-popover-open {
  box-shadow: none;
  overflow: unset;
}

.mud-popover.mud-popover-open > .pa-1:nth-child(1) {
  background-color: white;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
}

.mud-popover.mud-popover-open > .mud-list {
  border-left: 1px solid;
  border-right: 1px solid;
  background-color: white;
}

.mud-popover.mud-popover-open > .pa-1:nth-child(2),
.mud-popover.mud-popover-open > .pa-1:nth-child(3) {
  background-color: white;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
}

.autocomplete-separator {
  height: 1px;
  width: 100%;
  background-color: #E8E8E8;
}

.autocomplete-separator.autocomplete-separator--header {
  margin: 5px 0;
}

.autocomplete-separator.autocomplete-separator--footer {
  margin: 0.83rem 0;
}

/*** popover autocomplete header ***/
.mud-popover:has(.autocomplete-header) {
  min-height: fit-content;
}

.mud-popover:has(.autocomplete-header-min-width) {
  min-width: 250px !important;
}

.autocomplete-header__mostused {
  padding: 1.83rem 1.67rem 0.83rem 1.67rem;
}

.mostused__title {
  text-transform: uppercase;
  font-weight: 500;
  color: #7E7E7E;
}

.autocomplete-header__searchinfo {
  text-transform: uppercase;
  font-size: 12px;
  padding: 1em;
}

.autocomplete-header .mud-chipset .mud-chip {
  background-color: #134fa6;
  color: white;
}

.autocomplete-header .mud-chipset .mud-chip:hover .mud-chip-content {
  color: black;
}

.autocomplete-header__chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 1em;
  padding-top: 0;
}

.autocomplete-header__chip > p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #c4c4c4;
}

/*** popover autocomplete footer ***/
.mud-autocomplete-after-items > .autocomplete-footer {
  margin: -4px;
}

.autocomplete-footer-dialog {
  display: flex;
  justify-content: center;
  background-color: #F4F9FF;
  align-items: center;
  gap: 1.083rem;
}

.autocomplete-footer-dialog > div {
  display: flex;
  align-items: center;
  gap: 1.083rem;
  cursor: pointer;
}

.autocomplete-footer-dialog__text {
  margin: 0;
  padding: 0.83rem 0;
  color: #134fa6;
  text-decoration: underline;
  cursor: pointer;
}

.autocomplete-footer-dialog__button.new-record-btn {
  background-color: white;
  border: 1px solid #134fa6;
  padding: 0.67rem 1.25rem;
}

.autocomplete-footer-dialog__button.new-record-btn:hover {
  background-color: #134fa6;
}

.autocomplete-footer-dialog__button.new-record-btn:hover .new-record-btn__text {
  color: white;
}

.autocomplete-footer-dialog__button .new-record-btn__icon > svg {
  color: #134fa6;
}

.autocomplete-footer-dialog__button .new-record-btn__text {
  color: #134fa6;
}

.autocomplete-footer-create {
  margin: 0.5em;
}

/************ autocomplete - select box *****************/
.mud-select:has(.autocomplete-select-box__meeting) {
  flex-grow: inherit;
}

.autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  flex-direction: unset;
  border: 1px solid #C7D5E3;
  border-radius: 4px;
  height: 3.33rem;
  background-color: white;
}

.autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child.mud-disabled {
  background-color: #F1F2F3;
}

.autocomplete-select-box.edit-item__autocomplete > div:first-child > div.mud-disabled > div > svg {
  color: #C7CAD1;
}

.autocomplete-select-box__meeting.edit-item__autocomplete > div:first-child > div:first-child {
  width: 14rem;
  height: calc(3.5714285714rem * 0.6);
}

.autocomplete-select-box.edit-item__autocomplete > div:first-child > div > input {
  margin-left: 1.25rem;
  color: black;
}

.autocomplete-select-box__meeting.edit-item__autocomplete > div:first-child > div > input {
  color: #7E7E7E;
  font-size: calc(1.4285714286rem * 0.6);
}

.autocomplete-select-box.edit-item__autocomplete.mud-input-control > div > label {
  margin-top: 5px;
  font-weight: 400;
  color: #7E7E7E !important;
  margin-left: 1.25rem;
}

.autocomplete-select-box__meeting.edit-item__autocomplete.mud-input-control > div > label {
  margin-top: 0;
  font-size: calc(1.4285714286rem * 0.6);
}

.autocomplete-select-box.edit-item__autocomplete .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol,
.autocomplete-select-box.edit-item__autocomplete .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  font-weight: 700;
  color: #134fa6 !important;
  text-transform: uppercase;
}

.autocomplete-select-box__meeting.edit-item__autocomplete .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol,
.autocomplete-select-box__meeting.edit-item__autocomplete .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  text-transform: inherit;
}

.autocomplete-select-box.edit-item__autocomplete > div:first-child > div > div > svg {
  margin-right: 1.25rem;
}

.autocomplete-select-box.edit-item__autocomplete > div:first-child > div > button {
  display: none;
}

.autocomplete-select-box.autocomplete-select-box--checklist {
  width: 18rem;
}

.autocomplete-select-box.autocomplete-select-box--checklist.edit-item__autocomplete > div:first-child > div:first-child {
  width: unset;
  height: 1.5rem;
}

.autocomplete-select-box.autocomplete-select-box--checklist.edit-item__autocomplete > div:first-child > div > input {
  font-size: 1rem;
}

.autocomplete-select-box.autocomplete-select-box--checklist.edit-item__autocomplete > div:first-child > div.mud-disabled > input {
  color: gray;
}

.autocomplete-select-box.autocomplete-select-box--checklist.edit-item__autocomplete.mud-input-control > div > label {
  margin-top: -0.25rem;
}

@media only screen and (max-width: 30rem) {
  .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
    width: unset;
  }
}
.grid-container .dx-grid--overflow-on td {
  white-space: nowrap;
}

.dxbl-popup-cell {
  z-index: 1420 !important;
}

/* slim select */
.mud-input-control.edit-item__select-slim {
  margin-top: 0;
}

.mud-input-control.edit-item__select-slim > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 2px;
}

.datamix-select.edit-item__select-slim.mud-select .mud-select-input .mud-input-slot {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0.75rem;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__select-slim > div:first-child > div > div > svg {
  margin-right: 0.75rem;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__select-slim.mud-input-control > div > label {
  margin-left: 0.75rem;
}

.datamix-select.edit-item__select-slim.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  height: auto;
  width: auto;
  max-width: 20rem;
}

.edit-item__select-slim .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .edit-item__select-slim .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(0, -7px) scale(0.75);
  margin-left: 0.75rem;
}

.edit-item__select-slim .mud-input-label-inputcontrol {
  transform: translate(0, 6px) scale(1);
}

/* slim autocomplete */
.mud-input-control.edit-item__autocomplete-slim {
  margin-top: 0;
}

.mud-input-control.edit-item__autocomplete-slim > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 2px;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-slim > div:first-child > div > input {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0.75rem;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-slim > div:first-child > div > div > svg {
  margin-right: 0.75rem;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-slim.mud-input-control > div > label {
  margin-left: 0.75rem;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-slim > div:first-child > div:first-child {
  height: auto;
  width: auto;
  max-width: 20rem;
}

.edit-item__autocomplete-slim .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .edit-item__autocomplete-slim .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(0, -7px) scale(0.75);
  margin-left: 0.75rem;
}

.edit-item__autocomplete-slim .mud-input-label-inputcontrol {
  transform: translate(0, 6px) scale(1);
}

/* input background */
.mud-input-control.edit-item__input-background {
  background-color: #DEE2E8;
  padding: 5px 10px;
  border-radius: 5px;
}

.edit-item__input-background.autocomplete-select-box.edit-item__autocomplete.mud-input-control > div > label {
  margin-top: 0;
}

.mud-input-control.edit-item__input-background > .mud-input-control-input-container > div.mud-input.mud-input-text.mud-input-text-with-label {
  margin-top: 2px;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__input-background .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol, .autocomplete-select-box.edit-item__autocomplete.edit-item__input-background .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  display: none;
}

.edit-item__autocomplete-text.edit-item__input-background .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .edit-item__autocomplete-text.edit-item__input-background .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  display: none;
}

/* autocomplete slim no outline */
.mud-input-control.edit-item__autocomplete-text {
  margin-top: 0;
}

.mud-input-control.edit-item__autocomplete-text > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 2px;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-text > div:first-child > div > input {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0rem;
  padding: 4px 0;
  cursor: pointer;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-text.edit-item__autocomplete-text-bold > div:first-child > div > input {
  font-size: 1.15rem;
  color: #474D56;
  font-weight: 500;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-text.edit-item__autocomplete-text-bolder > div:first-child > div > input {
  font-weight: 700;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-text.edit-item__autocomplete-text-bigger > div:first-child > div > input {
  font-size: 1.25rem;
}

.edit-item__autocomplete-text .mud-input.mud-input-underline:before {
  border-bottom: none;
}

.edit-item__autocomplete-text .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: none;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-text > div:first-child > div > div > svg {
  margin-right: 0.75rem;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-text.mud-input-control > div > label {
  margin-left: 0.75rem;
}

.autocomplete-select-box.edit-item__autocomplete.edit-item__autocomplete-text > div:first-child > div:first-child {
  height: auto;
  width: auto;
  max-width: 60rem;
  border: none;
  background-color: transparent;
}

.edit-item__autocomplete-text .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .edit-item__autocomplete-text .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(0, -8px) scale(0.75);
  margin-left: 0.75rem;
}

.edit-item__autocomplete-text .mud-input-label-inputcontrol {
  transform: translate(0, 6px) scale(1);
}

.edit-item__autocomplete-text.edit-item__autocomplete > div:first-child > div > div > svg {
  fill: #474D56;
}

.edit-item__autocomplete-text.edit-item__autocomplete .mud-icon-root {
  margin-right: 0;
  color: #474D56;
}

/* slim numeric field */
.edit-item__numeric-slim .mud-input {
  max-width: 6rem;
}

.edit-item__numeric-slim .mud-input.mud-input-outlined {
  background-color: white;
}

.mud-input-control.edit-item__numeric-slim {
  margin-top: 0;
  background-color: inherit;
}

.edit-item__numeric-slim .mud-input > input.mud-input-root, .edit-item__numeric-slim div.mud-input-slot.mud-input-root {
  height: auto;
}

.edit-item__numeric-slim .mud-input > input.mud-input-root-outlined, .edit-item__numeric-slim div.mud-input-slot.mud-input-root-outlined {
  padding: 0.5rem 0;
}

.text-field-edit.edit-item__numeric-slim .mud-input > input.mud-input-root {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0.75rem;
}

.edit-item__numeric-slim.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
  padding: 0.5rem 0;
}

/* text numeric field */
.edit-item__numeric-text .mud-input {
  max-width: 35rem;
}

.edit-item__numeric-text .mud-input {
  background-color: transparent;
  margin-top: 0;
}

.edit-item__numeric-text.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.mud-input-control.edit-item__numeric-text {
  margin-top: 0;
  background-color: inherit;
}

.edit-item__numeric-text .mud-input > input.mud-input-root, .edit-item__numeric-text div.mud-input-slot.mud-input-root {
  height: auto;
}

.edit-item__numeric-text .mud-input > input.mud-input-root-outlined, .edit-item__numeric-text div.mud-input-slot.mud-input-root-outlined {
  padding: 0.5rem 0;
}

.text-field-edit.edit-item__numeric-text .mud-input > input.mud-input-root {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0rem;
  padding: 4px 0;
  cursor: pointer;
}

.text-field-edit.edit-item__numeric-text.edit-item__numeric-text-bold .mud-input > input.mud-input-root {
  font-size: 1.15rem;
  color: #474D56;
  font-weight: 500;
}

.text-field-edit.edit-item__numeric-text.edit-item__numeric-text-bolder .mud-input > input.mud-input-root {
  font-weight: 700;
}

.text-field-edit.edit-item__numeric-text.edit-item__numeric-text-big .mud-input > input.mud-input-root {
  font-size: 1.15rem;
}

.text-field-edit.edit-item__numeric-text.edit-item__numeric-text-bigger .mud-input > input.mud-input-root {
  font-size: 1.25rem;
}

.edit-item__numeric-text .mud-input.mud-input-underline:before {
  border-bottom: none;
}

.edit-item__numeric-text .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: none;
}

.edit-item__numeric-text.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
  padding: 0.5rem 0;
}

.edit-item__numeric-text.edit-item__numeric > div > div .mud-input-numeric-spin > button svg {
  fill: #474D56;
}

/* smaller numeric field */
.edit-item__numeric-small.text-field-edit.mud-input-control {
  width: fit-content;
}

.edit-item__numeric-small.mud-input-control > .mud-input-control-input-container {
  width: fit-content;
}

.edit-page .edit-item__numeric-small.text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 10rem;
}

/* numeric field margin */
.edit-item__numeric.edit-item__numeric-no-margin.mud-input-control {
  margin-top: 6px;
}

.edit-item__numeric.edit-item__numeric-no-margin .mud-input-control-input-container {
  background-color: white;
}

.edit-item__numeric.edit-item__numeric-no-margin .mud-input > input.mud-input-root, .edit-item__numeric.edit-item__numeric-no-margin div.mud-input-slot.mud-input-root {
  padding: 12px 0 14px;
  margin-left: 1.25rem;
}

.edit-item__numeric.edit-item__numeric-no-margin .mud-input-label-outlined {
  transform: translate(0, 12px) scale(1);
}

.edit-item__numeric.edit-item__numeric-no-margin .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .edit-item__numeric.edit-item__numeric-no-margin .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(2px, -12px) scale(0.75);
  background-color: transparent;
}

/* autocomplete small */
.edit-page .mud-select.edit-item__autocomplete-small {
  max-width: 17rem;
}

.autocomplete-select-box.edit-item__autocomplete-small.edit-item__autocomplete > div:first-child > div:first-child {
  width: 17rem;
}

.edit-page .mud-select:has(.edit-item__autocomplete-small) {
  max-width: 17rem;
}

/* autocomplete memdium */
/* text field slim */
.mud-input-control.text-field-edit--slim {
  margin-top: 0;
  background-color: white;
}

.text-field-edit--slim .mud-input > input.mud-input-root, .text-field-edit--slim div.mud-input-slot.mud-input-root {
  height: auto;
}

.text-field-edit--slim .mud-input > input.mud-input-root-outlined, .text-field-edit--slim div.mud-input-slot.mud-input-root-outlined {
  padding: 0.5rem 0;
}

.text-field-edit.text-field-edit--slim .mud-input > input.mud-input-root {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0.75rem;
}

.text-field-edit--slim.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
  padding: 0.5rem 0;
}

/* text field text */
.mud-input-control.text-field-edit--text {
  margin-top: 0;
  background-color: transparent;
}

.text-field-edit--text.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.text-field-edit--text .mud-input > input.mud-input-root, .text-field-edit--text div.mud-input-slot.mud-input-root {
  height: auto;
}

.text-field-edit--text .mud-input > input.mud-input-root-outlined, .text-field-edit--text div.mud-input-slot.mud-input-root-outlined {
  padding: 0.5rem 0;
}

.text-field-edit.text-field-edit--text .mud-input > input.mud-input-root {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0rem;
  padding: 4px 0;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-bold .mud-input > input.mud-input-root {
  font-size: 1.15rem;
  color: #474D56;
  font-weight: 500;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-bolder .mud-input > input.mud-input-root {
  font-weight: 700;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-big .mud-input > input.mud-input-root {
  font-size: 1.15rem;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-bigger .mud-input > input.mud-input-root {
  font-size: 1.25rem;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-bold .mud-input > textarea.mud-input-root {
  font-size: 1.15rem;
  color: #474D56;
  font-weight: 500;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-bolder .mud-input > textarea.mud-input-root {
  font-weight: 700;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-big .mud-input > textarea.mud-input-root {
  font-size: 1.15rem;
}

.text-field-edit.text-field-edit--text.text-field-edit--text-bigger .mud-input > textarea.mud-input-root {
  font-size: 1.25rem;
}

.text-field-edit--text .mud-input.mud-input-underline:before {
  border-bottom: none;
}

.text-field-edit--text .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: none;
}

.text-field-edit--text.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
  padding: 0.5rem 0;
}

/* text field margin */
.text-field-edit.text-field-edit-no-margin.mud-input-control {
  margin-top: 6px;
}

.text-field-edit.text-field-edit-no-margin .mud-input-control-input-container {
  background-color: white;
}

.text-field-edit.text-field-edit-no-margin .mud-input > input.mud-input-root, .text-field-edit.text-field-edit-no-margin div.mud-input-slot.mud-input-root {
  padding: 12px 0 14px;
  margin-left: 1.25rem;
}

.text-field-edit.text-field-edit-no-margin .mud-input-label-outlined {
  transform: translate(0, 12px) scale(1);
}

.text-field-edit.text-field-edit-no-margin .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .text-field-edit.text-field-edit-no-margin .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(2px, -12px) scale(0.75);
  background-color: transparent;
}

/* text field small */
.text-field-edit-small.text-field-edit.mud-input-control {
  width: fit-content;
}

.text-field-edit-small.mud-input-control > .mud-input-control-input-container {
  width: fit-content;
}

.edit-page .text-field-edit-small.text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 20rem;
}

/* text field very small */
.text-field-edit-very-small.text-field-edit.mud-input-control {
  width: fit-content;
}

/* text field very small */
.text-field-edit-very-small.text-field-edit.mud-input-control {
  width: fit-content;
}

.text-field-edit-very-small.mud-input-control > .mud-input-control-input-container {
  width: fit-content;
}

.edit-page .text-field-edit-very-small.text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 15rem;
}

/* full length */
.header p,
.main-container p {
  margin: 0;
  padding: 0;
}

.header {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  background-color: #F2F7F9;
  padding: 0.83rem 0.83rem 1.25rem 0.83rem;
  margin: 0.83rem 0 1.67rem 0;
}

.header-title {
  font-weight: 500;
  font-size: 1.67rem;
  color: #668C9E;
}

.header-item {
  display: flex;
  flex-direction: column;
  gap: 0.83rem;
}

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

.item-row-title {
  width: 6.67rem;
  font-weight: 500;
  font-size: 1.167rem;
  color: #668C9E;
  text-transform: uppercase;
}

.item-row-text {
  font-weight: 500;
  font-size: 1.167rem;
  color: #3E2881;
}

.item-row-text.item-row-text--return {
  margin-left: 0.5rem;
}

.item-row-text--return span {
  color: #9344DB;
  text-decoration: underline;
  cursor: pointer;
}

.shiftment-button.mud-button {
  width: 6.25rem;
  height: 3.34rem;
  border-radius: 5px;
  background-color: #68569E;
  color: white;
  display: flex;
  font-weight: 400;
  font-size: 1.167rem;
  align-self: flex-end;
}

.shiftment-text-field.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  background-color: transparent;
  font-weight: 400;
  font-size: 1.167rem;
  color: #9F9F9F;
}

.shiftment-text-field .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.shiftment-text-field .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  display: none;
}

.shiftment-leader-text-field.mud-input-control > .mud-input-control-input-container > .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
  padding: 10px 10px;
}

.list-item--open .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
  margin: 0;
  padding: 0 15px;
  height: 40px;
}

/* styly pro stránku se seznamem */
.main-title p {
  padding: 0.83rem 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #424242;
}

.main-list {
  display: flex;
  flex-direction: column;
  gap: 0.83rem;
  margin: 0.83rem 0;
}

.main-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F9F9F9;
  cursor: pointer;
  min-height: 3.34rem;
  padding: 0 0.83rem 0 1.67rem;
}

.main-list__item .main-list__item-text {
  color: #134fa6;
  font-size: 1.34rem;
}

.main-list__item > .main-list__item-boxes,
.boxes-item {
  display: flex;
  gap: 0.416rem;
}

.main-list__item-boxes > .boxes-item > p {
  font-weight: 700;
  font-size: 1.16rem;
  color: #3BB75E;
}

.main-list__outlet {
  display: flex;
  align-self: start;
  width: 50%;
  padding-top: 0.75rem;
}

.main-list__request_items {
  width: 50%;
  background-color: #F9F9F9;
}

/* styly pro stránku s expand panely (příjem) */
.main-container--content {
  margin: 0 -16px;
  background-color: #F9F9F9;
  padding: 20px;
}

.expand-list {
  display: flex;
  flex-direction: column;
  gap: 0.83rem;
}

.expand-list__item {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E8E8E8;
  border-radius: 5px;
  background-color: white;
  height: 100%;
  max-width: 26.6rem;
}

.expand-list__item-request {
  margin: 0.25rem;
}

.expand-list__item--open .item-expand-button,
.expand-list__item--open .item-content {
  display: none;
}

.expand-list__item--open .item-content--open {
  display: flex;
}

.expanded-list {
  width: 100%;
}

.expanded-list__item {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E8E8E8;
  border-radius: 10px;
  background-color: white;
  margin-bottom: 1rem;
}

.expanded-list__item .shiftment-item__list {
  justify-content: start;
  gap: 1.25rem;
}

.expanded-list__item .list-item--open {
  max-width: 8rem;
}

.item-tag {
  width: 30px;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #134fa6;
  padding: 0.83rem 0;
}

.item-tag-center {
  justify-content: center;
  border-radius: 0 10px 10px 0;
}

.item-tag__name {
  font-size: 1.16rem;
  font-weight: 400;
}

.item-tag__amount {
  font-size: 1.16rem;
  font-weight: 700;
}

.item-tag-normal {
  writing-mode: initial;
  transform: none;
}

.item-content {
  display: flex;
  flex-direction: column;
  gap: 0.83rem;
  padding: 10px 15px 15px 15px;
  width: 100%;
}

.item-content-request {
  padding: 5px 15px;
  justify-content: center;
}

.item-content--open {
  display: none;
}

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

.shiftment-item__title {
  font-weight: 700;
  font-size: 1.16rem;
  color: #424242;
}

.shiftment-item__list {
  display: flex;
  gap: 0.83rem;
  flex-wrap: wrap;
}

.shiftment-item__list--margin-bottom {
  margin-bottom: 0.83rem;
}

.list-item {
  display: flex;
  justify-content: center;
  background-color: #F9F9F9;
  gap: 0.83rem;
  padding: 0.67rem 0;
  width: 5.83rem;
}

.list-item-request {
  gap: 0.5rem;
  width: 3.83rem;
  background-color: inherit;
}

.list-item--open {
  max-width: 6.66rem;
  flex-direction: column;
  align-items: center;
  gap: 0.416rem;
  width: unset;
  background-color: transparent;
}

.list-item > p {
  font-weight: 700;
  font-size: 1.16rem;
  text-align: center;
}

.list-item--open > p {
  font-size: 1.083rem;
}

.item-expand-button {
  width: 40px;
  border-left: 1px solid #E8E8E8;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.expand-note {
  margin-top: 1.67rem;
}

.expand-note-text {
  cursor: pointer;
  display: flex;
  gap: 0.83rem;
}

.expand-note-text p {
  font-weight: 500;
  color: #9344DB;
  font-size: 1.16rem;
  text-transform: uppercase;
}

.expand-note-dialog,
.expand-note-text--open {
  display: none;
}

.expand-note-text--open ~ .expand-note-dialog {
  display: block;
}

.expand-note-dialog p {
  font-weight: 700;
  text-transform: uppercase;
  color: #9344DB;
  font-size: 0.83rem;
}

.footer p {
  margin: 0;
}

.footer {
  background-color: #FEFFDD;
  padding: 1.25rem 1.67rem;
  margin: 0 -16px;
  margin-bottom: -16px;
  bottom: 16px;
  /*display: flex;
  justify-content: space-between;
  align-items: center;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.83rem;
}

.footer-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer-button,
.mud-button.footer-button {
  display: flex;
  gap: 0.83rem;
  height: 3.34rem;
  padding: 0 1.25rem;
  color: white;
  border-radius: 5px;
}

.mud-button.footer-button > span {
  display: flex;
  gap: 0.83rem;
}

.footer-button--file,
.mud-button.footer-button--file {
  background-color: #68569E;
  text-transform: unset;
}

.footer-button--save,
.mud-button.footer-button--save {
  background-color: #3BB75E;
  text-transform: uppercase;
}

.footer-button--disabled {
  background-color: #c6c6c6;
  cursor: unset;
}

.upload_image {
  display: flex;
  height: 4.167rem;
  border: 1px solid #68569E;
  border-radius: 5px;
}

.upload_image .button {
  width: 40px;
  height: 48px;
  border-radius: unset;
  background-color: white;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-left: 1px solid #68569E;
  box-shadow: none;
  min-width: unset;
}

/** objednávky **/
.main-list__item--order {
  padding-right: 0;
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: auto;
}
.main-list__item--order .main-list__outlet {
  width: 100%;
}
.main-list__item--order .main-list__request_items {
  width: 100%;
}

.main-list__item--order-just-text {
  display: flex;
}

.expand-list__item--order .item-tag {
  width: 20px;
  padding: 0;
  justify-content: center;
}
.expand-list__item--order .item-tag__name {
  font-size: 1rem;
}
.expand-list__item--order .shiftment-item__list {
  gap: 1rem;
  flex-wrap: nowrap;
  margin-left: 1.5rem;
}
.expand-list__item--order .expand-list__item {
  max-width: unset;
}
.expand-list__item--order .item-content {
  padding: 0;
}
.expand-list__item--order .list-item {
  gap: 0.2rem;
  width: auto;
  align-items: center;
}
.expand-list__item--order .item-tag-normal {
  max-width: 100px;
  min-width: 50px;
  padding: 0.5rem;
  justify-content: start;
  border-radius: 5px 0 0 5px;
}

.skeleton-dashboard__container {
  gap: 1rem;
  padding: 0 14px;
}

.skeleton-kanban__container {
  gap: 1rem;
  width: min-content !important;
}

.skeleton-dashboard__item {
  padding: 8px;
  border-radius: 6px;
}

.upload_image .button:hover {
  box-shadow: none;
}

.button-image {
  width: 8.34rem;
  height: 100% !important;
  cursor: pointer;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.button-image--icon {
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 30rem) {
  /*.footer {
      position: fixed;
      width: 100%;
  }*/
}
@media only screen and (min-width: 30rem) {
  .form--shiftment {
    margin: 0 -16px;
  }
  .header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.83rem 1.67rem 1.25rem 1.67rem;
  }
  .heder-item {
    display: flex;
    gap: 2.5rem;
  }
  .heder-item__row {
    gap: 0.83rem;
  }
  .main-list {
    display: block;
    columns: 26.834rem 3;
  }
  .main-list__item {
    margin-bottom: 0.83rem;
    break-inside: avoid;
  }
  .item-row-title {
    width: unset;
  }
  .item-row-text.item-row-text--return {
    margin-left: 0;
  }
  .expand-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2.5rem;
  }
}
.nicknack-table-container {
  display: flex;
  margin-bottom: 1rem;
}

.nicknack-table-item-color {
  width: 3rem;
  height: auto;
  background-color: green;
}

.nicknack-table {
  border-collapse: collapse;
}
.nicknack-table td {
  border: 1px solid #D3D3D3;
  padding: 0.25rem;
}

.nicknack-shiftment-title {
  margin: 0 0 0 3rem;
  font-weight: 700;
  padding: 0.25rem;
}

.bold-cell {
  font-weight: 700;
}

.plan-sheet-container {
  overflow: auto;
  resize: vertical;
}

.plan-sheet-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.plan-sheet-container::-webkit-resizer {
  background: #0C397A;
  /*size does not work it seems*/
  width: 300px;
  height: 300px;
}

.plan-sheet-dates {
  margin-left: 12.5rem;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 1;
}

.plan-sheet-content {
  display: flex;
  height: 300px;
}

.plan-sheet-content--teams {
  position: sticky;
  left: 0;
  z-index: 1;
  margin-top: 0;
}

.plan-sheet-content--teams-row {
  background-color: white;
}

.capacity-projection__table-container {
  max-width: 100%;
  overflow-x: auto;
}

.capacity-projection__table {
  border-collapse: collapse;
  font-size: 1rem;
  min-width: 400px;
}

.capacity-projection__table thead tr {
  text-align: left;
  font-weight: bold;
}

.capacity-projection__table thead tr th {
  font-size: 1rem;
}

.capacity-projection__table thead tr:first-child th {
  font-size: 0.9rem;
  color: #707070;
}

.capacity-projection__table th, .capacity-projection__table td {
  padding: 0.375rem 0.5rem;
}

.capacity-projection__table tbody tr {
  border-bottom: 1px solid black;
}

.capacity-projection__table thead th.number-column {
  text-align: right;
  padding-right: 0.75rem;
}

.capacity-projection__table tbody td.number-column {
  text-align: right;
  padding-right: 0.75rem;
}

.capacity-projection__table tfoot td.number-column {
  text-align: right;
  padding-right: 0.75rem;
}

.capacity-projection__table tfoot tr {
  color: #707070;
}

.capacity-projection__table tfoot tr td {
  font-size: 0.9rem;
}

.plan-table-select {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  align-items: center;
}
.plan-table-select > div {
  display: flex;
  gap: 1rem;
  border: 1px solid #134FA6;
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
}
.plan-table-select > div button {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  color: #134FA6;
  font-size: 1rem;
  font-weight: 500;
}
.plan-table-select > div .plan-btn-active {
  background-color: #134FA6;
  color: white;
}

.mud-table.table-detail--plan > .mud-table-container {
  border: none;
  border-radius: 0;
}

.table-detail--plan.detail-row .mud-table-body .mud-table-row {
  cursor: default;
}

.table-detail--plan.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
  background-color: transparent;
}

.activity-plan {
  display: grid;
  grid-template-columns: auto 2.5rem;
  grid-template-rows: 4rem auto;
  grid-template-areas: "cell all" "txt all";
  border: 1px solid #C7D5E3;
  margin-bottom: 1rem;
  border-radius: 0.3rem;
  background-color: #F2F7F9;
}
.activity-plan p {
  margin: 0;
  padding: 0;
}
.activity-plan svg {
  width: 1rem;
}
.activity-plan .clickable-object:hover {
  cursor: pointer;
  text-decoration: underline;
}

.activity-plan__cols {
  grid-area: cell;
  display: flex;
  display: grid;
  grid-template-columns: 3fr 2fr 5fr 1fr 1fr 3fr;
  grid-template-rows: auto;
  grid-template-areas: "second third fourth fifth sixth seventh";
}

.plan-col {
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
  border-right: 1px solid #C7D5E3;
}

.plan-col-1 {
  grid-area: first;
  display: none;
}
.plan-col-1 p {
  background-color: #668C9E;
  text-transform: uppercase;
  padding: 0.2rem 0.4rem;
  color: white;
  border-radius: 0.3rem;
}

.plan-col-2 {
  grid-area: second;
}
.plan-col-2 p {
  font-weight: 500;
}

.plan-col-3 {
  grid-area: third;
  border-right: 0;
}

.plan-col-4 {
  grid-area: fourth;
}

.plan-col-5 {
  grid-area: fifth;
}

.plan-col-6 {
  grid-area: sixth;
}

.plan-col-7 {
  grid-area: seventh;
  border-right: 0;
}
.plan-col-7 p {
  margin-left: 1rem;
}

.plan-col--number p:nth-child(1) {
  font-weight: 500;
}
.plan-col--number p:nth-child(2) {
  color: #668C9E;
  margin-left: 0.4rem;
}

.tag-type {
  display: flex;
  border-radius: 0.3rem;
  background-color: white;
}
.tag-type > div {
  background-color: red;
  display: flex;
  align-items: center;
  padding: 0 0.4rem;
}
.tag-type > p {
  padding: 0.2rem 0.4rem;
}

.activity-plan__row-col {
  grid-area: all;
  border-left: 1px solid #C7D5E3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-plan__row-col .mud-icon-root.mud-svg-icon {
  fill: #668C9E;
}
.activity-plan__row-col svg {
  width: auto;
}

.activity-plan__row-col--modified-btn {
  flex-direction: column;
}
.activity-plan__row-col--modified-btn > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.activity-plan__row-col--modified-btn > div:hover {
  cursor: pointer;
  scale: 1.25;
}

.activity-plan__text {
  grid-area: txt;
  border-top: 1px solid #C7D5E3;
  padding: 0.4rem;
  display: flex;
  gap: 0.4rem;
}
.activity-plan__text p {
  color: #668C9E;
}
.activity-plan__text p span {
  color: #668C9E;
  font-weight: 500;
}

/*** dialog - přidat do kalendáře ***/
.edit-content-item {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: auto;
  grid-template-areas: "edit-ls edit-rs";
}
.edit-content-item .item-title {
  font-weight: 500;
  margin-top: 1.6rem;
  color: #424242;
  font-size: 1.1rem;
}

.headline__h1-main {
  color: #0C397A;
  font-size: 2rem;
  font-weight: 500;
  padding: 0;
}

.headline__h2-main {
  color: #424242;
  font-size: calc(1.5714285714rem * 0.6);
  font-weight: 700;
  padding: 0;
  margin: 0;
}

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

.search-tab__filters {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(2.8571428571rem * 0.6);
}

.button__margin-top {
  margin-top: 21px !important;
  max-width: 8rem;
  min-width: 8rem !important;
}

.dashboard-canvas {
  margin-top: 1rem;
}

.dashboard-area {
  border: 0.0714285714rem solid #DFDFDF;
  border-radius: 0.7142857143rem;
  margin-top: 1.4285714286rem;
}

.dashboard-area:has(.dashboard-area__body-expanded) .dashboard-area__header {
  display: none;
}

.dashboard-area__header {
  padding: 1.2142857143rem 1.4285714286rem;
  border-bottom: 0.0714285714rem solid #DFDFDF;
  display: flex;
  justify-content: space-between;
}

.dashboard-area__header h3 {
  color: #959595;
  font-size: 1.5714285714rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  align-self: center;
}

.dashboard-area__header-buttons {
  display: flex;
}

.dashboard-area__header-buttons .datamix-button--primary:first-child {
  margin-right: 1.4285714286rem;
}

.dashboard-area__body {
  padding: 1.4285714286rem;
  display: flex;
  overflow-x: auto;
}

.dashboard-area__body:has(.dashboard-area__body-tile-company-calendar) {
  display: block;
}

.dashboard-area__body > div:has(.dashboard-area__body-tile-company-calendar) {
  display: block;
}

.dashboard-area__body-full-height {
  max-height: calc(100vh - 80px - 2rem - 2.5rem);
}

.dashboard-area__body-tile {
  flex-wrap: wrap;
  overflow-x: unset;
}

.dashboard-area__body-tile-company-calendar {
  /*padding: 1rem 2rem 2rem 2rem;*/
}

.dashboard-area__body > div {
  display: flex;
  gap: 2.1428571429rem;
}

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

.dashboard-element__container .mud-drop-item-preview-start {
  height: unset;
}

.dashboard-element {
  border-radius: 0.3571428571rem;
  box-shadow: 0 0 0.7142857143rem 0 rgba(0, 0, 0, 0.15);
  color: white;
  padding: 1.0714285714rem 0.7142857143rem 1.0714285714rem 1.4285714286rem;
  display: flex;
  justify-content: space-between;
  width: 24.2857142857rem;
  margin-bottom: 0.7142857143rem;
}

.dashboard-element svg path {
  fill: white;
}

.dashboard-element h5 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1.1428571429rem;
  align-self: center;
}

.dashboard-element__header {
  display: flex;
  justify-content: space-between;
  gap: 1.0714285714rem;
  align-self: center;
}

.dashboard-element__drop-zone {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.7142857143rem;
  flex-grow: 1;
}

.dashboard-area__body-full-height-child .dashboard-element__drop-zone {
  max-height: calc(100vh - 80px - 2rem - 2.5rem - 80px);
  flex-wrap: nowrap;
  overflow: auto;
}

.dashboard-tile-element__drop-zone {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2.1428571429rem;
  flex-grow: 1;
}

.dashboard-tile-element__drop-zone .mud-drop-item-preview-start {
  z-index: 0 !important;
}

.dashboard-tile-element__drop-zone .mud-drop-item {
  display: flex;
}

.dashboard-element-data {
  width: 24.2857142857rem;
  border: 0.0714285714rem solid #C7CAD1;
  border-radius: 0.3571428571rem;
  box-shadow: 0 0 0.7142857143rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
}

.dashboard-element-data__note {
  color: #175BBC;
  background-color: #FEFFE5;
}

.dashboard-element-data__left {
  width: 21rem;
  border-right: 0.0714285714rem solid #C7CAD1;
  padding: 1.0714285714rem 0.7142857143rem 1.0714285714rem 1.4285714286rem;
  display: flex;
  flex-direction: column;
}

.dashboard-element-data__left p {
  font-weight: 400;
  font-size: 1.1428571429rem;
  word-wrap: break-word;
}

.dashboard-element-data__left span {
  font-family: var(--mud-typography-default-family);
}

.dashboard-element-data__left ul {
  margin: revert;
  padding: revert;
}

.dashboard-element-data__left-top p:first-child {
  margin-top: -1.5rem;
}

.dashboard-element-data__left p.dashboard-element-data__left-note {
  font-weight: 400;
  font-size: 0.8571428571rem;
  margin: 0;
  margin-top: 1.0714285714rem;
}

.dashboard-element-data__left-note span {
  font-weight: 400;
  font-size: 0.8571428571rem;
  color: #424242;
}

.dashboard-element-data__left p.dashboard-element-data__left-note:has(meta) {
  margin-top: -0.75rem;
}

.dashboard-element-data__right {
  width: 2.8571428571rem;
  padding: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
}

.dashboard-element-data__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.2857142857rem;
  height: 1.2857142857rem;
}

.dashboard-element-tile {
  width: 18.5714285714rem;
  border: 0.0714285714rem solid #C7CAD1;
  border-radius: 0.3571428571rem;
  box-shadow: 0 0 0.7142857143rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.dashboard-element-tile.dashboard-element-tile-new {
  width: auto;
  min-width: 18.5714285714rem;
}

.dashboard-element-tile__top-menu {
  height: 2.1428571429rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.dashboard-element-tile__chart {
  position: relative;
}

.dashboard-element-tile__chart .dashboard-element-tile__chart-header h2 {
  margin: 0;
  padding: 0 0.5rem;
  font-size: 1.15rem;
  font-weight: 500;
  text-align: center;
}

.dashboard-element-tile__chart .dashboard-element-tile__chart-header h3 {
  margin: 0;
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
}

.dashboard-element-tile__chart-footer {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

.dashboard-element-tile__chart-footer p {
  margin: 0;
  padding: 0;
  color: #C3C3C3;
}

.dashboard-element-tile__chart-body {
  position: relative;
  max-height: 146px;
}

.dashboard-element-tile__chart-body p {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

.dashboard-element-tile__chart-footer-min-value, .dashboard-element-tile__chart-footer-max-value {
  color: #C3C3C3;
  font-size: 1.15rem;
  position: absolute;
}

.dashboard-element-tile__chart-footer-min-value {
  bottom: 0.75rem;
  left: 19%;
  font-variant-numeric: tabular-nums;
  transform: translateX(-50%);
}

.dashboard-element-tile__chart-footer-min-value p {
  font-variant-numeric: tabular-nums;
}

.dashboard-element-tile__chart-footer-max-value {
  bottom: 0.75rem;
  left: 81%;
  font-variant-numeric: tabular-nums;
  transform: translateX(-50%);
}

.dashboard-element-tile__chart-footer-max-value p {
  font-variant-numeric: tabular-nums;
}

.dashboard-element-tile__chart-inside {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dashboard-element-tile__chart-inside svg {
  width: 1.25rem;
  height: 1.25rem;
}

.dashboard-element-tile__chart-inside p {
  font-weight: 500;
  font-size: 2rem;
  margin: 0;
  padding: 0;
}

.dashboard-element-tile-new__top-menu {
  height: 2.1428571429rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-element-tile-new__top-menu h2 {
  font-size: 1.2857142857rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  padding-top: 0.7142857143rem;
  padding-left: 1.4285714286rem;
}

.dashboard-element-tile-new__body {
  padding: 1.4285714286rem 0.7142857143rem 1.4285714286rem 1.4285714286rem;
  border-radius: 0 0 0.3571428571rem 0.3571428571rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 3rem;
}

.dashboard-element-tile-new__body-column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.8rem;
}

.dashboard-element-tile-pointer__top-menu {
  background-color: #F1F2F3;
}

.dashboard-element-tile__top-menu-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.2857142857rem;
  height: 1.2857142857rem;
  padding-right: 0.7142857143rem;
  padding-top: 0.3571428571rem;
}

.dashboard-element-tile__top-menu-icon button svg path {
  fill: #474D56;
}

.dashboard-element-tile__top {
  padding-bottom: 1.4285714286rem;
}

.dashboard-element-tile__top h1 {
  text-align: center;
  font-weight: 800;
  font-size: 5rem;
  padding-left: 0;
  margin: 0;
  min-height: 6rem;
}

.dashboard-element-tile-pointer__top {
  padding: 0 1.4285714286rem 0 2.5rem;
  background-color: #F1F2F3;
  height: 10.7142857143rem;
  display: flex;
  align-items: center;
}

.dashboard-element-tile-pointer__top h1 {
  font-weight: 400;
  font-size: 1.8571428571rem;
  padding-left: 0;
  margin: 0;
  color: #474D56;
  margin-top: -2.1428571429rem;
}

.dashboard-element-tile__bottom {
  padding: 1.4285714286rem 0;
  border-radius: 0 0 0.3571428571rem 0.3571428571rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.dashboard-element-tile__bottom h2 {
  color: white;
  text-align: center;
  font-weight: 700;
  font-size: 1.2857142857rem;
  padding-left: 0;
  margin: 0;
}

.dashboard-element-tile-pointer__bottom {
  padding: 2.1428571429rem;
  border-radius: 0 0 0.3571428571rem 0.3571428571rem;
}

.dashboard-element-tile-pointer__bottom button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.3571428571rem 0;
}

.dashboard-element-tile-pointer__bottom button p {
  font-weight: 400;
  font-size: 1.2857142857rem;
  color: #474d56;
  text-align: left;
  margin: 0;
}

.dashboard-element-tile-pointer__bottom button p span {
  font-weight: 700;
  font-size: 1.2857142857rem;
  color: #474d56;
  text-align: right;
}

.dashboard-element-data__icon-drag button:hover {
  cursor: grab;
}

.dashboard-element-data__icon button svg path {
  fill: #175BBC;
}

.dashboard-element-data__icon-locked button svg path {
  fill: black;
}

.dashboard-element-data__left .tag-type > div {
  border-radius: 0.3rem 0 0 0.3rem;
  padding: 0.3571428571rem 0.7142857143rem;
}

.dashboard-element-data__left .tag-type > div > svg {
  width: 0.8571428571rem;
  height: 0.8571428571rem;
  fill: white;
}

.dashboard-element-data__left .tag-type p {
  margin: 0;
  background-color: #F1F2F3;
  border-radius: 0 0.3rem 0.3rem 0;
  font-size: 0.8571428571rem;
  padding: 0.3571428571rem 0.7142857143rem;
}

.dashboard-element__popover {
  min-width: 14.2857142857rem;
  max-width: 28.5714285714rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15);
  border: 1px solid #E8E8E8;
  border-radius: 0.3rem;
}

.dashboard-element__popover-header {
  padding: 1.0714285714rem 1.4285714286rem;
  background-color: #FAFCFE;
  border-bottom: 1px solid #E8E8E8;
  text-transform: uppercase;
  text-align: center;
}

.dashboard-element__popover-header p {
  font-size: 0.8571428571rem;
  font-weight: 500;
  margin: 0;
}

.dashboard-element__popover-header p span {
  font-size: 0.8571428571rem;
  font-weight: 700;
  margin: 0;
}

.dashboard-element__popover-body {
  padding: 0.7142857143rem 0;
}

.dashboard-element__popover-body p {
  padding: 0.6428571429rem 1.4285714286rem;
  font-size: 1.1428571429rem;
  font-weight: 400;
  color: #134fa6;
  margin: 0;
}

.dashboard-element__popover-body p:hover {
  cursor: pointer;
  background-color: #F4F9FF;
}

.dashboard-element__popover-footer {
  border-top: 1px solid #E8E8E8;
}

.dashboard-element__popover-footer-item .mud-icon-button {
  color: #134fa6 !important;
}

.dashboard-element__popover-footer-item p {
  font-size: 1rem;
  color: #134fa6 !important;
  padding-right: 1rem;
}

.dashboard-element-data__computed-columns .dx-tag-icon {
  background-color: transparent;
}

.dashboard-element-data__computed-columns {
  gap: 1rem;
}

.dashboard-element-data__computed-columns div:not(:first-child) {
  margin-left: 1rem;
}

.dx-rich-edit-height {
  max-height: 400px;
}

.dx-rich-edit-height-w5 {
  height: 100px !important;
}

.dx-rich-edit-height-small {
  height: 350px !important;
}

.dx-rich-edit-hidden {
  height: 0 !important;
}

.dx-rich-edit-clickable {
  cursor: pointer !important;
}

.dx-rich-edit-clickable:hover {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot:hover {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot .dxreControl {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot dxreControl:hover {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot .dxreControl .dxreView {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot dxreControl .dxreView:hover {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot .dxreControl .dxreView .dxrePages {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot dxreControl .dxreView .dxrePages:hover {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot .dxreControl .dxreView .dxrePages .dxrePage {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot dxreControl .dxreView .dxrePages .dxrePage:hover {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot .dxreControl .dxreView .dxrePages .dxrePage .dxrePageArea {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot dxreControl .dxreView .dxrePages .dxrePage .dxrePageArea:hover {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot .dxreControl .dxreView .dxrePages .dxrePage .dxrePageArea .dxreColumn {
  cursor: pointer !important;
}

.dx-rich-edit-clickable .dxreRoot dxreControl .dxreView .dxrePages .dxrePage .dxrePageArea .dxreColumn:hover {
  cursor: pointer !important;
}

.dx-rich__dialog-header {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
}

.dx-rich-edit-border {
  border: none !important;
}

/* context menu */
.context-menu-buttons .datamix-button {
  width: 100%;
}

.work-queue__container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.work-queue__container-header {
  max-width: 32rem;
  display: flex;
  gap: 1rem;
}

.work-queue__container-header-hide {
  max-width: 32rem;
  display: none;
  gap: 1rem;
}

.work-queue__container-header .edit-item__autocomplete > div:first-child > div > input {
  font-size: 1rem;
  font-weight: 400;
}

.work-queue__container-header .edit-item__select > div > div > input.mud-input-root,
.work-queue__container-header .edit-item__select > div > div > div.mud-input-slot {
  font-size: 1rem;
  font-weight: 400;
}

.work-queue__drop-zone {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.1428571429rem;
}

.work-queue__card {
  max-width: 32rem;
  border: 0.0714285714rem solid #C7CAD1;
  border-radius: 0.3571428571rem;
  box-shadow: 0 0 0.7142857143rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  background-color: #FBFCFC;
}

.work-queue__card-skeleton {
  gap: 1rem;
  flex-direction: column;
}

.work-queue__card-left {
  width: 25.7142857143rem;
  border-right: 0.0714285714rem solid #C7CAD1;
  padding: 1.0714285714rem 0.7142857143rem 1.0714285714rem 1.4285714286rem;
  display: flex;
  flex-direction: column;
}

.work-queue__card-left-warning {
  display: flex;
  gap: 1rem;
  flex-direction: row;
}

.work-queue__card-left-warning span > p {
  margin-bottom: 0.7142857143rem;
  color: red;
}

.work-queue__card-left-warning span > p > span {
  font-weight: 600;
}

.work-queue__card-left:hover {
  cursor: pointer;
}

.work-queue__card-left p {
  margin-bottom: 0.7142857143rem;
}

.work-queue__card-left p span {
  font-weight: 600;
}

.work-queue__card-right {
  width: 2.8571428571rem;
  padding: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
}

.work-queue__card-right-large {
  width: 10.7142857143rem;
  padding: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
}

.work-queue__card-right-buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}

.work-queue__card-right-buttons > div > button:disabled svg path, .work-queue__card-right-buttons > div > button:disabled svg polygon,
.work-queue__card-right-buttons > div > button[disabled] svg path,
.work-queue__card-right-buttons > div > button[disabled] svg polygon {
  fill: #C7CAD1;
}

.work-queue__card-right-buttons > div > button:hover:disabled,
.work-queue__card-right-buttons > div > button:hover[disabled] {
  cursor: default;
}

.work-queue__container-header-filters {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* carousel */
.datamix-carousel__overlay.mud-overlay .mud-overlay-scrim.mud-overlay-dark {
  background-color: rgba(33, 33, 33, 0.9);
}

.datamix-carousel {
  width: 95vw;
  height: 90vh;
  position: relative;
}

.datamix-carousel > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.datamix-carousel__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: 200ms opacity ease-in-out;
  transition-delay: 200ms;
  overflow: hidden;
}

.datamix-carousel__slide > img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: zoom-in;
}

.datamix-carousel__slide-active {
  opacity: 1;
  z-index: 10002;
  transition-delay: 0ms;
}

.datamix-carousel__slide-active.datamix-carousel__slide-zoomed > img {
  transform: translate(-50%, -50%) scale(2);
  cursor: zoom-out;
}

.datamix-carousel__slide-active.datamix-carousel__slide-zoomed > img.datamix-carousel__image-grab {
  cursor: grab;
}

.datamix-carousel__slide-active.datamix-carousel__slide-zoomed > img.datamix-carousel__image-grabbing {
  cursor: grabbing;
}

.datamix-carousel__close-btn > svg {
  font-size: 3.5rem;
}

.datamix-carousel > button > svg {
  font-size: 3.5rem;
}

.datamix-carousel__previous-btn, .datamix-carousel__next-btn, .datamix-carousel__close-btn {
  position: absolute;
  background: none;
  border: none;
  top: 50%;
  z-index: 10005;
  transform: translateY(-50%);
  background-color: rgba(33, 33, 33, 0.7);
  border-radius: 50%;
}

.datamix-carousel__close-btn {
  top: 0;
  right: 0.5rem;
}

.datamix-carousel__previous-btn:hover, .datamix-carousel__next-btn:hover, .datamix-carousel__close-btn:hover,
.datamix-carousel__previous-btn:focus, .datamix-carousel__next-btn:focus, .datamix-carousel__close-btn:focus {
  background-color: rgba(33, 33, 33, 0.9);
}

.datamix-carousel__previous-btn:focus, .datamix-carousel__next-btn:focus, .datamix-carousel__close-btn:focus {
  outline: 1px solid black;
}

.datamix-carousel__previous-btn {
  left: 1rem;
}

.datamix-carousel__next-btn {
  right: 1rem;
}

.datamix-carousel__previous-btn svg path, .datamix-carousel__next-btn svg path, .datamix-carousel__close-btn svg path {
  fill: white;
}

.datamix-carousel__dots {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  padding-top: 1.5rem;
}

.datamix-carousel__dot {
  width: 1.5rem;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
}

.datamix-carousel__dot:hover {
  cursor: pointer;
}

.datamix-carousel__dot-active {
  background-color: rgb(255, 255, 255);
}

.work-queue__container-header-content {
  max-width: 32rem;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.work-queue__container-header-button {
  margin-top: 0.7142857143rem;
}

.work-queue__container-header-content > p > span {
  font-weight: 500;
  font-size: 18px;
}

.work-queue__container-header-content > p {
  font-size: 18px;
  margin: initial;
}

.work-queue__container-header-searchfield {
  height: 60px;
  margin-top: 10px;
}

.small-dialog-container.mud-dialog {
  padding: 10px;
  margin: 10px;
  max-width: unset;
  max-height: unset;
}
.small-dialog-container.mud-dialog .mud-dialog-title {
  padding: 0;
}
.small-dialog-container.mud-dialog .mud-dialog-content {
  padding: 0;
  border-radius: 0;
}

.item-queue__container {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.item-queue__container-header {
  max-width: 32rem;
  display: flex;
  gap: 1rem;
}

.item-queue__container-header .edit-item__autocomplete > div:first-child > div > input {
  font-size: 1rem;
  font-weight: 400;
}

.item-queue__container-header .edit-item__select > div > div > input.mud-input-root,
.item-queue__container-header .edit-item__select > div > div > div.mud-input-slot {
  font-size: 1rem;
  font-weight: 400;
}

.item-queue__drop-zone {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.1428571429rem;
}

.item-queue__card {
  max-width: 30rem;
  border: 0.0714285714rem solid #C7CAD1;
  border-radius: 0.3571428571rem;
  box-shadow: 0 0 0.7142857143rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  background-color: #FBFCFC;
}

.item-queue__card-skeleton {
  gap: 1rem;
  flex-direction: column;
}

.item-queue__card-left {
  width: 24.2857142857rem;
  border-right: 0.0714285714rem solid #C7CAD1;
  padding: 1.0714285714rem 0.7142857143rem 1.0714285714rem 1.4285714286rem;
  display: flex;
  flex-direction: column;
}

.item-queue__card-left:hover {
  cursor: pointer;
}

.item-queue__card-left p {
  margin-bottom: 0.7142857143rem;
}

.item-queue__card-left p span {
  font-weight: 600;
}

.item-queue__card-right {
  width: 5.7142857143rem;
  padding: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
}

.item-queue__card-right-buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}

.item-queue__card-right-buttons > div > button:disabled svg path, .item-queue__card-right-buttons > div > button:disabled svg polygon,
.item-queue__card-right-buttons > div > button[disabled] svg path,
.item-queue__card-right-buttons > div > button[disabled] svg polygon {
  fill: #C7CAD1;
}

.item-queue__card-right-buttons > div > button:hover:disabled,
.item-queue__card-right-buttons > div > button:hover[disabled] {
  cursor: default;
}

.item-queue__container-header-filters {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.item-queue__container-header-content {
  max-width: 32rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.item-queue__container-header-content > p > span {
  font-weight: 500;
  font-size: 18px;
}

.item-queue__container-header-content > p {
  font-size: 18px;
}

.item-queue__container-body > p > span {
  font-weight: 500;
  font-size: 18px;
}

.no-event-error-text {
  color: red;
  margin: 1rem 0;
}

.no-event-error-text--invisible {
  display: none;
}

.item-order__card-right {
  width: 6.4285714286rem;
  padding: 0.7142857143rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.item-order__card-right-buttons {
  width: 5.7142857143rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}

.item-order__card-right-buttons > p > span {
  font-weight: 500;
  font-size: 14px;
}

.item-identification__form-autocomplete {
  flex-direction: row;
  max-width: 400px;
}

.item-identification__container-header-searchfield {
  height: 60px;
  margin-top: 10px;
  display: flex;
}

.item-identification__textfield-search {
  display: contents;
  flex: 0 1 auto;
  padding: 10px;
  gap: 10px;
}

/* expansion panel */
.expansion-panel__row {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  gap: 2rem;
  width: 100%;
}

.expansion-panel__row > div {
  flex: 1;
}

.expansion-panel__row .mud-autocomplete > .edit-item__autocomplete > .mud-input-control-input-container > .mud-input {
  width: unset !important;
}

.mud-button.dialog-button.dialog-button--terminal {
  height: 4rem;
  width: 17rem;
  background-color: #134fa6;
  color: #ffffff;
}

.mud-button.dialog-button.dialog-button--terminal:disabled {
  background-color: #dddddd;
}

.mud-button.dialog-button.dialog-button--terminal:hover {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #134fa6;
}

/* overview shiftments */
.shiftment-summary__header {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  background-color: #808080;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  transition: max-width 1s;
}

.shiftment-summary__header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shiftment-summary__header p {
  color: white;
  margin: 0;
  padding: 0;
}

.shiftment-summary__header span {
  font-weight: 500;
}

.shiftment-summary__header .fab-button.cancel-button.close-datamix-button {
  background-color: transparent;
}

.shiftment-summary__header .fab-button, .mud-fab.fab-button {
  width: 2rem;
  height: 2rem;
}

.overview-shiftment__report-header {
  margin-top: 1rem;
}

.overview-shiftment__report-header h5, .overview-shiftment__report-header h6 {
  margin: 0;
  padding: 0;
  font-weight: 400;
}

.overview-shiftment__report-header h5, .overview-shiftment__report-header span {
  font-size: 1.1rem;
}

.overview-shiftment__report-header h6 {
  margin-top: 0.5rem;
}

.overview-shiftment__report-header h6, .overview-shiftment__report-header span {
  font-size: 1rem;
}

.overview-shiftment__report-header span {
  font-weight: 500;
}

.overview-shiftment__contrainer-report {
  margin-top: 0.5rem;
}

.overview-shiftment__contrainer-report .overview-shiftment__table {
  margin: 0;
}

.overview-shiftment__contrainer_report-header {
  margin: 0;
  margin-top: 0.5rem;
}

.overview-shiftment__contrainer_report-header svg {
  fill: white;
  width: 1.5rem;
  height: 1.5rem;
}

.overview-shiftment__contrainer_report-header button p {
  margin-right: 0.5rem;
}

.shiftment-summary__header-expand-reverse {
  max-width: 1950px;
  transition: max-width 1s;
}

.shiftment-summary__header-expand-reverse svg {
  transform: rotate(180deg);
}

.overview-shiftment__table {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  transition: max-width 1s;
}

.overview-shiftment__table-expanded {
  max-width: 1950px;
  transition: max-width 1s;
}

.overview-shiftment__table-expanded th {
  white-space: nowrap;
}

.overview-shiftment__table-expanded td {
  white-space: nowrap;
}

.overview-shiftment__table-header {
  border: solid 1px #c4c4c4;
}

.overview-shiftment__table-header th {
  padding: 0.5rem;
  font-size: 1.1rem;
}

.overview-shiftment__table-double-header tr:first-child th {
  padding-bottom: 0.25rem;
}

.overview-shiftment__table-double-header tr:last-child th {
  padding-top: 0.25rem;
}

.overview-shiftment__table-header .overview-shiftment__table-row:not(:first-child) th {
  font-weight: 400;
}

.overview-shiftment__table-header .overview-shiftment__table-row {
  border: none;
}

.overview-shiftment__table-row {
  border: solid 1px #c4c4c4;
}

.overview-shiftment__table-row > td {
  padding: 0.5rem;
  font-size: 1.1rem;
}

.overview-shiftment__table-column-name {
  color: white;
  padding: 0.5rem 0 !important;
  width: max-content;
  border-right: solid 1px #c4c4c4;
  font-size: 1rem !important;
}

.overview-shiftment__table-column-image {
  text-align: center;
}

.overview-shiftment__table-column-number {
  text-align: right;
}

.overview-shiftment__table-column-number-bold {
  font-weight: 700;
}

.overview-shiftment__table-footer {
  border: solid 1px #c4c4c4;
}

.overview-shiftment__table-footer-row {
  padding: 0.5rem;
}

.overview-shiftment__table-footer-row:first-child {
  border-bottom: solid 1px #c4c4c4;
}

.overview-shiftment__table-footer-row > td {
  padding: 0.5rem;
  font-size: 1.1rem;
}

.overview-shiftment__table-footer-column-name {
  color: black;
  font-weight: 700;
  text-align: center;
}

.overview-shiftment__table-vertical-text {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  margin: 0 auto;
}

.overview-shiftment__table-vertical-text p {
  margin: 0;
  padding: 0;
}

.item_card__p-text-decorator {
  color: darkblue;
  white-space: nowrap;
}

.item_card__p-text-decorator-left {
  color: darkblue;
  white-space: nowrap;
  padding-right: 1.5rem;
  padding-left: 1rem;
  margin-top: 1rem;
}

.item_card_input--numeric-field {
  margin-top: 1rem;
  width: 250px;
}

/* timeline delivery */
.timeline-grid__delivery {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.timeline-grid__delivery > div:first-child {
  max-width: 50rem;
  width: 100%;
}

.timeline-grid__delivery > div:last-child {
  width: auto;
}

.timeline-container__delivery .mud-timeline-item-dot .mud-timeline-dot-fill.mud-timeline-item-dot-inner.mud-timeline-dot-default {
  background-color: #53596B;
}

.timeline-container__delivery .mud-timeline-item-opposite {
  display: flex;
  justify-content: end;
}

.timeline-container__delivery .mud-timeline-item-opposite {
  display: flex;
  justify-content: end;
}

.timeline-opposite__delivery {
  text-align: end;
  max-width: 10rem;
  width: 100%;
}

/*.timeline-container__delivery.mud-timeline-vertical.mud-timeline-position-start::before {
    left: calc(25% + 47px) !important;
}

.timeline-container__delivery.mud-timeline-vertical .mud-timeline-item .mud-timeline-item-opposite {
    display: flex !important;
    flex: 0 0 25% !important;
}*/
.timeline-content__delivery {
  border: solid 1px #c4c4c4;
  border-radius: 4px;
  padding: 0.75rem;
  display: flex;
  justify-content: space-between;
  gap: 3rem;
  max-width: 25rem;
  width: 100%;
}

.timeline-content__delivery > div {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  justify-content: space-around;
  width: max-content;
}

.timeline-content__delivery > div:last-child {
  width: fit-content;
}

.timeline-content__delivery svg:hover {
  cursor: pointer;
}

.timeline-content__delivery p {
  color: gray;
  margin: 0;
}

.timeline-content__delivery p:first-child {
  font-weight: 700;
  color: black;
}

.timeline-content__delivery .dx-tag-icon {
  background-color: transparent;
}

.timeline-content__delivery .dx-tag-icon .text {
  color: black;
}

.timeline-content__delivery-contract.dx-tag-icon .text {
  font-weight: 700;
}

.timeline-content__delivery-requests:hover {
  cursor: pointer;
}

.timeline-content__delivery-request-types {
  display: flex;
}

.timeline-content__delivery-request-type {
  display: flex;
  align-items: center;
}

.timeline-content__delivery-request-type div div {
  width: 1.8571428571rem;
  height: 1.8571428571rem;
  transform: translate(-8px, -8px) scale(1);
}

.timeline-content__delivery-request-type div.mud-tooltip-root {
  width: 1.8571428571rem;
  height: 1.8571428571rem;
}

.timeline-content__delivery-request-type p {
  padding-left: 0.25rem;
}

/* tree */
.pr-su-tree__list-header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: space-between;
  width: max-content;
  margin-top: 1rem;
}

.pr-su-tree__list-header p {
  margin: 0;
  padding: 0;
}

.pr-su-tree__list-header svg:hover {
  cursor: pointer;
}

.pr-su-tree__header-container {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: space-between;
}

.pr-su-tree__header-container .planner-group__card-footer-solvers-icon:hover {
  cursor: pointer;
}

.pr-su-tree__header {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.pr-su-tree__header .mud-switch {
  margin: 0;
}

.pr-su-tree__sub-header {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pr-su-tree__sub-header h3 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  color: #2F343D;
}

.pr-su-tree__sub-header .planner-group__card-footer-solvers-icon:hover {
  cursor: pointer;
}

.pr-su-tree__list-container {
  /*max-height: 500px;*/
  overflow-y: auto;
  /*background-color: white;
  border-radius: 4px;*/
}

.datamix-tab__content .pr-su-tree__list-container {
  max-height: 75vh;
}

.pr-su-tree__list-container--secondary {
  overflow-y: auto;
}

.pr-su-tree__list {
  margin: revert;
  padding: revert;
  list-style-type: none;
}

.pr-su-tree__list-hidden {
  height: 0;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.pr-su-tree__list-item {
  margin-top: 1rem;
  position: relative;
}

.pr-su-tree__list-item-buttons .pr-su-tree__list-item-top-buttons {
  margin-bottom: 1rem;
}

.pr-su-tree__list-item-buttons .pr-su-tree__list-item-bottom-buttons {
  margin-top: 1rem;
  margin-left: 2.75rem;
}

.pr-su-tree__list-item-top-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.pr-su-tree__list-item-bottom-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.request-detail__section-content--fixed-height:has(.planner-group__add-new-task-container-absolute) {
  /*overflow: visible;*/
}

.pr-su-tree__list-item-buttons .planner-group__add-new-task-container-absolute {
  position: relative;
}

.request-detail__section-content:empty {
  height: 0;
  display: none;
}

.pr-su-tree__list-container:has(.planner-group__add-new-task-container-absolute) {
  /*overflow: visible;*/
}

.mud-main-content:has(.planner-group__add-new-task-container-absolute) {
  overflow: visible !important;
}

.pr-su-tree__list-item-body {
  display: flex;
  gap: 1rem;
  align-items: center;
  position: relative;
}

.pr-su-tree__list-item-body-selected {
  padding: 0.25rem 0.5rem;
  border-radius: 5px;
  width: max-content;
  background-color: #F1F2F3;
  box-shadow: rgba(3, 30, 73, 0.25) 0 4px 4px 0;
}

.pr-su-tree__list-item-body .mud-icon-button {
  padding: 0;
}

.pr-su-tree__list-item-body .mud-checkbox {
  margin: 0;
}

.pr-su-tree__list-item-body div {
  color: #134FA6;
  position: relative;
}

.pr-su-tree__list-item-body .pr-su-tree__list-item-body-name {
  color: black;
  font-weight: 700;
}

.pr-su-tree__list-item .toggle-btn {
  cursor: pointer;
  display: block;
  width: 1rem;
  height: 1rem;
  transition: transform 0.3s ease;
  text-align: center;
  position: absolute;
  left: -1.5rem;
  transform: rotate(90deg);
  margin-bottom: 0;
}

.pr-su-tree__list-item .toggle-btn.collapsed {
  transform: rotate(0);
}

.pr-su-tree__list-item-body-name:hover {
  cursor: pointer;
}

.pr-su-tree__list-item-body .dx-tag-icon:hover {
  cursor: pointer;
}

.pr-su-tree__content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  overflow: auto;
}

.pr-su-tree__steps-left {
  overflow-x: auto;
  min-width: 550px;
  width: 100%;
  max-width: 650px;
}

.pr-su-tree__steps {
  padding: 1rem;
}

.pr-su-tree__step-detail {
  min-width: 400px;
  width: 100%;
  max-width: 1000px;
}

/* Intralogistika */
.intra__container {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  background-color: #E2E2E2;
  align-items: start;
  padding: 2rem 1rem;
}

.intra__header {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.intra__container > .intra__header {
  background-color: white;
  padding: 0.5rem;
  width: 100%;
  max-width: 40rem;
}

.intra__header-image {
  background-color: #73B0C4;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
}

.intra__header-h {
  padding: 0;
  margin: 0;
  color: #73B0C4;
  font-weight: 700;
  font-size: 1.5rem;
}

.intra__header-dialog {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 0.5rem;
  width: 100%;
  max-width: 40rem;
}

.intra__header-cancel-img {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
}

.intra__header-cancel-img:hover {
  cursor: pointer;
}

.intra__sub-header {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 40rem;
  background-color: white;
  padding: 0.5rem;
  gap: 0.5rem;
}

.intra__sub-header h4 {
  padding: 0;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 400;
  position: relative;
}

.intra__sub-header-name-simple {
  color: #73B0C4;
}

.intra__sub-header-name-full-width {
  width: 100%;
}

.intra__sub-header h6 {
  padding: 0 0 0.25rem 0;
  margin: 0;
  color: #73B0C4;
  text-transform: uppercase;
  font-size: 0.85rem;
}

.intra__sub-header-location h6 {
  text-align: end;
}

.intra__sub-header-location h4:before {
  content: "";
  background-image: url("../images/intra_pin_small.png");
  background-size: 1.5rem 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: -1.5rem;
}

.intra__filters {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 40rem;
}

.intra__filters .full-text-search .mud-input {
  background-color: white;
  border-radius: 4px;
}

.intra__filters .full-text-search .mud-input svg {
  fill: #134FA6;
}

.intra__filters .mud-input-control {
  margin-top: 0;
}

.intra__filters .mud-input > input.mud-input-root {
  background-color: white;
  border-radius: 4px;
  height: 2.5rem;
}

.intra__filters .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  width: 100%;
}

.intra__filters .mud-select .mud-input > input.mud-input-root {
  background-color: transparent;
}

.intra__filters .mud-input > input.mud-input-root-outlined {
  padding: 0.5rem;
}

.intra__filters .mud-input.mud-input-outlined .mud-input-outlined-border {
  border-color: #73B0C4;
}

.intra__filters .intra__filter-error .mud-input.mud-input-outlined .mud-input-outlined-border {
  border-color: #D60F15;
}

.intra__filters .intra__location-correct .mud-input.mud-input-outlined .mud-input-outlined-border {
  border-color: #10BE60;
  border-width: 2px;
}

.intra__filters .mud-input-label-outlined {
  padding: 0 !important;
}

.intra__filters .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  font-size: 1.25rem;
}

.intra__filters .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
  line-height: 10px;
}

.intra__filters .datamix-date-picker.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root, .datamix-date-picker.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  background-color: transparent;
}

.intra__filters .datamix-time-picker.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root, .datamix-time-picker.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  background-color: transparent;
}

.intra__filters .datamix-date-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  max-width: 40rem;
  width: 100%;
}

.intra__filters .mud-input-control > .mud-input-control-input-container {
  background-color: white;
  border-radius: 4px;
}

.intra__filters .mud-select .mud-input-control > .mud-input-control-input-container {
  background-color: transparent;
}

.intra__filters .mud-picker .mud-input-control > .mud-input-control-input-container {
  background-color: transparent;
}

.intra__filters .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .intra__filters .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(0, -12px) scale(0.75) !important;
  text-transform: uppercase;
  background-color: transparent;
  font-weight: 700;
  color: #134fa6;
}

.intra__filters .mud-select .select-sort .mud-input-label {
  text-transform: uppercase;
  color: #134FA6;
  opacity: 1;
  font-size: 0.875rem;
  font-weight: 500;
  transform: scale(1);
}

.intra__filters-visibility-hidden {
  visibility: hidden;
  height: 0;
}

/*.intra__filters .mud-select .select-sort .mud-input.mud-input-underline:before {
    border-bottom-width: 2px;
}*/
.intra__body {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

.intra__buttons {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

.intra__buttons button {
  width: 100%;
  max-width: 40rem;
  height: 3.8rem;
}

.intra__buttons button img {
  width: 2.5rem;
  height: 2.5rem;
}

.intra__body_drop-zone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  max-width: 40rem;
}

.intra__body-items h4 {
  font-weight: 500;
  font-size: 1.25rem;
  padding: 0;
  margin-bottom: 0.5rem;
}

.intra__body-history {
  max-width: 40rem;
}

.intra__body-history h4 {
  font-weight: 500;
  font-size: 1.25rem;
  padding: 0;
  margin-bottom: 0.5rem;
}

.intra__body_items-header {
  background-color: #73B0C4;
  width: 100%;
  max-width: 40rem;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  min-height: 1rem;
  height: 100%;
}

.intra__body_items-header > h6 {
  padding: 0;
  margin: 0;
  color: white;
  font-weight: 700;
  font-size: 1rem;
}

.intra__body-item-card {
  display: flex;
  background-color: white;
  width: 100%;
  max-width: 40rem;
  min-height: 4rem;
}

.intra__body-item-card:hover {
  cursor: default;
}

.intra__body-item-card-left {
  min-width: 70%;
  padding: 0.5rem 0 0.5rem 0.5rem;
}

.intra__body-item-card p {
  font-size: 1.25rem;
  padding: 0;
  margin: 0;
  font-weight: 400;
}

.intra__body-item-card-right {
  background-color: #73B0C4;
  color: white;
  width: 30%;
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.intra__body-item-card-right p {
  text-align: end;
}

.intra__body-cards h4 {
  font-weight: 500;
  font-size: 1.25rem;
  padding: 0;
  margin-bottom: 0.5rem;
}

.intra__body-cards-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 40rem;
}

.intra__body-cards-container {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  margin-top: 1.1428571429rem;
}

.intra__body-cards-container-with-scroll {
  width: 100%;
  max-width: 40rem;
  height: 40rem;
  overflow-y: scroll;
}

.intra__body-card {
  max-width: 40rem;
  border: 0.0714285714rem solid #C7CAD1;
  border-radius: 0.3571428571rem;
  box-shadow: 0 0 0.7142857143rem 0 rgba(0, 0, 0, 0.15);
  display: flex;
  background-color: #FBFCFC;
}

.intra__body-card:hover {
  cursor: pointer;
}

.intra__body-card__no-click {
  box-shadow: none;
  border: none;
}

.intra__body-card__no-click:hover {
  cursor: default;
}

.intra__body-card-left {
  width: 100%;
  border-right: 0.0714285714rem solid #C7CAD1;
  padding: 1.0714285714rem 0.7142857143rem 1.0714285714rem 1.4285714286rem;
  display: flex;
  flex-direction: column;
}

.intra__body-card intra__body-card-left:hover {
  cursor: pointer;
}

.intra__body-card__no-click intra__body-card-left:hover {
  cursor: default;
}

.intra__body-card-left p {
  margin-bottom: 0.5rem;
  position: relative;
}

.intra__body-card-left p span {
  font-weight: 600;
  position: relative;
}

.intra__body-card-left-current-location {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.intra__body-card-left-location {
  font-weight: 400 !important;
  margin-left: 1rem;
}

.intra__body-card-left-location:before {
  content: "";
  background-image: url("../images/intra_pin_small.png");
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -1rem;
}

.intra__body-card-left-location-warning {
  font-weight: 600 !important;
  color: red;
  margin-left: 1rem;
  font-size: 1rem;
}

.intra__body-card-left-location-warning:before {
  content: "";
  background-image: url("../images/intra_pin_red_small.png");
  background-size: 1rem 1rem;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: -1rem;
}

.intra__body-card-right {
  padding: 0.7142857143rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
}

.intra__body-card intra__body-card-right:hover {
  cursor: pointer;
}

.intra__body-card__no-click intra__body-card-right:hover {
  cursor: default;
}

.intra__body-card-right-buttons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
  width: 100%;
}

.intra__body-card-right-buttons img {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
}

.intra__body-card-right-buttons > div > button:disabled svg path, .intra__body-card-right-buttons > div > button:disabled svg polygon,
.intra__body-card-right-buttons > div > button[disabled] svg path,
.intra__body-card-right-buttons > div > button[disabled] svg polygon {
  fill: #C7CAD1;
}

.intra__body-card-right-buttons > div > button:hover:disabled,
.intra__body-card-right-buttons > div > button:hover[disabled] {
  cursor: default;
}

.intra__body-card-right-amounts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

.intra__body-card-right-amount-item:first-child {
  border-bottom: 1px solid #C7CAD1;
}

.intra__body-card-right-amount-item {
  width: 100%;
}

.intra__body-card-right-amount-item h5 {
  padding: 0.5rem;
  margin: 0;
  text-align: end;
}

.intra__body-card-right-amount-item h5:first-child {
  color: #73B0C4;
  text-transform: uppercase;
  text-align: center;
}

.intra__body-item-order-cards {
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 100%;
  max-width: 40rem;
  min-height: 4rem;
  border-radius: 0.5rem;
}

.intra__body-item-order-cards:hover {
  cursor: default;
}

.intra__body-item-order-card-up {
  width: 100%;
  padding: 1rem 1rem 0.5rem 1rem;
}

.intra__body-item-order-card-up h5 {
  font-size: 1.25rem;
  padding: 0;
  padding-bottom: 0.5rem;
  margin: 0;
  text-transform: uppercase;
  border-bottom: 1px solid #C7CAD1;
}

.intra__body-item-order-card-down {
  padding: 0.5rem 1rem 1rem 1rem;
}

.intra__body-item-order-card-down h5 {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.intra__body-item-order-card-amounts {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  gap: 1rem;
}

.intra__body-item-order-card-amount-item {
  max-width: 10rem;
}

.intra__body-item-order-card-amount-item h5 {
  color: #134FA6;
  font-weight: 400;
  text-align: end;
  font-size: 1rem;
}

.intra__body-item-order-card-amount-item h5:first-child {
  font-weight: 500;
  text-align: start;
  margin-bottom: 0.5rem;
}

.intra__body-item-order-card-amount-item h5:hover {
  cursor: pointer;
}

.intra__body-item-order-card-amount-item-ordered h5 {
  color: #979797;
}

.intra__body-item-order-card-amount-item-ordered h5:hover {
  cursor: default;
}

.intra__body-item-order-card-amount-item-select .mud-input-control {
  margin-top: 0;
}

.intra__body-item-order-card-amount-item-select .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.intra__body-item-order-card-amount-item-select .edit-item__numeric > div > div.mud-input input.mud-input-root {
  font-size: 1rem;
  margin-left: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0;
}

.intra__body-item-order-card-amount-item-select .mud-input.mud-input-underline:before {
  border-bottom: 2px solid #134FA6;
}

.intra__body-item-order-card-amount-item-select button svg.mud-icon-root.mud-svg-icon {
  fill: #134FA6;
  font-weight: 500;
}

.intra__footer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  max-width: 40rem;
}

.intra__footer button {
  position: sticky;
  width: 100%;
  max-width: 40rem;
  height: 3.8rem;
}

.intra__divider {
  color: #134FA6;
  width: 100%;
  max-width: 40rem;
}

.intra__select-dialog-container {
  margin: 0 0.5rem;
}

.intra__select-dialog {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.intra__select-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.intra__select-dialog-header h5 {
  margin: 0;
  padding: 0;
}

.intra__select-dialog-header button svg.mud-icon-root.mud-svg-icon {
  fill: #134FA6;
}

.intra__select-dialog-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.intra__select-dialog-buttons button {
  width: 100%;
  max-width: 40rem;
  height: 3.8rem;
}

/* datamix-date-picker-slim */
.datamix-date-picker-slim .mud-input-control {
  margin-top: 0;
}

.datamix-date-picker-slim .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.datamix-date-picker.datamix-date-picker-slim .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  height: auto;
  width: 100%;
}

.datamix-date-picker.datamix-date-picker-slim.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root, .datamix-date-picker.datamix-date-picker-slim.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0.75rem;
}

/* datamix-date-picker-text */
.datamix-date-picker-text .mud-input-control {
  margin-top: 0;
}

.datamix-date-picker-text .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.datamix-date-picker.datamix-date-picker-text .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  height: auto;
  width: 100%;
  background-color: transparent;
  border: none;
}

.datamix-date-picker.datamix-date-picker-text.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root, .datamix-date-picker.datamix-date-picker-text.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  font-size: 1rem;
  color: #474D56;
  margin-left: 0rem;
  padding: 4px 0;
  cursor: pointer;
}

.datamix-date-picker.datamix-date-picker-text.datamix-date-picker-text-bold.mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root, .datamix-date-picker.datamix-date-picker-text.datamix-date-picker-text-bold.mud-picker-inline.mud-picker-input-text .mud-input .mud-input-root {
  font-size: 1.15rem;
  color: #474D56;
  font-weight: 500;
}

.datamix-date-picker-text .mud-input.mud-input-underline:before {
  border-bottom: none;
}

.datamix-date-picker-text .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
  border-bottom: none;
}

.datamix-date-picker-text.datamix-date-picker .mud-icon-root {
  margin-right: 0;
  color: #727375;
}

/* datamix-date-picker small */
.datamix-date-picker-small.datamix-date-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 20rem;
}

/* datamix-date-picker very small */
.datamix-date-picker-very-small.datamix-date-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 17rem;
}

/* datepicker no margin */
.datamix-date-picker.datamix-date-picker-no-margin .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.datamix-date-picker.datamix-date-picker-no-margin .mud-input-label-inputcontrol {
  transform: translate(0, 12px) scale(1);
}

.datamix-date-picker.datamix-date-picker-no-margin .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .datamix-date-picker.datamix-date-picker-no-margin .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(2px, -12px) scale(0.75);
}

/* Firemní kalendář */
.company-calendar__container {
  display: flex;
  gap: 2rem;
}

.company-calendar__header-first-section {
  min-width: 17.71rem;
  padding: 1rem;
}

.company-calendar__header-second-section {
  min-width: 831.88px;
}

.company-calendar__settings-header {
  min-height: 3.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.company-calendar__settings-header h3 {
  font-size: 2rem;
  margin: 0;
  padding: 0;
  color: #474D56;
}

.company-calendar__settings-header svg {
  cursor: pointer;
}

.company-calendar__settings-header .mud-icon-root.mud-svg-icon {
  fill: #474D56;
}

.company-calendar__settings-header .mud-icon-size-medium {
  font-size: 1.75rem;
}

.company-calendar__settings-header .datamix-button.datamix-button--primary {
  min-height: 2rem;
}

.company-calendar__settings-legend-item .mud-list-item-text > p {
  color: #424242;
}

.company-calendar__body-header {
  min-height: 3.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: space-between;
}

.company-calendar__body-header-end {
  position: relative;
}

.company-calendar__body-header-end .datamix-button--more-vert {
  position: absolute;
  left: -2.8571428571rem;
  top: -5.25rem;
}

.company-calendar__body-header .datamix-button.datamix-button--primary {
  min-height: 2rem;
  background-color: #039733;
}

.company-calendar__body-header p {
  font-size: 1rem;
  margin: 0;
  padding: 0;
  color: #474D56;
}

.company-calendar__body-header-start {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.company-calendar__select-body {
  cursor: pointer;
}

/* Border není možné zvednout pomocí z-indexu takže to musí být takhle */
/*td.company-calendar__calendar-body-weekend::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.5px;
    width: 3px;
    background-image: repeating-linear-gradient( to bottom, #CCCCCC, #CCCCCC 4px, transparent 4px, transparent 8px );
    z-index: 9;
    pointer-events: none;
}

td.company-calendar__calendar-body-weekend::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.5px;
    width: 3px;
    background-image: repeating-linear-gradient( to bottom, #CCCCCC, #CCCCCC 4px, transparent 4px, transparent 8px );
    z-index: 9;
    pointer-events: none;
}

td.company-calendar__calendar-body-holiday::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1.5px;
    width: 3px;
    background-image: repeating-linear-gradient( to bottom, #BBBBBB, #BBBBBB 4px, transparent 4px, transparent 8px );
    z-index: 9;
    pointer-events: none;
}

td.company-calendar__calendar-body-holiday::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1.5px;
    width: 3px;
    background-image: repeating-linear-gradient( to bottom, #BBBBBB, #BBBBBB 4px, transparent 4px, transparent 8px );
    z-index: 9;
    pointer-events: none;
}*/
td.company-calendar__calendar-body-weekend {
  /*background-color: rgba(204, 204, 204, 0.4);*/
  position: relative;
  z-index: 8;
}

td.company-calendar__calendar-body-holiday {
  /*background-color: rgba(187, 187, 187, 0.4);*/
  position: relative;
  z-index: 8;
}

.td-fill-weekend, .td-fill-holiday {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  pointer-events: none;
}

.td-fill-weekend {
  background-color: rgba(149, 177, 217, 0.2);
  margin: 0 0.5rem;
}

.td-fill-holiday {
  background-color: rgba(178, 209, 254, 0.3);
  margin: 0 0.5rem;
}

.company-calendar__calendar-current-column {
  margin: 0;
  padding: 0.1rem 0.25rem;
  border: 2px solid #1A54A8;
  border-radius: 1rem;
}

.company-calendar__calendar-body-highlighted {
  position: relative;
  background-color: #CBD6E3;
}

.company-calendar__calendar-body-check {
  padding: 0.25rem;
  border-radius: 50%;
  background-color: white;
  width: 1rem;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

.company-calendar__calendar-body-check svg {
  font-size: 0.75rem;
  width: 0.8rem;
  height: 0.8rem;
}

.company-calendar__calendar-body-check .mud-icon-root.mud-svg-icon {
  fill: #134FA6;
}

.company-calendar__summary-header {
  min-height: 3.75rem;
}

.company-calendar__summary-header button {
  margin-bottom: 0.25rem;
}

.company-calendar__summary-header .mud-switch {
  margin: 0;
}

.company-calendar__summary-header .mud-switch p {
  color: #7B7B7B;
}

.company-calendar__summary-header .mud-switch .mud-switch-span, .company-calendar__summary-header .mud-switch .mud-switch-span-medium.mud-switch-span {
  width: 3.5rem;
  height: 1.75rem;
}

.company-calendar__summary-header .mud-input-control {
  margin-bottom: 0.25rem !important;
}

.company-calendar__icons svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
  fill: #7B7B7B !important;
}

.company-calendar__face-section-tag {
  width: 2.5rem;
  height: 0.75rem;
  border-radius: 0.5rem;
  background-color: #039733;
}

.company-calendar__settings-body {
  background-color: #F6F6F6;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 24.07rem;
  min-width: 17.71rem;
}

.company-calendar__settings-header h4 {
  margin: 0;
  padding: 0;
}

.company-calendar__settings-year .mud-input.mud-input-outlined {
  background-color: white;
  border-radius: 4px;
}

.company-calendar__settings-year .mud-input-label-inputcontrol {
  top: -8px;
  left: -16px;
}

.company-calendar__settings-year .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
  padding: 0.75rem 1rem;
}

.company-calendar__settings-year .edit-item__numeric > div > div.mud-input input.mud-input-root {
  margin: 0;
  font-size: 1.15rem;
}

.company-calendar__settings-year .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .company-calendar__settings-year .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(14px, -6px) scale(0.75);
  background-color: transparent;
}

.company-calendar__settings-body button {
  margin: 0 auto;
}

.company-calendar__settings-legend {
  display: flex;
  flex-direction: column;
  min-height: 20.5rem;
}

.company-calendar__settings-legend-item:last-child {
  margin: 0;
  padding-left: 0.75rem;
  margin-top: auto;
}

.company-calendar__settings-legend-item:last-child p {
  margin: 0;
  padding-left: 0;
}

.company-calendar__settings-legend-item:last-child span {
  font-size: 1.5rem;
  padding-right: 0.5rem;
}

.company-calendar__settings-legend-item .mud-icon-button {
  padding: 0.5rem;
}

.company-calendar__settings-legend-item .mud-checkbox {
  margin: 0;
}

.company-calendar__settings-legend-item .mud-list {
  display: block !important;
}

.weekend-color .mud-icon-root.mud-svg-icon {
  fill: #CCCCCC;
}

.holiday-color .mud-icon-root.mud-svg-icon {
  fill: #BBBBBB;
}

.ServiceManagement-color .mud-icon-root.mud-svg-icon {
  fill: #039733;
}

.InternalRequestManagement-color .mud-icon-root.mud-svg-icon {
  fill: #2329CF;
}

.DevelopmentManagement-color .mud-icon-root.mud-svg-icon {
  fill: #D60D66;
}

.BusinessOportunityManagement-color .mud-icon-root.mud-svg-icon {
  fill: #7DA01C;
}

.ContractManagement-color .mud-icon-root.mud-svg-icon {
  fill: #7DA01C;
}

.CustomerRequestManagement-color .mud-icon-root.mud-svg-icon {
  fill: #3178EB;
}

.ImprovementManagement-color .mud-icon-root.mud-svg-icon {
  fill: #8531EB;
}

.DevelopmentClaim-color .mud-icon-root.mud-svg-icon {
  fill: #E88D15;
}

.InternalHelpdesk-color .mud-icon-root.mud-svg-icon {
  fill: #E841E5;
}

.ReservationManagement-color .mud-icon-root.mud-svg-icon {
  fill: #A2E841;
}

.company-calendar__calendar td {
  min-width: 1.75rem;
  min-height: 3rem;
  width: 100%;
  height: 100%;
  border: 1px solid #E2E2E2;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar td {
  border: none;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-first-column {
  border-right: 2px solid #E2E2E2;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-label-line {
  border-right: 1px solid #E2E2E2;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-first-row .company-calendar__calendar-label-line {
  border-right: none;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-first-row-milestone {
  border: none;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-column-milestone {
  border-radius: 4px;
  color: #AEAEAE;
  font-size: 12px;
  font-weight: 300;
  text-align: start;
  background-color: rgba(226, 226, 226, 0.2);
  border-right: 5px solid white;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-label-change {
  border-right: 5px solid white;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-first-row td {
  background-color: rgba(226, 226, 226, 0.2);
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-first-row .company-calendar__calendar-first-column {
  background-color: transparent;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-today-label-line {
  border-right: 1px solid #134FA6;
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar .company-calendar__calendar-today-label {
  color: #134FA6;
  font-weight: 500;
  display: block;
}

.mud-main-content:has(.company-calendar__calendar-bigger) {
  overflow: visible !important;
}

.main:has(.company-calendar__calendar-bigger) {
  overflow: auto;
  height: 100%;
  width: 100%;
  position: relative;
}

.company-calendar__calendar-bigger td {
  min-width: 7rem;
  max-width: 20rem;
  width: unset;
}

.company-calendar__calendar-body {
  vertical-align: top;
}

.company-calendar__calendar-first-row td {
  font-weight: 700;
  padding: 0.5rem;
  text-align: center;
}

.company-calendar__calendar-bigger-milestones tr:nth-child(2n) {
  /*background-color: #F7FAFF;*/
}

.company-calendar__calendar-bigger-milestones .company-calendar__calendar-first-row td {
  padding: 0;
}

.company-calendar__calendar-label-sideways {
  margin: 0;
  padding: 0;
  writing-mode: vertical-lr;
  transform: rotate(220deg);
  width: inherit;
  color: #AEAEAE;
  font-size: 12px;
  font-weight: 300;
  margin-left: 18px;
}

.company-calendar__calendar-label-hidden {
  display: none;
}

.company-calendar__calendar-bigger .company-calendar__calendar-first-row {
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar-bigger .company-calendar__calendar-first-row {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

.company-calendar__calendar-bigger-milestones.company-calendar__calendar-bigger .company-calendar__calendar-first-row.company-calendar__calendar-first-row-milestone {
  box-shadow: unset;
}

.company-calendar__calendar-bigger.company-calendar__calendar-bigger-milestones tr {
  border-bottom: 1px solid #E2E2E2;
}

.company-calendar__calendar-first-column {
  font-weight: 700;
  padding: 0.5rem 0.5rem 0.5rem 0.25rem;
  position: sticky;
  left: 0;
  z-index: 9;
  background: #fff;
}

.company-calendar__calendar-bigger.company-calendar__calendar-bigger-milestones .company-calendar__calendar-first-column {
  position: unset;
}

.company-calendar__calendar-first-column-flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.company-calendar__calendar-first-column-highlighted {
  background-color: #CBD6E3;
}

.company-calendar__calendar-bigger-milestones {
  max-width: 1800px;
  width: 100%;
  min-width: 1000px;
}

.company-calendar__calendar.company-calendar__calendar-bigger-milestones .company-calendar__calendar-first-column {
  max-width: 300px;
  width: 100%;
  min-width: 100px;
}

.company-calendar__calendar-bigger.company-calendar__calendar-bigger-milestones td {
  max-width: 28px;
  min-width: 14px;
}

.company-calendar__calendar-entity-arrow {
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.company-calendar__calendar-entity-type {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  height: 36px;
}

.company-calendar__calendar-fixed-entity-type {
  max-width: 19rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-calendar__calendar-entity-type-icon {
  background-color: #B7B7B7;
  border-radius: 4px;
  padding: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.company-calendar__calendar-entity-type-icon svg {
  width: 0.9rem;
  height: 0.9rem;
  fill: #FFFFFF;
}

.company-calendar__calendar-entity-type-icon svg path {
  fill: #FFFFFF !important;
}

.company-calendar__calendar-entity-type-icon svg circle {
  fill: #FFFFFF !important;
}

.company-calendar__calendar-entity-type-iconDevelopmentManagement {
  background-color: #D60D66;
}

.company-calendar__calendar-entity-type-iconInternalRequestManagement {
  background-color: #2329CF;
}

.company-calendar__calendar-entity-type-iconBusinessOportunityManagement {
  background-color: #7DA01C;
}

.company-calendar__calendar-entity-type-iconContractManagement {
  background-color: #7DA01C;
}

.company-calendar__calendar-entity-type-iconServiceManagement {
  background-color: #039733;
}

.company-calendar__calendar-entity-type-iconCustomerRequestManagement {
  background-color: #3178EB;
}

.company-calendar__calendar-entity-type-iconImprovementManagement {
  background-color: #8531EB;
}

.company-calendar__calendar-entity-type-iconDevelopmentClaim {
  background-color: #E88D15;
}

.company-calendar__calendar-entity-type-iconInternalHelpdesk {
  background-color: #E841E5;
}

.company-calendar__calendar-entity-type-iconReservationManagement {
  background-color: #A2E841;
}

.company-calendar__calendar-entity-type-icon-subtask {
  background-color: #03BED6;
}

.company-calendar__calendar-cross {
  text-align: center;
  font-size: 1.25rem;
}

.company-calendar__calendar-holiday {
  width: 100%;
  height: 10px;
  background-color: #BBBBBB;
}

.company-calendar__calendar-weekend {
  width: 100%;
  height: 10px;
  background-color: #CCCCCC;
}

.company-calendar__calendar-ServiceManagement {
  width: 90%;
  height: 7px;
  background-color: #039733;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-InternalRequestManagement {
  width: 90%;
  height: 7px;
  background-color: #2329CF;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-DevelopmentManagement {
  width: 90%;
  height: 7px;
  background-color: #D60D66;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-BusinessOportunityManagement {
  width: 90%;
  height: 7px;
  background-color: #7DA01C;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-ContractManagement {
  width: 90%;
  height: 7px;
  background-color: #7DA01C;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-CustomerRequestManagement {
  width: 90%;
  height: 7px;
  background-color: #3178EB;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-ImprovementManagement {
  width: 90%;
  height: 7px;
  background-color: #F0AC3E;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-DevelopmentClaim {
  width: 90%;
  height: 7px;
  background-color: #E88D15;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-InternalHelpdesk {
  width: 90%;
  height: 7px;
  background-color: #8531EB;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-ReservationManagement {
  width: 90%;
  height: 7px;
  background-color: #A2E841;
  border-radius: 5px;
  margin: 2px auto 0px auto;
}

.company-calendar__calendar-body .mud-tooltip-root.mud-tooltip-inline {
  width: 100%;
  height: 100%;
  display: block;
}

.company-calendar__tile {
  overflow: auto;
  position: relative;
  z-index: 10;
}

.company-calendar__tile-for-entity {
  padding: 1rem 0;
}

.company-calendar__tile-for-entity .company-calendar__tile-panel {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.company-calendar__tile-for-entity .company-calendar__tile-header {
  margin-bottom: 1rem;
}

.company-calendar__tile-for-entity .planner-groups__header {
  margin-top: 0;
}

.company-calendar__tile-panel h1 {
  margin: 0;
  padding: 0;
}

.company-calendar__tile-for-entity .company-calendar__tile-panel h1 {
  font-size: 1.75rem;
}

.company-calendar__tile-text {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 1rem;
  margin: 1rem 0;
}

.company-calendar__tile-text h3 {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 500;
}

.company-calendar__tile-text-item {
  display: flex;
  align-items: center;
  gap: 0.33rem;
}

.company-calendar__tile-text-item p {
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
}

.company-calendar__tile-text-item svg {
  width: 1rem;
  height: 1rem;
  fill: #424242;
}

.company-calendar__tile-text-item svg fill {
  fill: #424242;
}

.company-calendar__tile-body {
  overflow: auto;
  max-height: 800px;
  position: relative;
  z-index: 10;
}

.company-calendar__tile-body:has(.company-calendar__calendar-bigger-milestones) {
  padding-right: 3rem;
}

.company-calendar__tile:has(.company-calendar__tile-body) {
  overflow: hidden;
}

.company-calendar__calendar-bar {
  background-color: #E2E2E2;
  border-radius: 4px;
  height: 36px;
  position: absolute;
  z-index: 7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  color: #424242;
  /*padding: 0 0.5rem;*/
  margin-top: 7px;
  margin-left: 7px;
}

.company-calendar__calendar-bar-clickable {
  cursor: pointer;
}

.company-calendar__calendar-bar-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
}

.company-calendar__calendar-bar.company-calendar__calendar-bar-missing-end-date {
  border-right: 2px dashed #909090;
  border-radius: 4px 0 0 4px;
}

.company-calendar__calendar-bar-content:not(:has(.company-calendar__calendar-bar-priority)) {
  padding-left: 0.5rem;
}

.company-calendar__calendar-bar-priority {
  height: 100%;
  width: 0.5rem;
  border-radius: 4px 0 0 4px;
}

.company-calendar__calendar-bar-hideable {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.company-calendar__calendar-bar-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #424242;
  font-size: 1rem;
}

.company-calendar__calendar-bar-item-bold {
  color: #474D56;
  font-weight: 500;
}

.company-calendar__calendar-bar-item svg {
  width: 1rem;
  height: 1rem;
  fill: #424242;
}

.company-calendar__calendar-bar-item svg path {
  fill: #424242;
}

.company-calendar__calendar-bar-item svg circle {
  fill: #424242;
}

.company-calendar__calendar-bar-item svg .cls-1 {
  fill: #424242 !important;
}

.company-calendar__calendar-bar-content .datamix-button--more-vert {
  width: 1rem;
  height: 1rem;
  display: flex;
}

.company-calendar__calendar-bar-content .datamix-button--layout {
  width: unset;
  height: unset;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.company-calendar__calendar-bar-content .datamix-button--layout svg path {
  fill: #424242;
}

.company-calendar__calendar-bar-content-tooltip {
  background-color: white !important;
  padding: 0.25rem 0.5rem !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px 0 !important;
}

.company-calendar__calendar-bar-content-tooltip-content {
  padding: 0.25rem 0.5rem !important;
}

.company-calendar__calendar-bar-content-tooltip-content p {
  margin: 0;
  padding: 0;
}

.company-calendar__calendar-bar-content-tooltip-content svg path {
  fill: black;
}

.company-calendar__calendar-bar-fixed {
  padding-right: 0.5rem;
}

.company-calendar__calendar-bar-first {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 4rem;
}

.company-calendar__calendar-bar-first > div {
  width: 1rem;
  height: 1rem;
}

.company-calendar__calendar-bar-first .datamix-button--more-vert {
  width: 1rem;
  height: 1rem;
  display: flex;
}

.company-calendar__calendar-bar-first .datamix-button--layout {
  width: unset;
  height: unset;
  border: 0;
  border-radius: 0;
  background-color: transparent;
}

.company-calendar__calendar-bar-first .datamix-button--layout svg path {
  fill: #424242;
}

.company-calendar__calendar-bar:has(.planner-group__add-new-task-container-absolute.planner-group__add-new-task-container-hidden) {
  z-index: 7;
}

.company-calendar__calendar-bar:has(.planner-group__add-new-task-container-absolute.planner-group__add-new-task-container-not-hidden) {
  z-index: 8;
}

.company-calendar__calendar-bar-first > svg:first-child {
  fill: white;
  width: 1rem;
  height: 1rem;
}

.company-calendar__calendar-bar-first > svg {
  width: 1rem;
  height: 1rem;
}

.company-calendar__calendar-bar p {
  margin: 0;
}

.company-calendar__calendar-bar > svg {
  width: 1rem;
  height: 1rem;
}

.company-calendar__calendar-bar-last {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 1.5rem;
}

.company-calendar__calendar-bar-last > .info-dialog__component {
  text-align: end;
  width: 1.5rem;
}

.company-calendar__calendar-bar-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.company-calendar__calendar-bar-text > .mud-tooltip-root.mud-tooltip-inline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.company-calendar__calendar-bar-text > .mud-tooltip-root.mud-tooltip-inline p {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.company-calendar__calendar-bar-subtext {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.company-calendar__calendar-bar-subtext svg {
  width: 0.9rem;
  height: 0.9rem;
  fill: #424242 !important;
}

.company-calendar__calendar-bar-text-tooltip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}

.company-calendar__calendar-bar-text-tooltip p {
  margin: 0;
}

.company-calendar__calendar-bar-text-tooltip-inside {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.company-calendar__calendar-bar-subtext svg fill {
  fill: white !important;
}

.company-calendar__calendar-barDevelopmentManagement {
  background-color: #D60D66;
}

.company-calendar__calendar-barInternalRequestManagement {
  background-color: #2329CF;
}

.company-calendar__calendar-barBusinessOportunityManagement {
  background-color: #7DA01C;
}

.company-calendar__calendar-barContractManagement {
  background-color: #7DA01C;
}

.company-calendar__calendar-barServiceManagement {
  background-color: #039733;
}

.company-calendar__calendar-barCustomerRequestManagement {
  background-color: #3178EB;
}

.company-calendar__calendar-barImprovementManagement {
  background-color: #8531EB;
}

.company-calendar__calendar-barDevelopmentClaim {
  background-color: #E88D15;
}

.company-calendar__calendar-barInternalHelpdesk {
  background-color: #E841E5;
}

.company-calendar__calendar-barReservationManagement {
  background-color: #A2E841;
}

.company-calendar__calendar-bar-subtask {
  background-color: #03BED6;
}

.company-calendar__calendar-bar-finished {
  background-color: #B7B7B7;
}

.company-calendar__tooltip-container {
  display: flex;
  flex-direction: column;
  max-width: 15rem;
  width: 100%;
  border-radius: 8px;
}

.company-calendar__tooltip-header {
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  border-radius: 8px 8px 0 0;
}

.company-calendar__tooltip-header-color-ServiceManagement {
  background-color: #039733;
}

.company-calendar__tooltip-header-color-InternalRequestManagement {
  background-color: #2329CF;
}

.company-calendar__tooltip-header-color-DevelopmentManagement {
  background-color: #D60D66;
}

.company-calendar__tooltip-header-color-BusinessOportunityManagement {
  background-color: #7DA01C;
}

.company-calendar__tooltip-header-color-ContractManagement {
  background-color: #7DA01C;
}

.company-calendar__tooltip-header-color-CustomerRequestManagement {
  background-color: #3178EB;
}

.company-calendar__tooltip-header-color-ImprovementManagement {
  background-color: #8531EB;
}

.company-calendar__tooltip-header-color-DevelopmentClaim {
  background-color: #E88D15;
}

.company-calendar__tooltip-header-color-InternalHelpdesk {
  background-color: #E841E5;
}

.company-calendar__tooltip-header-color-ReservationManagement {
  background-color: #A2E841;
}

.company-calendar__tooltip-header h3 {
  font-weight: 500;
  font-size: 1.15rem;
  margin: 0;
  padding: 0;
}

.company-calendar__tooltip-header h4 {
  font-weight: 400;
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.company-calendar__tooltip-body {
  background-color: #393838;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 0 0 8px 8px;
}

.company-calendar__tooltip-body-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.company-calendar__tooltip-body-item-img {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.company-calendar__tooltip-body-item-img svg {
  fill: white;
  width: 14px;
  height: 11.9px;
}

.company-calendar__tooltip-body-item p {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 1rem;
}

.company-calendar__tooltip-body-item-padding {
  padding: 0 !important;
  border-radius: 8px !important;
  background-color: #393838 !important;
}

.company-calendar__settings-legend-item .mud-list.mud-list-padding {
  padding: 0;
}

.company-calendar__settings-legend-item .mud-list-item-gutters {
  padding: 0;
}

.company-calendar__settings-legend-item .mud-list-item {
  padding: 0;
}

.company-calendar__settings-legend-item .mud-list-item-text {
  margin: 0;
}

.company-calendar__settings-legend-item .mud-collapse-container {
  margin-left: 1.5rem;
}

.company-calendar__settings-legend-item .mud-list-item svg:hover {
  cursor: pointer;
}

.company-calendar__summary-body {
  display: flex;
  gap: 0.5rem;
  height: 100%;
}

.company-calendar__summary-body > div {
  min-width: 8rem;
}

.company-calendar__summary h6 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.25rem;
  text-align: center;
  min-height: 27.81px;
}

.company-calendar__summary-item {
  background-color: #F6F6F6;
  border-radius: 4px;
  margin: 0.25rem 0;
}

.company-calendar__summary-sum {
  background-color: #CCCCCC;
  border-radius: 4px;
}

.company-calendar__summary-item, .company-calendar__summary-sum {
  display: flex;
  justify-content: end;
  align-items: center;
  min-height: 27.31px;
}

.company-calendar__summary-item p, .company-calendar__summary-sum p {
  margin: 0;
  padding: 0.25rem 0.5rem;
}

.company-calendar__summary-body {
  display: flex;
  gap: 0.5rem;
  height: 100%;
}

.company-calendar__summary-body > div {
  min-width: 8rem;
}

.company-calendar__summary h6 {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1rem;
  padding: 0.25rem;
  text-align: center;
  min-height: 27.81px;
}

.company-calendar__summary-item {
  background-color: #F6F6F6;
  border-radius: 4px;
  margin: 0.25rem 0;
}

.company-calendar__summary-sum {
  background-color: #CCCCCC;
  border-radius: 4px;
}

.company-calendar__summary-item, .company-calendar__summary-sum {
  display: flex;
  justify-content: end;
  align-items: center;
  min-height: 27.31px;
}

.company-calendar__summary-item p, .company-calendar__summary-sum p {
  margin: 0;
  padding: 0.25rem 0.5rem;
}

/* Company calendar - Denní plán */
.company-calendar__day-plan-container {
  margin-top: 1rem;
  background-color: #F6F6F6;
  padding: 1rem;
}

.company-calendar__day-plan-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.company-calendar__day-plan-header h3 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 400;
  color: #474D56;
}

.company-calendar__day-plan-header h3 span {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  color: #474D56;
  text-transform: capitalize;
}

.company-calendar__day-plan-header .fab-button, .company-calendar__day-plan-header .mud-fab.fab-button {
  width: 2rem;
  height: 2rem;
}

.company-calendar__day-plan-body {
  padding: 1rem;
}

.company-calendar__day-plan-body-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.company-calendar__day-plan-content {
  margin-top: 1rem;
}

.company-calendar__day-plan-content-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.company-calendar__day-plan-content-footer {
  width: fit-content;
  margin: 1rem auto 0 auto;
}

.company-calendar__day-plan-content-items .planner-group__card-footer-solvers-icon svg {
  width: 1rem;
  height: 1rem;
}

/* Zákaznická karta */
.customer-card__dropzone {
  display: flex;
  gap: 2rem;
}

.mud-drop-item:has(.customer-card__container) {
  width: 25rem;
}

.customer-card__container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #272D5D;
  border-radius: 6px;
  max-width: 25rem;
  width: 100%;
  box-shadow: 2px 3px 3px #272D5D;
}

.customer-card__container:hover {
  cursor: pointer;
}

.customer-card__process-header {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.customer-card__unread-messages p {
  padding: 2px 8px;
  margin: 0;
  font-weight: 500;
  color: white;
  background-color: #E21C1C;
  border-radius: 50%;
}

.customer-card__unread-messages-tab {
  position: absolute;
  right: -1rem;
  top: -0.5rem;
}

.customer-card__process {
  display: flex;
  min-height: 1rem;
}

.customer-card__process-step {
  width: 1rem;
  height: 1rem;
  border: 1px solid #272D5D;
  border-radius: 50%;
  margin: 0 0.5rem;
  position: relative;
  z-index: 5;
  background-color: white;
}

.customer-card__process-step:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  height: 1px;
  width: 28px;
  background: #272D5D;
  z-index: -1;
}

.customer-card__process-step-finished {
  background-color: #1BDB34;
  position: relative;
  z-index: 5;
}

.customer-card__header {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
}

.customer-car__header-number {
  padding: 0 1rem;
  font-size: 1.15rem;
  color: white;
  background-color: #272D5D;
  border-radius: 1.15rem;
  white-space: nowrap;
}

.customer-card__header h4 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.customer-card__header .mud-tooltip-root.mud-tooltip-inline {
  width: auto;
  display: block;
}

.customer-card__assigment .mud-tooltip-root.mud-tooltip-inline {
  width: auto;
  display: block;
}

.customer-card__assigment p {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

customer-card__body {
  font-size: 1rem;
}

.customer-card__body p {
  margin: 0;
  padding: 0 0 0.5rem 0;
}

.customer-card__body span {
  font-weight: 500;
  text-transform: uppercase;
}

/* timeline-checklist */
.timeline-checklist__container-main {
  display: flex;
  flex-direction: column;
}

.timeline-checklist__container {
  display: flex;
  flex-direction: column;
  margin-left: 3rem;
}

.timeline-checklist__item {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  padding-bottom: 0.5rem;
}

.timeline-checklist__item-edited {
  background-color: #E9EBED;
}

.timeline-checklist__item .timeline-checklist__item-edit-remove svg, .timeline-checklist__item .timeline-checklist__item-edit-move svg {
  fill: #BFBFBF;
}

.timeline-checklist__item-edit-remove, .timeline-checklist__item-edit-move {
  display: flex;
  align-items: center;
}

.timeline-checklist__item-edit-remove {
  margin-right: 0.5rem;
  cursor: pointer;
  width: 1.5rem;
}

.timeline-checklist__item .timeline-checklist__item-edit-remove:hover svg {
  fill: #134FA6;
}

.timeline-checklist__item-edit-move {
  cursor: pointer;
  margin-left: 1rem;
  flex-direction: column;
  justify-content: space-around;
  width: 1.5rem;
}

.timeline-checklist__item .timeline-checklist__item-edit-move > div > div:hover svg {
  fill: #134FA6;
}

.timeline-checklist__item-date {
  min-width: 6rem;
}

.timeline-checklist__item-date h6 {
  margin: 0;
  padding: 0 0.5rem;
  font-size: 1rem;
  font-weight: 400;
}

.timeline-checklist__item-check {
  width: 2rem;
  height: 2rem;
  background-color: white;
  border: 1px solid #CFD6DD;
  background-color: #CFD6DD;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
}

.timeline-checklist__item-check:hover {
  cursor: pointer;
}

.timeline-checklist__item-before-container-no-click .timeline-checklist__item-check:hover {
  cursor: default;
}

.timeline-checklist__item-checked {
  background-color: #3BB75E;
  border-color: #3BB75E;
}

.timeline-checklist__item-active {
  background-color: white;
  border-color: #DE2479;
  border-width: 5px;
}

.timeline-checklist__item:not(:last-child) .timeline-checklist__item-check::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  height: 3rem;
  width: 1px;
  background: #CFD6DD;
  z-index: -1;
}

.timeline-checklist__item:not(:last-child) .timeline-checklist__item-active::before {
  top: 126%;
}

.timeline-checklist__container .timeline-checklist__item:last-child .timeline-checklist__item-check::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 25%;
  height: 4rem;
  width: 1px;
  background: #CFD6DD;
  z-index: -1;
  transform: rotate(32deg);
  transform-origin: top center;
}

div.timeline-checklist__item.timeline-checklist__item-before-container .timeline-checklist__item-check.timeline-checklist__item-check::before {
  content: "";
  position: absolute;
  top: 90%;
  left: 75%;
  height: 4rem;
  width: 1px;
  background: #CFD6DD;
  z-index: -1;
  transform: rotate(-32deg);
  transform-origin: top center;
}

div.timeline-checklist__container-main .timeline-checklist__container:last-child .timeline-checklist__item:last-child .timeline-checklist__item-check::before {
  display: none;
}

.timeline-checklist__tasks .timeline-checklist__item-check::before {
  display: none !important;
}

.timeline-checklist__item-check svg.mud-icon-root.mud-svg-icon {
  fill: white;
}

.timeline-checklist__item-title {
  flex-grow: 1;
  cursor: pointer;
}

.timeline-checklist__item-title h3 {
  padding: 0 0.5rem 0.5rem 1.5rem;
  margin: 0;
  font-size: 1.25rem;
  font-weight: 400;
  border-bottom: 1px solid #CFD6DD;
  min-height: 2.05rem;
}

.timeline-checklist__item-title h4 {
  padding: 0.5rem 0.5rem 0 1.5rem;
  margin: 0;
  font-size: 1.15rem;
  font-weight: 400;
  min-height: 1.88rem;
}

.timeline-checklist__item-add {
  padding-left: 0.75rem;
  padding-top: 1rem;
}

.timeline-checklist__container .timeline-checklist__item-add-last.timeline-checklist__item:last-child .timeline-checklist__item-check::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 25%;
  height: 4rem;
  width: 1px;
  background: #CFD6DD;
  z-index: -1;
  transform: rotate(40deg);
  transform-origin: top center;
}

.timeline-checklist__item-add-last-with-container.timeline-checklist__item:not(:last-child) .timeline-checklist__item-check::before {
  content: "";
  position: absolute;
  top: -300%;
  left: 50%;
  height: 2.9rem;
  width: 1px;
  background: #CFD6DD;
  z-index: -1;
}

.timeline-checklist__item-add-last-with-container + .timeline-checklist__container {
  margin-top: -4rem;
}

.timeline-checklist__item-add-plus {
  width: 1.5rem;
  height: 1.5rem;
  background-color: white;
}

.timeline-checklist__item-add-plus svg {
  fill: #CFD6DD;
}

.timeline-checklist__item-add-plus svg path {
  fill: #CFD6DD;
}

.task-header__align {
  align-items: flex-end;
}

.task-header__align .datamix-date-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 100%;
}

.task-header__align .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  width: 100%;
}

.task-header__align .mud-input.mud-input-outlined {
  height: 3.33rem;
  width: 100%;
}

.task-header__align .mud-input-control > .mud-input-control-input-container {
  width: 100%;
}

.task-header__align .mud-input-control.mud-input-control-margin-normal {
  margin-bottom: 0;
}

.task-header__align .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
  padding: 6px 0 7px;
}

.task-header__align .mud-input-label-outlined {
  transform: translate(0px, 8px) scale(1);
}

.planner-groups__header {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.planner-groups__sub-header {
  margin-top: 1rem;
}

.planner-groups__sub-header-chips {
  display: flex;
  gap: 0.5rem;
  justify-content: end;
}

.planner-groups__sub-header-chips-start {
  justify-content: start;
}

.planner-groups_one {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.planner-groups_second {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.planner-groups_middle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.planner-groups__tabs {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.planner-groups__tab {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.planner-groups__tab:hover {
  cursor: pointer;
}

.planner-groups__tab:hover p {
  color: #134FA6;
}

.planner-groups__tab:hover svg {
  fill: #134FA6;
}

.planner-groups__tab p {
  color: #7B7B7B;
  margin: 0 auto;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.planner-groups__tab svg {
  width: 2rem;
  height: 2rem;
  fill: #7B7B7B;
}

.planner-groups__tab-active p {
  color: #134FA6;
}

.planner-groups__tab-active svg {
  fill: #134FA6;
}

.planner-groups__full-text .mud-input-control {
  margin-top: 0;
}

.planner-groups__full-text .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.planner-groups__filter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.planner-groups__filter h5 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 1.15rem;
  color: #7B7B7B;
}

.planner-groups__filter-count {
  color: white;
  background-color: red;
  padding: 0.1rem 0.25rem;
  border-radius: 50%;
  font-size: 1rem;
}

button.planner-groups__filter:active h5 {
  color: #134FA6;
}

.planner-groups__filter svg {
  width: 2rem;
  height: 2rem;
  fill: #7B7B7B !important;
}

.planner-groups__group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.planner-groups__group h5 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 1.15rem;
  color: #7B7B7B;
}

.planner-groups__group h5 span {
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: 1.15rem;
  color: #7B7B7B;
}

button.planner-groups__group:active h5 {
  color: #134FA6;
}

.planner-groups__group svg {
  width: 2rem;
  height: 2rem;
  fill: #7B7B7B !important;
}

.planner-groups__body {
  margin-top: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
}

.planner-groups__body .mud-drop-container {
  display: flex;
  height: inherit;
}

.planner-group__body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  width: 26.5rem;
  overflow-x: hidden;
  padding: 0.5rem;
}

.planner-group__header-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 29rem;
  position: relative;
  padding: 0 2rem;
}

.planner-group__header-container:not(:first-child) {
  border-left: 1px solid #E3E3E3;
}

.planner-group__header-container:first-child {
  padding-left: 0;
}

.planner-group__header-container .datamix-button--primary {
  margin: 0 auto;
}

.planner-group__header-container .mud-drop-item {
  transform: unset !important;
}

.planner-group__add-container-text-field.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.planner-group__add-container-text-field.mud-input-control {
  margin-top: 0;
}

.planner-group__header {
  width: 25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding-left: 0.5rem;
}

.planner-group__header-count {
  padding: 0 0.25rem;
  border: 1px solid black;
  border-radius: 50%;
  font-size: 0.9rem;
  margin-left: 0.25rem;
}

.planner-group__header button {
  display: block;
  margin-top: -1px;
}

.planner-group__header:hover button {
  display: block;
}

.planner-group__header svg path {
  fill: black;
}

.planner-group__header h5 {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
  display: flex;
  align-items: self-end;
}

.planner-group__header-new {
  cursor: pointer;
  justify-content: start;
}

.planner-group__header-new:hover {
  cursor: pointer;
}

.planner-group__header-new h5 {
  color: #134FA6;
}

.planner-group__header-new svg {
  fill: #134FA6;
}

.planner-group__header-new svg path {
  fill: #134FA6;
}

.planner-group__add-new-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 350px;
  padding-left: 0.5rem;
}

.planner-group__add-new {
  display: flex;
  align-items: center;
}

.planner-group__add-new:hover {
  cursor: pointer;
}

.planner-group__add-new h5 {
  margin: 0;
  padding: 0.5rem;
  font-size: 1.15rem;
  font-weight: 400;
  color: #134FA6;
  padding-right: 0;
}

.planner-group__add-new svg {
  fill: #134FA6;
}

.planner-group__add-new svg path {
  fill: #134FA6;
}

.planner-group__add-new-task-container {
  padding: 1rem;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgb(199, 202, 209);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 25rem;
  margin-left: 0.5rem;
  background-color: white;
}

.planner-group__add-new-task-container-absolute {
  position: absolute;
  z-index: 10;
  top: 5rem;
  box-shadow: 0px 0px 5px rgb(199, 202, 209);
}

.planner-group__add-new-task-container > div {
  margin-top: 0.5rem;
}

.planner-group__add-new-task-solvers {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.planner-group__add-new-task-solvers .mud-input-control {
  margin-top: 0;
}

.planner-group__add-new-task-solvers .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  width: 17rem;
  margin-top: 0;
}

.planner-group__add-new-task-solvers .mud-input-label-inputcontrol {
  transform: translate(0, 14px) scale(1);
}

.planner-group__add-new-task-solvers .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .planner-group__add-new-task-solvers .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(4px, -12px) scale(0.75) !important;
}

.planner-group__add-new-task-subject .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(2px, -14px) scale(0.75) !important;
}

.planner-group__add-new-task-date .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(2px, -14px) scale(0.75) !important;
}

.planner-group__add-new-task-date .mud-picker-inline {
  width: 17rem;
}

.planner-group__add-new-task-select .datamix-select.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: 17rem;
  height: 3rem;
  margin-top: 6px;
}

.planner-group__add-new-task-select .mud-input-label-inputcontrol {
  transform: translate(0, 14px) scale(1);
}

.planner-group__add-new-task-select .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .planner-group__add-new-task-select .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(4px, -6px) scale(0.75) !important;
}

.planner-group__add-new-task-select .mud-input-control-input-container {
  width: 17rem;
}

.planner-group__add-new-task-save .datamix-button--primary {
  width: 100%;
}

.planner-group__add-new-task-container-hidden {
  height: 0;
  display: none;
}

.planner-group__avatar-size .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem !important;
}

.planner-group__drop-zone {
  display: flex;
  flex-direction: column;
  gap: 0.7142857143rem;
  width: 25rem;
}

.planner-group__drop-zone-empty {
  min-height: 105px;
  border: 1px dashed #7B7B7B;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.planner-group__drop-zone-empty-text {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 40%;
  top: 40%;
}

.planner-group__drop-zone-empty-text-down {
  top: 27.5rem;
}

.planner-group__drop-zone--finished-tasks {
  position: absolute !important;
  height: 100%;
  width: 90%;
  visibility: hidden;
}

.planner-group__finished-tasks-container {
  width: 25rem;
}

.planner-group__finished-tasks-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
}

.planner-group__finished-tasks-header:hover {
  cursor: pointer;
}

.planner-group__finished-tasks-header h5 {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
  font-weight: 400;
}

.planner-group__finished-tasks-body {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.7142857143rem;
}

.planner-group__finished-tasks-body-hidden {
  display: none;
}

.planner-group__card {
  padding: 0.5rem;
  border-radius: 4px;
  box-shadow: 0px 0px 5px rgb(199, 202, 209);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 25rem;
  background-color: white;
}

.planner-group__card-multiselect {
  border: 2px solid #134FA6;
}

.planner-group__card:hover {
  cursor: pointer;
}

.company-calendar__day-plan-content-items .planner-group__card:hover {
  cursor: default;
}

.planner-group__card .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem !important;
}

.planner-group__card .planner-group__card-header-displays .mud-avatar.mud-avatar-medium {
  width: 1.25rem !important;
  height: 1.25rem !important;
  font-size: 0.9rem !important;
}

.planner-group__card .mud-avatar-group {
  gap: 0.125rem;
}

.planner-group__card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.planner-group__card-check .mud-icon-button {
  padding: 0;
}

.planner-group__card-check .mud-checkbox {
  margin: 0;
}

.planner-group__card-check_left .mud-checkbox {
  margin: 0;
  margin-left: auto;
}

.planner-group__card-header-check {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.planner-group__card-header-displays {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: end;
}

.planner-group__card-header-displays .table-overview__status {
  padding: 0.125rem 0;
}

.planner-group__card-header-displays .table-overview__status-text {
  font-size: 0.9rem;
}

.planner-group__card-header-check .table-overview__status {
  padding: 0.125rem 0;
}

.planner-group__card-header-check .table-overview__status-text {
  font-size: 0.9rem;
}

.planner-group__card-header > div > p {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
}

.planner-group__card-header-displays .display-priority {
  padding: 0.125rem 0;
}

.planner-group__card-header-displays .display-priority__text {
  font-size: 0.9rem;
}

.planner-group__card-header-displays .display-priority__text span {
  font-size: 0.9rem;
}

.planner-group__card-header-check .display-priority {
  padding: 0.125rem 0;
}

.planner-group__card-header-check .display-priority__text {
  font-size: 0.9rem;
}

.planner-group__card-header-check .display-priority__text span {
  font-size: 0.9rem;
}

.planner-group__card-header-number-series {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: 1.15rem;
  color: #A6A6A6;
}

.planner-group__card-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.planner-group__card-body-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.planner-group__card-body-header-finished {
  text-decoration: line-through;
}

.planner-groups__gap-rem {
  gap: 1rem;
}

.planner-group__card-item {
  display: flex;
}

.planner-group__card-item p {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.8rem;
  min-width: 50%;
}

.planner-group__card-item span {
  font-weight: 500;
  text-transform: none;
  font-size: 0.9rem;
}

.planner-group__card-subtasks-con {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.planner-group__card-subtasks-con .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem !important;
}

.planner-group__card-subtasks-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.planner-group__card-subtasks-container-content-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 1rem;
}

.planner-group__card-subtasks-container-content-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.planner-group__card-subtasks-container p {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.planner-group__card-subtasks-finished {
  text-decoration: line-through;
}

.planner-group__card-subtasks-container form {
  margin: 0.5rem 0.5rem 0.5rem 0 !important;
}

.planner-group__card-subtasks-container .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.planner-group__card-assigment p {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.planner-group__card-assigment span {
  font-weight: 500;
}

.planner-group__card-body h4 {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
  font-weight: 400;
}

.planner-group__card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.planner-group__card-footer-finished-solver p {
  margin: 0;
  padding: 0;
}

.planner-group__card-footer-finished-date p {
  margin: 0;
  padding: 0;
  text-align: end;
}

.planner-group__card-footer-solvers {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.planner-group__card-footer-date-hidden {
  display: none;
}

.planner-group__card-footer-add-solvers-hidden {
  display: none;
}

.planner-group__card-footer-add-solvers .mud-input-control {
  margin-top: 0;
}

.planner-group__card-footer-add-solvers .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  width: unset;
  margin-top: 0;
}

.planner-group__card-footer-add-solvers .mud-input-label-inputcontrol {
  transform: translate(0, 14px) scale(1);
}

.planner-group__card-footer-add-solvers .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .planner-group__card-footer-add-solvers .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(4px, -12px) scale(0.75) !important;
}

.planner-group__card-footer-solvers-icon .mud-icon-root.mud-svg-icon {
  fill: #BFBFBF;
}

.planner-group__card-footer-solvers-icon svg {
  fill: #BFBFBF;
}

.planner-group__card-footer-solvers-icon svg path {
  fill: #BFBFBF;
}

.planner-group__card-footer-solvers-icon:hover .mud-icon-root.mud-svg-icon {
  fill: #134FA6;
}

.planner-group__card-footer-solvers-icon:hover svg {
  fill: #134FA6;
  cursor: pointer;
}

.planner-group__card-footer-solvers-icon:hover svg path {
  fill: #134FA6;
}

.planner-group__card-footer-date .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  margin-top: 0;
}

.planner-group__card-footer-date .mud-input-control {
  margin-top: 0;
}

.planner-group__card-footer-date .mud-icon-root.mud-svg-icon {
  fill: #BFBFBF;
}

.planner-group__card-footer-date:hover .mud-icon-root.mud-svg-icon {
  fill: #134FA6;
}

.planner-group__card-footer-date-read-only.planner-group__card-footer-date:hover .mud-icon-root.mud-svg-icon {
  fill: #BFBFBF;
  cursor: default;
}

.planner-group__card-footer-date-read-only .mud-picker-inline.mud-picker-input-button .mud-input, .planner-group__card-footer-date-read-only .mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
  cursor: default;
}

.planner-group__card-footer-date .mud-input.mud-input-underline:before {
  display: none;
}

.planner-group__card-footer-date .mud-picker-inline {
  width: 6.5rem;
}

.planner-group__card-footer-date .mud-icon-button {
  padding: 0;
}

.planner-group__card-footer-date .mud-input > input.mud-input-root {
  color: #BFBFBF;
}

.planner-group__card-footer-date-after-date {
  background-color: #D52A56;
  border-radius: 1rem;
  width: 8rem;
}

.planner-group__card-footer-date-after-date .mud-picker-inline {
  margin-left: 1.5rem;
}

.planner-group__card-footer-date-after-date .mud-icon-root.mud-svg-icon {
  fill: white;
}

.planner-group__card-footer-date-read-only.planner-group__card-footer-date.planner-group__card-footer-date-after-date:hover .mud-icon-root.mud-svg-icon {
  fill: white;
  cursor: default;
}

.planner-group__card-footer-date-after-date .mud-input > input.mud-input-root {
  color: white;
}

.planner-group__card-footer-date-empty .mud-picker-inline {
  width: 1.5rem;
}

.planner-group__card-footer-time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.planner-group__card-footer-timer {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding-right: 0.5rem;
}

.planner-group__card-footer-timer svg {
  fill: #BFBFBF !important;
  width: 1.5rem;
  height: 1.5rem;
}

.planner-group__card-footer-timer p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #BFBFBF;
}

.planner-group__card-body-company {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.planner-group__card-body-company p {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
}

.planner-group__card-body-company p span {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  font-weight: 500;
  text-transform: uppercase;
}

.planner-group__card-body-company svg {
  width: 1.25rem;
  height: 1.25rem;
}

.planner-group__card-body-double {
  display: flex;
  align-items: center;
}

.planner-group__card-body-double-left, planner-group__card-body-double-right {
  padding-right: 0.5rem;
  width: 50%;
}

.planner-group__card-body-double h6 {
  margin: 0;
  padding: 0;
  font-size: 0.85rem;
  font-weight: 500;
}

.planner-group__card-body-double p {
  margin: 0;
  padding: 0;
  font-size: 0.85rem;
  font-weight: 400;
}

.planner-group__card-body-double p span {
  margin: 0;
  padding: 0;
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: uppercase;
}

.planner-group__group-popup-container {
  padding: 0.5rem;
  border: 1px solid #7B7B7B;
  border-radius: 2px;
  max-height: 30em;
  overflow: auto;
}

.mud-popover-provider > div + div + div > div.planner-group__group-popup-container {
  padding: 0.5rem !important;
}

.planner-group__group-popup-container p {
  margin: 0;
  font-size: 1rem;
  color: #7B7B7B;
}

.planner-group__group-popup-item-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.planner-group__group-popup-container .planner-group__group-popup-item-link {
  padding: 0 0.5rem;
  background-color: #F4F9FF;
}

.planner-group__group-popup-container .planner-group__group-popup-item-link p {
  color: #1B83D9;
  text-decoration: underline;
}

.planner-group__group-popup-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}

.planner-group__group-popup-item img {
  width: 1.5rem;
  height: 1.5rem;
  object-fit: cover;
}

.grid-2 .planner-group__group-popup-item {
  width: 186.63px;
}

.grid-3 .planner-group__group-popup-item {
  width: 186.63px;
}

.planner-group__group-popup-item:hover {
  cursor: pointer;
  background-color: #EAEEF2;
}

.planner-group__group-popup-item .mud-icon-root.mud-svg-icon {
  fill: #7B7B7B;
}

.planner-group__group-popup-item svg {
  width: 1.25rem;
  height: 1.25rem;
}

.planner-group__group-popup-item-active {
  background-color: #EAEEF2;
}

.planner-group__collections-popup-container-items .planner-group__group-popup-item:nth-last-child(3) {
  margin-top: 0.5rem;
  border-top: 1px solid #B2B2B2;
}

.planner-group__skeleton-dashboard__container {
  padding: 0 !important;
}

.planner-group__skeleton-dashboard__container .skeleton-dashboard__item {
  padding: 0 !important;
}

.skeleton-dashboard__container:has(.planner-group__skeleton-dashboard__container) {
  padding: 0 !important;
}

.filter-dialog__container {
  padding: 0.5rem;
}

.filter-dialog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.filter-dialog__header h2 {
  margin: 0;
  padding: 0;
  font-size: 1.75rem;
}

.filter-dialog__body {
  display: flex;
  border: 1px solid #C1C2C3;
  border-radius: 2px;
  max-height: 450px;
}

.filter-dialog__body-left {
  border-right: 1px solid #C1C2C3;
  padding: 0.5rem;
  min-width: 150px;
  width: 225px;
}

@media only screen and (max-width: 30rem) {
  .filter-dialog__body-left {
    max-width: 225px;
  }
}
.filter-dialog__body-left-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  height: 35px;
}

.filter-dialog__body-left-item:hover {
  cursor: pointer;
  background-color: #EAEEF2;
}

.filter-dialog__body-left-item p {
  margin: 0;
  padding: 0;
}

.filter-dialog__body-left-item-active {
  background-color: #EAEEF2;
}

.filter-dialog__body-right {
  padding: 0.5rem;
  min-width: 200px;
  width: 400px;
  overflow-y: auto;
}

@media only screen and (max-width: 30rem) {
  .filter-dialog__body-right {
    max-width: 400px;
  }
}
.filter-dialog__body-right-list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
}

.filter-dialog__body-right-list-item p {
  margin: 0;
  padding: 0;
}

.filter-dialog__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.5rem 1rem 1.5rem;
  width: 100%;
}

.filter-dialog__buttons-main {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}

.filter-dialog__body-right-chips {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.planner-group__card-footer-button {
  margin-top: 1rem !important;
}

.planner-group__new-task-group-collection-dialog {
  width: 25rem;
}

.planner-group__new-task-group-collection-dialog__add-new-people {
  margin: 1.5em 0 1.5em 0;
  display: flex;
  gap: 1.5em;
  flex-direction: column;
  justify-content: space-between;
}

.planner-group__new-task-group-collection-dialog__add-new-people .mud-input-control {
  margin-top: 0;
}

.planner-group__new-task-group-collection-dialog__add-new-people .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  width: 17rem;
  margin-top: 0;
}

.planner-group__new-task-group-collection-dialog__add-new-people .mud-input-label-inputcontrol {
  transform: translate(0, 14px) scale(1);
}

.planner-group__new-task-group-collection-dialog__add-new-people .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .planner-group__new-task-group-collection-dialog__add-new-people .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(4px, -12px) scale(0.75) !important;
}

.planner-group__new-task-group-collection-dialog__watchers-table th {
  max-width: 1em;
}

.planner-group__new-task-group-collection-dialog__watchers-table td {
  padding-top: 0.25em;
  max-width: 1.75em;
}

.planner-group__new-task-group-collection-dialog__watchers-table__delete:hover {
  cursor: pointer;
}

.planner-group__new-task-group-collection-dialog__watchers-table__th--text-center {
  text-align: center;
}

.planner-group__new-task-group-collection-dialog__watchers-table__td--center {
  display: block;
  margin: auto;
}

.planner-groups__task-group-collection-select {
  margin: 1em 0 1em 0;
  display: flex;
}

.revision-container {
  display: flex;
  gap: 2rem;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
}

.revision-end-container {
  display: flex;
  margin-left: auto;
}

.revision-start-contaienr {
  max-width: 40%;
  min-width: 40%;
  display: flex;
  gap: 1rem;
}

.revision-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  background-color: #CD1D42;
}

.revision-icon svg {
  fill: #F2F9FF;
  width: 32px;
  height: 32px;
}

.revision-info {
  margin-right: 20px;
}

.revision-info span {
  color: gray;
}

.revision-info-textfield {
  display: flex;
  align-content: flex-start;
  flex-flow: column;
  min-height: 3rem;
}

.revision-info p {
  margin: 1px;
}

.meeting-tasks__container {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.meeting-tasks__new-header {
  margin-bottom: 0.5rem;
  padding-left: 0.25rem;
}

.meeting-tasks__new-body {
  padding-left: 0.25rem;
  padding-top: 0.25rem;
}

.meeting-tasks__new-body > div {
  margin: 0 !important;
}

.meeting-tasks__list-header {
  margin-bottom: 0.5rem;
  padding-left: 0.25rem;
}

.meeting-tasks__list-body-container {
  max-height: 35rem;
  overflow-y: auto;
}

.meeting-tasks__list-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  padding: 0.25rem;
  flex-wrap: wrap;
}

.meeting-tasks__list-body-empty {
  height: 105px;
  margin-top: 0.25rem;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 0px 5px rgb(199, 202, 209);
  display: flex;
  justify-content: center;
  align-items: center;
}

.meeting-tasks__list-body-empty-text {
  margin: 0;
  padding: 0;
}

.meeting-tasks__list__card {
  height: max-content;
  margin-top: 0.25rem;
  margin-left: 0.25rem;
}

/* Úprava MUDBLAZOR komponent */
.mud-fab-primary {
  background-color: #134fa6 !important;
}

.mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
  border-color: #134fa6 !important;
}

.mud-input.mud-input-underline:after {
  border-color: #134fa6 !important;
}

.mud-theme-primary {
  background-color: #134fa6 !important;
}

.info-popover-hover-component {
  padding: 4rem !important;
  color: white;
  max-width: 400px;
  max-width: 25em;
}

/* Date picker */
.morf-date-picker {
  display: flex;
  flex-flow: column;
  width: 100%;
}

.morf-date-picker__stepper {
  display: flex;
  justify-content: space-around;
  gap: 0.25em;
}

.morf-date-picker__stepper__button {
  background: white;
  width: 100%;
  border: 1px solid #C7D5E3;
  margin-top: -1px;
  border-top: -1px;
  border-radius: 0 0 0.25em 0.25em;
}

.morf-date-picker__stepper__button:hover {
  background: var(--mud-palette-action-default-hover);
}

.request-detail__section .morf-date-picker .mud-input-control-helper-container:has(.mud-input-helper-text.mud-input-error) {
  display: none;
}

/* ChangeLog */
.change-log__version {
  margin-top: 2rem;
}

.change-log__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.change-log__header h2 {
  margin: 0;
  padding: 0;
  color: #687DAC;
  font-size: 1.75rem;
}

.change-log__header h4 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 1.5rem;
}

.change-log__header h4 span {
  font-weight: 500;
  font-size: 1.5rem;
}

.change-log__section {
  margin: 1rem 0;
}

.change-log__section h4 {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
}

.change-log__section-header {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.change-log__section-header img {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}

.change-log__entry {
  margin: 0.5rem 0 1rem 4rem;
  display: flex;
  gap: 1rem;
  align-items: center;
}

.change-log__entry p {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
}

.change-log__entry-tag {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 16px;
  padding: 0.15rem 1rem;
}

.change-log__entry-tag p {
  text-transform: uppercase;
  font-weight: 500;
}

.change-log__entry-tag svg {
  width: 1.5rem;
  height: 1.5rem;
}

.tag-color__newfunctionality {
  background-color: #D2E0EE;
  color: #333333;
}

.tag-color__newfunctionality svg path {
  fill: #333333 !important;
}

.tag-color__bugfix {
  background-color: #F2E3D2;
  color: #333333;
}

.tag-color__bugfix svg path {
  fill: #333333 !important;
}

.tag-color__improvement {
  background-color: #C8D9D3;
  color: #333333;
}

.tag-color__improvement svg path {
  fill: #333333 !important;
}

.tag-color__uiux {
  background-color: #84A29F;
  color: #FFFFFF;
}

.tag-color__uiux svg path {
  fill: #FFFFFF !important;
}

.change-log__entry-image {
  margin: 0.5rem 0 1rem 4rem;
}

.change-log__entry-image .file-gallery__images {
  gap: 1rem;
}

.file-gallery__img {
  height: 5rem;
  object-fit: contain;
  border-radius: 4px;
  border: 1px solid #B2B2B2;
}

.request-detail__base-info-value .file-gallery__img {
  border: none;
}

.request-detail__base-info-button {
  width: 100%;
}

.request-detail__base-info-button .drop-zone-div-container-area {
  padding-left: 0;
}

.request-detail__base-info-button .datamix-button--secondary svg {
  width: 1.25rem;
  height: 1.25rem;
}

.request-detail__base-info-button .datamix-button--secondary svg path, .request-detail__base-info-button .datamix-button--secondary svg polygon {
  fill: unset;
}

.file-gallery__img:hover {
  cursor: pointer;
}

.change-log__entry-image .ImageWithUpload {
  margin: 0 !important;
  padding: 0 !important;
  min-height: unset;
}

.task-group__requests-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}

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

.task-group__requests-container > h4 {
  font-weight: 400;
}

.task-group__edit-container {
  display: flex;
  align-items: baseline;
  justify-content: space-around;
  gap: 1rem;
}

.task-group__chips {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* discriminator tag */
.discriminator-tag__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.15rem 0.35rem;
  border-radius: 1rem;
  background-color: #E7F2FF;
  height: 1.5rem;
}

.discriminator-tag__container p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #134FA6;
}

.discriminator-tag__container svg {
  fill: #134FA6;
  width: 1rem;
  height: 1rem;
}

.discriminator-tag__container path {
  fill: #134FA6;
}

.discriminator-tag__container rect {
  fill: #134FA6;
}

.discriminator-tag__container polygon {
  fill: #134FA6;
}

/* entity tag */
.entity-tag__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.15rem 0.35rem;
  border-radius: 1rem;
  background-color: #E7F2FF;
  height: 1.5rem;
}

.entity-tag__container p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: inherit;
}

.entity-tag__container svg {
  fill: inherit;
  width: 1rem;
  height: 1rem;
}

.entity-tag__container path {
  fill: inherit;
}

.entity-tag__container rect {
  fill: inherit;
}

.entity-tag__container polygon {
  fill: inherit;
}

/* display grid */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}

/* text */
.default-text {
  font-size: 1.15rem;
  margin: 0;
  padding: 0;
  color: #7B7B7B;
}

.default-text-bold {
  font-size: 1.15rem;
  margin: 0;
  padding: 0;
  color: #7B7B7B;
  font-weight: 500;
}

/* customer messages */
.customer-messages__container-scroll {
  height: auto;
  max-height: 400px;
  overflow: auto;
}

.customer-messages__container-height {
  max-height: 800px;
}

.customer-messages__input > div {
  background-color: white;
}

.customer-messages__input .mud-icon-button-edge-end {
  background-color: #1A66D4;
  padding: 8px;
}

.customer-messages__input .mud-icon-button-edge-end:hover {
  background-color: #134FA6;
}

.customer-messages__input .mud-icon-root.mud-svg-icon {
  fill: white;
}

.customer-messages__input .mud-input-adornment {
  align-items: start;
  margin-right: 0.5rem;
  margin-bottom: -2rem;
}

.customer-messages__item {
  display: flex;
  align-items: end;
}

.customer-messages__item-end {
  justify-content: end;
  flex-direction: row-reverse;
}

.customer-messages__avatar {
  padding: 0.5rem;
}

.customer-messages__avatar.customer-messages__avatar-bottom {
  margin-bottom: 2rem;
}

.customer-messages__message-body {
  padding: 0.5rem;
  width: 50%;
}

.customer-messages__message-full-body {
  padding: 0.5rem;
  width: 100%;
}

.customer-messages__message-header {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.customer-messages__item-end .customer-messages__message-header {
  justify-content: end;
}

.customer-messages__message-header p:first-child {
  font-weight: 500;
}

.customer-messages__message-header p {
  margin-bottom: 0;
}

.customer-messages__message {
  padding: 0.5rem;
  background-color: #E6F4FF;
  border-radius: 0.5rem;
}

.customer-messages__message.customer-messages__message-note {
  padding: 1rem;
  background-color: white;
  margin-bottom: 1rem;
  border: 1px solid #C7D5E3;
}

.customer-messages__message.customer-messages__message-note textarea {
  font-size: 1.15rem;
  line-height: 1.15;
  color: #474D56;
}

.customer-messages__message-note-wrapper {
  display: flex;
  align-items: start;
  gap: 0.5rem;
}

.customer-messages__message-action-buttons {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}

p.customer-messages__message-action-buttons-text {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #838383;
  white-space: nowrap;
  font-weight: 300;
  text-align: end;
}

p.customer-messages__message-action-buttons-text span {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #838383;
  font-weight: 400;
}

.customer-messages__message-text-area {
  overflow: hidden;
  resize: none;
  background-color: transparent;
  width: 100%;
}

.customer-messages__message-text-area:focus-visible {
  border: none;
  outline: none;
}

.customer-messages__customer-message {
  background-color: #E6F4FF;
}

.customer-messages__dtmx-message {
  background-color: #FFF0E0;
}

.customer-messages__customer-avatar {
  background-color: #1A66D4 !important;
}

.customer-messages__dtmx-avatar {
  background-color: #D1D1D1 !important;
}

.customer-messages__dtmx-avatar.mud-avatar img {
  width: 75%;
  height: 71%;
  margin-left: 0.25rem;
}

.customer-messages__message-people {
  display: flex;
  justify-content: end;
  margin-right: 0.5rem;
  position: relative;
  top: -1rem;
}

.customer-messages__message-people.customer-messages__message-people-start {
  justify-content: start;
  margin-right: 0rem;
  margin-left: 0.5rem;
}

.customer-messages__message-people .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem !important;
  margin-left: -0.25rem;
}

.customer-messages__footer {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}

.customer-card__unread-messages.customer-messages__count p {
  background-color: #BBCCE5;
  color: #134FA6;
}

.customer-messages__footer .customer-messages__chips {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.customer-messages__footer > div:last-child {
  cursor: pointer;
}

.customer-messages__footer > div:last-child .mud-icon-size-medium {
  font-size: 1.75rem;
}

.customer-messages__footer > div:last-child svg {
  fill: #134FA6;
  width: 1.75rem;
  height: 1.75rem;
}

.customer-messages__footer > div:last-child svg path {
  fill: #134FA6;
}

.customer-messages__notification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.5rem;
}

.customer-messages__notification div > p {
  font-weight: 500;
  color: #848A8F;
}

.customer-messages__notification-people {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.customer-messages__notification-people-hidden {
  position: relative;
  z-index: -100000;
  width: 0;
}

.customer-messages__notification-people-count {
  color: white;
  background-color: #1A66D4;
  padding: 4px 8px !important;
  border-radius: 50%;
}

.customer-messages__notification-people-avatars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.customer-messages__notification-people-avatars .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem !important;
}

.customer-messages__notification-people-avatars .planner-group__card-footer-solvers-icon:hover {
  cursor: pointer;
}

.customer-messages__popup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.customer-messages__popup div {
  width: 100%;
  display: flex;
  justify-content: center;
}

.customer-messages__notification-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.customer-messages__notification-check .mud-switch {
  margin: 0 !important;
}

.customer-messages__line {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin: 1rem 0 0.5rem 0;
}

.customer-messages__line div {
  width: 100%;
  height: 0.25rem;
  background-color: #ED8831;
  border-radius: 0.5rem 0 0 0.5rem;
}

.customer-messages__line div:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

.customer-messages__line p {
  white-space: nowrap;
  text-align: center;
  background-color: #ED8831;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  color: white;
  text-transform: uppercase;
  font-weight: 500;
}

/* my account detail page */
.my-account-detail-page .detail-page__content {
  display: block;
}

.my-account-detail-page .edit-page--max-content {
  width: inherit;
  max-width: 57rem;
}

/* meeting */
.detail-page__content .mud-tabs-toolbar-content {
  background-color: #F9F9F9;
}

/* user profile picture edit component */
.user-profile-picture-edit-component {
  position: relative;
}

.user-profile-picture-edit-component__image {
  width: 6em;
  height: 6em;
  border-radius: 50%;
  display: flex;
}

.user-profile-picture-edit-component__image__image {
  max-width: 6em;
  max-height: 6em;
  border-radius: 50%;
}

.user-profile-picture-edit-component__image__initials {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.user-profile-picture-edit-component__image__initials span {
  height: fit-content;
  font-weight: bold;
  font-size: 3em;
  color: white;
}

.user-profile-picture-edit-component__edit-button {
  position: absolute;
  left: 4.5em;
  bottom: 0.4em;
  background-color: #134fa6;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}

.user-profile-picture-edit-component__edit-button__icon {
  color: white;
}

.request-detail__section-content--images .user-profile-picture-edit-component__edit-button__icon {
  display: none;
}

.request-detail__section-content--images .user-profile-picture-edit-component__edit-button {
  background-color: transparent;
  cursor: default;
}

.user-profile-picture-edit-component__popup-container {
  padding: 0.5rem;
}

.mud-popover-provider > div + div + div > div.user-profile-picture-edit-component__popup-container {
  padding: 0.5rem !important;
}

.user-profile-picture-edit-component__popup-container p {
  margin: 0;
  font-size: 1rem;
  color: #134fa6;
}

.user-profile-picture-edit-component__popup-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  width: 100%;
}

.user-profile-picture-edit-component__popup-item:hover {
  cursor: pointer;
  background-color: #EAEEF2;
}

.user-profile-picture-edit-component__popup-container__add-photo-button {
  text-transform: none !important;
  font-weight: normal !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-start !important;
}

.my-account-job-overview-table {
  background-color: #F3F6FA;
  border-radius: 0.3571428571rem;
  padding: 1.2857142857rem;
}

.my-account-job-overview-table--secondary {
  max-height: 15em;
  overflow-y: scroll;
}

.my-account-job-overview-table table {
  display: flex;
  flex-direction: column;
  border-collapse: collapse;
}

.print-container {
  display: flex;
  min-width: 300px;
  flex-direction: column;
  align-items: center;
}

.print-container-button {
  display: flex;
  gap: 5px;
}

.avatar-container {
  position: relative;
  margin-left: -0.5rem;
}

.avatar-container:hover > .mud-avatar {
  border: 2px solid #134FA6 !important;
  cursor: pointer;
}

.avatar-container:hover > .avatar-remove {
  display: flex;
}

.avatar-container:not(:has(.mud-avatar)) {
  display: none !important;
}

.avatar-remove {
  position: absolute;
  width: 0.95rem;
  height: 0.95rem;
  border-radius: 50%;
  z-index: 1000;
  background-color: #134FA6;
  display: none;
  justify-content: center;
  align-items: center;
  right: -2px;
  cursor: pointer;
}

.avatar-remove svg {
  fill: white;
  width: 0.75rem;
  height: 0.75rem;
}

.avatar-remove svg path {
  fill: white;
  stroke: white;
}

.mud-snackbar-location-top-right {
  top: 120px !important;
  right: 24px !important;
}

.my-account-job-overview-table th {
  font-weight: bold;
  font-size: 1rem;
  color: #134fa6;
}

.my-account-job-overview-table thead {
  margin-bottom: 1em;
}

.my-account-job-overview-table table tbody td {
  text-indent: 0.75em;
}

.my-account-login-history {
  background-color: #F3F6FA;
  border-radius: 0.3571428571rem;
  padding: 1.2857142857rem;
}

.my-account-login-history h3 {
  color: #134fa6;
}

.edit-page-skeleton-tab {
  background-color: #F3F6FA;
  border: 1px solid #F3F6FA;
  border-radius: 0.3571428571rem;
  padding: 1.2857142857rem;
}

.notify-chip {
  display: flex;
  min-height: 50px;
  flex-wrap: wrap;
}

.info-nicknack {
  align-self: center;
  margin-left: 1rem;
  padding-top: 15px;
}

.image-select {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.image-select__item img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
}

.image-select__item {
  position: relative;
}

.image-select__item p {
  text-align: center;
}

.image-select__checkbox {
  position: absolute;
}

.image-select__checkbox .mud-checkbox {
  margin: 0;
}

.image-select__checkbox .mud-icon-button {
  padding: 0;
  margin: 8px;
  width: 24px;
  height: 24px;
  background-color: white;
  border-radius: 0;
}

.image-select__checkbox .mud-icon-button:hover, .image-select__checkbox .mud-icon-button:focus-visible {
  background-color: #C4C4C4;
}

.image-select__checkbox .mud-icon-root.mud-svg-icon {
  width: 36px;
  height: 36px;
}

.image-select__item-checked .image-select__checkbox .mud-icon-root.mud-svg-icon path:first-child {
  fill: #134FA6;
}

.image-select__item-checked .image-select__checkbox .mud-icon-root.mud-svg-icon path:last-child {
  fill: white;
}

/* unfinished predecessors dialog */
.unfinished-predecessors__container h5 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #686868;
}

.unfinished-predecessors__container h5 > span {
  font-size: 1.25rem;
  font-weight: 500;
  color: #BD182C;
}

.unfinished-predecessors__body {
  background-color: #F3F6FA;
  padding: 1rem 2rem;
  border-radius: 0.5rem;
}

.unfinished-predecessors__body h6 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1rem;
  color: #686868;
}

.unfinished-predecessors__table {
  border: 1px solid #B2B2B2;
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  background-color: white;
}

.unfinished-predecessors__table-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}

.unfinished-predecessors__table-item .mud-icon-button {
  padding: 0;
}

.unfinished-predecessors__table-item .mud-checkbox {
  margin: 0;
}

.unfinished-predecessors__table-divider {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin: 1rem 0 0.5rem 0;
}

.unfinished-predecessors__table-divider div {
  width: 100%;
  height: 0.15rem;
  background-color: #134FA6;
}

.unfinished-predecessors__table-divider p {
  white-space: nowrap;
  text-align: center;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  color: #134FA6;
}

.grid-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.grid-info-start {
  justify-content: start;
}

.grid-info p {
  margin: 0;
  padding: 0;
}

.grid-info-small {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.grid-info-small p {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 0.875rem;
}

.grid-template-div {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
}

.grid-template-div p {
  margin: 0;
  padding: 0;
  font-size: 12.25px;
}

.grid-template-div .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem;
}

/* info panel */
.info-panel-slide__container {
  min-width: 300px;
  width: 100%;
  max-width: 900px;
  height: 100vh;
  position: fixed;
  z-index: 1350;
  padding: 0 1rem;
  /*border: 1px solid $MC5-normal;*/
  box-shadow: -8px 0 8px -8px #93A0B3;
  background-color: #F9F9F9;
  overflow: auto;
  top: 60px;
  right: 0;
  transition: right 0.5s ease;
}

.mud-dialog:has(> .info-panel-slide__container) {
  animation: none !important;
}

.info-panel-slide__container-closed {
  right: -950px;
  transition: right 0.5s ease;
}

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

.info-panel__container h5, .info-panel__container p, .info-panel__container span {
  margin: 0;
  padding: 0;
}

.info-panel__container h5, .info-panel__container span {
  font-size: 1.15rem;
}

.info-panel__container p {
  font-size: 1.05rem;
}

.info-panel__container span {
  font-weight: 400;
}

.info_panel__two-column {
  display: flex;
}

.info_panel__two-column > div {
  width: 50%;
  padding: 0.5rem 1rem;
}

.info_panel__three-column {
  display: flex;
}

.info_panel__three-column > div {
  width: 33.3333333333%;
  padding: 0.5rem 1rem;
}

.info_panel__three-column > h5 {
  width: 33.3333333333%;
  padding: 0.5rem 1rem;
}

.info_panel__three-column > span {
  width: 33.3333333333%;
  margin: 0.5rem 1rem;
}

.info-panel__people-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.info-panel__people-group {
  margin: 0.5rem 0;
}

.info-panel__people-groups {
  display: flex;
  gap: 2rem;
}

.info-panel__people-team p {
  text-transform: uppercase;
}

.info-panel__related-tasks-section {
  padding: 0.5rem 1rem;
}

.info-panel__history-comment .customer-messages__message-body {
  width: 100%;
}

.info-panel__history-comment h5 {
  margin-bottom: 0.5rem;
}

.info-panel__history-flow h5 {
  margin-bottom: 0.5rem;
}

.info-panel__history-flow .mud-timeline {
  margin-top: 1rem;
}

.info-panel__history-flow .mud-timeline-vertical {
  padding-top: 0;
}

.info-panel__history-flow .mud-timeline-vertical .mud-timeline-item {
  padding-bottom: 0;
}

.info-panel__history-flow .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-success {
  background-color: #BBCCE5;
}

.info-panel__bools {
  width: 100%;
}

.info-panel__bools > div {
  margin-bottom: 0.25rem;
}

.info-panel__bools > span {
  margin-bottom: 0.25rem;
}

.info-panel__key-value-pair {
  display: flex;
  justify-content: space-between;
  width: 50%;
}

.info-panel__key-value-pair p:first-child {
  font-weight: 500;
  font-size: 1.15rem;
}

.info-panel__key-value-pair p:last-child {
  font-weight: 400;
  font-size: 1.15rem;
  text-transform: uppercase;
}

/* dtmx chip set */
.dtmx-chips-set {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* dtmx chip */
.dtmx-chip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  max-height: 2rem;
}

.dtmx-chip-amount {
  border-radius: 1em;
  min-width: 1.5em;
  padding: 0.075em;
  text-align: center;
  color: white;
}

.dtmx-chip-image {
  max-width: 1.5em;
  border-radius: 1em;
}

.dtmx-chip-clickable {
  cursor: pointer;
}

.dtmx-chip p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

.dtmx-chip svg {
  width: 1.25rem;
  height: 1.25rem;
}

.dtmx-chip-round {
  padding: 0.1rem;
  border-radius: 50%;
}

.dtmx-chip-disabled {
  background-color: #F5F5F5 !important;
  color: #BABABA !important;
  border: none;
}

.dtmx-chip-disabled svg {
  fill: #BABABA !important;
}

/* dtmx-chip-editable */
.dtmx-chip-editable {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.15rem 0.5rem;
  border-radius: 1rem;
  border: 1px solid #93A0B3;
  background-color: white;
  width: max-content;
}

.dtmx-chip-editable.dtmx-chip-editable__edit:hover {
  cursor: pointer;
}

.dtmx-chip-editable.dtmx-chip-editable__true {
  border: 1px solid #2A9348;
}

.dtmx-chip-editable p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-transform: uppercase;
  color: #93A0B3;
}

.dtmx-chip-editable.dtmx-chip-editable__true p {
  color: #2A9348;
}

.dtmx-chip-editable svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #93A0B3;
}

.dtmx-chip-editable svg path {
  fill: #93A0B3;
}

.dtmx-chip-editable.dtmx-chip-editable__true svg {
  fill: #2A9348;
}

.dtmx-chip-editable.dtmx-chip-editable__true svg path {
  fill: #2A9348;
}

.dtmx-chip-editable.dtmx-chip-editable__true.dtmx-chip-editable__icon svg path {
  fill: unset;
}

.request-detail__container .dtmx-chip-editable {
  background-color: #EDEEF0;
  border: 1px solid #959595;
  cursor: default;
}

.request-detail__container .dtmx-chip-editable.dtmx-chip-editable__edit {
  background-color: #DEE2E8;
  border: 1px solid #949494;
}

.request-detail__container .dtmx-chip-editable p {
  color: #959595;
}

.request-detail__container .dtmx-chip-editable.dtmx-chip-editable__true p {
  color: #949494;
}

.request-detail__container .dtmx-chip-editable.dtmx-chip-editable__true {
  background-color: #D4E8DA;
}

.request-detail__container .dtmx-chip-editable.dtmx-chip-editable__true p {
  color: #959595;
}

.request-detail__container .dtmx-chip-editable.dtmx-chip-editable__edit.dtmx-chip-editable__true {
  background-color: #A0DDB1;
}

.request-detail__container .dtmx-chip-editable.dtmx-chip-editable__edit.dtmx-chip-editable__true p {
  color: #474D56;
}

/* product-customer */
.product-customer__item {
  margin: 0.5rem 0;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}

.product-customer__item.product-customer__item-small > p {
  font-size: 1.1rem;
}

.product-customer__item.product-customer__item-small .dtmx-chip p {
  font-size: 1rem;
}

.product-customer__item-chips {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.product-customer__item-chips .dtmx-chip svg {
  fill: #1A66D4;
}

.product-customer__item p {
  font-size: 1.15rem;
  margin: 0;
  padding: 0;
}

.product-customer__item-close:hover {
  cursor: pointer;
}

.product-customer__item-close {
  border-radius: 50%;
  padding: 0.25rem;
  background-color: #B2B2B2;
  width: 1rem;
  height: 1rem;
  position: relative;
}

.product-customer__item-close svg {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  left: 1px;
}

.planner-group__card-header {
  position: relative;
}
.planner-group__card-header:hover .remove-from-collection {
  display: block;
  visibility: visible;
}

.planner-group__card-body-header {
  position: relative;
}
.planner-group__card-body-header:hover .remove-from-collection {
  display: block;
  visibility: visible;
}

.remove-from-collection {
  display: none;
  visibility: hidden;
  color: #BFBFBF;
}

.sprint-story__header-left {
  gap: 0.5rem;
}

.sprint-story__header-left .dropzonecard__header-number {
  margin: 0;
}

.sprint-story__header-left .pictogram-avatar.mud-avatar.mud-avatar-medium {
  margin: 0;
}

[aria-label="Rich Text Editor"] .dxrePage {
  overflow-x: auto !important;
}

.request-detail_rt .dxrePage {
  overflow-x: auto !important;
}

.info-dialog__component .mud-icon-root.mud-svg-icon {
  fill: #9D9D9D;
}

/* request detail */
.request-detail__container {
  background-color: #F9F9F9;
  padding: 0.5rem;
  container-type: inline-size;
  container-name: infopanel;
}

.request-detail__container .info-dialog__component .mud-icon-root.mud-svg-icon {
  fill: #9D9D9D;
}

.request-detail__container.request-detail__container-edit .request-detail__section-title-number {
  display: none;
}

/*.request-detail__container.request-detail__container-editable {
      border: 4px dashed $FC-ok;
      border-radius: 8px;
      cursor: pointer;
  }*/
.request-detail__container.request-detail__container-meeting {
  background-color: transparent;
  border: none;
}

.request-detail__container.request-detail__container-editable .request-detail__section {
  border: 3px dashed #1A66D4;
  border-radius: 8px;
  cursor: pointer;
  padding: 0.5rem;
}

.info-panel-slide__container > .request-detail__container {
  border: none;
}

.request-detail__highlighted-required-area {
  background-color: #FFEEEE !important;
  padding: 5px 10px;
  border-radius: 5px;
}

.request-detail__editable {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  min-height: 33px;
}

.request-detail__header-main.request-detail__header-main-no-background {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

.request-detail__header-main-no-background .request-detail__editable {
  background-color: #DEE2E8;
  padding: 5px 10px;
  border-radius: 5px;
  min-height: 33px;
}

.task-items__container .request-detail__editable {
  background-color: #DEE2E8;
  padding: 5px 10px;
  border-radius: 5px;
  min-height: 33px;
}

.task-item__container-click {
  cursor: pointer;
}

.task-item__container-link {
  cursor: pointer;
}

.task-item__container.task-item__container-header {
  background-color: #DEE2E8;
}

.task-items__container > a {
  color: #424242;
}

.task-items__container > a:hover {
  color: #424242;
}

.task-items__container .task-item__container-header .request-detail__editable {
  background-color: #FFFFFF;
  cursor: default;
}

.task-items__container {
  background-color: #F9F9F9;
}

.task-item__container.task-item__container-header .request-detail__editable p {
  font-weight: 300;
}

.task-item__container.task-item__container-header .request-detail__editable p:empty {
  display: none;
}

.task-item__container.task-item__container-header .request-detail__base-value-placeholder {
  background-color: #FFFFFF;
  padding: 5px 10px;
  border-radius: 5px;
  min-height: 33px;
  width: 100%;
  padding-left: 0;
}

.task-item__container.task-item__container-header .request-detail__base-value-placeholder.request-detail__base-value-placeholder-no-background {
  background-color: transparent;
}

.task-item__container.task-item__container-header .request-detail__base-value-placeholder.request-detail__base-value-placeholder-center {
  margin: 0 auto;
}

.task-item__container.task-item__container-header .request-detail__base-value-placeholder p {
  font-weight: 300;
  margin: 0;
}

.task-items__container .task-item__container .task-item__solvers-section:empty {
  display: none;
}

.task-items__container .request-item__container .task-item__solvers-section:empty {
  display: none;
}

.task-items__container .request-detail__base-info-value-editable {
  min-height: 33px;
}

.task-items__container .request-detail__container .request-detail__base-info-value-editable {
  min-height: 38px;
}

.request-detail__sub-item .task-item__tag {
  width: 1.75rem;
  height: 1.5rem;
}

.request-detail__sub-item > button {
  width: 100%;
}

.task-item__priority-stripe {
  width: 0.5rem;
  height: -moz-available;
  height: -webkit-fill-available;
  height: stretch;
  border-radius: 4px 0 0 4px;
}

.request-item__container:has(.task-item__priority-stripe) {
  gap: 0.5rem;
  padding: 0;
  padding-right: 0.5rem;
}

.request-item__container:has(.task-item__priority-stripe) .task-item__main-section {
  padding: 0.25rem 0.5rem;
  width: calc(100% - 1.75rem - 1.5rem);
}

/*.request-detail__base-info-value.request-detail__base-info-value-editable {
    min-height: 38px;
}*/
.request-detail__editable .mud-tooltip-root.mud-tooltip-inline {
  max-width: 100%;
  min-width: 0;
}

.request-detail__base-info-value .mud-tooltip-root.mud-tooltip-inline {
  max-width: 100%;
  min-width: 0;
}

.request-detail__base-info-value .mud-tooltip-root.mud-tooltip-inline:has(.mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-surface.mud-avatar-close) {
  overflow: hidden;
}

.request-detail__base-value-edit {
  max-width: 100%;
}

.request-detail__base-value-edit .mud-tooltip-root.mud-tooltip-inline {
  max-width: 100%;
  width: 100%;
  min-width: 0;
}

.request-detail__rich-text-container .dxrePage {
  /*background-color: $secondary-tab-panel-color;*/
  background-color: #DEE2E8;
}

.request-detail__rich-text-container .dxreColumn {
  /*background-color: $secondary-tab-panel-color;*/
  background-color: #DEE2E8;
}

.request-detail__rich-text-container .dxreRow {
  /*background-color: $secondary-tab-panel-color;*/
  background-color: #DEE2E8;
}

.request-detail__section-rich-text:has(.hidden-but-interactive) .request-detail__section-title__hide-button {
  display: none;
}

.request-detail__section {
  padding: 0 0.5rem;
  margin: 1rem 0;
  position: relative;
}

div.request-detail__container div.request-detail__section-parent:first-child {
  /*border-top: none;*/
}

.request-detail__container dynamic-section:has(.request-detail__section-content:empty) .request-detail__section-parent {
  /*border-top: none;*/
}

.request-detail__container .request-detail__section-parent:has(.request-detail__section-content:empty) {
  border-top: none;
}

.request-detail__container .request-detail__section-parent:nth-child(n+2) {
  border-top: 1px #9D9D9D solid;
}

.request-detail__container .request-detail__section-parent:has(.request-detail__section-title):nth-child(n+2) {
  border-top: 1px #9D9D9D solid;
}

.request-detail__container dynamic-section:nth-child(n+2) .request-detail__section-parent {
  border-top: 1px #9D9D9D solid;
}

.request-detail__container dynamic-section:nth-child(n+2) .request-detail__section-parent:has(.request-detail__section-title) {
  border-top: 1px #9D9D9D solid;
}

.request-detail__section:has(.request-detail__section-content:empty) {
  margin: 0;
}

.request-detail__section:has(.request-detail__section-content:empty):has(.request-detail__section-title) {
  margin: 1rem 0;
}

/*.request-detail__container dynamic-section:nth-child(n+2) {
    border-top: 1px #9D9D9D solid;
}*/
/*.request-detail__container dynamic-section:has(.request-detail__section-content:empty) {
    border-top: none;
}*/
.request-detail__section-parent.request-detail__section-parent-borderless {
  border-top: none !important;
}

.request-detail__section-hidden {
  display: none;
}

.request-detail__section-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__section-row .request-detail__section-title {
  width: 45%;
  white-space: normal;
}

.request-detail__section-title {
  display: flex;
  gap: 1rem;
  justify-content: start;
  align-items: center;
  margin-bottom: 0;
}

.request-detail__section-title > svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #76808F;
}

.request-detail__section-title > svg path {
  fill: #76808F;
}

.request-detail__section-title-start > svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #76808F;
}

.request-detail__section-title-start > svg path {
  fill: #76808F;
}

.request-detail__section-title-click {
  cursor: pointer;
}

.request-detail__section-title.request-detail__section-title-between {
  justify-content: space-between;
}

.request-detail__section-only-hide {
  position: absolute;
  right: 0.5rem;
  top: 0.7rem;
}

.request-detail__section-title .request-detail__section-title-number {
  margin: 0;
  padding: 0.15rem 0.5rem;
  font-size: 0.9rem;
  border-radius: 1.5rem;
  color: white;
  background-color: #76808F;
}

.request-detail__section-title-start .request-detail__section-title-number {
  margin: 0;
  padding: 0.15rem 0.5rem;
  font-size: 0.9rem;
  border-radius: 1.5rem;
  color: white;
  background-color: #76808F;
}

.request-detail__section-subtitle {
  margin-bottom: 0.5rem;
}

.request-detail__section-subtitle p {
  margin: 0;
  font-size: 1rem;
  color: #C7CAD1;
  font-style: italic;
  font-weight: 400;
}

.request-detail__section-row .request-detail__section-title {
  margin-bottom: 0;
}

.request-detail__section-title h3 {
  color: #2F343D;
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 300;
}

.request-detail__section-title-start {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.request-detail__section-title-start p {
  margin: 0;
  padding: 0;
}

.request-detail__section-title-start p span {
  font-weight: 700;
}

.request-detail__section-title-end {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__section-title-end > .mud-select.mud-autocomplete {
  min-width: 250px;
  width: 100%;
}

.request-detail__section-title-end:has(.mud-select.mud-autocomplete) {
  width: 100%;
}

.request-detail__section-title__hide-button svg {
  fill: #727375;
}

.request-detail__section-title__hide-button svg path {
  fill: #727375;
}

.request-detail__section-title-end p {
  margin: 0;
  padding: 0;
}

.request-detail__section-title-end p span {
  font-weight: 700;
}

.request-detail__layout-btn {
  width: 30px;
  height: 30px;
}

.request-detail__layout-btn .mud-icon-size-medium {
  font-size: 1.25rem;
}

.datamix-button--layout-checked {
  border: 0.0714285714rem solid #77ACF7;
  background-color: #F2F9FF;
}

.request-detail__section-content {
  margin-top: 1rem;
}

#HeaderInfo.request-detail__section-content {
  margin-top: 0;
}

#LastCommentSection.request-detail__section-content:has(.customer-messages__input) {
  margin-top: 0.5rem;
}

#MeetingTasks.request-detail__section-content {
  margin-top: 0.5rem;
}

.request-detail__section-content:has(.hidden-but-interactive) {
  margin-top: 0;
}

.request-detail__section-content:has(> div:empty) {
  margin-top: 0;
}

.request-detail__section-content--two-columns {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.5rem 0;
}

.request-detail__section-content--row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  width: 100%;
  margin-top: 0;
}

.request-detail__section-content--two-columns > div {
  width: calc(50% - 1rem);
}

.request-detail__section-content--two-columns > dynamic-attribute {
  width: calc(50% - 1rem);
}

.request-detail__section-content--two .request-detail__base-info {
  display: flex;
  /*align-items: center;*/
  gap: 0.5rem;
  padding-right: 1.5rem;
}

.request-detail__section-content--two .request-detail__base-info h3 {
  margin: 0;
  width: 45%;
  white-space: normal;
}

.request-detail__section-content--two .request-detail__base-info .request-detail__base-info-title h3 {
  width: 100%;
}

.request-detail__section-content--two-columns .request-detail__base-info {
  display: flex;
  gap: 0.5rem;
}

.request-detail__section-content--two-columns.request-detail__section-content--images .request-detail__base-info {
  display: block;
}

.request-detail__section-content--two-columns .request-detail__base-info h3 {
  margin: 0;
  width: 100%;
  white-space: normal;
}

.request-detail__section-content--two .request-detail__base-info-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 45%;
}

.request-detail__section-content--two-columns .request-detail__base-info-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 0.5rem;
}

.request-detail__section-content--under .request-detail__base-info {
  flex-direction: column;
}

.request-detail__section-content--fixed-height {
  max-height: 450px;
  /*overflow: hidden;*/
  overflow-y: auto;
  transition: 500ms max-height ease-in-out;
  transition-delay: 0ms;
}

.request-detail__section-content--fixed-height:has(.pr-su-tree__list-container) {
  background-color: white;
  border-radius: 4px;
}

.request-detail__section-content--hidden {
  max-height: 0px;
  transition: 500ms max-height ease-in-out;
  transition-delay: 0ms;
  overflow: hidden;
  margin-top: 0;
}

.request-detail__section-content--hidden.request-detail__section-content--small-hidden {
  max-height: 2.75rem;
}

.request-detail__section-content--images {
  align-items: start;
}

.request-detail__section-content--two-columns.request-detail__section-content--images .request-detail__base-info-title {
  justify-content: start;
}

.request-detail__section-content--two-columns.request-detail__section-content--images .request-detail__base-info h3 {
  width: unset;
}

.request-detail__new-btn div {
  display: flex;
  align-items: baseline;
  text-decoration: underline;
  gap: 0.25rem;
}

label.request-detail__new-btn {
  cursor: pointer;
  margin: 0;
}

.request-detail__chips-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.request-detail__chip-chip {
  font-weight: 500;
  background-color: #CEEBEF;
  color: #18B3C9;
  padding: 0.15rem 0.5rem;
  border-radius: 1rem;
}

.request-detail__short-chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.25rem 0.5rem;
  border-radius: 1rem;
  background-color: #DEE2E8;
}

.request-detail__short-chip.request-detail__short-chip-border {
  border: 2px solid #3C7BD7;
}

.request-detail__short-chip.request-detail__full-width-chip {
  width: 100%;
  margin-bottom: 0.5rem;
}

.request-detail__short-chip > div > p {
  font-weight: 500;
  color: #474D56;
  margin: 0;
}

.request-detail__short-chip > .mud-tooltip-root.mud-tooltip-inline {
  height: 1.5rem;
}

.request-detail__section .request-detail__short-chip .mud-avatar.mud-avatar-medium {
  width: 1.5rem !important;
  height: 1.5rem !important;
  font-size: 0.9rem;
}

div.request-detail__chip-thin-text p {
  font-weight: 400;
  color: #76808F;
  margin: 0;
}

p.request-detai__thin-text {
  font-weight: 300;
}

div.request-detail__chip-thin-text p span {
  font-weight: 400;
  color: #474D56;
}

div.request-detail__chip-item-flex {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

div.request-detail__chip-item-flex-no-gap {
  display: flex;
  gap: 0rem;
  align-items: center;
}

div.request-detail__chip-hover {
  cursor: pointer;
}

div.request-detail__chip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 0;
}

div.request-detail__chip .mud-tooltip-root.mud-tooltip-inline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 0;
}

.request-detail__chip-subject-text p {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1.15rem;
  color: #474D56;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.request-detail__chip-bold-text p {
  font-weight: 500;
  color: #474D56;
  margin: 0;
}

div.request-detail__chip-thin-text svg {
  fill: #76808F;
  width: 1.25rem;
  height: 1.25rem;
}

div.request-detail__chip-thin-text .mud-icon-root.mud-svg-icon {
  fill: #76808F;
  font-size: 1.25rem;
}

.request-detail__short-chip > div > p > span {
  font-weight: 400;
  color: #76808F;
  margin: 0;
}

.request-detail__short-chip .dtmx-chip-editable > p {
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0;
}

.request-detail__short-chip > button {
  background-color: #474D56;
  border-radius: 50%;
}

.request-detail__short-chip > button > svg {
  fill: #F9F9F9;
  width: 1rem;
  height: 1rem;
}

.request-detail__short-chip > button > .mud-icon-root.mud-svg-icon {
  fill: #F9F9F9;
  font-size: 1rem;
}

.request-detail__short-chip > svg {
  fill: #474D56;
  width: 1.25rem;
  height: 1.25rem;
}

.request-detail__short-chip > svg path {
  fill: #474D56;
}

.request-detail__short-chip > .mud-icon-root.mud-svg-icon {
  fill: #474D56;
  font-size: 1.25rem;
}

.task-items__edit-new {
  background-color: #DEE2E8;
  padding: 0.5rem;
}

.task-items__edit-new .datamix-button--high {
  min-height: calc(1.1876em + 8px + 10px + 4px);
}

.task-items__edit-new .datamix-button--secondary {
  min-height: calc(1.1876em + 8px + 10px + 4px);
}

.task-items__edit-new .text-field-edit.text-field-edit-no-margin .mud-input-control-input-container {
  border-radius: 4px;
}

.task-items__edit-new .text-field-edit.text-field-edit-no-margin .mud-input > input.mud-input-root, .task-items__edit-new .text-field-edit.text-field-edit-no-margin div.mud-input-slot.mud-input-root {
  padding: 8px 0 10px;
}

.task-items__edit-new .text-field-edit.text-field-edit-no-margin .mud-input-label-outlined {
  transform: translate(0, 6px) scale(1);
}

.task-items__edit-new .edit-item__numeric.edit-item__numeric-no-margin .mud-input > input.mud-input-root, .task-items__edit-new .edit-item__numeric.edit-item__numeric-no-margin div.mud-input-slot.mud-input-root {
  padding: 8px 0 10px;
}

.task-items__edit-new .edit-item__numeric.edit-item__numeric-no-margin .mud-input-label-outlined {
  transform: translate(0, 6px) scale(1);
}

.task-items__edit-new .edit-item__numeric.edit-item__numeric-no-margin .mud-input-control-input-container {
  border-radius: 4px;
}

.task-items__edit-new .datamix-date-picker .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  height: 2.8rem;
  max-width: 100%;
  width: 100%;
  min-width: 10rem;
}

.task-items__edit-new .datamix-date-picker.datamix-date-picker-no-margin .mud-input-label-inputcontrol {
  transform: translate(0, 8px) scale(1);
}

.task-items__edit-new .mud-input-control {
  margin-top: 12px;
}

.task-items__edit-new .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  height: 2.8rem;
  max-width: 20rem;
  width: 100%;
  min-width: 10rem;
}

.task-items__edit-new .edit-item--autocomplete-content-no-margin .mud-input-label-inputcontrol {
  transform: translate(0, 8px) scale(1);
}

.task-items__edit-new-first-row {
  display: flex;
  align-items: end;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.task-items__edit-new-second-row {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  height: 0;
  overflow: hidden;
}

.task-items__edit-new-second-row.task-items__edit-new-second-row-expanded {
  height: auto;
}

.task-items__edit-new-second-row-start {
  display: flex;
  align-items: end;
  gap: 0.5rem;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 1700px) {
  .task-items__edit-new-second-row-start {
    flex-wrap: wrap;
  }
  .task-items__edit-new-second-row-start .morf-date-picker {
    width: 100%;
  }
}
.task-items__edit-new-second-row-solvers {
  display: flex;
  align-items: end;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.task-items__edit-new-second-row-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
}

.task-items__container-border .task-item__container {
  border: 1px solid #C7CAD1;
  border-radius: 4px;
}

.task-item__container.task-item__container-border {
  border: 2px solid #3C7BD7;
}

.request-detail__container-max-height {
  /*max-height: 400px;*/
  overflow: auto;
}

.request-detail__section-show-new {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
}

.request-detail__section-show-new p {
  color: #93A0B3;
  margin: 0;
}

.request-detail__section-show-new svg {
  fill: #93A0B3 !important;
  transform: rotate(180deg);
  font-size: 1.25rem !important;
}

.request-detail__section-show-old {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  cursor: pointer;
}

.request-detail__section-show-old p {
  color: #93A0B3;
  margin: 0;
}

.request-detail__section-show-old svg {
  fill: #93A0B3 !important;
  font-size: 1.25rem !important;
}

.task-item__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  /*background-color: $MC5-light15;*/
  background-color: white;
  padding: 0.5rem;
  margin-top: 0.5rem;
  min-height: 3rem;
  border-radius: 4px;
  flex-wrap: nowrap;
  border-bottom: 1px solid #C7CAD1;
}

.request-item__container.task-item__container {
  background-color: white;
}

.request-item__container.task-item__container .task-item__subject {
  max-width: calc(100% - 3.75rem);
}

.task-item__container.task-item__container-transparent {
  background-color: #F5F5F5;
  opacity: 0.5;
}

.request-item__container .task-item__first-section svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #424242;
}

.request-item__container .task-item__first-section .grid-info svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: rgb(66, 66, 66);
}

.task-item__first-section > svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #474D56;
}

.task-item__first-section > .mud-tooltip-root.mud-tooltip-inline {
  display: flex;
  align-items: center;
}

.task-item__section-tooltip {
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.task-item__section-tooltip-ellipsis {
  max-width: 100%;
}

.task-item__section-tooltip-ellipsis .mud-tooltip-root.mud-tooltip-inline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
  overflow: hidden;
}

.task-item__section-tooltip-ellipsis .mud-tooltip-root.mud-tooltip-inline svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #474D56;
}

.task-item__section-tooltip-ellipsis .mud-tooltip-root.mud-tooltip-inline .request-detail__chip-bold-text {
  max-width: calc(100% - 2.5rem);
}

.task-item__section-tooltip-ellipsis .mud-tooltip-root.mud-tooltip-inline .request-detail__chip-bold-text p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.task-item__section-tooltip-ellipsis .mud-tooltip-root.mud-tooltip-inline .request-detail__chip-subject-text p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.request-item__container .task-item__first-section h3 {
  font-size: 1.15rem;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task-item__solvers-actions {
  width: 1.5rem;
}

.task-item__solvers-actions:empty {
  display: none;
}

.task-item__solvers-section.task-item__solvers-section-hide {
  display: none;
}

.task-item__solvers-actions-center-big {
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.task-item__solvers-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.task-item__solvers-content:has(.request-detail__base-value-placeholder) {
  width: 100%;
}

.request-item__container .task-item__first-section h3 span {
  font-size: 1.15rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.request-item__container .task-item__main-section {
  width: calc(100% - 1.75rem);
}

.request-item__container .task-item__second-section {
  width: max-content;
  min-width: max-content;
}

.task-item__info-section {
  width: 1.5rem;
  flex-shrink: 0;
  display: flex;
}

.task-item__info-section > a {
  display: flex;
}

.task-item__info-section .request-detail__base-info-pictogram {
  width: 1.5rem;
  height: 1.5rem;
}

.task-item__info-section .request-detail__base-info-pictogram img {
  width: calc(1.5rem - 2px);
  height: calc(1.5rem - 2px);
}

.task-item__main-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  justify-content: start;
  flex: 1 1 auto;
  min-width: 0;
}

.task-item__main-section .dx-tag-icon .icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2px;
}

.task-item__solvers-section {
  flex-shrink: 0;
  white-space: nowrap;
}

.task-item__main-section-simple {
  width: 100%;
}

.task-item__main-section.task-item__main-section-width {
  width: calc(100% - 0.5rem - 2rem);
}

.task-item__main-section.task-item__main-section-half {
  width: 50%;
}

.task-item__first-section, .task-item__second-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
  /*flex: 1 1 50%;*/
  min-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.task-item__second-section {
  /*flex-wrap: wrap;*/
}

.task-item__second-section p {
  margin: 0;
}

.task-item__second-section .task-item__solvers {
  min-width: 93px;
  justify-content: end;
}

.task-item__second-section .task-item__solvers.request-detail__base-info-value-editable {
  min-width: 250px;
}

.task-item__second-section:empty {
  display: none;
}

.task-item__main-section:has(.task-item__second-section:empty) .task-item__first-section {
  width: 100%;
}

.task-item__solvers-section p {
  margin: 0;
}

.task-item__subject {
  max-width: 100%;
  width: 100%;
  min-width: 0;
}

.task-item__subject p {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 1.15rem;
  color: #2F343D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.task-item__date {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 93px;
  min-width: 93px;
}

.task-item__date p {
  margin: 0;
  padding: 0;
  color: #2F343D;
}

.task-item__date > svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #93A0B3;
}

.task-item__date > svg path {
  fill: #93A0B3;
}

.task-item__hours {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 75px;
  min-width: 75px;
}

.task-item__hours p {
  margin: 0;
  padding: 0;
  color: #474D56;
}

.task-item__hours > svg {
  width: 1rem;
  height: 1rem;
  fill: #93A0B3;
}

.task-item__hours > svg path {
  fill: #93A0B3;
}

.task-item__solvers {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.task-item__solvers.task-item__solvers-center {
  align-items: center;
  gap: 1rem;
}

.task-item__editable {
  cursor: pointer;
}

.task-item__editable .mud-input svg {
  width: 1rem;
  height: 1rem;
}

.request-detail__footer {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__footer-created, .request-detail__footer-modified, .request-detail__footer-flow {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.request-detail__footer p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #93A0B3;
}

.request-detail__footer-created p:first-child, .request-detail__footer-modified p:first-child {
  font-weight: 700;
}

.request-detail__footer-flow svg {
  fill: #93A0B3;
  width: 1rem;
  height: 1rem;
}

.request-detail__footer-flow svg path {
  fill: #93A0B3;
}

.request-detail__footer-flow:hover {
  cursor: pointer;
}

.request-detail__section .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem;
}

.request-detail__section .customer-messages__avatar .mud-avatar.mud-avatar-medium {
  width: 2.5rem !important;
  height: 2.5rem !important;
  font-size: 1.25rem;
}

.request-detail__section .task-item__solvers .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem;
}

.request-detail__section .avatar-container:first-child {
  margin-left: 0;
}

.request-detail__base-info h3 {
  color: #2F343D;
  margin: 0;
  margin-bottom: 0.5rem;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__base-info p {
  margin: 0;
  padding: 0;
  font-size: 1.15rem;
  color: #2F343D;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.request-detail__sub-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
  min-width: 0;
}

.request-detail__sub-item-click {
  cursor: pointer;
}

.request-detail__sub-item p {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.request-detail__sub-item > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 0;
}

.request-detail__sub-item .mud-tooltip-root.mud-tooltip-inline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  /*width: 100%;*/
  min-width: 0;
}

.request-detail__base-info.request-detail__base-info-break p {
  white-space: break-spaces;
}

.request-detail__base-info {
  white-space: nowrap;
  margin-bottom: 0.5rem;
}

.request-detail__base-info-pictogram {
  background-color: #F8F8F8;
  border: 1px solid #C7CAD1;
  border-radius: 2px;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.request-detail__base-info-new-window {
  cursor: pointer;
}

.request-detail__base-info-new-window:hover svg {
  fill: #134FA6;
}

.request-detail__base-info-pictogram img {
  width: calc(1.25rem - 2px);
  height: calc(1.25rem - 2px);
}

.request-detail__base-info-pictogram svg {
  fill: #474D56;
  width: 1rem;
  height: 1rem;
}

.request-detail__base-info-pictogram svg path {
  fill: #474D56;
}

.request-detail__base-info-value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 5px 10px;
  border-radius: 5px;
}

.request-detail__base-info-value p {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.request-detail__base-info-value.request-detail__base-info-value-editable > .mud-tooltip-root.mud-tooltip-inline {
  width: 100%;
}

.request-detail__base-info-edit {
  /*cursor: pointer;*/
}

.request-detail__base-info-value-color {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 5px;
}

.request-detail__base-info-value-editable > p {
  cursor: pointer;
  width: 100%;
  /*background-color: #DEE2E8;
  padding: 5px 10px;
  border-radius: 5px;
  min-height: 33px;*/
}

.request-detail__base-info-value.request-detail__base-info-value-editable {
  background-color: #DEE2E8;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.request-detail__base-info-value-background {
  background-color: #DEE2E8;
  padding: 5px 10px;
  border-radius: 5px;
  width: 100%;
  min-height: 33px;
  display: flex;
  align-items: center;
}

.request-detail__base-info-value-background > p {
  font-size: 1.15rem;
  padding: 2px 0;
}

.request-detail__base-info-value.request-detail__base-info-value-lines > p {
  white-space: break-spaces;
}

.request-detail__base-info-value.request-detail__base-info-value-lines {
  padding: 1rem;
}

.request-detail__base-info-value.request-detail__base-info-value-lines .mud-input > textarea.mud-input-root {
  margin: 0;
  line-height: 1.15;
}

.request-detail__base-info-value-empty {
  min-height: 1rem;
  width: 0.25rem;
}

.request-detail__base-info-value-has-value .mud-input-adornment {
  display: none;
}

.request-detail__base-info-value-has-value:focus .mud-input-adornment {
  display: flex;
}

.request-detail__base-info-value-has-value:focus-visible .mud-input-adornment {
  display: flex;
}

.request-detail__base-info-value-has-value:focus-within .mud-input-adornment {
  display: flex;
}

.request-detail__base-info-value-has-value.request-detail__base-info-show-adornment .mud-input-adornment {
  display: flex;
}

.request-detail__base-info-value-has-value > svg {
  width: 1.25rem !important;
  height: 1.25rem !important;
}

.request-detail__base-info-value-has-value {
  gap: 0.5rem;
}

.request-detail__base-info-relative {
  align-items: end;
}

.request-detail__base-info-action-button .dtmx-icon-btn {
  background-color: transparent;
  width: 28px;
  height: 28px;
  border-width: 1.5px;
  /*margin-bottom: 0.5rem;
  margin-right: 0.25rem;*/
}

.request-detail__base-info-action-button .dtmx-icon-btn svg {
  width: 16px;
  height: 16px;
}

.request-detail__new-btn svg {
  fill: #76808F;
  width: 14px;
  height: 14px;
}

.request-detail__base-info .request-detail__new-btn svg {
  fill: #76808F;
  width: 14px;
  height: 14px;
}

.request-detail__new-btn.request-detail__new-btn-big svg {
  width: 1.15rem;
  height: 1.15rem;
}

.request-detail__new-btn svg path {
  fill: #76808F;
}

.request-detail__new-btn p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #76808F;
  text-decoration: underline;
  font-weight: 400;
}

.request-detail__container .planner-group__card-footer-solvers-icon:hover {
  cursor: pointer;
}

.request-detail__base-info p.request-detail__base-info-value-interactive {
  font-size: 1.25rem;
  font-weight: 700;
  color: #D52A56;
  cursor: pointer;
  text-transform: uppercase;
}

.request-detail__base-info p.request-detail__base-info-value-interactive.request-detail__base-info-value-interactive-green {
  color: #3BB75E;
}

.request-detail__base-info-items {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__base-info-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.request-detail__base-info-item {
  margin-right: 0.5rem;
}

.request-detail__header-main-close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__header-main-close .fab-button, .request-detail__header-main-close .mud-fab.fab-button {
  width: 2rem;
  height: 2rem;
}

.request-detail__header-pre-actions .fab-button, .request-detail__header-pre-actions .mud-fab.fab-button {
  width: 2rem;
  height: 2rem;
}

.small_close-btn.fab-button, .small_close-btn.mud-fab.fab-button {
  width: 2rem;
  height: 2rem;
}

.request-detail__header-pre-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__header-pre-actions-detail {
  cursor: pointer;
  border: 1px solid #474D56;
  border-radius: 50%;
  background-color: white;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.request-detail__header-pre-actions-detail svg {
  fill: #474D56 !important;
  width: 1.25rem;
  height: 1.25rem;
}

.request-detail__header-main {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #DEE2E8;
  padding: 5px 10px;
  border-radius: 5px;
}

.request-detail__header-main-empty {
  background-color: transparent;
}

.request-detail__header-main-empty:has(h3:empty) {
  display: none;
}

.request-detail__header-main.request-detail__header-main-image {
  align-items: start;
}

.request-detail__header-main-image .GalleryImage {
  width: 100% !important;
  height: 150px !important;
}

.request-detail__header-main-image .file-gallery__img {
  height: unset;
  max-height: 240px;
  border: none;
}

.request-detail__header-main-image > p {
  font-size: 1.1rem;
  font-weight: 200;
  color: #2F343D;
}

.request-detail__header-main dynamic-attribute {
  width: 100%;
}

.request-detail__header-main h3 {
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  color: #474D56;
}

.request-detail__header-main > h3 {
  font-weight: 300;
  white-space: nowrap;
}

.request-detail__header-main .request-detail__header-main-double-with-labels > h3 {
  font-weight: 300;
  white-space: nowrap;
}

.request-detail__header-main .request-detail__header-main-with-labels > h3 {
  font-weight: 300;
  white-space: nowrap;
}

.request-detail__header-main.request-detail__header-main-image h3 {
  color: #2F343D;
  font-size: 1.1rem;
}

.request-detail__header-main.request-detail__header-main-image > h3 {
  width: 45%;
}

.request-detail__header-main.request-detail__header-main-image > div {
  width: 100%;
}

.request-detail__header-main-double-with-labels {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: calc(50% - 0.25rem);
  white-space: nowrap;
}

.request-detail__header-main-double-with-labels h3 {
  width: 45%;
  white-space: normal;
}

.request-detail__header-main-with-labels {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  white-space: nowrap;
  padding-right: 1.5rem;
}

.request-detail__header-main-with-labels h3 {
  width: 45%;
  white-space: normal;
  font-size: 1.1rem;
}

.request-detail__header-request-type {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.request-detail__header-pre-properties {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.request-detail__header-pre-properties .datamix-button--layout {
  height: 30.84px;
  width: 30.84px;
}

.request-detail__header-pre {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 1rem;
  position: sticky;
}

/*.mud-main-content:has(.request-detail__header-pre) {
    overflow: visible !important;
}

.request-detail__section-content--fixed-height:has(.request-detail__header-pre) {
    overflow: visible;
}*/
.request-detail__header-pre-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
}

.request-detail__header-age {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.05rem 0.5rem;
  border: 1px solid #93A0B3;
  border-radius: 1rem;
  width: max-content;
}

.request-detail__header-age svg {
  fill: #93A0B3;
  width: 14px;
  height: 14px;
}

.request-detail__header-age svg path {
  fill: #93A0B3;
}

.request-detail__header-age p {
  margin: 0;
  padding: 0;
  color: #93A0B3;
}

.request-detail__header-edit-popup {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/*  .request-detail__header-edit-popup svg path {
    fill: $MC5-normal;
  }*/
.edit-item__slider.mud-slider {
  width: 15rem;
}

.mud-popover {
  z-index: 1500 !important;
}

.request-detail__process-container {
  padding: 1rem;
  min-height: 8rem;
  background-color: #E9EBED;
}

.request-detail__process-container h3 {
  color: #474D56;
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
}

.request-detail__process-header {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: center;
}

.request-detail__process-header-overview {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.request-detail__process-header-responsible {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.request-detail__process-header-responsible .mud-avatar.mud-avatar-medium {
  width: 2rem !important;
  height: 2rem !important;
  font-size: 1rem;
}

.request-detail__process-step-body {
  padding: 1rem;
  padding-bottom: 0;
}

.request-detail__process-header-steps {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.request-detail__process-step {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #CFD6DD;
}

.request-detail__process-step-finished {
  background-color: #3BB75E;
}

.request-detail__process-step-active {
  background-color: white;
  border-color: #DE2479;
  border-width: 3px;
}

.request-detail__process-step-delimeter {
  background-color: #CFD6DD;
  width: 1rem;
  height: 3px;
  border-radius: 2px;
}

.request-detail__process-step-delimeter-finished {
  background-color: #3BB75E;
}

.request-detail__process-footer {
  padding-top: 1rem;
  display: flex;
  justify-content: end;
}

.request-detail__process-footer .datamix-button--high {
  min-height: calc(3.5714285714rem - 1rem);
}

.request-detail__process-footer .datamix-button--high p {
  font-weight: 500;
}

.request-detail__process-step-actions {
  margin-top: 1rem;
}

.request-detail__process-step-form {
  margin: 0.5rem 0;
}

.request-detail__process-step-form {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.request-detail__process-step-form .mud-input-control.edit-item__numeric-slim {
  background-color: transparent;
}

.request-detail__process-step-form .edit-item__numeric-slim .mud-input {
  max-width: 16rem;
  background-color: white;
}

.request-detail__process-step-form .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .request-detail__process-step-form .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(0, -8px) scale(0.75);
}

.request-detail__process-step-form .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .request-detail__process-step-form .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(0, -10px) scale(0.75);
}

.request-detail__process-step-form .mud-input-label-outlined {
  background-color: transparent;
}

/* infopanel */
@container infopanel (max-width: 480px) {
  .request-detail__mark-for-hide {
    display: none;
  }
  .request-detail__mark-for-expand {
    width: 100% !important;
  }
  .task-item__first-section.request-detail__mark-for-column {
    flex-direction: column;
    align-items: start;
  }
  .task-item__first-section.request-detail__mark-for-column > div {
    width: 100% !important;
  }
  .task-item__solvers-section.request-detail__mark-as-absolute {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
  }
  .request-detail__section-content--two-columns {
    display: block;
  }
  .request-detail__section-content--two-columns > div {
    width: 100%;
  }
  .request-detail__header-pre-info {
    flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
  }
  .request-detail__header-pre {
    align-items: start;
    margin-bottom: 0.5rem;
  }
  .request-detail__header-pre-properties {
    flex-direction: column-reverse;
    align-items: start;
    width: 100%;
  }
  .request-detail__header-pre-properties > button {
    width: 100%;
  }
  .request-detail__header-pre-properties > div {
    width: 100%;
  }
  .request-detail__header-pre-properties > div > button {
    width: 100%;
  }
  .request-detail__header-pre-properties > *:last-child {
    padding-right: 5rem;
  }
  .request-detail__header-request-type {
    flex-wrap: wrap;
  }
  .dx-tag-icon .text {
    white-space: nowrap;
  }
  .request-detail__header-pre-actions {
    position: absolute;
    top: 1px;
    right: 0;
  }
  .request-detail__base-info {
    flex-wrap: wrap;
  }
  .request-detail__section-content--two .request-detail__base-info-title {
    gap: 0.5rem;
    width: auto;
  }
}
/* sprint progress bar */
.sprint-progress-bar__container-txt {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}

.sprint-progress-bar__container-txt > p {
  margin-right: 1rem;
}

.sprint-progress-bar__container {
  max-width: 600px;
  width: 100%;
}

.sprint-progress-bar__header {
  max-width: 600px;
  display: flex;
  align-items: end;
  justify-content: space-between;
}

.sprint-progress-bar__header-left {
  display: flex;
  align-items: end;
}

.sprint-progress-bar__header-triangle {
  border-top: 12px solid #134FA6;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  width: 0;
}

.sprint-progress-bar__header p {
  color: #134FA6;
  margin: 0;
  padding: 0 0 0 0.25rem;
  font-size: 1.15rem;
}

.sprint-progress-bar__bar {
  height: 1.5rem;
  max-width: 600px;
  background-color: #C2D5EC;
  border-radius: 1rem;
  display: flex;
}

.sprint-progress-bar__finished-bar {
  height: 1.5rem;
  background-color: #134FA6;
  border-radius: 1rem 0 0 1rem;
}

.sprint-progress-bar__progress-bar {
  height: 1.5rem;
  background-color: #A9C3E2;
  border-radius: 0 1rem 1rem 0;
}

.sprint-story__container-add {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: 2em;
  margin-bottom: 2em;
}

.sprint_rich-text-edit {
  max-height: 350px;
  max-width: 800px;
  min-width: 800px;
}

.sprint-story__container-add-btn {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}

/* sprint */
@media only screen and (min-width: 579px) {
  .sprint-title {
    margin-bottom: -1rem;
  }
}
/* sprint btn */
.sprint-story__container-add .datamix-button--primary {
  padding-right: 0.7142857143rem;
  height: 3rem;
}

.sprint-story__container-add .datamix-button--secondary {
  height: 3rem;
}

/**************/
/* autocomplete sprint */
.sprint-story__container-add .mud-input {
  background-color: white;
  border-radius: 4px;
}

.sprint-story__container-add .mud-input-control {
  margin-top: 0;
}

.sprint-story__container-add .mud-input > input.mud-input-root {
  background-color: white;
  border-radius: 4px;
  height: 2rem;
}

.sprint-story__container-add .mud-input-control.mud-input-control-margin-normal {
  margin: 0;
}

.sprint-story__container-add .mud-select .mud-input > input.mud-input-root {
  background-color: transparent;
}

.sprint-story__container-add .mud-input > input.mud-input-root-outlined {
  padding: 0.5rem;
}

.sprint-story__container-add .mud-input-label-outlined {
  padding: 0 !important;
}

.sprint-story__container-add .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  font-size: 1rem;
}

.sprint-story__container-add .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
  line-height: 4px;
}

.sprint-story__container-add .mud-input-control > .mud-input-control-input-container {
  background-color: white;
  border-radius: 4px;
}

.sprint-story__container-add .text-field-edit .mud-input > input.mud-input-root {
  margin-left: 0;
}

.sprint-story__container-add .text-field-edit.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
  margin-top: 0;
  margin-left: 0;
}

.sprint-story__container-add .mud-select .mud-input-control > .mud-input-control-input-container {
  background-color: transparent;
}

.sprint-story__container-add .mud-picker .mud-input-control > .mud-input-control-input-container {
  background-color: transparent;
}

.sprint-story__container-add .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .sprint-story__container-add .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
  transform: translate(6px, -6px) scale(0.75);
}

/*****************/
/* sprints report */
.sprint-report-charts__container {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.sprint-report-charts__chart {
  max-width: 700px;
  width: 100%;
  min-width: 400px;
}

.sprint-report-charts__chart h3 {
  text-align: center;
  padding: 0;
}

/******************/
/* automatic action */
.automatic-action__select-container {
  min-height: 8rem;
  max-height: 24rem;
  overflow: auto;
  padding: 1rem;
}

.automatic-action__select-container > p {
  margin: 0;
  padding: 0;
  text-align: center;
}

.automatic-action__item-container {
  background-color: #E9EBED;
  display: flex;
  padding: 1rem;
  margin-bottom: 0.5rem;
}

.automatic-action__item-container h3 {
  color: #474D56;
  margin: 0;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
}

.automatic-action__item-container p {
  color: #474D56;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

.automatic-action__item-main-section {
  width: 100%;
}

.automatic-action__item-select-section {
  min-width: 2rem;
  padding-right: 0.5rem;
}

.automatic-action__item-action-section {
  min-width: 2rem;
  padding-left: 0.5rem;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.automatic-action__item-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}

.automatic-action__item-actions-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.datamix-button > .mud-progress-circular.mud-progress-small {
  height: 13px !important;
  width: 13px !important;
}

/********************/
/* company history event */
p.company-history-event__timeline-header {
  font-weight: 500;
  margin: 0;
  color: #474D56;
}

.company-history-event__timeline-dot {
  cursor: pointer;
}

.company-history-event__timeline.mud-timeline-vertical::before {
  background: #134FA6;
}

.company-history-event__timeline .mud-timeline-item-dot {
  background: #134FA6;
}

.company-history-event__timeline .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-info {
  color: white;
  background-color: white;
}

/********************/
/* user system role */
.person-detail__system-role-section {
  margin-top: 1rem;
  background-color: white;
  border-radius: 4px;
  padding: 1rem;
}

.person-detail__system-role-chips {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.person-detail__system-role-chips p {
  margin: 0;
}

.avatar-text {
  border-radius: 50%;
  padding: 0.25rem;
  width: 1.5rem;
  height: 1.5rem;
}

.avatar-text p {
  font-size: 0.75rem;
  color: white !important;
  text-transform: uppercase;
}

.cursor-grab {
  cursor: grab;
}

/********************/
/* edit-attribute-window */
.button-attribute-window__container {
  display: flex;
  gap: 0.5rem;
}

.datamix-personalization-context-window__header {
  cursor: grab;
  display: flex;
  width: 100%;
  justify-content: end;
  align-items: center;
}
.datamix-personalization-context-window__header svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #9F9F9F;
}
.datamix-personalization-context-window__header svg path {
  fill: #9F9F9F;
}

.datamix-personalization-context-window__tooltip {
  background-color: #ffffff;
  padding: 2rem;
  box-shadow: 1px 4px 9px 2px rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  z-index: 1000;
}

.datamix-personalization-context-window {
  box-shadow: 1px 4px 9px 2px rgba(0, 0, 0, 0.16);
  border-radius: 0.5rem;
  width: fit-content;
}

.datamix-personalization-context-window__body {
  display: flex;
  padding: 0.25rem;
  flex-direction: column;
  gap: 1.75rem;
}

.z-100 {
  z-index: 100;
}

.datamix-personalization-context-window__btn {
  background-color: #ffffff;
  border: 1px solid #1A66D4;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all;
  transition-duration: 0.2s;
}
.datamix-personalization-context-window__btn:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
.datamix-personalization-context-window__btn--horizontal {
  transform: rotate(-90deg);
}
.datamix-personalization-context-window__btn:hover {
  background-color: #DBEAFF;
}
.datamix-personalization-context-window__btn:active {
  background-color: #77ACF7;
}
.datamix-personalization-context-window__btn svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #1A66D4;
}
.datamix-personalization-context-window__btn svg path {
  fill: #1A66D4;
}
.datamix-personalization-context-window__btn.icon-underline {
  position: relative;
  padding-bottom: 0.6rem;
}
.datamix-personalization-context-window__btn.icon-underline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.9rem;
  width: 30%;
  left: 35%;
  border-top: 2px solid #1A66D4;
}
.datamix-personalization-context-window__btn.icon-overline {
  position: relative;
  padding-top: 0.6rem;
}
.datamix-personalization-context-window__btn.icon-overline::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  width: 30%;
  left: 35%;
  border-top: 2px solid #1A66D4;
}

.datamix-personalization-context-window__btn-save {
  background-color: #0c7500;
  color: #ffffff;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all;
  transition-duration: 0.2s;
}
.datamix-personalization-context-window__btn-save:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
.datamix-personalization-context-window__btn-save:hover {
  background-color: #259e0f;
}
.datamix-personalization-context-window__btn-save:active {
  background-color: #1ca80a;
}
.datamix-personalization-context-window__btn-save svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #ffffff;
}
.datamix-personalization-context-window__btn-save svg path svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1A66D4;
}
.datamix-personalization-context-window__btn-save svg path svg path {
  fill: #1A66D4;
}

.edit-attribute-window__container {
  min-width: 400px;
}

.edit-attribute-window__column-item {
  display: flex;
  align-items: center;
  border-bottom: 1px solid grey;
  padding: 0.5rem 0;
}

.edit-attribute-window__column-item p {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  width: 70%;
}

.edit-attribute-window__column-item.edit-attribute-window__column-item-highlighted {
  border-bottom: 3px solid purple;
}

.edit-attribute-window__column-item .edit-attribute-window__icon {
  border: 1px solid #C7CAD1;
  padding: 0.15rem 0.25rem;
  border-radius: 12px;
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 0.5rem;
}

.edit-attribute-window__column-item .edit-attribute-window__icon-clicked {
  border: 1px solid #3BB75E;
}

.edit-attribute-window__column-item .edit-attribute-window__icon svg {
  width: 1rem;
  height: 1rem;
  fill: #C7CAD1;
}

.edit-attribute-window__column-item .edit-attribute-window__icon-clicked svg {
  fill: #3BB75E;
}

.edit-attribute-window__column-item .edit-attribute-window__drag-handle {
  margin-left: 0.5rem;
  cursor: grab;
}

.edit-attribute-window__column-item .edit-attribute-window__drag-handle svg {
  width: 1.25rem;
  height: 1.25rem;
}

/********************/
/********************/
/* summary */
.summary-table {
  margin-top: 0.5rem;
}

.summary-table p {
  margin: 0.5rem 0;
  padding: 0;
  text-align: right;
}

.summary-table p span {
  font-weight: 500;
}

/********************/
/* dynamic attribute */
.dynamic-view__container-editable {
  border: 3px dashed #1A66D4;
  border-radius: 8px;
  padding: 0.5rem;
}

.dynamic-view__buttons-container {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem;
}

.dynamic-view__button {
  border: 1px solid #1A66D4;
  border-radius: 1rem;
  background-color: white;
  padding: 0.15rem 0.75rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1A66D4;
}
.dynamic-view__button:hover {
  background-color: #DBEAFF;
}
.dynamic-view__button:active {
  background-color: #77ACF7;
}

.dynamic-view__button p {
  color: #1A66D4;
}

.dynamic-view__button svg {
  width: 1rem;
  height: 1rem;
  fill: #1A66D4;
}

.dynamic-view__button svg path {
  fill: #1A66D4;
}

.dynamic-view__button.dynamic-view__save-button {
  background-color: #3BB75E;
  border: 1px solid #3BB75E;
  color: white;
}

.dynamic-view__button.dynamic-view__save-button svg {
  width: 1rem;
  height: 1rem;
  fill: white;
}

.dynamic-view__button.dynamic-view__save-button svg path {
  fill: white;
}

.dynamic-section__editable {
  border: 3px dashed #1A66D4 !important;
  border-radius: 8px;
  padding: 0.5rem;
  margin: 1rem 0;
}

.dynamic-section__editable-highlighted {
  background-color: #EEF5FF;
}

.dynamic-section__editable-highlighted .request-detail__section-content--two-columns {
  display: block;
}

.dynamic-section__editable-highlighted .request-detail__header-request-type {
  display: block;
  width: 100%;
}

.dynamic-section__editable-highlighted .dx-tag-icon {
  display: none;
}

.dynamic-section__editable-highlighted .request-detail__header-pre-properties {
  display: block;
  width: 100%;
}

.dynamic-section__buttons-container {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
}

.dynamic-section__button {
  border-radius: 50%;
  border: 1px solid #1A66D4;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dynamic-section__button svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1A66D4;
}

.dynamic-section__button svg path {
  fill: #1A66D4;
}

.dynamic-section__button.dynamic-section__order-button {
  flex-direction: column;
}

.dynamic-section__button.dynamic-section__order-button svg {
  width: 0.75rem;
  height: 0.75rem;
}

.dynamic-section__button.dynamic-section__order-button div {
  width: 0.75rem;
  height: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dynamic-section__button.dynamic-section__order-button div:first-child {
  border-bottom: 1px solid #1A66D4;
}

.dynamic-section__button.dynamic-section__button-active {
  background-color: #1A66D4;
}

.dynamic-section__button.dynamic-section__button-active svg {
  fill: #FFFFFF;
}

.dynamic-section__button.dynamic-section__button-active svg path {
  fill: #FFFFFF;
}

.dynamic-section__button.dynamic-section__order-button.dynamic-section__button-active div:first-child {
  border-bottom: 1px solid #FFFFFF;
}

.dynamic-attribute__flex-edit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 1.1rem;
  column-gap: calc(7rem - 2 * 2.1428571429rem * 0.6);
}

.dynamic-attribute__editable {
  border: 3px dashed #1A66D4;
  border-radius: 8px;
  padding: 0.5rem;
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: #F9F9F9;
}

.dynamic-attribute__editable .request-detail__base-info {
  margin-bottom: 0;
  width: 100%;
}

.dynamic-attribute__editable-highlighted {
  background-color: #E3EDFA;
}

.dynamic-attribute__buttons-container {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
}

.dynamic-attribute__button {
  border-radius: 50%;
  border: 1px solid #1A66D4;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dynamic-attribute__button svg {
  width: 1rem;
  height: 1rem;
  fill: #1A66D4;
}

.dynamic-attribute__button svg path {
  fill: #1A66D4;
}

.dynamic-attribute__button.dynamic-attribute__order-button {
  flex-direction: column;
}

.dynamic-attribute__button.dynamic-attribute__order-button svg {
  width: 0.6rem;
  height: 0.6rem;
}

.dynamic-attribute__button.dynamic-attribute__order-button div {
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dynamic-attribute__button.dynamic-attribute__order-button div:first-child {
  border-bottom: 1px solid #1A66D4;
}

.dynamic-attribute__button.dynamic-attribute__button-active {
  background-color: #1A66D4;
}

.dynamic-attribute__button.dynamic-attribute__button-active svg {
  fill: #FFFFFF;
}

.dynamic-attribute__button.dynamic-attribute__button-active svg path {
  fill: #FFFFFF;
}

.dynamic-attribute__button.dynamic-attribute__order-button.dynamic-attribute__button-active div:first-child {
  border-bottom: 1px solid #FFFFFF;
}

/********************/
.small-circle {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}

/* priority chip */
.dtmx-priority-chip {
  min-width: 8rem;
  text-align: center;
  padding: 0.15rem 0.25rem;
  border-radius: 1.5rem;
  font-weight: 500;
}

/********************/
/* big-card */
.big-card-container {
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
  border: 1px solid #C7CAD1;
  background-color: #F9F9F9;
}

.big-card-container h3 {
  margin: 0 0 0.5rem 0;
  padding: 0;
}

/* card */
.card-container {
  padding: 1rem;
  border-radius: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  height: 100%;
  max-width: 1000px;
  box-shadow: rgba(0, 0, 0, 0.25) 0 4px 4px;
  margin-bottom: 1rem;
}

.card-container__acreditation {
  max-width: unset;
  box-shadow: rgba(0, 0, 0, 0.25) 0 4px 8px;
  background-color: white;
}

.card-body__section-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1 200px;
}

.card-container__acreditation .card-body__section-info {
  align-items: center;
  justify-content: center;
  align-self: stretch;
  max-width: 250px;
  flex: 1 1 150px;
}

.card-container__acreditation-accredited {
  background-color: #EFFBEE;
}

.card-body__section-items {
  flex: 1 1 350px;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.card-container__acreditation .card-body__section-items {
  flex: 1 1 375px;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

.card-container__acreditation.card-container__acreditation-mini .card-body__section-items {
  flex-direction: row;
  align-items: center;
}

.card-body__section-items .main-list__request_items {
  width: 100%;
  background-color: transparent;
}

.card-body__section-items .main-list__request_items .expand-list__item {
  width: 100%;
  max-width: none;
  border-radius: 5px;
  height: auto;
}

.card-body__section-items .main-list__request_items .expand-list__item .item-tag {
  border-radius: 0 5px 5px 0;
}

.card-body__section-action {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 0.5rem;
}

.card-body__section-action .datamix-button--primary {
  padding-left: 0.7142857143rem;
  padding-right: 0.7142857143rem;
}

.card-body__section-action .datamix-button--primary.accredited-button {
  padding-right: 1.0714285714rem;
  background-color: #3BB75E;
}

.card-container__acreditation.card-container__acreditation-mini .card-body__section-action {
  flex-direction: row;
}

.card-body__section-action-btn {
  cursor: pointer;
}

.card-body__section-action-btn svg {
  fill: #76808F;
}

.card-body__section-action-btn svg path {
  fill: #76808F;
}

.card-content-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.card-content-header > p {
  font-size: 1.15rem;
  white-space: nowrap;
}

.card-content-header > p span {
  font-size: 1.15rem;
  font-weight: 500;
  white-space: nowrap;
}

.card-content > svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #474D56;
}

.card-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.card-content > p {
  font-size: 1.15rem;
  white-space: nowrap;
  margin: 0;
}

.card-content > p span {
  font-size: 1.15rem;
  font-weight: 500;
  white-space: nowrap;
}

.card-content-small > p {
  font-size: 0.9rem;
  white-space: nowrap;
}

.card-content-small > p span {
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
}

.card-content-header svg {
  width: 1.75rem;
  height: 1.75rem;
  fill: #2F343D;
}

.card-body__section-items-chip {
  background-color: white;
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  font-weight: 500;
  font-size: 1.15rem;
  text-transform: uppercase;
}

.card-body__section-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card-body__section-item > svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #76808F;
}

.card-body__section-item .dtmx-chip > p {
  font-weight: 500;
}

.card-body__section-item-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: space-between;
  min-width: 225px;
}

.card-body__section-item-label svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #76808F;
}

.card-body__section-item-label svg path {
  fill: #76808F;
}

.card-body__section-item-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.card-body__section-item-label p {
  color: #76808F;
}

.card-body__section-item-button {
  cursor: pointer;
}

.card-body__section-item-button svg {
  width: 1rem;
  height: 1rem;
  fill: #76808F;
}

.card-body__section-item-button svg path {
  fill: #76808F;
}

.card-body__section-item-data {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media only screen and (max-width: 1280px) {
  .card-container__acreditation .card-body__section-info {
    max-width: unset;
  }
  .card-container__acreditation.card-container__acreditation-mini .card-body__section-info {
    max-width: unset;
    flex-direction: row;
    justify-content: space-between;
  }
  .card-container__acreditation .card-body__section-item {
    flex-wrap: wrap;
  }
}
/********************/
.acreditation-packages__card {
  padding: 1em;
}

.acreditation-packages__card--secondary {
  border-radius: 1rem;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  min-width: 35em;
  max-width: 35em;
}

.acreditation-packages__header {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: 2rem;
}

.acreditation-packages__header__tools {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 1rem;
}

.accreditation-packages__header__tools__button {
  cursor: pointer;
}

.acreditation-packages__icon {
  min-width: 24px;
}

.acreditation-packages--counts-stack {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
}

.acreditation-packages__availability-counts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: 1rem;
}
.acreditation-packages__availability-counts .availability-counts__label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  min-width: 0;
}
.acreditation-packages__availability-counts .availability-counts__label .availability-counts__icon {
  margin-right: 0.5rem;
}
.acreditation-packages__availability-counts .availability-counts__label .availability-counts__icon svg {
  height: 1.25rem;
  width: 1.25rem;
}
.acreditation-packages__availability-counts .availability-counts__label .availability-counts__title {
  font-size: 0.875rem;
  max-width: 25em;
}
.acreditation-packages__availability-counts .availability-counts__stats {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}
@media only screen and (max-width: 425px) {
  .acreditation-packages__availability-counts .availability-counts__stats .availability-counts__stat-item {
    flex-grow: 1;
  }
}
.acreditation-packages__availability-counts .availability-counts__stats .availability-counts__stat-item {
  display: flex;
  gap: 0.25rem;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: white;
  border-radius: 1rem;
  padding: 0.5rem;
}
.acreditation-packages__availability-counts .availability-counts__stats .availability-counts__stat-item .stat-item__title {
  font-size: 0.875rem;
  white-space: nowrap;
}
.acreditation-packages__availability-counts .availability-counts__stats .availability-counts__stat-item .stat-item__value {
  font-size: 1.15rem;
  font-weight: 600;
}
.acreditation-packages__availability-counts .availability-counts__stats .availability-counts__stat-item--secondary {
  color: white;
}

@media only screen and (max-width: 48rem) {
  .accreditation-packages__availability-counts {
    flex-direction: column;
    align-items: flex-start;
  }
  .accreditation-packages__availability-counts .availability-counts__label {
    margin-bottom: 0.5rem;
  }
  .accreditation-packages__availability-counts .availability-counts__stats {
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 30rem) {
  .accreditation-packages__availability-counts .availability-counts__stats {
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
  }
  .accreditation-packages__availability-counts .availability-counts__stats .availability-counts__stat-item {
    flex: 1 0 40%;
  }
}
/* Festival acreditation edit */
.mud-dialog-fullscreen {
  overflow-y: scroll !important;
}

.dialog-container.mud-dialog .mud-dialog-actions {
  flex-direction: row;
}

form.acreditation-requirement-edit-component .type-delete-button {
  max-height: 3.33rem;
  width: 3.33rem;
  margin-top: 16px;
}

form.acreditation-requirement-edit-component .autocomplete-select-box.edit-item__autocomplete > div:first-child > div:first-child {
  width: auto;
}

form.acreditation-requirement-edit-component .edit-page .mud-select {
  max-width: 50em;
}

form.acreditation-requirement-edit-component--secondary .edit-page .mud-select {
  max-width: 26.8rem;
}

form.acreditation-requirement-edit-component .edit-page .text-field-edit.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
  width: auto;
}

form.acreditation-requirement-edit-component .edit-page .text-field-edit.mud-input-control {
  max-width: 50em;
}

form.acreditation-requirement-edit-component--secondary .edit-page .text-field-edit.mud-input-control {
  max-width: 26.8rem;
}

form.acreditation-requirement-edit-component .formframe1-row {
  gap: 1rem;
}

form.acreditation-requirement-edit-component .selected-type-add-button {
  width: 10rem;
  height: 2.5rem;
}
form.acreditation-requirement-edit-component .selected-type-add-button.bg {
  background: #134FA6 !important;
}

@media only screen and (max-width: 425px) {
  form.acreditation-requirement-edit-component .selected-type-add-button {
    width: none;
  }
}
/* AcreditationPartner */
.acreditation-packages-partner-wrapper {
  background-color: rgba(34, 34, 34, 0.0509803922);
  padding: 0.5em;
}

.acreditation-packages-partner-requirements {
  padding: 1em;
}

.acreditation-packages-partner-requirements__expand-button {
  max-width: 2em;
}

.notify-type-container {
  display: flex;
  height: 50px;
  gap: 10px;
  background-color: white;
  align-items: center;
  border-radius: 5px;
  padding: 5px 10px;
  width: 100%;
  box-shadow: 0px 2px 2px 0px #DEDEDE;
}

.notify-type-remove {
  cursor: pointer;
}

.target-entity-container {
  display: flex;
  flex-direction: column;
  padding: 0.8rem;
  color: #0068f6;
}

.target-entity-container--selected {
  background-color: #f7f7f7;
}

.flex-max-26rem > * {
  max-width: 26rem !important;
}

.container-shiftment__timeline.mud-timeline-vertical::before {
  background: #134FA6;
}

.container-shiftment__timeline .mud-timeline-item-dot {
  background: #134FA6;
}

.container-shiftment__timeline .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-info {
  color: white;
  background-color: white;
}

.dtmx-icon-btn {
  padding: 0.15rem;
  border-radius: 5px;
  border: 1px solid #9D9D9D;
  background-color: #FFFFFF;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dtmx-icon-btn svg {
  fill: #727375;
  width: 1.15rem;
  height: 1.15rem;
}

.dtmx-icon-btn svg.mud-icon-root.mud-svg-icon {
  fill: #727375;
}

.dtmx-icon-btn-active {
  background-color: #A0DDB1;
}

.dtmx-icon-btn-dark {
  background-color: #DEE2E8;
  border: none;
}

.dtmx-icon-btn-round {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.work-record-table-progress-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}

.semi-donut {
  --percentage: 0;
  --fill: #174ea6;
  --empty: rgba(0, 0, 0, 0.15);
  width: 160px;
  height: 60px;
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  overflow: hidden;
  color: var(--fill);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  box-sizing: border-box;
}
.semi-donut:after {
  content: "";
  width: 150px;
  height: 150px;
  border: 20px solid;
  border-color: #8bc34a rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill);
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  transform: rotate(calc(1deg * (-45 + var(--percentage) * 1.8)));
  animation: fillAnimation 1s ease-in;
}

.arrow_box {
  background: #f1f3f5;
  color: #000;
  padding: 10px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-family: sans-serif;
  font-size: 14px;
  min-width: 150px;
}

.arrow_box span {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
}

.arrow_box .tooltip-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0;
  font-weight: normal;
}

.arrow_box .tooltip-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.arrow_box .dot-invoicing {
  background-color: #1e3a8a; /* tmavě modrá */
}

.arrow_box .dot-noninvoicing {
  background-color: #65a30d; /* zelená */
}

.arrow_box .dot-other {
  background-color: #d4d4d4; /* šedá */
}

.apexcharts-legend .apexcharts-legend-series:nth-child(3) {
  display: none !important;
}

/* grid-summary-items */
.grid-summary-items {
  margin-top: 0.5rem;
  text-align: right;
}

p.grid-summary-item {
  font-weight: 500;
  margin: 0 0 0.25rem 0;
  padding: 0;
}

/* datamix tab chips */
.datamix-tab-chips__content {
  padding: 0 0.5rem 2rem 0.5rem;
  margin: 1rem;
  border-bottom: 1px #9D9D9D solid;
}

.datamix-tab-chips__content .mud-paper {
  background-color: transparent;
}

.datamix-tab-chips__content .mud-overlay-content .mud-paper {
  background-color: var(--mud-palette-surface);
}

.datamix-tab-chips__content:empty {
  display: none;
}

.datamix-tab-chips__content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.datamix-tab-chips__content-header-actions .cancel-button.close-datamix-button {
  width: 2rem;
  height: 2rem;
  background-color: #DEE2E8;
  position: relative;
}

.datamix-tab-chips__content-header-actions .cancel-button.close-datamix-button > svg {
  width: 1.33rem;
  height: 1.33rem;
  fill: #424242;
  position: absolute;
  left: 0.35rem;
}

.datamix-tab-chips__content-header-text > h3 {
  font-size: 1.25rem;
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: #383838;
}

.datamix-tab-chips__content .datamix-tab--secondary {
  margin: 0;
}

.datamix-chip-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.datamix-chip-content p {
  margin: 0;
  padding: 0;
}

.datamix-chip-content svg {
  fill: var(--mud-palette-primary);
}

.datamix-chip-content svg path {
  fill: var(--mud-palette-primary);
}

.mud-chip-filled .datamix-chip-content svg {
  fill: var(--mud-palette-primary-text);
}

.mud-chip-filled .datamix-chip-content svg path {
  fill: var(--mud-palette-primary-text);
}

.datamix-tab-chips__content-header-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.datamix-tab-chips__content-header-text > svg {
  fill: #424242;
}

.datamix-tab-chips__content-header-text > svg path {
  fill: #424242;
}

.datamix-tab-chip.datamix-tab-chip-hidden {
  display: none !important;
}

.datamix-tab-chips__set {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 1rem;
}

.datamix-tab-chips__set-border {
  padding-bottom: 2rem;
  border-bottom: 1px #9D9D9D solid;
}

.datamix-tab-chip {
  border: 1px solid #C7D5E3;
  border-radius: 5px;
  padding: 4px 1rem;
  background-color: white;
  color: #134FA6;
  height: 30.84px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datamix-tab-chip:hover {
  border: 1px solid #77ACF7;
  background-color: #F2F9FF !important;
  color: #1E68D5;
  cursor: pointer;
}

.datamix-tab-chip.datamix-tab-chip-selected {
  border: 1px solid #77ACF7;
  border-radius: 5px;
  padding: 4px 1rem;
  background-color: #F2F9FF !important;
  color: #1E68D5;
  font-weight: 500;
  height: 30.84px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip.datamix-tab-chip-grey {
  background-color: #EEEEEE !important;
  color: #888888;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip {
  border: 3px dashed #1A66D4;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip:hover {
  border: 3px dashed #1A66D4;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip.datamix-tab-chip-edit-selected {
  background-color: #D4FFD6 !important;
  font-weight: 400;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip.datamix-tab-chip-edit-selected:hover {
  background-color: #D4FFD6 !important;
  font-weight: 400;
}

.datamix-tab-chips__chip-set-editable .datamix-tab__item-edit-icon {
  border-radius: 50%;
  border: 1px solid #1A66D4;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip-grey .datamix-tab__item-edit-icon {
  border: 1px solid #888888;
}

.datamix-tab-chip-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.datamix-tab-chip-content svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #1E68D5;
}

.datamix-tab-chip-content svg path {
  fill: #1E68D5;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip.datamix-tab-chip-grey .datamix-tab-chip-content svg {
  fill: #888888;
}

.datamix-tab-chips__chip-set-editable .datamix-tab-chip.datamix-tab-chip-grey .datamix-tab-chip-content svg path {
  fill: #888888;
}

.chip-background-grey {
  background-color: #EDEEF0;
  border: 1px solid #959595;
}

.chip_background-green {
  background-color: #A0DDB1;
}

.chip-background-grey {
  background-color: #EDEEF0;
  border: 1px solid #959595;
}

.chip_background-green {
  background-color: #A0DDB1;
}

.info-panel-hidden-top-bar {
  position: fixed;
  top: -65px;
  left: 0;
  right: 0;
  height: 60px;
  background-color: transparent;
  z-index: 9999;
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0 2rem;
  justify-content: flex-end;
}

.info-panel-hidden-top-bar.visible {
  top: 60px;
}

/* dtmx-switch */
.dtmx-switch__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dtmx-switch__label {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #474D56;
}

.dtmx-switch__container > svg {
  width: 1.25rem;
  height: 1.25rem;
  fill: #93A0B3;
}

.dtmx-switch__container > svg path {
  fill: unset;
}

.dtmx-switch__switch.mud-input-control {
  min-width: 36px;
  height: 18px;
}

.dtmx-switch__switch .mud-switch {
  margin: 0;
}

.dtmx-switch__switch .mud-switch .mud-switch-span, .dtmx-switch__switch .mud-switch .mud-switch-span-medium.mud-switch-span {
  width: 36px;
  height: 18px;
}

.dtmx-switch__switch .mud-switch .mud-switch-span > span:first-child {
  width: 10px;
  height: 10px;
  color: white !important;
  margin: 0;
}

.dtmx-switch__switch .mud-switch-button .mud-switch-thumb-medium {
  width: 10px;
  height: 10px;
  border: 1px solid #DEE2E8;
}

.dtmx-switch__switch .mud-switch .mud-switch-span > span:first-child.mud-switch-disabled {
  color: #DCDCDC !important;
}

.dtmx-switch__switch .mud-switch-disabled .mud-switch-button .mud-switch-thumb-medium {
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.dtmx-switch__switch .mud-switch-base-medium.mud-switch-base {
  padding: 9px;
}

.dtmx-switch__switch .mud-switch-base-medium.mud-switch-base.mud-checked {
  padding: 9px 6px;
}

.dtmx-switch__switch .mud-switch .mud-switch-span .mud-switch-track {
  background-color: #DEE2E8 !important;
  border: 1px solid #DEE2E8;
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.dtmx-switch__switch .mud-switch .mud-switch-span .mud-switch-base.mud-checked + .mud-switch-track {
  background-color: #41B75E !important;
  border: 1px solid #DEE2E8;
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.dtmx-switch__switch .mud-switch-base.mud-switch-disabled + .mud-switch-track {
  opacity: 0.5 !important;
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.5) !important;
}

.dtmx-switch__switch .mud-switch-base.mud-checked.mud-switch-disabled + .mud-switch-track {
  opacity: 0.5 !important;
  box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.5) !important;
}

/* dtmx checkbox */
.dtmx-checkbox__container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.dtmx-checkbox__label {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #474D56;
}

.dtmx-checkbox__checkbox.mud-input-control {
  min-width: 20px;
  height: 20px;
}

.dtmx-checkbox__checkbox .mud-input-control-input-container {
  width: 20px;
  height: 20px;
}

.dtmx-checkbox__checkbox .mud-input-control-input-container {
  width: 20px;
  height: 20px;
}

.dtmx-checkbox__checkbox .mud-checkbox {
  width: 20px;
  height: 20px;
  margin: 0;
}

.dtmx-checkbox__checkbox .mud-checkbox .mud-checkbox-dense {
  width: 20px;
  height: 20px;
  padding: 0;
}

.dtmx-checkbox__checkbox .mud-checkbox-input {
  width: 20px;
  height: 20px;
}

.dtmx-checkbox__checkbox svg {
  width: 20px !important;
  height: 20px !important;
}

.dtmx-checkbox__checkbox svg path:last-child {
  fill: #DEE2E8 !important;
}

.dtmx-checkbox__checkbox-checked svg path:last-child {
  fill: #41B75E !important;
}

.dtmx-checkbox__checkbox .mud-disabled svg path:last-child {
  opacity: 0.4;
}

/* dtmx radio-button */
.dtmx-radio-button__label {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #474D56;
}

.dtmx-radio-button-group__radio-button-group .mud-radio-group {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.dtmx-radio-button__radio-button .mud-radio .mud-radio-dense {
  width: 20px;
  height: 20px;
  padding: 0;
}

.dtmx-radio-button__radio-button .mud-radio {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.dtmx-radio-button__radio-button svg {
  width: 20px !important;
  height: 20px !important;
}

.dtmx-radio-button__radio-button svg path:last-child {
  fill: #DEE2E8 !important;
}

.dtmx-radio-button__radio-button .mud-checked svg path:last-child {
  fill: #41B75E !important;
}

.dtmx-radio-button__radio-button .mud-disabled svg path:last-child {
  opacity: 0.4;
}