@import (once) "default.less";
@import (once) "font.less";

/* ///////////////////////////////// */
h3{
padding:10px 0 30px 0;
}



/* ///////////////////////////////// */
#calendar-month{
margin:0 0 30px 0;
background:@c2;

td{
padding:0;
background:@c2;
border:0;
color:#FFF;
.ffgb;
font-size:13pt;
.tac;
}
a{
.db;
color:#FFF;
padding:20px 20px;
width:100%;
}

a:hover{
background:@c3;
}

.text-left{
width:1%;
}
.text-center{
}
.text-right{
width:1%;
}

#prev p{
.pr;
width:10px;
height:10px;
}

#next p{
.pr;
width:10px;
height:10px;
}

}


@media (max-width:800px){
#calendar-month{
margin:0 0 30px 0;
background:@c2;

td{
.dtc;
}

}
}


/* ///////////////////////////////// */
#calendar{
margin:0 0 50px 0;

td{
width:14.2%;
font-size:9pt;
}

label{
.db;
background:@c7;
padding:3px 10px;
.r(3px);
margin:2px;
}

.cal-event{
.db;
}

}

@media (max-width:800px){
#calendar{
margin:0 0 50px 0;

th{
.dn;
}
td{
width:100%;
}
label{
.dib;

}

}
}