.flatpickr-input{
display:none;
}


.flatpickr-calendar{
  box-shadow: unset;
margin-top:10px;
-webkit-box-shadow:unset;
  width: 100%;
  border-radius: 0px;
padding:20px 20px;
  background: var(--gray);
  font-size: var(--basictextsmall);
  line-height: var(--basicHeightsmall);
}

.flatpickr-months{
  align-items: center;  justify-content: space-between;  padding: 0px 0px 10px ;
}


.flatpickr-months .flatpickr-month{
  height: auto;    color: var(--purple);
}

.flatpickr-current-month{  
  font-weight: 700;
font-size: var(--basictext);
line-height: var(--basicHeight);
  position: static;
  width: 100%;
  padding: 0px;
  height: auto;
  display: flex; 
  justify-content: center;
  align-items: center;
}

.flatpickr-current-month .flatpickr-monthDropdown-months{
  font-weight: 700;  font-family: var(--fontfamily);  font-size: var(--basictext);  line-height: var(--basicHeight);
  margin: 0px;  padding: 0;  min-width: 0px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: transparent;
}
 
.flatpickr-current-month .numInputWrapper{
  width: auto;
  display: block;
}

.flatpickr-current-month input.cur-year{
  font-size: var(--basictext);
  font-family: var(--fontfamily);
  font-weight: 700;
  line-height: var(--basicHeight);
  padding: 0px 0px 0px 10px;    width: 55px;
}

.numInputWrapper:hover {
  background: transparent;
}

.numInputWrapper span.arrowUp,
.numInputWrapper span.arrowDown{
display:none;
}

.flatpickr-months .flatpickr-prev-month, 
.flatpickr-months .flatpickr-next-month{
background-repeat:no-repeat ;
background-position:center center;
  background-size:auto 100% ;  padding: 0px;
  width: 9px;  flex-shrink: 0;
  height: 13px;
  display: block;
  margin: 0px 0px;
  line-height: 100em;
  overflow: hidden;
  position: relative;
}


.flatpickr-months .flatpickr-prev-month svg, 
.flatpickr-months .flatpickr-next-month svg{
display:none;
}

.flatpickr-months .flatpickr-prev-month{background-image: url(../images/bread-left.svg); } 
.flatpickr-months .flatpickr-next-month{background-image: url(../images/bread-right.svg) ;}


/**** tabulka kalendáře ***/

.flatpickr-rContainer{
  display: block;  width: 100%;
}

span.flatpickr-weekday{
  color: var(--purple);
  font-size: var(--basictextsmall);
  line-height: var(--basicHeightsmall);
}

.flatpickr-days{
  width: 100%;
}

.dayContainer{
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay{
color: var(--lightPurple);
}

.flatpickr-day{
  cursor: pointer;
  border-radius: 0px;  max-width: 30px;
  height: 30px;
  line-height: 30px;
}

.flatpickr-day.today {
  border-color:  var(--purple);
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
 border-color:  var(--purple);
  background: var(--purple);
  color: white;
  font-weight: 700;
}

.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus,

.flatpickr-day.today:hover, .flatpickr-day.today:focus{
 border-color:  var(--purple);
  background: var(--purple);
  color: white;
}