.doc {
display: none; }

#calendar {
box-sizing: border-box;
width: 100%; }

.calendar_row {
gap: 2px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
flex-wrap: wrap; }

.td,te {
background-color: #efefef;
position: relative;
padding: 5px;
aspect-ratio: 1/1; }

.th {
font-weight: bold;
background-color: #ddd;
padding: 5px; }

.te {
padding: 5px;
background-color: #efefef;
opacity: 0.8;}

.trt {
background-color: lightyellow !important; }

.termin {
padding: 2px 0;
margin-bottom: 3px; }

.edit {
color: #7777ff;
color: #000; }

.delete {
color: #ff7777;
color: #000; }

.b0 { background-color: #000000 !important; color: #000; }
.b1 { background-color: #FFCC00 !important; color: #000; }
.b2 { background-color: #DA4A37 !important; color: #000; }
.b3 { background-color: #4DA2D2 !important; color: #000; }
.b4 { background-color: #68E835 !important; color: #000; }
.b5 { background-color: #EA55A2 !important; color: #000; }
.b6 { background-color: #9F53D4 !important; color: #000; }


#legenda {
display: flex;
justify-content: center;
flex-direction: row; }

#legenda div {
width: 100px;
display: flex;
align-items: center; }

.legenda {
margin-right: 7px;
display: inline-block;
height: 15px;
aspect-ratio: 1/1; }