/* @media (min-width: 320px) {} // for general stylings (both, mobile && desktop) */
/* @media (max-width: 767px) {} // for only styles between 320px and 768px (most mobile devies) */
/* @media (min-width: 768px) {}  // general desktop && tablet styles if needed */
/* @media (min-width: 768px) and (max-width: 1024px) {} // only tablet styles */
/* @media (min-width: 1025px) // start with desktop styling */

/* *************************************************************************************************************** */
/* ************************** for general stylings (both, mobile && desktop) ************************************* */
/* *************************************************************************************************************** */

html {
  box-sizing: border-box;
  /* overflow: hidden; */
}

* {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  /* box-sizing: border-box; */
}

:root {
  --redesign2024GrayBg: #f1f1f1;
  --red1: #c33d39;
  --red2: #b6151b;
  --red3: #7b1512;
  --redesign2024LogoGray: #888b8d;
  --redesign2024-gray70: #4d4d4d;
  /* --redesign2024-Figma-TSK-cervena: #c81428; */
  --redesign2024-Figma-TSK-cervena: #c82128;
  --redesign2024-Figma-TSK-seda: #888b8d;
  --redesign2024-Figma-Grey: #3a3c42;
  --redesign2024-Figma-Light-Grey: #565859;
  --redesign2024-Figma-Black: #1c2232;
  --redesign2024-Figma-24Black: #bebfc3;
  --redesign2024-Figma-Light: #f1f1f1;
  --redesign2024-Figma-Text-M: 1rem;
  --redesign2024-Figma-Text-M-Spacing: 1.5;
  --redesign2024-Figma-Text-L: 1.25rem;
  --redesign2024-Figma-Text-L-Spacing: 1.5;
  --redesign2024-Figma-Text-L-Bold: 1.25rem;
  --redesign2024-Figma-Text-L-Bold-Spacing: 1.5;
  --redesign2024-Figma-Text-Perex: 1.5rem;
  --redesign2024-Figma-Text-Perex-Spacing: 1.5;
  --redesign2024-Figma-Text-H5: 1.25rem;
  /* --redesign2024-Figma-Text-H5-Spacing: 0.875rem; */
  --redesign2024-Figma-Text-H4: 1.5rem;
  /* --redesign2024-Figma-Text-H4-Spacing: 0.875rem; */
  --redesign2024-Figma-Text-H3: 2rem;
  /* --redesign2024-Figma-Text-H3-Spacing: 0.875rem; */
  --redesign2024-Figma-Text-H2: 2.5rem;
  /* --redesign2024-Figma-Text-H2-Spacing: 1.4; */
  --redesign2024-Figma-Text-H1: 3rem;
  /* --redesign2024-Figma-Text-H1-Spacing: 1.4; */
  --redesign2024-Figma-Text-Mob: 1.6rem;
  --redesign2024-Figma-Text-Mob: 1.5;
  --redesign2024-Figma-Text-Perex-Mob: 2.8rem;
  --redesign2024-Figma-Text-Perex-Spacing-Mob: 1.5;
  --redesign2024-Figma-Text-H5-Mob: 1.8rem;
  --redesign2024-Figma-Text-H5-Spacing-Mob: 1.4;
  --redesign2024-Figma-Text-H4-Mob: 2rem;
  --redesign2024-Figma-Text-H4-Spacing-Mob: 1.4;
  --redesign2024-Figma-Text-H3-Mob: 2.2rem;
  --redesign2024-Figma-Text-H3-Spacing-Mob: 1.4;
  --redesign2024-Figma-Text-H2-Mob: 2.6rem;
  --redesign2024-Figma-Text-H2-Spacing-Mob: 1.4;
  --redesign2024-Figma-Text-H1-Mob: 2.8rem;
  --redesign2024-Figma-Text-H1-Spacing-Mob: 1.4;
  --redesign2024-Figma-Gap-Header: 4rem;
  /* --smallGap: 0.48rem;
  --standardGap: 1.6rem;
  --largeGap: 3.2rem;
  --largerGap: 4.8rem; */
  --redesign2024GrayBg: #f1f1f1;
  --redesign2024TskRed: #7b1512;
  --redesign2024Red1: #d2232a;
  --red1: #c33d39;
  --red2: #b6151b;
  --red3: #7b1512;
  --redesign2024LogoGray: #888b8d;
  --redesign2024LogoRed: #c81428;
  --redesign2024-gray70: #4d4d4d;
  --redLight: #fdefee;
  --gray1: #fafafa;
  --formBackground: white;
  --white: #ffffff;
  --warning: var(--redesign2024-Figma-TSK-cervena);
  --smallGap: 0.3rem;
  --standardGap: 1rem;
  --largeGap: 2rem;
  --largerGap: 3rem;
  --buttonHeight: 3.25rem;
  --toc-width-2025: 20rem;
  --gray-div-max-width-2025: 50rem;
  --inner-body-max-width-2025: 82rem;
  --figma-rounded-corner: var(--smallGap);
  --additionalColor: lightgray;
}

#root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body {
  background-color: white;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 10rem, auto;
  background-position: top, bottom;
}

a {
  text-decoration: none;
}

p {
  color: black;
}

#tsk2025-prehled-dokumenty {
  padding-bottom: var(--standardGap);
}

.mapa-page {
  background-image: none;
  /* Override the background-image for mapa-page */
  position: relative;
  z-index: -30;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer / Edge */
  user-select: none;
  /* Non-prefixed version */

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  z-index: -3;
}

.display-flex {
  display: flex
}

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

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

.align-item-start {
  display: flex;
  align-items: start;
}

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

.margin-top {
  margin-top: var(--standardGap);
}

.margin-bottom {
  margin-bottom: var(--standardGap);
}

.display-flex-with-gap {
  display: flex;
  gap: var(--standardGap);
}

.rekapitulace-columns {
  display: flex;
  flex-wrap: wrap;
  column-gap: 80px;
  row-gap: 0;
  margin-bottom: 0;
  gap: 12px;
}

.rekapitulace-column {
  flex: 1;
  min-width: 300px;
}

.rekapitulace-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 12px;
}

.rekapitulace-columns:not(:last-of-type) {
  margin-bottom: 12px;
  gap: 12px;
}

.rekapitulace-row:last-of-type {
  margin-bottom: 0;
}

.rekapitulace-label {
  font-weight: 500;
  color: var(--redesign2024-Figma-Light-Grey);
  ;
  width: 170px;
  flex-shrink: 0;
  text-align: left;
}

.rekapitulace-value {
  text-align: left;
  word-break: break-word;
}

.rekapitulace-seznam-dokumentu-wrapper {
  display: grid;
  grid-template-columns: 360px 1fr;
  align-items: center;
  column-gap: 1rem;
  margin-bottom: 8px;
}

@media (max-width: 800px) {

  .rekapitulace-value,
  .rekapitulace-seznam-dokumentu-wrapper,
  .rekapitulace-row {
    display: inline-block;
    word-break: none;
    align-items: flex-start;
    margin-inline: 0.7rem;
    max-inline-size: calc(100% - 1.4rem);
    min-width: 0;
    text-align: left;
  }
}

.rekapitulace-seznam-dokumentu-file-with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem
}

.rekapitulace-seznam-dokumentu-icon {
  width: 20px;
  height: 20px;
}

.rekapitulace-seznam-dokumentu-link {
  text-decoration: underline;
  color: var(--redesign2024-Figma-Black);
}

@media (max-width: 768px) {
  .rekapitulace-column {
    flex-direction: column;
    display: flex;
  }
}


.white-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.cdsw2022-header {
  background-color: var(--redesign2024GrayBg);
  display: flex;
  align-items: center;
  padding: 1rem 10vw 1rem 10vw;
  margin-bottom: var(--standardGap);
}

.cdsw2022-header-profile {
  background-color: var(--redesign2024GrayBg);
  display: flex;
  padding: var(--standardGap) 5vw var(--standardGap) 5vw;
  margin-bottom: var(--largeGap);
  position: relative;
  justify-content: space-between;
}

.warning-message {
  color: white;
  background-color: #b6151b;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  border-radius: 8px;
  margin: 0 auto;
}

.cdsw2022-header-icon {
  background-color: white;
  margin-right: 1rem;
  height: 60px;
  width: auto;
  margin-right: 2rem;
  margin-bottom: 1rem;
}

.cdsw2022-header-icon-wrapper {
  height: calc(2 * var(--largeGap));
}

.cdsw2022-body-div-wrap {
  flex-grow: 1;
}

.tsk2024-body-div-wrap {
  display: flex;
  justify-content: center;
}

.filler {
  flex-grow: 1;
  flex: 1 0 100px;
}

.file-filler {
  flex-grow: 1;
  flex: 1 0 100px;
}

.file-filler .cdsw2022-section-div {
  margin: 20px;
}

.filler-button {
  flex-grow: 1;
  flex: 1 0 100px;
}

.cdsw2022-body-left-side {
  flex: 0 0 58%;
  min-width: 0;
}

.cdsw2022-body-single-page {
  flex: 1 1 0;
  min-width: 0;
}

.cdsw2022-body-right-side-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.tsk2024-login-body-right-side-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  /* Center horizontally */
  justify-content: center;
}

.register-image {
  flex-grow: 1;
  background-image: url('/www/images/ilustrace04.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.cdsw2022-white-submit-button-with-icon {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--red1);
  font-weight: bold;
  font-size: 0.9em;
  background-color: var(--gray1);
  border-radius: 0.25rem;
  border: 2px solid var(--red2);
  cursor: pointer;
  width: 100%;
}

.red-italic {
  margin: 20px 20px 0 20px;
  color: var(--red1);
}

.red-italic-2025 {
  color: var(--red1);
}

.red-text-color {
  color: var(--red1);
}

#car-illustration {
  height: auto;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cdsw2022-header-headline {
  color: black;
  text-align: left;
  font-weight: bold;
  font-size: 1rem;
}

.cdsw2022-header-subheadline {
  text-align: right;
  font-weight: normal;
  text-align: left;
  font-size: 1rem;
  line-height: 1.2rem;
  max-width: 40rem;
}

.cdsw2022-header-subheadline-red-text {
  color: var(--redesign2024LogoRed);
  display: inline-block;
}

.cdsw2022-footer {
  width: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background-color: var(--redesign2024GrayBg);
  margin-top: var(--standardGap);
}

.cdsw2022-form-errors {
  text-align: left;
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  color: var(--redesign2024-Figma-TSK-cervena)
}

.cdsw2022-form-errors-sign {
  font-size: 14px;
  color: var(--redesign2024-Figma-TSK-cervena);
  text-align: left;
}

.icon-wrapper {
  width: 100px;
  height: 40px;
  padding: 0 var(--smallGap);
}

.tsk2024-footer-big-icon {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.tsk2024-footer-big-icon[alt="Praha.eu"] {
  transform: scale(1.2);
  transform-origin: center;
}

.cdsw2022-label {
  display: block;
  padding-bottom: var(--smallGap);
}

.cdsw2022-body-div {
  box-sizing: border-box;
  background-color: white;
  width: auto;
  margin: 0px 10vw 40px 10vw;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-wrap: wrap;
  border-radius: 1rem;
}

.cdsw2022-body-right-side-red {
  text-align: center;
  border-left: 1px solid #888b8d;
  flex: 1 1 400px;
  background-color: #b6151b;
}

.cdsw2022-body-left-side-margin {
  margin: 2rem;
}

.cdsw2022-body-left-side-header {
  color: #c92d28;
  text-align: center;
  font-size: 2rem;
}

.cdsw2022-bullet-text p {
  font-size: 1rem;
}

.cdsw2022-right-side-inset {
  margin: 40px 20px;
}

.cdsw2022-right-side-inset-icons {
  margin: 40px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#cdsw2022-left-side-red-rectangle {
  background-color: #f8e3e3;
  border: 2px solid #a01b18;
  color: #394761;
  font-size: small;
  padding: 10px;
  border-radius: 2px;
  text-align: center;
}

.cdsw2022-icon-with-text {
  display: flex;
  align-items: center;
  color: #394761;
  font-size: x-large;
  margin: 1rem 0;
}

.cdsw2022-red-button-with-icon {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c92d28;
  border-radius: 3px;
  border: 2px solid #a01b18;
  cursor: pointer;
}

.cdsw2024-white-button-with-icon {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 1.4rem;
  background-color: white;
  border-radius: 5px;
  border: 1px solid var(--redesign2024-Figma-TSK-cervena);
  cursor: pointer;
  width: fit-content;
  height: 0.4rem;
  padding: 1.6rem 1.2rem 1.6rem 0.4rem;
}

.tsk2024-white-button {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  padding: 0rem 0.5rem;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #ffffff;
  border-radius: 0.25rem;
  border: 1px solid #c82128;
  cursor: pointer;
}

.tsk2024-white-button p,
.tsk2025-white-button p {
  color: #c82128;
}

.cdsw2022-upload-file-list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c92d28;
  border-radius: 3px;
  border: 2px solid #a01b18;
}

.cdsw2022-upload-file-list-margin {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c92d28;
  border-radius: 3px;
  border: 2px solid #a01b18;
  margin: 12px 20px;
  padding: 5px 15px;
}

.cdsw2022-bullet-icon {
  width: 40px;
  margin-right: 1.5rem;
}

.cdsw2022-red-submit-button-with-icon {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c92d28;
  border-radius: 0.25rem;
  border: 0px solid #a01b18;
  cursor: pointer;
  height: var(--buttonHeight);
  padding: var(--standardGap) var(--largeGap);
}

.cdsw2022-red-submit-button-with-icon:hover {
  background-color: var(--redesign2024TskRed);
}

.cdsw2022-red-submit-button-with-icon:disabled,
.tsk2025-white-button:disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: var(--redesign2024-Figma-Light-Grey);
  border: 1px solid var(--redesign2024-Figma-Light-Grey)
}

.tsk2025-white-button {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: #c82128;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #ffffff;
  border-radius: 0.25rem;
  border: 1px solid #c82128;
  cursor: pointer;
  height: var(--buttonHeight);
  padding: var(--standardGap) var(--largeGap);
}

.tsk2025-button-fullwidth {
  width: 100%;
}

.tsk2025-white-button:hover,
.tsk2025-white-button:hover p {
  color: var(--redesign2024TskRed);
  border-color: var(--redesign2024TskRed);
}

.rotate-90-degrees {
  display: inline-block;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(-180deg);
}

.cdsw2022-red-submit-button-with-icon p {
  color: white;
}

.cdsw2022-red-button-icon {
  margin: 0 20px 0 0;
}

.tsk2024-red-button-icon {
  margin: 1rem;
}

.cdsw2022-upload-file-list-icon {
  margin: 5px;
  cursor: pointer;
}

.cdsw2022-red-submit-button-icon {
  margin: 15px;
}

.cdsw2022-red-button-text {
  margin-right: 20px;
  font-size: small;
  text-align: left;
}

.cdsw2022-red-button-text>p {
  color: var(--redesign2024-Figma-TSK-cervena);
}

.cdsw2022-upload-file-list-text {
  margin-right: 20px;
  margin-left: 20px;
  font-size: small;
  text-align: left;
}

.cdsw2022-upload-file-list-icon-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.tsk2024-left-label {
  display: flex;
  text-align: left;
  margin: 10px 20px;
}

.gray-text {
  color: var(--redesign2024-Figma-Light-Grey);
}

.cdsw2022-input-text-field {
  box-sizing: border-box;
  display: block;
  color: #394761;
  background-color: white;
  padding: var(--standardGap);
  font-size: var(--redesign2024-Figma-Text-M);
  border-radius: 0.25rem;
  border: 1px solid #cecfd2;
  width: 100%;
}

.cdsw2022-table-input-text-field {
  box-sizing: border-box;
  display: block;
  color: #394761;
  background-color: #f7f9fc;
  padding: 0.3rem;
  margin: 0.3rem 0;
  border-radius: 3px;
  border: 1.5px solid #a8c4e5;
  width: 100%;
}

.cdsw2022-input-text-field-disabled {
  box-sizing: border-box;
  display: block;
  color: #394761;
  font-size: var(--redesign2024-Figma-Text-M);
  padding: var(--standardGap);
  border-radius: 0.25rem;
  border: 1px solid #cecfd2;
  width: 100%;
}

.cdsw2022-input-text-field-error {
  color: var(--redesign2024-Figma-TSK-cervena);
  border: 1px solid var(--redesign2024-Figma-TSK-cervena);
}

.cdsw2022-input-calendar-field-error {
  border: 1px solid var(--redesign2024-Figma-TSK-cervena);
  border-radius: 0.25rem;
  display: inline-flex;
  width: auto;
  box-sizing: border-box;
}

.calendar-wrapper.cdsw2022-input-calendar-mobile {
  display: inline;
}

.cdsw2022-input-calendar-mobile .calendarInput {
  flex-wrap: wrap;
}

.cdsw2022-input-calendar-mobile .calendarInput>div {
  flex: 0 0 100%;
}

.cdsw2022-input-calendar-mobile .calendarDateInput {
  width: 100%;
  max-width: 100%;
}

.cdsw2022-input-select-field-error {
  border: 1px solid var(--redesign2024-Figma-TSK-cervena);
}

.cdsw2022-flex-wrap-cancel-and-submit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.display-flex-with-gap-mobile {
  display: flex;
  flex-wrap: wrap;
  gap: var(--standardGap);
}

.display-flex-with-gap-mobile>* {
  width: 100%;
}

.cdsw2022-flex-wrap-cancel-and-submit>* {
  margin: 0 var(--standardGap) var(--largeGap) var(--standardGap);
}

.tsk2024-cancel-and-go-back {
  color: var(--redesign2024LogoRed);
  cursor: pointer;
}

.tsk2024-left-margin {
  margin-left: 16px;
}

#tsk2025-typ-prostranstvi {
  margin-bottom: 12rem;
}

.tsk2024-input-container {
  position: relative;
  display: inline-block;
  width: 50%;
}

@container (max-width: 460px) {
  .tsk2025-container-observer {
    width: 100%;
  }
}

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

.tsk2025-container-observer {
  container-type: inline-size;
}

.tsk2025-flex-order-2 {
  order: 2;
}

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

.tsk2024-file-flex-wrap>* {
  flex: 1 1 calc(50% - 10px);
  box-sizing: border-box;
}

.tsk2024-file-flex-wrap>.filler {
  min-width: 50px;
}

.tsk2024-file-flex-align-flex-end {
  align-items: flex-end;
}

.tsk2024-file-flex-align-flex-start {
  align-items: flex-start;
}

@media screen and (max-width: 550px) {
  .tsk2024-file-flex-wrap {
    flex-wrap: wrap;
  }
}

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

.cdsw2022-flex-wrap-stretch {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
}

.cdsw2022-flex-nowrap {
  display: flex;
  flex-wrap: nowrap;
}

#cdsw2022-headline-with-toggle {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin: 1rem 0 0 0;
}

.margin-0 {
  margin: 0 !important;
}

.grid {
  display: grid;
  grid-template-columns: auto auto;
}

.flex-left {
  flex: 1 1 70px;
}

.file-flex-left {
  display: flex;
  justify-content: center;
  width: 100%;
}

.flex-right {
  flex: 1 1 70px;
  margin: 0px 20px;
}

.file-flex-center {
  position: absolute;
  top: 40%;
  left: 37%;
  display: flex;
  align-items: center;
  margin: 0;
}

.file-drop-text {
  transform: translateY(-200%);
  align-items: center;
  display: flex;
  font-size: large;
  color: #888b8d;
}

.cdsw2022-file-drop {
  border: 2px dashed #bebfc3;
  border-radius: 5px;
  margin: 10px 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 10rem;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.cdsw2022-file-drop-highlight {
  border: 2px dashed #c92d28;
  border-radius: 5px;
  margin: 10px 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-height: 10rem;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

.file-drop-content {
  width: 100%;
  margin-bottom: 10px;
}

.file-drop-main-text {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
}

.file-drop-format-text {
  font-size: 14px;
  color: #666;
}

.file-drop-button-container {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .file-drop-button-container {
    position: static;
    margin-top: 15px;
  }

  .cdsw2022-file-drop,
  .cdsw2022-file-drop-highlight {
    padding: 15px;
    min-height: auto;
  }
}

.tsk2024-dropzone-line1 {
  margin: 0 0 1.6rem 0;
}

.tsk2024-dropzone-line2 {
  margin: 0 0 1.6rem 0;
  color: var(--redesign2024-Figma-TSK-seda);
}

.cdsw2022-vertical-line {
  height: 1px;
  width: auto;
  margin: var(--largeGap);
  background-color: var(--redesign2024LogoGray);
}

.cdsw2022-side-icon-single-component {
  padding: 5px;
  margin: 1px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background-color: white;
  position: relative;
}

.cdsw2022-side-icon-single-component:hover {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: var(--red2);
  text-decoration-thickness: 2px;
}


.cdsw2022-side-icon-single-component img {
  width: 56px;
  padding: var(--smallGap);
  height: 56px;
  z-index: 1;
}

.cdsw2022-side-icon-single-component p {
  margin-top: 3px;
  font-size: 1rem;
  color: black;
  font-weight: bold;
  text-align: left;
  max-width: auto;
  padding-left: 10px;
  z-index: 2;
}

.cdsw2022-header-section-type {
  text-align: left;
  color: #d2232a;
}

.cdsw2022-header-and-back-button {
  margin-top: 0;
  margin-bottom: 2rem;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}

.cdsw2022-red-back-button {
  height: 1rem;
  width: auto;
  flex: 0;
  cursor: pointer;
}

.cdsw2022-pointer {
  cursor: pointer;
}

.cdsw2022-selected-location-field {
  font-style: italic;
  color: #d2232a;
}

.cdsw2022-selected-location-field-gray {
  font-style: italic;
  color: #394761;
}

#cdsw-camera-overlay {
  width: 100vw;
  height: 100vh;
  background-color: white;
  position: fixed;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  z-index: 100;
}

#cdsw-camera-controls {
  width: 100%;
  position: fixed;
  bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.video-options {
  width: 100%;
  position: fixed;
  top: 2rem;
  display: flex;
  justify-content: center;
}

.cdsw-camera-buttons {
  width: 5rem;
  height: 5rem;
  margin: 1rem;
  cursor: pointer;
}

.cdsw2022-thumbnail {
  width: calc(100% - 40px);
  margin-top: 5px;
}

.cdsw-no-pointer-events {
  pointer-events: none;
}

#cdsw-camera-canvas {
  display: none;
}

#cdsw-camera-video {
  width: 100%;
  pointer-events: none;
}

#cdsw-camera-inner-wrapper {
  width: 100%;
}

.cdsw-verification-error {
  margin-top: 0.5rem;
  color: var(--redesign2024-Figma-TSK-cervena);
  font-size: 14px;
}

.cdsw-verification-error-summary {
  margin-top: 8px;
  color: var(--redesign2024-Figma-TSK-cervena);
}

.cdsw-verification-error-uploadbox {
  margin-bottom: 1rem;
  margin-top: -0.5rem;
  color: var(--redesign2024-Figma-TSK-cervena);
  font-size: 14px;
  text-align: center;
}

.tsk2025-upload-file-error div.cdsw2022-file-drop.file-drop-container,
.tsk2025-upload-file-error div.cdsw2022-file-drop.file-drop-container-dok-k-dolozeni {
  border-color: var(--redesign2024-Figma-TSK-cervena)
}

.cdsw-verification-error-all {
  margin-left: 1rem;
  margin-bottom: 2rem;
  min-width: 40%;
  text-align: left;
}

.cdsw-verification-error-all h2 {
  margin-bottom: var(--standardGap);
}

.cdsw-verification-error-all h3 {
  margin-bottom: var(--standardGap);
}

.cdsw-verification-error-all ul {
  margin: var(--standardGap) var(--largeGap);
}

.cdsw-form-verification-error {
  color: #d2232a;
  list-style-type: none;
  padding: 10px 0;
  margin: 0;
  font-size: 14px;
}

.cdsw-form-verification-error-table {
  color: #d2232a;
  list-style-type: none;
  padding-bottom: var(--standardGap);
  padding-top: 0;
  margin-top: -16px;
  margin-left: var(--standardGap);
  font-size: 14px;
  text-align: left;
}

#how-to-toggle {
  width: 1.5rem;
  margin-left: 1rem;
}

#dropZone {
  display: none;
}

#logo-praha {
  height: 40px;
  width: auto;
}

.h-captcha {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  margin-top: 0.5rem;
  transform-origin: center;
  transform: scale(0.7);
}

.cdsw2022-section-div {
  margin: 2rem 0 0 0;
  text-align: center;
}

.cdsw2022-section-div-with-margins {
  margin: 2rem 20px 0 20px;
}

.cdsw2022-section-h3 {
  margin: 1rem;
  text-align: left;
  color: var(--red2);
}

.tsk2025-section-h3 {
  display: inline;
  text-align: left;
  font-weight: 600;
  color: var(--redesign2024-Figma-Grey);
}

.cdsw2022-file-drop .tsk2025-section-h3 {
  font-size: large;
}

.cdsw2022-section-div .cdsw2022-section-h3 {
  margin: 1rem 20px 1rem 20px;
}

.cdsw2022-section-h3-no-margins {
  margin: 0;
  text-align: left;
  color: #d2232a;
}

.cdsw2022-section-h6 {
  text-align: center;
  color: #d2232a;
  font-size: 12px;
}

.cdsw2022-section-instructions {
  margin: 10px 20px 0 20px;
  text-align: left;
  font-style: italic;
}

.cdsw2022-section-hyperlink {
  color: #d2232a;
  font-style: italic;
  text-align: left;
}

.cdsw2022-checkbox-wrapper {
  text-align: left;
  margin: 0 20px 0 20px;
}

.cdsw2022-date-inline {
  display: inline;
}

.cdsw2022-date-flex-block {
  margin: 0.3rem 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.cdsw2022-date-margin {
  margin: 0 0.2rem;
}

#cdsw2023-message {
  position: fixed;
  display: none;
  z-index: 100;
  color: white;
  background-color: var(--red3);
  width: calc(100% - 6rem);
  margin: 8rem 2rem auto 2rem;
  padding: 1rem;
  text-align: center;
  border-radius: 0.3rem;
}

#loadFormById {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c92d28;
  border-radius: 3px;
  border: 2px solid #a01b18;
  cursor: pointer;
  padding: 0.5rem 1rem;
  margin: 0.3rem 0;
}

.calendarDateInput {
  max-width: 5rem;
  min-height: 52px;
}

.tsk2023-profile-header {
  background-color: var(--red1);
  color: var(--gray1);
  display: flex;
  flex-wrap: wrap;
  padding: 0rem;
  align-items: center;
}

.tsk2023-header-with-buttons {
  background-color: white;
  color: var(--gray1);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.tsk-2023-header-h3 {
  flex-grow: 1;
  margin: 1rem;
}

.tsk-2023-header-button {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--red2);
  font-weight: bold;
  font-size: 0.9em;
  background-color: var(--gray1);
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
  padding: 0.5rem;
  margin: 1rem;
}

.tsk-2023-button-red {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--gray1);
  font-weight: bold;
  font-size: 0.9em;
  background-color: var(--red2);
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
  padding: 0.5rem;
  margin: 1rem 20px;
}

.tsk-2023-button-red:hover {
  background-color: var(--redesign2024TskRed);
}

.tsk-2023-button-red-send {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--gray1);
  font-weight: bold;
  font-size: 1.5rem;
  background-color: var(--red2);
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
  padding: 0.8rem;
  margin: 1rem 20px;
}

.tsk-2023-button-red-top-margin {
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--gray1);
  font-weight: bold;
  font-size: 0.9em;
  background-color: var(--red2);
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
  padding: 0.5rem;
  margin: 1rem 0 0 0;
}

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

.tsk-2023-flex-shrink {
  flex-shrink: 1;
}

.tsk-2023-flex-noshrink {
  flex-shrink: 0;
}

table {
  border-spacing: 0px;
}

table tr:nth-child(2n + 1) {
  background-color: var(--redLight);
}

.request-list-icon img {
  height: 1.5rem;
  width: auto;
}

.summary-icon {
  height: 1.5rem;
  width: auto;
}

.delete-icon {
  height: 20px;
  width: auto;
  margin: 5px;
}

.summary-icon-position {
  flex: 0 0 1;
  width: 1.5rem;
  height: 1.5rem;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cdsw2021-requests-header {
  background-color: var(--red1);
  color: white;
  font-weight: bold;
}

#cdsw2021-requests-header th {
  white-space: normal;
  text-align: center;
  max-width: 100px;
  padding: 8px;
}

#cdsw2021-requests-header th br {
  display: block;
}

.display-none {
  display: none;
}

.cdsw2022-red-submit-button-text {
  display: flex;
  align-items: center;
}

.cdsw2023-map-wrapper {
  flex-grow: 1;
  margin: 0px 0rem;
  display: flex;
  flex-direction: column;
  /* position: absolute; */
}

#cdsw-map-menu {
  width: 100%;
  position: absolute;
  bottom: 5vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}

#cdsw2022-zabory-menu {
  display: none;
  /* background-color: white; */
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 5;
}

.cdsw2021-map-menu-button-noselect {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.cdsw2021-map-menu-button {
  width: 4rem;
  height: 4rem;
}

#mapaBackground {
  flex-grow: 1;
  /* position: absolute; */
  position: relative;
  width: 100vw;
  height: 100vh;
  /* Fallback*/
  height: 100dvh;
  overflow: hidden;
}

#cdswCanvas {
  position: absolute;
  z-index: 10;
  touch-action: none;
  overflow: hidden;
  top: 0;
  left: 0;
}

#cdsw-loading-map {
  position: fixed;
  width: 5rem;
  height: auto;
  left: 50%;
  top: 50%;
  /* transform: translate(-50% + 2.5rem, -50% + 2.5rem); */
  transform: translate(-50%, -50%);
  animation: 0.1s ease-in 0s 1 normal none running loading-map-opacity,
    3s linear 0s infinite normal none running loading-map;
  z-index: 0;
  display: none;
}

#cdsw2021-toolbar {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin: 15px;
  padding: 0;
  background-color: var(--white);
  position: fixed;
  height: auto;
  z-index: 10;
  text-transform: uppercase;
  font-weight: bolder;
}

.cdsw2023-menu-list-without-bullet {
  list-style-type: none;
  margin: 0;
  padding: 0.3rem 0.5rem;
  font-size: 0.7rem;
}

.cdsw2021-menu-button-wrap {
  padding: 0.2rem 0 0.2rem 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: center;
  cursor: pointer;
}

.cdsw2021-menu-button-icon-cell {
  padding-right: 0.5rem;
  display: none;
}

.cdsw2021-menu-button-icon {
  height: 16px;
  width: auto;
}

.cdsw2021-menu-button-text {
  margin: 0px;
  padding: 0;
}

.cdsw2021-menu-line {
  width: 100%;
  height: 1px;
  background-color: var(--darkBlue);
}

input[type='radio'] {
  margin-right: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
}

.cdsw2022-radio-options-vertical {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  /* margin-bottom: var(--standardGap); */
}

.cdsw2022-radio-label-block {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.cdsw2022-radio-label-block:last-child {
  margin-bottom: 0;
}

.cdsw2022-radio-label-block input[type='radio'] {
  margin-right: 0.5rem;
}

.cdsw2022-radio-label {
  margin-right: 1rem;
  flex-shrink: 0;
  flex-grow: 0;
}

.cdsw2022-radio-label input[type='radio'] {
  accent-color: #c82128;
  /* Sets the radio button color */
}

.cdsw2022-radio-label-block input[type='radio'] {
  accent-color: #c82128;
  /* Sets the radio button color */
}

.cdsw2022-label-subject-type {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 0;
}

.cdsw2022-label-radio-in-line {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
}

.cdsw2022-input-text-component {
  /* padding-right: 1rem; */
  min-width: 200px;
  font-size: 1rem;
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  display: flex;
  text-align: left;
  flex: 1 0 60px;
  flex-wrap: wrap;
  flex-direction: column;
  /* flex-wrap: nowrap; */
}

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

.no-top-padding {
  padding: 0 var(--standardGap);
}

.cdsw2022-input-text-label {
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
}

.cdsw2022-input-text-component-button-with-topPadding {
  min-width: 200px;
  font-size: 1rem;
  padding: 1.8rem var(--standardGap) var(--standardGap) var(--standardGap);
  display: flex;
  text-align: left;
  flex: 1 0 60px;
  flex-wrap: wrap;
  flex-direction: column;
}


.cdsw2022-input-text-component-0-top {
  min-width: 200px;
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  display: flex;
  text-align: left;
  flex: 1 0 60px;
  flex-wrap: wrap;
  flex-direction: column;
}


.cdsw2022-input-text-component-0 {
  min-width: 200px;
  margin: 0 0 var(--standardGap) 0;
  display: flex;
  text-align: left;
  flex: 1 0 60px;
  flex-wrap: wrap;
  flex-direction: column;
}


.cdsw2023-zabor-detail .cdsw2022-input-text-component {
  margin: 10px 0;
}

.cdsw2022-flex-with-radios {
  display: flex;
  flex-wrap: wrap;
  gap: var(--standardGap) 0;
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  flex: 1 0 60px;
  text-align: left;
  min-width: 200px;
}

.cdsw2022-flex-with-radios.cdsw2022-flex-with-radios--error-left {
  --label-col: 150px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: var(--standardGap);
  row-gap: var(--smallGap);
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
}

.cdsw2022-flex-with-radios--error-left> :nth-child(1) {
  grid-column: 1;
}

.cdsw2022-radios-group {
  grid-column: 2;
}

.cdsw2022-form-errors-sign.cdsw2022-form-errors-sign--under-label {
  grid-column: 1;
  display: flex;
  align-items: center;
  gap: 6px;
}



.figma2025-checkbox-checked {
  appearance: none;
  box-sizing: border-box;
  border: 1px solid var(--red2);
  border-radius: 5px;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat center url("https://zabory-t.tsk-praha.cz/zabory/www/images/checkmark-figma.svg");
  background-size: 11px 9px;
}


.figma2025-checkbox-unchecked {
  appearance: none;
  box-sizing: border-box;
  border: 1px solid darkgrey;
  border-radius: 5px;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: none;
  background-size: 11px 9px;
}


.cdsw2022-flex-nowrap-with-radios {
  display: flex;
  flex-wrap: nowrap;
  margin: 10px 20px;
  flex: 1 0 60px;
  text-align: left;
  min-width: 200px;
  align-items: center;
}

.cdsw2022-label-subject-type-wrapper {
  padding-right: 1rem;
}

.cdsw2022-label-flex-wrapper {
  padding-right: 1rem;
  flex: '1 1 1';
}

.cdsw2023-zabor-detail {
  border: 5px solid var(--red1);
  margin: 20px;
  padding: 1rem;
}

.cdsw2023-checkbox-right-margin {
  appearance: none;
  box-sizing: border-box;
  background-color: white;
  margin: 0 0.2rem 0.2rem;
  border: 1px solid var(--redesign2024-gray70);
  border-radius: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  vertical-align: middle;
}

.cdsw2023-checkbox-right-margin:checked {
  border: 1px solid var(--red2);
  text-align: center;
}

.cdsw2023-checkbox-right-margin:checked::after {
  display: block;
  color: var(--red2);
  line-height: 1.25rem;
}

.cdsw2023-checkbox-right-margin:checked::after {
  content: "";
  display: block;
  width: 16px;
  height: 14px;
  background: url(../images/checkmark-figma.svg) no-repeat center / contain;
  margin: 3px 1px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 23px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: '';
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked+.slider {
  background-color: var(--red1);
}

input:focus+.slider {
  box-shadow: 0 0 1px var(--red1);
}

input:checked+.slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 15px;
}

.slider.round:before {
  border-radius: 50%;
}

.button-group {
  display: flex;
  justify-content: center;
}

.button-group-column {
  display: flex;
  flex-direction: column;
  width: fit-content;
  gap: var(--smallGap);
  margin: 0 auto var(--standardGap) auto;
}

.button-group-column>div>button {
  width: 100%;
}

.input-group {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.input-group label {
  margin-right: 10px;
}

.toggle-group {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.toggle-group label {
  margin-right: 10px;
}

.plus-minus-button {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--figma-rounded-corner);
  font-size: 22px;
  vertical-align: bottom;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  padding: 10px;
}

.cdsw2024-zabory-controls-img {
  width: 3rem;
  height: 3rem;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0.1rem;
  cursor: pointer;
}

#cdsw2024-zabory-control-panel-1 {
  border-top-left-radius: 10px;
}

#cdsw2024-zabory-control-panel-2 {
  transform: rotate(90deg);
}

#cdsw2024-zabory-control-panel-3 {
  border-top-right-radius: 10px;
}

#cdsw2024-zabory-control-panel-4 {
  margin-top: -0.2rem;
  border-bottom-left-radius: 10px;
}

#cdsw2024-zabory-control-panel-5 {
  margin-top: -0.2rem;
}

#cdsw2024-zabory-control-panel-6 {
  margin-top: -0.2rem;

  border-bottom-right-radius: 10px;
}

.cdsw2024-zabory-bottom-container-outer {
  position: absolute;
  bottom: 0;
  gap: var(--standardGap);
  z-index: 15;
  width: 100vw;
  pointer-events: none;
}

.cdsw2024-zabory-bottom-container-inner {
  display: flex;
  justify-content: space-between;
  padding: var(--standardGap);
  gap: var(--standardGap);
  flex-wrap: wrap;
}

.cdsw2024-zabory-bottom-container-left-wrapper {
  display: flex;
  gap: var(--standardGap);
}


#cdsw2024-zabory-ok-button-container {
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 25;
}


.hover-effect:hover {
  text-decoration: underline;
  cursor: pointer;
}

#cdsw2024-zabory-bottom-confirm-button-white {
  padding: 15px 20px;
  background-color: white;
  color: #a0070d;
  border: #a0070d solid 1px;
  border-radius: 5px;
  cursor: pointer;
}

#cdsw2024-zabory-bottom-confirm-button-white:hover {
  background-color: #e3e4e9;
}

.cdsw2024-zabory-point-background {
  background: white;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin-right: 5px;

  min-height: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}

.cdsw2024-zabory-point-left-bold-text,
.cdsw2024-zabory-point-right-normal-text {
  white-space: nowrap;
}

.grayscale {
  filter: grayscale(1);
}


.cdsw2024-zabory-point-alignment-gray span {
  opacity: 0.5;
}

.cdsw2024-zabory-point-alignment-gray .cdsw2024-zabory-point-switch-circleDisabled {
  opacity: 0.2;
}

.cdsw2024-zabory-point-alignment-gray .cdsw2024-zabory-point-switch-circleEnabled {
  opacity: 0.2;
}

.cdsw2024-zabory-point-left-bold-text {
  margin-right: 10px;
  font-weight: bold;
}

.cdsw2024-zabory-point-left-normal-text {
  font-weight: normal;
}

.cdsw2024-zabory-point-right-bold-text {
  font-weight: bold;
}

.cdsw2024-zabory-point-right-normal-text {
  margin-left: 10px;
  font-weight: normal;
}

.cdsw2024-zabory-point-switch {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.cdsw2024-zabory-point-switch-background {
  position: relative;
  width: 50px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle;
}

.cdsw2024-zabory-point-switch-background-disabled {
  position: relative;
  width: 50px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  vertical-align: middle;
}

.cdsw2024-zabory-point-switch-circle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #c82128;
  transition: left 0.2s;
}

.cdsw2024-zabory-point-switch-circleEnabled {
  left: calc(100% - 24px);
}

.cdsw2024-zabory-point-switch-circleDisabled {
  left: 2px;
}

#cdsw2024-zabory-control-alignment {
  position: relative;
  display: flex;
  left: 10px;
  top: 1rem;
}

#cdsw2024-zabory-bottom-point-alignment {
  position: absolute;
  right: 10px;
  display: flex;
  align-items: center;
  z-index: 30;
}

.cdsw2024-zabory-canvasImg {
  position: absolute;
  z-index: -15;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.cdsw2024-zabory-point-alignment {
  display: flex;
}


.map-menu-white-rounded-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  background: var(--white);
  border-radius: var(--smallGap);
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: var(--smallGap) var(--standardGap);
  min-height: var(--largeGap);
  gap: var(--smallGap);
  width: fit-content;
}


.map-menu-bottom-zoom-wrapper {
  display: flex;
  gap: var(--smallGap);
}


.map-menu-bottom-minus {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: var(--largerGap);
  justify-content: center;
}

.map-menu-bottom-plus {
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  width: var(--largerGap);
  justify-content: center;
}


#polygonEditing {
  display: flex;
  gap: var(--smallGap);
  flex-direction: column;
}


#addressInput {
  border-radius: var(--smallGap) var(--smallGap) 0 0;
}


#cdsw2024-zabory-right-content {
  position: relative;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.cdsw2024-zabory-polygon-input {
  width: 3rem;
  height: 2rem;
  flex-shrink: 0;
}

.cdsw2024-zabory-polygon-left-normal-text,
.cdsw2024-zabory-polygon-rigt-normal-text {
  position: relative;
  font-weight: normal;
}

.cdsw2024-zabory-polygon-background {
  background: white;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  gap: 10px;
  max-height: 1.6rem;
  overflow: hidden;
}

.cdsw2024-mapa-white-container {
  display: flex;
  align-items: center;
  border-radius: 10px;
  min-height: 1.5rem;
  position: relative;
}

.cdsw2024-mapa-white-container-gray {
  display: flex;
  align-items: center;
  border-radius: 10px;
  min-height: 1.5rem;
  position: relative;
  filter: grayscale(1);
}

.cdsw2024-mapa-white-container-gray span {
  opacity: 0.5;
}

.cdsw2024-mapa-white-container-gray .cdsw2024-zabory-point-switch-circleDisabled {
  opacity: 0.2;
}

.cdsw2024-zabory-polygon-checkmark-background {
  width: 40px;
  height: 50px;
  margin-left: -10px;
}

.cdsw2024-zabory-polygon-checkmark-rectangle {
  width: 20px;
  height: 20px;
  border: 1px solid black;
  position: relative;
}

.cdsw2024-zabory-polygon-checkmark-rectangle-visible {
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  transform: translate(5px, -2px);
  opacity: 1;
  cursor: pointer;
}

.cdsw2024-zabory-polygon-checkmark-rectangle-invisible {
  width: 50px;
  height: 50px;
  background-size: contain;
  position: absolute;
  transform: translate(5px, -2px);
  opacity: 0;
  cursor: pointer;
}

.search-bar-container {
  position: absolute;
  top: 10px;
  right: 60px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}

.search-bar {
  display: flex;
}

.search-input {
  padding: 8px 10px;
  border: none;
  border-radius: var(--smallGap);
  outline: none;
  flex-grow: 1;
  padding-top: 0.9rem;
  display: block;
  width: 19.1rem;
}

.search-icon {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0.4rem;
  right: 0.4rem;
}


#map-top-menu-GPS-wrapper {
  border-top: 1px solid rgb(190, 191, 195);
  padding: 5px 0;
  background-color: rgb(243, 243, 243);
  border-radius: 0 0 var(--smallGap) var(--smallGap);
}


.collapsed {
  width: 2.8rem;
  height: 2.8rem;
}

.flex-container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 20;
  pointer-events: none;
}

.flex-container>.left-components,
.flex-container>.right-component,
.flex-container>.search-bar-container {
  pointer-events: auto;
}

.left-components {
  position: relative;
  z-index: 50;
  display: flex;
  flex-direction: column;
}

.cdsw2024-file-preview-with-delete-outer {
  margin: auto;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-wrap: wrap;
  gap: .6rem;
}

.cdsw2024-file-preview-with-delete-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
}

.cdsw2022-thumbnail-mini {
  height: 6rem;
  width: auto;
  margin: var(--smallGap) var(--smallGap) var(--smallGap) 0;
}

.cdsw2024-file-preview-with-delete-trash {
  height: 1.5rem;
  width: auto;
  margin: 0 1rem;
  cursor: pointer;
  vertical-align: bottom;
}

.cdsw2022-non-image-thumbnail-mini {
  width: auto;
  margin: var(--smallGap) var(--smallGap) var(--smallGap) 0;
}

.cdsw2022-thumbnail-gallery-wrap {
  display: flex;
  gap: 1rem;
  justify-content: left;
  margin: var(--standardGap) var(--largeGap) var(--smallGap) var(--largeGap);
}

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

.non-image-preview .non-image-container {
  background-color: white;
  padding: 1rem;
  border: 1px solid #ddd;
  width: 70px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.file-name {
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
  max-width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right-component {
  align-self: flex-start;
}

#arrows tbody tr {
  --redLight: none;
}

@media (max-width: 550px) {
  .filler {
    display: none;
  }
}

@media (max-width: 638px) {
  .flex-container {
    flex-direction: column;
  }

  .left-components {
    padding-top: 3rem;
  }
}

.tsk-2024-no-margin {
  margin: 0;
}

.modal-overlay {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-content {
  background: white;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
}

.tsk2024-gray-div.modal-content {
  min-height: fit-content;
}

.modal-content h2 {
  margin-bottom: 15px;
}

.modal-content p {
  margin-bottom: 20px;
}

.modal-buttons {
  display: flex;
  justify-content: space-around;
}

.modal-buttons button {
  padding: 10px 20px;
  margin: 0 10px;
  cursor: pointer;
  flex-basis: 5rem;
  flex-grow: 1;
}

.tsk2024-progress-bar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.tsk2024-progress-bar-vertical {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.tsk2024-progress-bar-subsection {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0.3rem 0;
}

.tsk2024-progress-bar>* {
  align-self: center;
}

.tsk2024-progress-bar p {
  margin-left: 0.5rem;
  font-size: 1rem;
}

.tsk2024-progress-bar-dot {
  width: 3rem;
  height: 0;
  border: 0.05rem dashed var(--redesign2024LogoGray);
  margin: 0 1rem;
}

.tsk2024-progress-bar-selected-text {
  font-weight: bolder;
  border-bottom: 4px solid var(--redesign2024LogoRed);
  margin-top: 4px;
}

.tsk2024-progress-bar-black-underline {
  border-bottom: 2px solid black;
  margin-top: 4px;
}

.tsk2024-flex-full-line {
  flex: 1 0 100%;
}

.rounded-top-left {
  border-top-left-radius: 15px;
}

.rounded-top-right {
  border-top-right-radius: 15px;
}

.rounded-bottom-left {
  border-bottom-left-radius: 15px;
}

.rounded-bottom-right {
  border-bottom-right-radius: 15px;
}

.tsk2024-rounded-number {
  width: 3rem;
  height: 3rem;
  background-color: var(--redesign2024GrayBg);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tsk2024-color-white {
  color: white;
}

.tsk2024-color-black {
  color: black;
}

.tsk2024-bg-tskRed {
  color: white;
  background-color: var(--redesign2024LogoRed);
}

.tsk2024-bg-logoGray {
  background-color: var(--redesign2024LogoGray);
}

.tsk2024-rounded-number>* {
  align-self: center;
  font-size: 1.2rem;
  font-weight: bolder;
  width: 1.7rem;
  height: auto;
}

.cdsw2022-body-right-side {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 42%;
  max-width: 42%;
  padding: 40px;
  text-align: center;
  width: -webkit-fill-available;
}

.cdsw2022-body-right-side::before {
  content: "";
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0;
  width: 1px;
  background-color: #BEBFC3;
}

.cdsw2022-mobile-divider {
  display: none;
}

@media (max-width: 768px) {
  .cdsw2022-mobile-divider {
    display: block;
    height: 1px;
    width: 100%;
    background-color: #BEBFC3;
    margin: 2rem 0;
  }
}

.cdsw2024-icon-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  overflow: hidden;
  padding: 2rem;
  filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 0 1rem);
}

.tsk2024-table-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  overflow: hidden;
}

.tsk2024-gray-div {
  background-color: var(--redesign2024GrayBg);
  border-radius: 1rem;
  padding-bottom: var(--largeGap);
  padding-top: var(--largeGap);
  padding-left: var(--standardGap);
  padding-right: var(--standardGap);
  min-width: 406px;
  min-height: 148px;
}

@media (max-width: 768px) {
  .tsk2024-gray-div {
    inline-size: auto;
    border-radius: 0;
    padding: var(--standardGap);
  }
}

.tsk2024-gray-div h1 {
  text-align: left;
  margin: 0 var(--largeGap);
  font-size: 1.5rem;
}

.tsk2024-body-div {
  box-sizing: border-box;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  margin: var(--standardGap);
  flex-grow: 1;
}

.tsk2024-login-body-div-wrap {
  flex-grow: 1;
  padding: 40px 0 80px 0;
  margin: auto;
}

.tsk2024-login-body-div {
  background-color: var(--redesign2024GrayBg);
  Max-width: 1008px;
  width: auto;
  display: flex;
  flex-wrap: wrap;
  border-radius: 1rem;
}

.tsk2025-login-title-container {
  max-width: 50rem;
  margin: auto;
}

h2.tsk2025-login-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

p.tsk2025-login-paragraph {
  text-align: center;
  line-height: 1.75rem;
  color: var(--redesign2024-Figma-Grey);
  margin: 0 var(--standardGap) var(--standardGap) var(--standardGap);
}

.tsk2025-login-card-container {
  margin: 0 var(--largeGap) 0 var(--largeGap);
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding-bottom: var(--standardGap);
}

.tsk2025-login-card {
  flex: 1;
  display: flex;
  min-width: 22rem;
  flex-direction: column;
  background-color: #fff;
  border-radius: 8px;
  padding: 1rem;
  min-height: 100%;
}

.tsk2025-login-card h2.tsk2025-login-headline-img {
  margin: var(--standardGap) var(--standardGap);
  display: flex;
  align-items: center;
  gap: 1rem;
}

.tsk2025-login-subtext-img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  color: #333;
  font-size: 1rem;
  max-width: 800px;
  text-align: left;
}

.tsk2025-login-subtext-img img {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-top: 4px;
}

.tsk2025-login-card-bottom {
  margin-top: auto;
  padding: var(--standardGap);
}

.tsk2025-login-card-bottom>button {
  width: 100%;
}

.tsk2025-login-button-nia {
  margin-top: auto;
  margin-bottom: 2.5rem;
}

.tsk2025-login-card-paragraph {
  line-height: 1.75rem;
  padding: var(--standardGap) var(--standardGap) var(--standardGap);
}

.tsk2025-login-card-registration {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  display: flex;
  justify-content: space-between;
}

.tsk2025-login-card-registration>p {
  color: var(--red2);
  margin: 0 var(--standardGap) var(--standardGap)
}

.tsk2025-deactivate-user-wrapper {
  margin-top: 0.5rem;
  display: flex;
  justify-content: end;
}

.tsk2025-deactivate-user-wrapper>p {
  color: var(--red2);
  margin: 0 var(--standardGap) var(--standardGap)
}

@media (max-width: 768px) {
  .tsk2024-login-body-div {
    flex-direction: column;
  }

  .tsk2025-login-card-container {
    margin: 0 var(--smallGap) var(--smallGap);

  }

  .tsk2025-login-card {
    min-width: 260px;
  }
}

@media (min-width: 1024px) {
  .tsk2024-login-body-div {
    min-width: 1008px;
  }
}

.cdsw2022-body-left-side,
.cdsw2022-body-right-side {
  box-sizing: border-box;
}

@media (min-width: 769px) {
  .cdsw2022-body-left-side {
    flex: 0 0 58%;
    max-width: 58%;
  }

  .cdsw2022-body-right-side {
    flex: 0 0 42%;
    max-width: 42%;
  }
}

@media (max-width: 768px) {

  .cdsw2022-body-left-side,
  .cdsw2022-body-right-side,
  .tsk2024-login-body-div-wrap {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cdsw2022-body-right-side::before {
    display: none;
  }

  .tsk2024-login-body-right-side-inner {
    padding: 0;
    align-items: stretch;
    text-align: center;
  }
}

.tsk2024-register-body-div {
  box-sizing: border-box;
  background-color: var(--redesign2024GrayBg);
  width: 100%;
  max-width: 55rem;
  padding: 32px 40px;
  flex-wrap: wrap;
  border-radius: 1rem;
  text-align: left;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .tsk2024-register-body-div {
    border-radius: 0;
    margin: 0;
    padding: 1.5rem;
    width: auto;
  }
}

.tsk2024-confirmation-body-div {
  background-color: var(--redesign2024GrayBg);
  padding: 2rem;
  border-radius: 1rem;
  text-align: left;
}

.cdsw2024-red-underline-text {
  color: var(--redesign2024LogoRed);
  text-decoration: underline;
}

.tsk2024-body-right-side {
  text-align: center;
  flex: 1 1 400px;
  width: -webkit-fill-available;
}


.tsk2024-body-right-side-with-toc {
  width: var(--gray-div-max-width-2025);
  text-align: center;
  flex: 1 1 400px;
  width: -webkit-fill-available;
}

.cdsw2024-h2-form-type {
  font-size: 2rem;
  text-align: left;
  margin: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  display: flex;
  align-items: center;
}

.cdsw2024-form-h3 {
  text-align: left;
  margin: 0 var(--largeGap);
}

.cdsw2024-form-end-asterix {
  margin: 0 var(--largeGap) var(--largeGap) var(--largeGap);
  padding: 0 0 var(--largeGap) 0;
  text-align: left;
}

.cdsw2024-paragraph-as-label {
  display: block;
  text-align: left;
  margin: var(--standardGap) var(--largeGap) var(--smallGap) var(--largeGap);
}

.cdsw2024-form-margins-for-item {
  margin: var(--smallGap) var(--largeGap);
}

.cdsw2024-form-margins-for-item-top {
  margin: var(--standardGap) var(--largeGap) 0 var(--largeGap);
}

.cdsw2024-simple-red-buttton {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c92d28;
  border-radius: 3px;
  border: 2px solid #a01b18;
  cursor: pointer;
  width: fit-content;
  padding: var(--standardGap) var(--largeGap);
}

.cdsw2024-simple-white-buttton {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--redesign2024LogoRed);
  font-weight: bold;
  font-size: 0.9rem;
  background-color: white;
  border-radius: 5px;
  border: 1px solid var(--redesign2024LogoRed);
  cursor: pointer;
  width: fit-content;
  padding: var(--standardGap) var(--largeGap);
}

.cdsw2024-confirmation-2-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--standardGap)
}

.cdsw2024-form-margins-for-item {
  margin: var(--smallGap) var(--largeGap);
}

.cdsw2024-form-margins-for-item-top {
  margin: var(--standardGap) var(--largeGap) 0 var(--largeGap);
}

.cdsw2024-icon-next-to-headline {
  height: 2rem;
  width: auto;
  margin-right: 0.5rem;
}

.tsk2024-checkbox-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.tsk2024-gps-location {
  display: flex;
  align-items: center;
  margin-left: 10px;
  cursor: pointer;
}



.request-list-wrapper {
  overflow-x: auto;
  margin: 20px 20px;
  white-space: nowrap;
}

.table-container {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid #ccc;
  background-color: #fff;
}

.request-list {
  width: 100%;
  min-width: 1200px;
  border-collapse: collapse;
}

.request-list th,
.request-list td {
  padding: 8px;
  text-align: center;
  border: 1px solid #ddd;
  white-space: nowrap;
}

.tsk2025-figma-h3 {
  font-size: var(--redesign2024-Figma-Text-H3);
  text-align: left;
}

.tsk2025-figma-h4 {
  font-size: 20px;
  text-align: left;
}


.tsk2025-graybox-h3,
.tsk2025-graybox-align-left {
  text-align: left;
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
}


.tsk2025-graybox-headline-with-icon {
  display: flex;
  align-items: center;
}

.tsk2025-graybox-rekapitulace {
  padding: var(--largeGap) var(--largeGap) 0 var(--largeGap);
}

@media (max-width: 768px) {
  .tsk2025-graybox-rekapitulace {
    padding: 1rem;
  }
}

.tsk2025-graybox-gray-text {
  font-size: 18px;
  color: var(--redesign2024-Figma-Grey);
}

.tsk2025-graybox-black-text {
  font-size: 18px;
  color: black;
}

.tsk2025-graybox-rekapitulace-p:not(:last-child) {
  margin-bottom: var(--standardGap);
}

.tsk2025-graybox-gray-text h2,
.tsk2025-graybox-gray-text h3,
.tsk2025-graybox-gray-text h4 {
  color: var(--redesign2024-Figma-Light-Grey)
}

.tsk2025-graybox-gray-title {
  color: #000;
}

.tsk2025-graybox-component-wrapper-0-top {
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
}

.tsk2025-graybox-component-wrapper-larger-bottom-padding {
  text-align: left;
  padding: 0 var(--standardGap) var(--largeGap) var(--standardGap);
}

.tsk2025-graybox-component-wrapper-standart-bottom-padding {
  text-align: left;
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
}

.tsk2025-graybox-component-wrapper-larger-side-padding {
  text-align: left;
  padding: 0 var(--largeGap) var(--standardGap) var(--largeGap);
}

.tsk2025-graybox-component-wrapper-larger-side-bottom-padding {
  text-align: left;
  padding: 0 var(--largeGap) var(--largeGap) var(--largeGap);
}

.tsk2025-graybox-component-wrapper-flex {
  display: flex;
  flex-wrap: wrap;
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  text-align: left;
}


.tsk2025-graybox-component-wrapper-flex-no-side {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 var(--standardGap) 0;
  text-align: left;
  flex: 1 0 auto;
}

.tsk2025-graybox-component-wrapper-no-side {
  padding: 0 0 var(--standardGap) 0;
  text-align: left;
}


.tsk2025-graybox-component-wrapper {
  padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  text-align: left;
}

@media (max-width: 800px) {
  .tsk2025-graybox-component-wrapper {
    padding: 0.5rem;
  }
}

.tsk2025-graybox-component-wrapper-margin-center {
  margin: 0 auto;
}

.tsk2025-graybox-component-wrapper-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer
}

.tsk2025-graybox-component-flex-item-200 {
  flex: 1 0 200px;
}

.tsk2025-graybox-component-flex-item-60 {
  flex: 1 0 60px;
}

.tsk2025-graybox-component-flex-align-flex-end {
  align-items: flex-end;
}


.cdsw2022-graybox-component-padding-0 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 0 0 auto;
  padding: 0;
  white-space: nowrap;
}

.cdsw2022-graybox-component-padding-0 img,
.cdsw2022-graybox-component-padding-0 .custom-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 0.5rem;
}

.tsk2025-graybox-component-bottom-padding-standard {
  padding-bottom: var(--standardGap);
}


.tsk2025-graybox-component-bottom-padding-large {
  padding-bottom: var(--largeGap);
}

input#gdpr-consent {
  margin-right: var(--standardGap);
}

.tsk2025-vymera-form-container {
  text-align: left;
  flex: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: var(--smallGap) var(--standardGap)
}

#tsk2025-graybox-last-component {
  padding-bottom: var(--standardGap);
}

#tsk2025-pridat-zabor-button {
  display: flex;
  justify-content: flex-end;
}

.tsk2025-table-button-container {
  padding: var(--smallGap) 0;
}

.tsk2025-table-button-container img {
  cursor: pointer;
  margin: 0 var(--standardGap) 0 0;
}

.tsk2025-3-button-container>*:nth-child(2) {
  order: 2;
}

.tsk2025-submit-button-right {
  margin-left: auto;
}

.tsk2025-savedemand-button {
  margin-top: 14px;
  height: 52px;
}

.sidebar-toc {
  background-color: var(--redesign2024GrayBg);
  border-radius: 1rem;
  padding: 2rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  width: var(--toc-width-2025);
}


.map-top-menu-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  row-gap: var(--smallGap);
  column-gap: var(--standardGap);
  justify-content: flex-end;
  margin: var(--standardGap);
  position: relative;
  z-index: 20;
  pointer-events: none;
}


.map-top-menu-left-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--smallGap);
}


.map-top-menu-right-wrapper {
  display: flex;
  column-gap: var(--standardGap);
}


.map-top-menu-cancel-button {
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}


@media (max-width: 800px) {
  .tsk2024-body-right-side {
    text-align: left;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    overflow-x: hidden;
  }
}

@media (max-width: 800px) {
  .cdsw2024-mapa-white-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #cdsw2024-zabory-bottom-point-alignment {
    padding-top: 10px;
  }

  .file-flex-center {
    position: absolute;
    top: 40%;
    left: 20%;
    display: flex;
    align-items: center;
    margin: 0;
  }
}

.pointer-events-all {
  pointer-events: all
}


/* *************************************************************************************************************** */
/* ***************** for only styles between 320px and 768px (most mobile devies) ******************************** */
/* *************************************************************************************************************** */
@media screen and (max-width: 767px) {}

/* *************************************************************************************************************** */
/* ********************************** Mobiles and tablets portraits 2025 ***************************************** */
/* *************************************************************************************************************** */
@media only screen and (max-width: 768px) and (orientation: portrait) {

  .cdsw2022-flex-wrap>*,
  .tsk2025-button-100-width,
  .cdsw2022-flex-wrap-cancel-and-submit>* {
    flex: 0 1 100%;
  }

  .cdsw2022-flex-wrap-cancel-and-submit>*:not(:last-child) {
    margin: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  }

  .cdsw2022-red-submit-button-with-icon {
    width: 100%;
  }

  .tsk2025-submit-button-right {
    margin: 0 var(--standardGap) var(--largeGap) var(--standardGap);
  }

  .cdsw2022-header-profile {
    padding: var(--standardGap);
  }

  .header-profile-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: var(--standardGap);
  }

  .header-profile-button>*:first-child {
    order: 2;
  }

  .tsk2025-savedemand-button {
    margin-top: var(--smallGap);
  }

  .sidebar-toc,
  .tsk2024-body-div {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-right: 0 !important;
    margin-left: 0;
    border-radius: 0;
    padding-right: 0%;
  }

  .sidebar-toc h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--standardGap);
  }

  .tsk2024-body-right-side-with-toc {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* *************************************************************************************************************** */
/* ************************************************ only tablet styles ******************************************* */
/* *************************************************************************************************************** */
@media screen and (min-width: 768px) and (max-width: 1024px) {}

/* *************************************************************************************************************** */
/* ******************************************** start with desktop styling *************************************** */
/* *************************************************************************************************************** */
@media screen and (min-width: 1025px) {
  body {
    background-size: auto 250px, auto;
  }

  .cdsw2022-header-headline {
    font-size: 2rem;
  }

  .cdsw2022-body-left-side-header {
    margin: 20px 0 20px 0;
    font-size: xxx-large;
  }

  .cdsw2022-body-left-side-margin {
    margin: 40px;
  }

  .cdsw2022-icon-with-text {
    font-size: x-large;
    margin: 20px;
  }

  #car-illustration {
    width: 50%;
  }

  .cdsw2022-bullet-icon {
    width: 40px;
    margin: 20px 20px 20px 0px;
  }

  #dropZone {
    display: flex;
  }


  .tsk2024-body-div {
    margin: var(--standardGap) var(--largeGap);
    max-width: 60rem;
  }
}

[id$='autocomplete-list'] {
  font-size: small;
  max-width: 606px;
}

[id$='autocomplete-list']>div:hover {
  color: var(--redesign2024-Figma-Light);
  background-color: var(--redesign2024-Figma-Light-Grey);
}

[id$='autocomplete-list'] div {
  padding-top: 2px 0 0 0;
  cursor: pointer;
}

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

input[type='search']::-moz-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.autocomplete-items>div {
  padding: var(--smallGap) calc(2*var(--smallGap));
}



.autocomplete-items>div:first-child {
  margin-top: var(--smallGap);
}

.autocomplete-items>div:last-child {
  margin-bottom: 0;
}

.input-button-container {
  display: flex;
  align-items: center;
  gap: var(--smallGap);
}


::-webkit-input-placeholder {
  color: #d2232a;
}

:-ms-input-placeholder {
  color: rgba(56, 66, 102, 0.3);
}

::placeholder {
  color: rgba(56, 66, 102, 1);
}

select,
input,
textarea,
button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

::-ms-reveal {
  display: none;
}

.calendarDateInput {
  max-width: 210px;
  height: var(--redesign2024-Figma-Text-H4);
  font-size: var(--redesign2024-Figma-Text-M);
  border: 1px solid lightgray;
  border-radius: 0.25rem;
  padding-right: 2rem;
}

.tskCalendarWrapper {
  text-align: center;
}

.calendar-icon {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 0;
  max-height: 1.3rem;
  opacity: 0.97;
}

.calendarInput {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--smallGap);
  margin: 0;
}

.calendarInput>div {
  margin: 0;
}

.calendarInput>div {
  flex: 1;
  min-width: 0;
}

.calendarInput input {
  padding: var(--standardGap);
}

.sidebar-toc.pointer-events-none {
  pointer-events: none;
}

.sidebar-toc>ol {
  padding-left: 0;
  list-style: none;
  counter-reset: list-counter;
}

.sidebar-toc>ol>li {
  counter-increment: list-counter;
  display: block;
  align-items: center;
  padding: 0.8rem 0;
  border-top: 2px solid var(--redesign2024-Figma-24Black);
}

.sidebar-toc>ol>li::before {
  content: counter(list-counter);
  padding: 0.2rem 0.5rem;
  background-color: var(--redesign2024-Figma-24Black);
  border-radius: 50%;
  font-size: 14px;
  margin-right: 0.5rem;
}

.sidebar-toc>ol>li>ol {
  counter-reset: sub-counter;
  list-style: none;
  padding: 0.5rem 0 0 1.8rem;
}

.sidebar-toc>ol>li>ol>li {
  cursor: pointer;
  counter-increment: sub-counter;
  padding: 0.3rem;
}

.sidebar-toc>ol>li>ol>li::before {
  content: counter(list-counter) '.' counter(sub-counter);
  margin-right: 0.5rem;
  display: inline-block;
}

.sidebar-toc li.bold {
  font-weight: bold;
}

.sidebar-toc li.bold>ol {
  font-weight: normal;
}

.sidebar-toc>ol>li.bold::before {
  color: white;
  font-weight: normal;
  padding: auto;
  font-size: 14px;
  background-color: var(--red2);
}

.sidebar-toc>ol>li.bold>span {
  border-bottom: 3px solid var(--red1);
}

.sidebar-toc li.non-filled {
  cursor: not-allowed;
  color: gray;
}

.sidebar-toc li.non-filled.cursor-pointer,
.cursor-pointer {
  cursor: pointer;
}

.sidebar-toc .cursor-notallowed,
.sidebar-toc .cursor-notallowed>span {
  cursor: not-allowed;
}

.sidebar-toc span:hover {
  text-decoration: none;
}

.sidebar-toc>ol>li>ol>li:not(.cursor-notallowed, .non-filled):hover,
.sidebar-toc>ol>li>ol>li.non-filled.cursor-pointer:hover {
  text-decoration: underline;
  text-decoration-color: var(--redesign2024-Figma-Black);
  text-decoration-thickness: 2px;
}

@media (max-width: 800px) {
  .sidebar-toc>ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--standardGap)
  }
}

.table-souhrn {
  overflow-x: auto;
  max-width: 90vw;
  padding: 0 var(--standardGap);
  margin-bottom: var(--largeGap);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.table-souhrn thead tr th {
  text-align: left;
  box-sizing: border-box;
  padding: var(--smallGap) 0 var(--smallGap) var(--standardGap);
  background-color: var(--redesign2024-Figma-TSK-seda);
  color: white;
  font-weight: normal;
}

.table-souhrn thead tr th:last-child {
  padding-right: var(--standardGap);
}

.table-souhrn thead tr th sup {
  font-size: 0.6rem;
}

.table-souhrn tbody tr td {
  text-align: left;
  padding: var(--smallGap) 0 var(--smallGap) var(--standardGap);
  border-bottom: 1px solid var(--redesign2024-Figma-24Black);
}

.table-souhrn tbody tr td {
  background-color: white;
}

.table-souhrn tbody tr td.numeric-value {
  text-align: right;
}

.table-souhrn tbody tr td.align-center,
.table-souhrn thead tr th.align-center,
.signing-person-wrapper .align-center,
.modal-content .align-center {
  text-align: center;
}

.table-souhrn tbody tr td div.split-number {
  display: grid;
  grid-template-columns: auto var(--largeGap);
}

.table-souhrn tbody tr td div.split-number span.integer {
  text-align: right;
}

.table-souhrn tbody tr td div.split-number span.decimal {
  text-align: left;
}


.table-souhrn tbody tr td span {
  vertical-align: middle;
}

.table-souhrn .tsk-2023-button-red {
  margin: 0.2rem 1rem;
}

.table-souhrn tbody tr:last-child td {
  padding: var(--standardGap) 0 var(--standardGap) var(--standardGap);
  font-weight: bold;
}


.table-souhrn tbody tr:last-child td:first-child {
  border-bottom-left-radius: 1rem;
}

.table-souhrn tbody tr:last-child td:last-child {
  border-bottom-right-radius: 1rem;
}

.table-souhrn .tsk-2023-button-red {
  margin: 0 0.1rem;
}

.table-souhrn .checkmark,
.signing-person-wrapper .checkmark {
  width: var(--standardGap);
  border: 1px solid var(--red2);
  border-radius: 3px;
  background: white;
  vertical-align: text-top;
}

.table-souhrn img.checkmark,
.signing-person-wrapper img.checkmark {
  padding: 4px 3px;
}

.table-souhrn span.checkmark,
.signing-person-wrapper span.checkmark {
  padding: 2px 11px;
}

.checkmark-background {
  width: var(--standardGap);
  height: var(--standardGap);
  border: 1px solid var(--red2);
  border-radius: 3px;
  background: var(--redesign2024GrayBg);
  vertical-align: text-top;
}

.bigger-padding>* {
  padding-left: var(--largeGap);
  padding-right: var(--largeGap);
  padding-bottom: .1rem;
}

.add-zabor-button {
  margin-left: auto;
  margin-right: var(--standardGap);
  margin-bottom: var(--largeGap);
  max-width: 12rem;
}

.button-right {
  margin-left: auto;
}

.modal-white-overlay {
  background: rgba(255, 255, 255, 0.8);
}

.modal-white-overlay>div.modal-content {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.clickable-error {
  cursor: pointer;
  color: var(--redesign2024-Figma-TSK-cervena);
}

.clickable-error:hover {
  font-weight: bold;
}

@media screen and (min-width: 1025px) {
  .tsk2024-body-div {
    max-width: 80rem;
  }
}

@media (max-width: 800px) {
  .tsk2024-body-div {
    border-radius: 0;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.tsk2024-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.tsk2024-table th,
.tsk2024-table td {
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  text-align: left;
}

.tsk2024-table th {
  background-color: #f5f5f5;
  font-weight: bold;
}

.tsk2025-white-submit-button-with-icon {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--red1);
  font-weight: bold;
  font-size: 0.9em;
  background-color: var(--white);
  border-radius: 3px;
  border: 2px solid var(--red2);
  cursor: pointer;
  width: 100%;
  max-width: fit-content;
  height: 50px;
  padding: calc(var(--smallGap) * 3) var(--largeGap);
}

.tsk2025-red-submit-button-with-icon {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c92d28;
  border-radius: 3px;
  border: 0px solid #a01b18;
  cursor: pointer;
  width: fit-content;
  padding: calc(var(--smallGap) * 3) var(--largeGap);
}

.file-check {
  color: green;
  font-weight: bold;
}

.file-missing {
  color: gray;
  font-style: italic;
}

.signing-person-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.file-drop-container {
  border: 2px dashed #bebfc3;
  border-radius: 5px;
  margin: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  min-height: 200px;
  position: relative;
  background-color: white;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

.file-drop-container-dok-k-dolozeni {
  flex: 1;
  border: 2px dashed #bebfc3;
  border-radius: 5px;
  margin: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  min-height: 335px;
  position: relative;
  background-color: white;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

.cdsw2022-file-drop-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
}

.cdsw2022-file-drop-title {
  margin: 15px 0 5px;
  font-size: 16px;
  color: #808080;
}

.cdsw2022-file-drop-description {
  margin: 5px 0 15px;
  font-size: 14px;
  color: #808080;
}

.cdsw2022-file-drop-highlight-text {
  color: #c92d28;
  font-weight: bold;
}

.file-drop-button-container {
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.cdsw2022-file-drop-highlight {
  border: 2px dashed #c92d28;
}

@media (max-width: 767px) {
  .file-drop-container {
    min-height: 180px;
    padding: 15px;
  }

  .cdsw2022-file-drop-title {
    font-size: 14px;
  }

  .cdsw2022-file-drop-description {
    font-size: 12px;
  }
}

.user-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}

.user-name {
  background: none;
  text-decoration: underline;
  color: black;
  margin-right: 5px;
  cursor: pointer;
}

.dropdown-toggle {
  background: none;
  color: black;
  cursor: pointer;
}

.user-dropdown-menu {
  position: absolute;
  top: 30px;
  right: 0;
  background: white;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-width: 150px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
}

.user-dropdown-menu button {
  background: none;
  border: none;
  padding: 10px;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.user-dropdown-menu button:hover {
  background: #f1f1f1;
}

.cdsw2024-checkbox-right-margin {
  appearance: none;
  box-sizing: border-box;
  margin: 0 0.2rem 0.2rem;
  border: 1px solid var(--redesign2024-gray70);
  border-radius: 0.25rem;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  vertical-align: middle;
}

.cdsw2024-checkbox-right-margin:checked {
  border: 1px solid var(--red2);
  text-align: center;
}

.cdsw2024-checkbox-right-margin:checked::after {
  content: "";
  display: block;
  width: 16px;
  height: 14px;
  background: url(../images/checkmark-figma.svg) no-repeat center / contain;
  margin: 3px 1px;
}

.tsk2025-flex-item-checkbox {
  flex: 1 0 150px;
}

.profile-request-list-wrapper {
  margin-bottom: var(--standardGap);
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0px 32px;
}

.profile-request-list-wrapper table {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
}

@media (max-width: 1200px) {
  .profile-request-list-wrapper {
    overflow-x: auto;
    padding: 0;
  }

  .profile-request-list-wrapper table {
    min-width: 1200px;
  }

  .detail-request-list-wrapper th,
  .detail-request-list-wrapper td {
    padding: .5rem;
  }
}

.profile-request-list-wrapper table tr:nth-child(2n + 1) {
  background-color: transparent;
}

.profile-request-list-wrapper th,
.profile-request-list-wrapper td {
  padding: 0.5rem;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-weight: normal;
  max-width: 320px;
}

.profile-request-list-wrapper thead {
  background-color: var(--redesign2024-Figma-TSK-seda);
  color: white;
  font-weight: bold;
  padding: 1rem;
}

.profile-request-list-wrapper th {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.profile-request-list-wrapper td.icon-column img {
  width: 25px;
  height: 25px;
  flex-shrink: 1;
  max-width: 100%;
}

.profile-request-list-wrapper tbody tr {
  border-bottom: 1px solid #bebfc3;
  border-top: 1px solid #bebfc3;
}

.tsk-2023-button-red-detail {
  max-width: 100%;
  font-size: 0.9rem;
  padding: 0.4rem;
  word-break: break-word;
  width: 126px;
  height: 31px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: var(--gray1);
  font-weight: bold;
  font-size: 0.9em;
  background-color: #c82128;
  border-radius: 3px;
  border: 0px;
  cursor: pointer;
}

.header-bottom-right {
  display: flex;
  gap: 1rem;
  margin-top: auto;
  align-self: flex-end;
}

@media (max-width: 425px) {
  .header-bottom-right {
    flex-wrap: wrap;
    display: flex;
    left: 0;
  }
}

.cdsw2022-white-filter-button {
  display: flex;
  margin-right: 1rem;
  margin-left: 1rem;
  justify-content: center;
  align-items: center;
  color: #c82128;
  font-weight: bold;
  font-size: 12px;
  background-color: white;
  border: 1px solid #c82128;
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  width: 144px;
  height: 41px;
  position: relative;
}

.cdsw2022-white-filter-button:hover {
  color: var(--redesign2024TskRed);
  border-color: var(--redesign2024TskRed);
}

.cdsw2022-red-button-new-request {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 14px;
  background-color: #c82128;
  border-radius: 4px;
  border: 0px solid #c82128;
  cursor: pointer;
  width: 144px;
  height: 41px;
}

.detail-request-list-wrapper {
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
}

.detail-request-list-wrapper table {
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
}

@media (max-width: 768px) {
  .detail-request-list-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-inline: 0.7rem;
  }

  .detail-request-list-wrapper table {
    width: max-content;
    min-width: 100%;
    table-layout: auto;
    border-collapse: collapse;
  }

  .detail-request-list-wrapper th,
  .detail-request-list-wrapper td {
    white-space: nowrap;
  }

}

.detail-request-list-wrapper table tr:nth-child(2n + 1) {
  background-color: transparent;
}

.detail-request-list-wrapper th,
.detail-request-list-wrapper td {
  padding: 0.5rem 0.8rem 0.5rem 0rem;
  text-align: left;
  vertical-align: auto;
}

.detail-request-list-wrapper tbody tr {
  width: 100%;
  border-bottom: 1px solid #bebfc3;
  border-top: 1px solid #bebfc3;
}


.tsk-2023-button-red-detail {
  background-color: #c43131;
  color: white;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 3px;
}

.tsk-2023-button-red-add-person {
  background-color: #c43131;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 3px;
}

.file-check {
  color: green;
  font-weight: bold;
}

.file-missing {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.tsk2024-flex-wrap-50-50 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
  margin-bottom: 1rem;
}

.tsk2024-flex-item {
  flex: 1 1 calc(50% - 10px);
  min-width: 250px;
}

.input-button-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
}

.input-button-container .cdsw2022-input-text-component {
  flex: 1;
}

.input-button-container .filler-button {
  flex: 0 0 auto;
}

.tsk-2023-button-red {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .tsk2024-flex-item {
    flex: none;
  }

  .cdsw2022-header {
    flex-direction: column;
    gap: var(--standardGap);
  }

  .cdsw2022-header-profile {
    gap: var(--standardGap);
  }

  .cdsw2022-header-headline {
    display: none;
  }

  .header-save-button-wrapper {
    display: none;
  }
}

.signing-person-wrapper {
  margin: 0 var(--standardGap) var(--largeGap) var(--standardGap);
  box-sizing: border-box;
  overflow-x: auto;
}

.signing-person-wrapper table {
  padding: 1rem;
  table-layout: auto;
  border-collapse: collapse;
  width: 100%;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.signing-person-wrapper table thead tr th {
  text-align: left;
  box-sizing: border-box;
  padding: 1rem;
  background-color: var(--redesign2024-Figma-TSK-seda);
  color: white;
  font-weight: normal;
}

.signing-person-wrapper tbody tr:last-child td:first-child {
  border-bottom-left-radius: 1rem;
}

.signing-person-wrapper tbody tr:last-child td:last-child {
  border-bottom-right-radius: 1rem;
}

.signing-person-wrapper thead {
  background-color: var(--redesign2024-Figma-TSK-seda);
  color: white;
  padding: 1rem;
  font-weight: bold;
}

.signing-person-wrapper table tr:nth-child(2n + 1) {
  background-color: white;
}

.signing-person-wrapper th,
.signing-person-wrapper td {
  padding-top: 1rem;
  padding: 0.75rem;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.signing-person-wrapper tbody tr {
  width: 100%;
  background-color: white;
  border-bottom: 1px solid #bebfc3;
  border-top: 1px solid #bebfc3;
}


.cdsw2022-header-portal {
  background-color: var(--redesign2024GrayBg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 10vw;
  margin-bottom: var(--standardGap);
}

.burger-button {
  font-size: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--redesign2024-Figma-Grey);
}

.burger-wrapper {
  display: block;
}

.desktop-menu {
  display: none;
}

.burger-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background: white;
  box-shadow: none;
  padding: 1rem 2rem 1rem 1rem;
  z-index: 9999;
  overflow-y: auto;
}

.burger-menu-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.burger-menu-item {
  padding: 1rem 0;
  border-bottom: 1px solid #ccc;
  align-items: center;
}

.full-width-btn {
  width: 100%;
  display: block;
}


@media (min-width: 768px) {
  .burger-wrapper {
    display: none;
  }

  .desktop-menu {
    display: block;
  }
}

@media (max-width: 768px) {
  .cards-container {
    grid-template-columns: 0;
  }


  .header-home-icon-wrapper {
    display: none;
  }
}

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

.portal-title {
  font-size: var(--redesign2024-Figma-Text-H4);
}
.portal-tabs-wrapper {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #ccc; 
}

.portal-seznamSluzeb-paddingBottom {
  padding: 0 0 var(--standardGap) 0;
}

.seznamSluzeb-title-paddingBottom {
  padding: 0 0 var(--standardGap) 0;
  margin: 0 0 0 3rem;
}

.seznamSluzeb-table-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 800px) {
  .portal-seznamSluzeb-paddingBottom {
    padding-right: 0;
  }
}

.portal-seznamSluzeb-tab {
  padding: var(--standardGap) 0;
  border-bottom: 1px solid #ccc;
  color: #333;
  cursor: pointer;
  transition: all 0.2s;
}

.portal-seznamSluzeb-tab:hover {
  text-decoration: underline;
  text-decoration-color: black;
}

.portal-seznamSluzeb-tab.active {
  color: black;
  font-weight: 600;
  border-color: var(--redesign2024-Figma-TSK-cervena);
}

.portal-seznamSluzeb-menuCard {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--standardGap);
  background: var(--formBackground);
  border: 1px solid #f0f0f0;
  font-weight: 500;
  font-size: 14px;
  transition: background 0.2s;
  border-radius: 1rem;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}

.portal-seznamSluzeb-menuCard:hover {
  text-decoration: underline;
  text-decoration-color: #c92d28;
}

.portal-seznamSluzeb-menuText {
  flex: 1;
  margin-right: var(--standardGap);
  color: var(--redesign2024-Figma-Black);
  font-weight: bold;
}

.card-item-container {
  padding: 0 var(--smallGap) var(--standardGap);
}

.card-item-content-wrapper {
  border-radius: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card-item-content-header {
  display: flex;
  align-items: center;
}

.card-item-content {
  color: var(--redesign2024-gray70);
  padding-left: 2.5rem;
  line-height: 1.25;
  text-align: left;
  text-wrap: wrap;
}

.card-item-buttons-container {
  display: flex;
  justify-content: end;
  align-items: center;
}

.card-item-buttons {
  display: flex;
  gap: var(--standardGap);
}

.card-item-buttons img {
  cursor: pointer;
}

.card-item-checkmark-wrapper {
  overflow-x: auto;
  max-width: 90vw;
  margin-bottom: var(--largeGap);
}

.card-item-checkmark-wrapper .card-item-checkmark {
  border: 1px solid var(--red2);
  border-radius: 3px;
  background: white;
  vertical-align: text-top;
  padding: 0.1rem;
  height: 0.6rem;
}

.table-border-radius-topLeft {
  border-top-left-radius: 1rem;
}

.table-border-radius-topRight {
  border-top-right-radius: 1rem;
}


.tsk2024-input-container input::placeholder,
.calendarDateInput::placeholder {
  color: #aaa;
  opacity: 1;
}

.input-suggestions-anchor {
  position: relative;
}

.input-suggestions-ul {
  text-align: left;
  position: absolute;
  top: calc(100% - var(--standardGap));
  left: 16px;
  width: calc(100% - 32px);
  background: #fff;
  border: 1px solid #cecfd2;
  border-top: none;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  margin: 0;
  padding: 4px 0;
  list-style: none;
  max-height: 220px;
  overflow-y: auto;
  z-index: 1000;
}


.input-suggestions-li {
  padding: 8px var(--standardGap);
  transition: background 0.2s;
  white-space: nowrap;
  overflow: 'hidden';
  text-overflow: 'ellipsis';
}

.input-suggestions-li:hover {
  background: transparent;
  background-color: #f3f4f6;
}

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

.calendar-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px
}

.calendar-showTo-wrapper {
  margin-left: 80px;
}

.sharedLayout-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.sharedLayout-outlet {
  flex: 1;
}

.profile-empty-seznam-zadosti-infoBox {
  border-radius: 1rem;
  background-color: var(--redesign2024GrayBg);
  padding: 1.5rem;
  text-align: center;
}

@media (max-width: 800px) {
  .profile-empty-seznam-zadosti-infoBox {
    border-radius: 0;
  }
}

.red-validation-required-star {
  color: var(--redesign2024-Figma-TSK-cervena);
}


.warning-icon {
  display: inline-flex;
  width: 1em;
  height: 1em;
  background-color: #c92d28;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
  align-items: center;
  justify-content: center;
  margin-right: 0.3em;
  vertical-align: middle;
}

.warning-icon-text {
  color: white;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
}

.cookies-consent-modal-wrapper {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.cookies-consent-modal {
  background: #fff;
  width: 90%;
  max-width: 700px;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.cookies-consent-modal h2 {
  background-color: var(--redesign2024-Figma-TSK-cervena);
  color: white;
  margin: 0;
  padding: 16px 20px;
}

.cookies-consent-modal>p {
  padding: 16px 20px 0 20px;
  color: #333;
}

.cookies-consent-modal a {
  color: var(--redesign2024LogoRed);
}

.cookie-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top: 1px solid #ddd;
  padding: 1rem 1rem;
  gap: 12px;
}

.cookie-section:last-of-type {
  border-bottom: 1px solid #ddd;
}

.cookie-section p {
  color: gray;
}

.cookie-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 1rem 20px;
  background-color: #f9f9f9;
}

.cookie-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  z-index: 9999;
  opacity: 0;
  transform: translateY(100%);
  animation: slideUp 1s ease-out forwards;
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.cookie-text {
  flex: 1;
  color: #000;
}

.cookie-text a {
  color: var(--redesign2024LogoRed);
}

.cookie-buttons {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}

.cookie-bar-buttons {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .cookie-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .cookie-buttons {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1rem 0;
  }

  .cookie-bar-buttons {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 1rem 0;
  }
}

@media (max-width: 480px) {
  .cookie-buttons {
    flex-direction: column;
    width: 100%;
  }

  .cookie-bar-buttons {
    flex-direction: column;
    width: 100%;
  }
}


.filter-select-indicator {
  background-color: var(--redesign2024-Figma-TSK-cervena);
  position: absolute;
  right: -5%;
  top: 0%;
  color: var(--white);
  border-radius: 999px;
  padding: 2px 6px;
}

.app-wrapper-2025 {
  max-width: var(--inner-body-max-width-2025);
  margin: 0 auto;
}

.custom-tooltip-wrapper {
  position: relative;
  display: inline-block;
  margin-left: 0.4rem;
  cursor: pointer;
}

.custom-tooltip-icon {
  width: 16px;
  height: 16px;
}

.custom-tooltip-bubble {
  position: absolute;
  top: calc(100% + 8px);
  background-color: #f5f5f5;
  color: #1c1c1c;
  font-weight: normal;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  max-width: 260px;
  min-width: 180px;
  z-index: 1000;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  text-align: left;
}

.custom-tooltip-bubble.align-center {
  left: 50%;
  transform: translateX(-50%);
}

.custom-tooltip-bubble.align-left {
  right: 0;
  left: auto;
  transform: none;
}

.custom-tooltip-bubble.align-right {
  left: 0;
  transform: none;
}

.cdsw2022-label-with-tooltip {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  margin-bottom: 0.3rem;
}

.header-menu-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 0 1rem;
}

.margin-right-heder-menu-icon {
  margin-right: 0.3rem;
  height: 1.6rem;
  width: auto;
}

.seznamZadosti-filter-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 0 1rem 1rem 0;
}

.seznamZadosti-agendy-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 801px) {
  .seznamZadosti-agendy-wrapper {
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: 1rem;
  }

  .seznamZadosti-agendy-wrapper>* {
    justify-self: stretch;
  }
}

.custom-icon-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0;
}


.custom-icon {
  width: 24px;
  height: 24px;
  transition: filter 0.2s ease;
  cursor: pointer;

}

.custom-icon-wrapper:hover .custom-icon:not(.without-hover) {
  filter: invert(15%) sepia(86%) saturate(3237%) hue-rotate(350deg) brightness(84%) contrast(94%);
}

.custom-icon-tooltip-bubble {
  position: absolute;
  transform: translateX(-50%);
  z-index: 9999;
  background-color: #f5f5f5;
  color: #1c1c1c;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  max-width: 260px;
  min-width: 50px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  text-align: left;
  pointer-events: none;
}

.tsk2025-tooltip-wrapper {
  position: relative;
  display: inline-block;
  max-width: fit-content;
}

.tsk2025-tooltip-wrapper .custom-icon-tooltip-bubble {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transform: translateY(-20px);
  font-weight: normal;
  pointer-events: none;
  min-width: max-content;
}

.tsk2025-tooltip-wrapper .custom-icon-tooltip-bubble.tsk2025-flip-up {
  bottom: auto;
  top: -40%;
}

.custom-icon-tooltip-bubble.tsk2025-flip-left {
  left: auto;
  right: 0;
  transform: translateX(-30px);
}

.tsk2025-tooltip-wrapper:hover .custom-icon-tooltip-bubble {
  display: inline-block;
}

.tsk2025-input-wrapper {
  position: relative;
  width: 100%;
}

.tsk2025-input-wrapper input {
  width: 100%;
  padding-right: 40px;
}

.custom-icon-wrapper.tsk2024-eye-icon {
  position: static !important;
}

.custom-icon-wrapper.tsk2024-eye-icon img.tsk2024-eye-icon {
  position: absolute;
  right: 12px;
  top: 40%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 2;
}

.calendarInputContainer {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
}

.close-icon {
  position: absolute;
  right: 24px;
  width: 20px;
  height: 20px;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.calendar-wrapper.cdsw2022-input-calendar-mobile .close-icon {
  right: 30px;
}

.close-icon:hover {
  opacity: 1;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.custom-loader {
  width: 64px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  animation: loaderFrames 0.8s steps(1) infinite;
}

@keyframes loaderFrames {
  0% {
    background-image: url("/zabory/www/images/square_spinner1.svg");
  }

  25% {
    background-image: url("/zabory/www/images/square_spinner2.svg");
  }

  50% {
    background-image: url("/zabory/www/images/square_spinner3.svg");
  }

  75% {
    background-image: url("/zabory/www/images/square_spinner4.svg");
  }

  100% {
    background-image: url("/zabory/www/images/square_spinner1.svg");
  }
}

.section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 1rem 2.5rem;
}

.section-detail {
  padding: 0.5rem 3.5rem;
  text-align: left;
}

@media (max-width: 800px) {
  .section-detail {
    padding: 0.5rem 2.3rem;
    display: flex;
    flex-direction: column;
  }
}

.password-change {
  padding: 1rem 3rem 1rem 3rem;
  margin: auto;
}

@media (max-width: 800px) {
  .password-change {
    padding: 1.5rem;
  }

  .tsk2025-graybox-component-wrapper-larger-side-bottom-padding {
    padding: 0 var(--standardGap) var(--standardGap) var(--standardGap);
  }
}

@media (max-width: 800px) {
  .tsk2024-body-right-side-with-toc {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }

  .seznamZadosti-agendy-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    box-sizing: border-box;
  }

  .tsk2024-gray-div {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    inline-size: 100% !important;
    box-sizing: border-box;
    border-radius: 0;
  }

  .portal-seznamSluzeb-menuCard {
    max-width: 100%;
    box-sizing: border-box;
  }
}

.tsk-footer {
  background: #f2f2f2;
  padding: 1.5rem 2.5rem;
  margin-top: var(--largeGap);
  color: #000;
}

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

.tsk-footer-menu-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.tsk-footer-menu {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  cursor: pointer;
}

.tsk-footer-menu-item {
  color: black;
  cursor: pointer;
}

.tsk-footer-menu-item:hover {
  text-decoration: underline;
}

.tsk-footer-contacts {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.tsk-footer-flex-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.tsk-footer-logo-wrapper {
  display: flex;
  justify-content: start;
  align-items: start;
}

.footer-logo {
  height: 70px;
}

.footer-logo-prague {
  height: 70px;
}

.tsk-footer-socials {
  flex-direction: column;
  gap: 5px;
}

.tsk-footer-socials span {
  font-weight: bold;
  margin-right: 10px;
}

.tsk-footer-socials-icons {
  display: flex;
  justify-content: space-between;
}

.tsk-footer-socials-icons img {
  width: 26px;
  height: 26px;
}

.cdsw2024-social-icon {
  border-radius: 50%;
}

.cdsw2024-social-icon:hover {
  background-color: var(--redesign2024LogoGray);
}

.caret {
  display: none;
  margin-left: 8px;
}

.footer-menu-label-color {
  color: var(--redesign2024-Figma-Grey)
}


@media (max-width: 768px) {
  .sidebar-toc {
    padding: 1rem;
  }

  .tsk-footer {
    padding: 1rem;
  }

  .tsk-footer-wrapper {
    flex-direction: column;
    gap: 2rem
  }

  .tsk-footer-menu {
    flex-direction: column;
    gap: 1rem;
  }

  .tsk-footer-contacts {
    align-items: flex-start;
    border-left: none;
    padding-left: 0;
  }

  .tsk-footer-socials {
    flex-direction: row;
  }

  .tsk-footer-socials-icons {
    gap: 1rem;
  }
}

.back-button {
  display: inline-flex;
  margin-left: 16px;
  align-items: center;
  font-size: 16px;
  color: var(--red1);
  background: none;
  border: none;
  cursor: pointer;
  margin-bottom: 1rem;
  transition: color 0.2s ease, transform 0.2s ease;
}

.back-button .icon {
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}

.back-button:hover {
  color: var(--red2);
}

.back-button:hover .icon {
  transform: translateX(-8px);
}

.icon-stack {
  --size: var(--standardGap);
  --overlayPct: 87%;
  position: relative;
  width: var(--standardGap);
  height: var(--standardGap);
  display: inline-block;
  line-height: 0;
}

.iconStack-base,
.iconStack-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.iconStack-base {
  pointer-events: none;
}

.iconStack-overlay {
  z-index: 2;
  pointer-events: auto;
  width: var(--overlayPct);
  height: var(--overlayPct);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.tskCalendar {
  margin: 0 0 1rem 0;
  padding: var(--smallGap);
  border: 1px solid var(--additionalColor);
  border-radius: 3px;
  max-width: 337px;
  background-color: var(--formBackground);
  position: absolute;
  z-index: 100;
}

.tskCalendar-Header {
  background-color: var(--formBackground);
  color: black;
  display: flex;
  justify-content: space-between;
  padding: var(--standardGap);
}

.tskCalendar-Header h3 {
  font-size: 1rem;
}

.tskCalendar-HeaderButton {
  padding: .5rem;
  background-color: var(--formBackground);
  border: solid black;
  border-width: 1px 0 0 1px;
  transform: rotate(-45deg);
}

h3+.tskCalendar-HeaderButton {
  transform: rotate(135deg);
}

.tskCalendar-Body {
  background-color: var(--formBackground);
}

.tskCalendar-TableHeader {
  font-size: 15px;
  display: flex;
  padding: 0.5rem 0 1rem 0;
  text-align: left;
}

.tskCalendar-Weekday {
  width: calc(100% / 7);
  font-weight: bold;
  color: var(--redesign2024-Figma-TSK-cervena);
  text-align: center;
}

.tskCalendar-TableContent {
  font-weight: lighter;
  color: var(--additionalColor);
  font-size: 0;
  text-align: left;
}

.tskCalendar-TableDay {
  font-size: 13px;
  width: calc(100% / 7);
  padding: .6rem 0;
  margin: .05rem 0;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.tskCalendar-TableDay:hover {
  background-color: var(--additionalColor);
  color: var(--formBackground);
  border-radius: 3px;
}

.tskCalendar-TableDay>p {
  color: grey;
}

.tskCalendar-current>p {
  color: black;
}

.tskCalendar-selected>p {
  color: var(--formBackground)
}

.tskCalendar-selected {
  background-color: var(--redesign2024-Figma-TSK-cervena);
  color: var(--formBackground);
  border-radius: 3px;
}

.tskCalendar-betweenSelected {
  background-color: var(--redLight);
  color: black;
}

.tskCalendar-disabled {
  pointer-events: none;
  background-color: #f1f1f1;
}

.tskCalendar-disabled>p {
  color: grey;
}

.tskCalendar-placeholder {
  visibility: hidden;
  pointer-events: none;
}

.tskCalendar-pastDisabled {
  pointer-events: none;
  background-color: transparent !important;
}

.tskCalendar-pastDisabled>p {
  color: grey;
}

.tsk2025-select-wrapper {
  width: 100%;
  text-align: left;
}

.tsk2025-select-wrapper--error .tsk2025-select__control {
  border-color: var(--redesign2024-Figma-TSK-cervena);
}

.tsk2025-select__control {
  border: 1px solid #cecfd2;
  border-radius: 4px;
  background-color: #fff;
  padding: 7px;
  font-size: 1rem;
  transition: border-color 0.15s ease, border-width 0.15s ease;
}

.tsk2025-select__control:hover {
  border-color: #000;
}

.tsk2025-select__control {
  box-shadow: none !important;
}

.tsk2025-select__control--is-focused,
.tsk2025-select__control--menu-is-open,
.tsk2025-select__control--is-focused:hover,
.tsk2025-select__control--menu-is-open:hover,
.tsk2025-select__control:focus-within {
  box-shadow: none !important;
  border-color: #000 !important;
  border-width: 2px;
}

.tsk2025-select-wrapper--error .tsk2025-select__control--is-focused,
.tsk2025-select-wrapper--error .tsk2025-select__control--menu-is-open {
  border-color: var(--redesign2024-Figma-TSK-cervena) !important;
  border-width: 2px;
}

.tsk2025-select-wrapper--error .tsk2025-select__control--is-focused {
  border-color: var(--redesign2024-Figma-TSK-cervena);
  border-width: 2px;
}

.tsk2025-select__multi-value {
  background-color: #e9ecef;
  border-radius: 3px;
  padding: 0 4px;
}

.tsk2025-select__multi-value__label {
  font-size: 0.9rem;
  color: #333;
}

.tsk2025-select__multi-value__remove {
  color: #666;
  padding-left: 3px;
  cursor: pointer;
}

.tsk2025-select__multi-value__remove:hover {
  color: white !important;
  background-color: var(--redesign2024-Figma-TSK-seda) !important;
}

.tsk2025-select__menu {
  z-index: 5;
}

.tsk2025-select__option {
  cursor: pointer;
  font-size: 0.95rem;
}

.tsk2025-select__option--is-focused {
  background-color: var(--redesign2024GrayBg) !important;
}

.tsk2025-select__option--is-selected {
  background-color: #e6e5e5 !important;
  color: var(--redesign2024-Figma-Black) !important;
}

.tsk2025-password-input {
  padding-bottom: 0;
}

.lamp-icon {
  width: 40px;
  margin: 0 1rem;
}

.notice-text {
  margin-bottom: 2rem;
  text-align: left;
}

.notice-subtext {
  font-size: 13px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: left;
}

.notice-subtext-link {
  color: #c92d28;
}

.button-row {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.weekend-days-wrapper {
  display: flex;
  padding-top: 8px;
  justify-content: space-between;
}

.provoz-zahradky-wrapper {
  display: flex;
  padding-top: 8px;
  justify-content: space-between;
}

.druh-predzahradky-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
}