:root {
  --vivus_tm: #00532c;
  --vivus_sv: #b3d335;
  --zelena_sv: #f3ffc6;
  --cervena: #ff0000;
  --seda_sv: #bfbfbf;
  --seda_tm: #5c5c5c;
  --vyska_input: 49px;
  --vyska_checkbox: 30px;
  --fontsize: 14px;
  --padding_input_lr: 20px;
  --padding_input_tb: 17px;
}

@media screen and (max-width: 900px) {

  :root {
    --fontsize: 13px;
  }

}

.flatpickr-calendar {
padding: 20px;
width: 347.875px;
background: var(--zelena_sv);
font-size: 14px;
border-radius: 0px;
}


.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 {
background: var(--vivus_sv);
border-color: var(--vivus_sv);
}

.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 {
background: var(--vivus_tm);
color: #fff;
border-color: var(--vivus_tm);
}

.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus {
background: var(--vivus_sv);
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
position: absolute;
 top: 0px;
color: rgba(0,0,0,0.9);
fill: rgba(0,0,0,0.9);
}

.flatpickr-current-month {
font-size: 115%;
padding: 0.48px 0 0 0;
}

.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
position: relative;
top: 0;
height: 31px;
padding: 0 10px;
}

.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
fill:var(--zelena_tm);
}

.numInputWrapper span {
 border: 0px;
 opacity: 1;
}

.flatpickr-current-month .numInputWrapper {
width: 4ch;
}

.flatpickr-current-month .arrowUp, .flatpickr-current-month .arrowDown  {
display: none;
}

.numInputWrapper span.arrowUp:after {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(57,57,57,0.6);
top: 26%;
}

.numInputWrapper span.arrowDown:after {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid rgba(57,57,57,0.6);
top: 40%;
}


.flatpickr-time .numInputWrapper span.arrowUp {
position: absolute;
right: 24px;
top: 10px;
padding: 12px;
}

.flatpickr-time .numInputWrapper span.arrowDown {
position: absolute;
left: 26px;
top: 9px;
padding: 12px;
}

.flatpickr-time .numInputWrapper span {
padding: 0px;
}

.flatpickr-time .numInputWrapper input {
width: 25%;
}

.flatpickr-time .numInputWrapper span.arrowUp:after, .flatpickr-time .numInputWrapper span.arrowDown:after {
border-bottom-color: var(--vivus_tm);
border-top-color: var(--vivus_tm);
opacity: 0.5;
left: 5px;
top: 7px;
}


.flatpickr-time input {
color: var(--vivus_tm);
font-size: 16px;
}


.numInputWrapper:hover, .numInputWrapper span:hover {
background: rgba(0,0,0,0);
}


@media screen and (max-width: 370px) {
  .flatpickr-calendar {
    padding: 0px;
    width: 307.875px;
  }
  .flatpickr-current-month {
  padding: 8.48px 0 0 0;
  }
  .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  padding: 10px;
  }
}