@import "https://fonts.googleapis.com/css?family=Montserrat";
 
:root {
  --color-background: #ffffff;
  --color-lightgray: #D9D9D9;
  --color-primary: #007b5f;;
  --color-primary-hover: #008b6f;
  --color-secondary: #e57220;
  --color-secondary-hover: #bc6120;
  --element-font-family:  Montserrat !important;
}

 
body {
   font-family: Montserrat !important;
}

body >  div{
    font-family: Montserrat;

}


.condition-check{padding:0px;margin:3px;}


.cmp-field__label {
  padding-left: 2px;
}

.p-0{padding:0px !important;}
.ps-0{padding-left:0px !important;}
.pe-0{padding-right:0px !important;}


.m-0{margin:0px !important;}
.ms-0{margin-left:0px !important;}
.me-0{margin-right:0px !important;}

.green-check .cmp-field--checkbox.cmp-field--style-default .cmp-field__control-input:checked ~ .cmp-field__control-icon {
  background-color: #008b6f;
  border-color: #008b6f;
}

.cmp-field__info .text__inner{
  padding-left: 4px; 
  padding-top: 5px;
  /*color: #888;*/
}

.of-visible .cmp-table__container{
  overflow: visible;
}
.pr-5px{padding-right: 5px;}
.pr-7px{padding-right: 7px;}
.pl-5px{padding-left: 5px;}
.pl-7px{padding-left: 7px;}

.opacity5{
  opacity: 0.5;
}



/* Skryje popis ve výchozím stavu, ale umožní plynulý přechod */
.help .cmp-field__description {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Zobrazí popis při najetí na ikonu nebo label s plynulým přechodem */
.help .cmp-field__label:hover + .cmp-field__content + .cmp-field__info .cmp-field__description,
.help .cmp-field__label:hover .icon + .cmp-field__description {
  opacity: 1;
  visibility: visible;
}

/* Skryje popis ve výchozím stavu */
.help .cmp-field__description {
display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #333333d6;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px;
  width: 400px;
  max-width: 100%;
  z-index: 10;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  line-height: 1.4;
}

/* Šipka pro bublinu */
.help .cmp-field__description::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333 transparent; /* Šipka směrem nahoru */
}

.help .cmp-field__label:hover + .cmp-field__content + .cmp-field__info .cmp-field__description,
.help .cmp-field__label:hover .icon + .cmp-field__description {
  display: block;
}

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

.help .label__icon {
    order: 1; /* Přesune ikonu na konec */
    margin-left: 8px; 
    margin-right: 8px; 
    color:grey !important;
}

.help .label__text {
    order: 0; 
    flex: 0 1 auto;
}

.help .field-label__info {
    order: 2; 
    flex-grow: 2;
  text-align: end;

}

.container.container--flow-column.container--vertical-align-top>.container__inner>.container__content {
  height: 100%;
}/* PC - SIDEBAR */
.overlay-item.overlay-item--type-sidebar-view.overlay-item--size-large {
  --element-width: 85vw;
}

.overlay-item.overlay-item--type-sidebar-view.overlay-item--size-medium {
  --element-width: 55vw;
}

.overlay-item.overlay-item--type-sidebar-view.overlay-item--size-small {
  --element-width: 40vw;
}

/* PC - DIALOG */
.overlay-item.overlay-item--type-dialog-view.overlay-item--size-large {
  --element-width: 85vw;
}

.overlay-item.overlay-item--type-dialog-view.overlay-item--size-medium {
  --element-width: 55vw;
}

.overlay-item.overlay-item--type-dialog-view.overlay-item--size-small {
  --element-width: 40vw;
}


@media only screen and (max-width: 849px) {
  /* PHONE - SIDEBAR */
  .overlay-item.overlay-item--type-sidebar-view.overlay-item--size-large {
    --element-width: 95vw;
  }

  .overlay-item.overlay-item--type-sidebar-view.overlay-item--size-medium {
    --element-width: 95vw;
  }

  .overlay-item.overlay-item--type-sidebar-view.overlay-item--size-small {
    --element-width: 95vw;
  }

  /* PHONE - DIALOG */
  .overlay-item.overlay-item--type-dialog-view.overlay-item--size-large {
    --element-width: 95vw;
  }

  .overlay-item.overlay-item--type-dialog-view.overlay-item--size-medium {
    --element-width: 95vw;
  }

  .overlay-item.overlay-item--type-dialog-view.overlay-item--size-small {
    --element-width: 95vw;
  }
}

@media only screen and (min-width: 850px) and (max-width: 1259px) {
  /* TABLET - SIDEBAR */
  .overlay-item.overlay-item--type-sidebar-view.overlay-item--size-large {
    --element-width: 95vw;
  }

  .overlay-item.overlay-item--type-sidebar-view.overlay-item--size-medium {
    --element-width: 75vw;
  }

  .overlay-item.overlay-item--type-sidebar-view.overlay-item--size-small {
    --element-width: 50vw;
  }

  /* TABLET - DIALOG */
  .overlay-item.overlay-item--type-dialog-view.overlay-item--size-large {
    --element-width: 95vw;
  }

  .overlay-item.overlay-item--type-dialog-view.overlay-item--size-medium {
    --element-width: 75vw;
  }

  .overlay-item.overlay-item--type-dialog-view.overlay-item--size-small {
    --element-width: 50vw;
  }
}