@charset "UTF-8";

/* .controlgroup-vertical { margin:10px 0; } */
/* .ui-controlgroup.ui-controlgroup-vertical > button.ui-button, */
/* .ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-label { */
  /* text-align: center; */
/* } */
/* #car-type-button { */
  /* width: 120px; */
/* } */
/* .ui-controlgroup-horizontal .ui-spinner-input { */
  /* width: 20px; */
/* } */
/* .space { height: 10px; display:none; } */
/* .lcWEEK { margin-bottom: 5px; font-weight:bold; } */

#lc{
  --rc-width: 6.5rem;
  --rc-width-scroll: 8px;
  --rc-width-full: calc( var(--rc-width) + var(--rc-width-scroll) );
  --rc-width-border-right: .5rem;
}

#rightCol {
  /* right: 0; */
  display: flex;
  /* width: var(--rc-width); */
  background-color: var(--farba-pozadie);
  /*color: var(--farba-pismo);*/
  overflow-x: hidden;
  overflow-y: hidden;
  flex-shrink: 0;
}
#rightCol .lcDEN.wd7 {
  font-weight: bold;
}

#rightCol .lcDEN.lcDNES {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#rightCol h1.lcMESIACtitul {
  z-index: 9;
  display: flex;
  width: var(--rc-width);
  flex-wrap: wrap;
  column-gap: .3rem;
  top: 0;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  /* margin: .4rem 0; */
  margin-top: -3rem;
  margin-bottom: 0;
  text-align: center;
  white-space: normal;
  font-size: 1.15rem;
}
#rightCol h1.lcMESIACtitul div.lcDATUMgrp {
  cursor: auto;
  border-width: 0;
  padding: 0;
  margin: 0;
  order: 3;
  font-size: 1.3rem;
}
#rightCol h1.lcMESIACtitul div.lcDATUM {
  width: 100%;
  order: -1;
  font-size: 1.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: .2rem;
}

#rightCol,
#lcCalendar,
#lcCalendar section {
  width: var(--rc-width);
}
#rightCol section {
  margin-left: 2px;
}

#rightCol .lcWEEK input[type=checkbox]:checked {  /*.ui-checkboxradio-checked {*/
  background-color: var(--farba-n);
  /* color: var(--farba-pismo); */
}
#rightCol .lcWEEKnum {
  display: block;
  width: 100%;
  background-color: transparent; /*var(--farba-pozadie);*/
  color: var(--farma-pismo);
  text-align: center;
  font-size: inherit;
  font-weight: bold;
}

#rightCol #lcCalSw {
  opacity: .8;
  width: auto;
  padding: .8rem;
  font-size: .8rem;
  color: var(--farba-pismo);
  background-color: var(--farba-pozadie);
}
#rightCol .lcPREV,
#rightCol .lcNEXT {
  min-width: 1.5rem;
}
/* #rightCol > .ui-button { */
  /* position: fixed; */
  /* background-color: #ddd; */
  /* z-index: 9999; */
/* } */
#monthPREV, #dateSTACK, #monthNEXT {
  margin: 0;
}






#rightCol div.lcWEEK {
  display: flex;
  flex-direction: column;
}

#rightCol .lcDEN {
}
/* .lc-media-web #lcCalendar */
#rightCol .lcDEN.psv {
  border-top-width: .3em;
  border-bottom-width: .3em;
  border-left-width: .3em;
  padding-left: .3em;
}

#lcCalendar button,
#rightCol .lcDEN {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  /* width: 100%; */
  /* cursor: pointer; */
  background-color: var(--farba-p);
  border: 1px solid var(--farba);
  padding: .3em .5em;
  color: var(--farba-pismo);
  text-align: center;
  white-space: nowrap;
}
#rightCol .lcDEN {
  border-right-width: var(--rc-width-border-right);
}
#rightCol button:hover,
#rightCol .lcDEN:hover {
  background-color: var(--farba-n);
  border-color: var(--farba);
}

#rightCol .lcDEN input[type=checkbox] {  /*.ui-checkboxradio-icon {*/
  /* float: left; */
  margin:  .7em .6em .7em .4em;
  /* background-color: var(--farba-i); */
  accent-color: var(--farba);
}
#rightCol label {
  cursor: inherit;
}

#text {
  width: 100%;
  flex-grow: 1;
}

#rightCol i.dots,
.display-none,
.hide {
  display: none !important;
}




#rightCol section {
  display: inline-grid;
  /* flex-direction: column; */
  gap: var(--rc-width-border-right);
  padding-top: 3rem;
  vertical-align: top;
  margin: 0 var(--rc-width-border-right) 3em;
}

#lcCalendar {
  /* display: flex; */
  position: fixed;
  height: 100vh;
  overflow-x: hidden;
  white-space: nowrap;
  top: 0;
  /* Firefox scrollbar */
  scrollbar-width: thin;
  width: calc(var(--rc-width) + var(--rc-width-scroll));  /* 8px = scrollbar - prispôsobené Firefox-u thin */
  scrollbar-color: lightgray whitesmoke;
}

/* Scrollbar - chromium */
#lcCalendar::-webkit-scrollbar {
  width: var(--rc-width-scroll);
  background-color: whitesmoke;
}
/* #lcCalendar::-webkit-scrollbar-track { */
  /* border:1px gray solid; */
  /* border-radius:3px; */
  /* -webkit-box-shadow:0 0 6px gray inset; */
/* } */
#lcCalendar::-webkit-scrollbar-thumb {
  background-color: lightgray;
}

div#monthNAV {
  z-index: 9;
  top: 0;
}


.ui-effects-transfer {    /* .transfer() */
  /*background-color:#00000030;*/
  border: 1px dotted black;
}

.datum {
  top: 0;
}


#lcCalSw {
/*#rightCol.on #lcCalSw {*/
  z-index: 9;
  display: none;
  position: fixed;
  padding: 1rem;
  align-self: flex-start;
/*  font-weight: bold;*/
}


@media only screen and (max-width: 40em /*640px*/) {
  body > #lc {
    padding-right: 0;
    gap: 0;
    /* display: block; */
  }
  nav {
    max-width: calc(100vw - 2.4rem); /* 3rem? šírka tlačidla #lcCalSw */
  }
  #text {
    margin-right: 0;
  }
  #lcCalendar {
    /* display: block; */
    margin-left: 1rem; /* rezerva zprava */
    background-color: var(--farba-pozadie);
  }

  #rightCol {
    z-index: 9;
    width: auto;
    /* position: fixed; */
    /* right: 0; */
  }
  #rightCol #lcCalSw {
    align-self: flex-start;
    display: block;
    position: fixed;
    top: 1.5rem;
    right: calc( 0 - var(--rc-width) - var(--rc-width-scroll) );
    margin-right: calc( var(--rc-width) + var(--rc-width-scroll) );
  }
  #rightCol.on #lcCalSw {
    /* background-image: url(img/right2x.png); */
  }
  #rightCol #lcCalSw b {
    display: none;
  }
  #rightCol.on #lcCalSw b.on {
    display: block;
  }
  #rightCol:not(.on) #lcCalSw b:not(.on) {
    display: block;
  }
}