﻿.calenderlist {
	 display:table;
}

.calenderlist .slide  {
	 border-radius:50%;
	 width:250px !important; height:250px !important;
	  border:5px rgba(255,102,0,0.9) solid; background-color:rgba(255,255,255,0.5);
	  text-align:center;
}
calenderslider{
 display:table;   width:250px;
}

calenderslider .bx-wrapper {
	 left:-30px; top:10px; position:relative;
}



#calleft, #calright ,#calleft1, #calright1 { z-index:100; }

#calleft , #calright {
	position:absolute;
}

#calleft i, #calright i{
	 font-size:25px;
}
#calleft { top:45%; font-size:25px;  left:0px;}

#calleft a, #calright a{color:rgba(255,102,0,0.9);}
#calright  {left:280px; top:45%; font-size:25px; }

.calenderlist .slide span{font-size:25px; margin-top:30px;
 display:block;
}
.calenderlist .slide strong{
	 font-size:80px; display:block;
}
.calenderlist .slide small{ display:block; font-size:20px;
}
.calinfo strong{
	 display:block; text-align:center; font-size:13px; font-weight:600;
}

.calinfo .monthlist li {
	 display:inline-block;
}
.calinfo .monthlist li a{
	 color:rgba(20,20,20,0.9); font-weight:bold; display:block; width:22px;  height:22px; line-height:22px; text-align:center;
}
.monthlist .fill a{
 background-color:rgba(255,102,0,0.9);  color:white !important; border-radius:50%; 
}
.calinfo section {
	 border:2px rgba(200,200,200,0.5) solid; padding:10px; background-color:white;  border-radius:5px;font-size:10pt;
}
monthdetails { font-weight:bold;
	 text-align:center; display:block; font-size:10pt; padding:5px 5px; border-top:1px rgba(200,200,200,0.9) solid;border-bottom:1px rgba(200,200,200,0.9) solid;


}
.month-details-desc li {
	 margin-bottom:5px; margin-top:5px;
}
.month-details-desc li a{
	  display:block; padding:5px; border-bottom:2px rgba(200,200,200,0.9) dotted; color:black; text-align:left;
}
.month-details-desc li a:hover{
	border-bottom:2px rgba(10,10,10,0.9) dotted;
}
.calinfo output{
	 width:220px; 
}
caldetails {
 display:table; width:100%;
}
caldetails #calleft1 , #calright1{
 float:left; width:4%;margin-top: 90px;
}
 #calright1 {
	
}

 #calright1 a , #calleft1 a{
	color:rgba(255,102,0,0.9);
}

.silder-data { width:90%; float:left;}

.month-details-desc {
	 max-height:200px; overflow:auto;
}

.calinfo strong {
	 font-weight:bold;
}
