.mon {
margin-bottom:3em;
}
.legend {
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.legend .type {
margin-right:10px;
display:block;
}
.type span {
margin-right:3px;
display:inline-block;
width:10px;
height:10px;
border:1px solid #cacaca;
}
.type span.fl {
background:#0264a0;
}
.type span.par {
background:#5ec9d7;
}
.type span.ava {
background:#fafafa;
}
.fullcal {
display:flex;
flex-wrap:wrap;
}
.widgetcalendar .day.dark {
background:#667;
}
.mon {
width:100%;
margin-right:10px;
}
.widgetcalendar {
display: grid;
grid-template-columns: repeat(7, 1fr);  
grid-auto-rows: auto;
gap: 1px; 
overflow: hidden;
background-color:rgb(19, 41, 75);
}
.widgetcalendar .headers {
display:block; min-height:40px;
font-size:0.5875em;
line-height:30px;
font-weight:800;
text-align:center;
background:#333; color:white;
}
.widgetcalendar .day {
display:block; min-height:95px;
font-size:0.5875em;
line-height:16px;
text-align:center; position:relative;
}
.widgetcalendar div.box {
display:block; min-height:40px;
text-decoration:none;
border:1px solid rgba(150,150,150,0.2);
}
.widgetcalendar div .day {
display:block;
width:100%;
min-height:95px;
font-size:0.5875em;
line-height:16px;
text-align:left; overflow: hidden;
}
.widgetcalendar span.dn {
color:rgba(150,150,150,0.7);
position:absolute;
top:5px;
left:5px;
font-weight: 800;
}
.ttag1 span.dn {
color:white;
}
.hid {
display: none;
position:absolute;
left:-9999;
}
.widgetcalendar .day { }
.widgetcalendar div .day:hover {
background:rgba(0,0,0,0.2);
}
.widgetcalendar .partial {
background:#5ec9d7;
}
.widgetcalendar .full {
background:#0264a0;
}
.myevent {
position: relative;
width:100%;
min-height:90px;
overflow: hidden;
padding-left:5px;
padding-right:5px;
padding-top:30px;
border:1px solid rgba(255,255,255,0.1);
margin-bottom:1px; 
}
.ttag1 {
background: #ffce00 !important;
}
.indivent {
display: flex;
flex-direction: column;
}
img.eback {
object-fit: cover;
position: absolute;
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: center;
top:0;
left:0;
opacity:0.3;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.myevent .starting {
color:white;
}
.highlight {
background: #3B6670;
}
span.elabel {
padding-top:30px;
padding-bottom:10px;
display: block;
padding-top:12px;
}
span.elabel a {
position:relative;
z-index: 1;
color:white;
font-size: 1.2em;
}
span.elabel a:hover {
text-decoration: underline;
}
@media screen and (max-width:480px) {
.widgetcalendar div.box {
min-height: 40px;
}
.widgetcalendar div .day {
min-height: 70px;
}
span.elabel a {
font-size:1.2em;
}
img.eback {
height:100% !important;
}
}