/*************************/
/* vlaCalendar  modif JSK*/
/*************************/


:root {
 --color-main: #397e32;
 --color-grey: #888;
 --color-dark-grey: #313131;
 --color-light-grey: #f4f4f4;
 --color-text: #111;
 --color-light-text: #7e7c7d;
 --color-green: #267c01;
 --color-red: #ca0000;
 --color-black: #111;
 --color-white: #fff;
 --color-yellow: #ffcc33;
}


/* Main calendar */
.vlaCalendarOverlay {width:auto; height:auto; font-size:1.4em; line-height:1.4em; padding:1em 5em; margin:0 0 1em; background:var(--color-light-grey);}
.vlaCalendar { position:relative; display:block; width:100%; height:100%; text-align:left;}
.vlaCalendar, .vlaCalendar table,.vlaCalendar a { font-size:1em;}
.vlaCalendar .container { position:relative; margin:0.3em 0 0 0;}
.vlaCalendar table { position:relative; width:100%; margin:0 auto; text-align:right; border-collapse:collapse; }
.vlaCalendar .picker td {cursor:pointer;}

/* Label & arrows */
.vlaCalendar span.indication { position:relative; display:block; text-align:center; background:transparent; padding:0.2em 1em 0.2em 1em;}
.vlaCalendar caption { position:relative; text-align:center; padding:0.3em 1em 0.3em 1em; }
.vlaCalendar .label { font-size:1.3em; cursor:pointer; float:none; width:auto; text-align:center; margin:0; padding:0;}
.vlaCalendar .label:hover { color:var(--color-grey);}
.vlaCalendar .noHover:hover { cursor:default; }
.vlaCalendar ul { padding:0; margin:0; text-align:left; list-style-type:none; list-style-image:none; width:auto; float:none; }
.vlaCalendar ul li { padding:0; margin:0; overflow:hidden; list-style:none; text-align:center; }
.vlaCalendar .arrowLeft,.vlaCalendar .arrowRight{ position:absolute; top:0; display:block; width:40px; height:40px; box-shadow:1px 1px 1px var(--color-grey);}
.vlaCalendar .arrowLeft { left:-4em;}
.vlaCalendar .arrowRight { right:-4em;}
.vlaCalendar .arrowLeft a,.vlaCalendar .arrowRight a { display:block; background:var(--color-white); height:100%; width:100%; text-decoration:none; }
.vlaCalendar .arrowLeft a span, .vlaCalendar .arrowRight a span {position:absolute !important; top:-100em !important; left:-100em !important; width:1px !important; height:1px !important; padding:0 !important; margin:0 !important; text-indent:-1000em !important;}
.vlaCalendar .arrowLeft a:before,.vlaCalendar .arrowRight a:before { font-family:"Consolas", monospace; content:"<"; font-size:1.5em; line-height:1.2em; text-align:center; background:transparent; width:100%; position:absolute; top:50%; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%); left:0; }
.vlaCalendar .arrowRight a:before { content:">"; }
.vlaCalendar .arrowLeft a:active,.vlaCalendar .arrowLeft a:hover,.vlaCalendar .arrowLeft a:focus,
.vlaCalendar .arrowRight a:active,.vlaCalendar .arrowRight a:hover ,.vlaCalendar .arrowRight a:focus {color:var(--color-white); background:var(--color-dark-grey); }

/* Month */
.vlaCalendar .month th {color:var(--color-dark-grey);text-align:center;font-weight:normal; width:14.28%; padding:0.1em; border-bottom:1px solid var(--color-light-grey);}
.vlaCalendar .month td {padding:0.3em; text-align:center; height:auto;}
.vlaCalendar .month td.selected {outline:1px solid var(--color-green); color:var(--color-text);}
.vlaCalendar .month td.selected:hover {outline:1px solid var(--color-red);}
.vlaCalendar .month td.outsideDay {color:var(--color-dark-grey);}
.vlaCalendar .month td span,.vlaCalendar .month td.activeDay span a {color:var(--color-red);} /* swieta */
.vlaCalendar .month td a { font-size:1em; text-decoration:none;}
.vlaCalendar .month td.activeDay {font-weight:bold;cursor:pointer;}
.vlaCalendar .month td.activeDay a,.vlaCalendar .month td.activeDay span a {font-weight:bold; border:1px solid var(--color-green); d