.calendar {text-align: center;}
.CalendarCell {margin: 10px 0}
.CalendarCell table{width: 230px;border: 1px solid #000}
.CalendarCell table:last-child{border-top: none;}
.CalendarCell strong.month{display: block;margin: 0 0 10px;}
.CalendarCell table:first-of-type{background-color: #000;color: #fff;}
.CalendarCell td a{display: grid; width: 28px;aspect-ratio:1;place-items: center;}
.CalendarCell a.currday{background-color: #898989;font-weight: 700;color: #fff;}
.CalendarCell a.withevent{background-color: #E0E0E0;}
.CalendarCell a.empty{display: none;}
#search_text, button.btn{min-height: 32px;}
p.today{padding: 5px;text-align: center;margin: 20px 0 10px;}
form.add-event{padding: 7px;}
form.add-event .btn{max-width: 300px;place-self:center}
@media only screen and (max-width: 480px) {

}
@media only screen and (min-width: 481px) {

}
@media only screen and (max-width: 767px) {
/*.rightcol{flex-direction:column}*/
.calendarTable{display: grid; gap:20px;place-items: center;}

}
@media only screen and (min-width: 768px) {
.calendarTable{align-items: center}
.calendarTable > a:first-child{text-align: right;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*.rightcol{flex-wrap:wrap}
.rightcol > *,.rightcol .news-block{flex:1 1 48%}*/
}
@media only screen and (max-width: 1023px) {
form.add-event{max-width: 420px;margin-left: auto;margin-right: auto;}
}
@media only screen and (min-width: 1024px) {
/*.main-container{margin-top:20px;gap:20px}
main{width:calc(100% - 540px)}
.leftcol{order:-1;flex:0 0 200px}
.rightcol{flex:0 0 300px}
.rightcol,.leftcol{display:flex;flex-direction:column;gap:20px}
.leftcol h3,.rightcol h3{margin:0}
#bc{margin-top:0}*/
form.flex-m:not(.add-event) {flex-wrap: wrap; align-items: center}
}
@media only screen and (min-width: 1060px){

}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
  .calendarTable{flex-direction: column}  
}
@media only screen and (min-width: 1280px) {
    .CalendarCell{margin: 0;}
    form.add-event{padding: 20px 15%;}
}