@charset "utf-8";
/* CSS Document */

#calendarContainer{
	/*min-height:280px;*/
	margin-top:19px;
	position:relative;


/*box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;*/

padding:0 0rem 2rem 0rem;


}




/*********************** KALENDAR ******************************************************/

#calendar{
	position:relative;
	/*width:205px;
	height:210px*/
	min-height:13rem;
	min-width:100%;

}
#calendar:hover{z-index:3;}


.kalendarMjesec{
	display:none;
	/*position:absolute;
	left:0px; 
	right:0px;*/
	
}

.vidljiv{display:block}

.class_kalendar_red .events{color:#222222; padding:1rem 0rem;text-align: left;font-family: "Nunito";
    font-weight: 400;}

.class_kalendar_red{/*position:relative;min-width:200px*/}

.dateDay{border-radius: 16px 16px 0 0;}



.class_kalendar_red .myDate{
	
	font-size:0.9em;
	
	text-decoration:none;
	/*border-radius:4px;*/
	color:#fff;

	line-height:2.2em;
	text-align:center;
	border-left:1px solid #fff;border-right:1px solid #fff;
	font-family: "Nunito";
    font-weight: 700;
	/*background-color: #fefefe;*/
	/*border: 1px solid #e6e6e6;*/
	
	
	
	}
.class_kalendar_red .myDate a{color:inherit;/*display:block*/}	

 
.class_kalendar_red .dan_0{}
.class_kalendar_red .dan_6{}

.class_Nazivi_dana{color:#222222 !important;font-size: 1rem; font-family: "Nunito";
    font-weight: 700;
    font-style: normal;padding-bottom: 1rem;text-transform: uppercase;}
.class_Nazivi_dana_weekend{color:#222222 !important;font-size: 1rem; font-family: "Nunito";
    font-weight: 700;
    font-style: normal;padding-bottom: 1rem;text-transform: uppercase;}


body.events .class_Nazivi_dana, body.events .class_Nazivi_dana_weekend{/*color:#eaeaea*/}	

.class_dummyDates, .class_dummyDates_weekendi{
	/*background-color:#f9f7ef;*/
	
	background-color:#f6f6f6; 
	color:#cccccc !important;
}

.class_kalendar_datumi{
	/*background-color:#9ca7d5;*/
	
	background-color:#dee1e9;
	color:rgba(53, 53, 53, 1); 

	/*background: -webkit-linear-gradient(#f4831f,#f05222);*/

	
}

.class_kalendar_datumi:hover, class_kalendar_datumi_weekendi:hover{}

.class_kalendar_datumi_weekendi{
	background-color:rgba(53, 53, 53, 1); 
	color:#fefefe !important;
	
}
.class_kalendar_datumi_weekendi:last-child{

	
}

.class_kalendar_datumi:hover, .class_kalendar_datumi_weekendi:hover{/*background-color:#ffcc00 !important;*/}

.class_kalendar_datumi_rezervacija{
	/*background-color:#606daa;*/
	/*color:rgba(25, 30, 36, 1) !important;*/
	/*cursor:pointer;*/
	
background-color:#fff;


 background: -webkit-linear-gradient(#f4831f,#f05222);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
/*background-color:#e5cc6e;*/
/*box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);*/	
	
	
}

.class_kalendar_datumi_rezervacija:hover, .selectedDate{
background-color:#fff;
color:#222 !important;
/*background-color:#e5cc6e;*/
/*box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);*/

}



.todayDate{
color:#222222 !important;
background-color:rgba(166, 206, 58, 1);/*
box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);*/

}



#calendar ul{margin-left: 2rem;}


  #calendar .events li.catid_51::marker{
   font-size: 1.8em;
   line-height: 0.1;
   color:rgba(166, 206, 58, 1);;
}

  #calendar .events li.catid_52::marker{
   font-size: 1.8em;
   line-height: 0.1;
   color:rgba(107, 80, 161, 1);
}




#legenda_container {
  position: relative;
  padding:1.5rem 0 1.5rem 0;
}

#legenda_container ul {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}









#cat_legenda li {
  list-style: none;
  float: left;
  display: inline-block;
} 



  #cat_legenda li.catid_51 span i{
   
   color:rgba(166, 206, 58, 1);
  
}

  #cat_legenda li.catid_52 span i{
   
   color:rgba(107, 80, 161, 1);
  
} 

#cat_legenda li.catid_52{

  margin-left:3rem;
}

/*************************************** TIMELINE *****************************/

#timelineLine {
    background-color: #a1b3db;
    border: 2px solid #a1b3db;
    border-radius: 2px;
    height: 0px;
    position: relative;
    margin-top: 1rem;
	/*margin-left:6px;*/
    min-width: 100%;
	display:none;
	visibility: hidden;
}
#timelineLine .ui-slider-handle {
    background-color: #e2e6f6 !important;
	border:1px solid #a1b3db;
	background-image:none;
    border-radius: 4px;
    cursor: pointer;
    height: 9px;
    position: absolute;
    top: -5px;
    width: 24px;
}

/*********************** MONTH CONTROL *******************************/

#yearControl{
	position:relative;
	text-align:center;
	/*font-family: "BenchNine",sans-serif;*/
	margin:25px 35px 0px 35px; 
	color:rgba(53, 53, 53, 1);
	font-size:1.5rem;
	line-height:16px;
	display:none;
	 


    font-family: "Nunito";
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;



}
#yearControl .yearArrow{
	/*position:absolute;
	top:0px;*/
	background-position:center center;
	background-repeat:no-repeat;
	/*width:10px;
	height:16px;*/
	cursor:pointer
}
#previousYear{
	margin-right:15px;
	/*background-image:url(/template/arrowLeft.png)*/
}
#nextYear{
	margin-left:15px;
	/*background-image:url(/template/arrowRight.png)*/
}



/****************** LOADER ************/

#calendar_loader{
	/*background-image:url(/template/ajax-loader.gif);*/
	width:100%;
	height:8px;
	position:absolute;
	
	bottom:58px;
	z-index:2
}




#followingBallsG{
position:relative;
width:105px;
height:8px;
margin:0 auto;
}

.followingBallsG{
background-color:rgba(53, 53, 53, 1);
position:absolute;
top:0;
left:0;
width:8px;
height:8px;
-moz-border-radius:4px;
-moz-animation-name:bounce_followingBallsG;
-moz-animation-duration:1.6s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:4px;
-webkit-animation-name:bounce_followingBallsG;
-webkit-animation-duration:1.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:4px;
-ms-animation-name:bounce_followingBallsG;
-ms-animation-duration:1.6s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:4px;
-o-animation-name:bounce_followingBallsG;
-o-animation-duration:1.6s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:4px;
animation-name:bounce_followingBallsG;
animation-duration:1.6s;
animation-iteration-count:infinite;
animation-direction:normal;
}

#followingBallsG_1{
-moz-animation-delay:0s;
}

#followingBallsG_1{
-webkit-animation-delay:0s;
}

#followingBallsG_1{
-ms-animation-delay:0s;
}

#followingBallsG_1{
-o-animation-delay:0s;
}

#followingBallsG_1{
animation-delay:0s;
}

#followingBallsG_2{
-moz-animation-delay:0.16s;
-webkit-animation-delay:0.16s;
-ms-animation-delay:0.16s;
-o-animation-delay:0.16s;
animation-delay:0.16s;
}

#followingBallsG_3{
-moz-animation-delay:0.32s;
-webkit-animation-delay:0.32s;
-ms-animation-delay:0.32s;
-o-animation-delay:0.32s;
animation-delay:0.32s;
}

#followingBallsG_4{
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

@-moz-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

}

@-webkit-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

}

@-ms-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

}

@-o-keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

}

@keyframes bounce_followingBallsG{
0%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

50%{
left:97px;
background-color:#;
}

100%{
left:0px;
background-color:rgba(53, 53, 53, 1);
}

}