.calendar-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 10px;
        }

        table {
            border-collapse: collapse;
            width: 100%;
            margin-bottom: 10px;
          }

        th, td {
            border: 1px solid #C9C0BB;
            box-shadow: 0 0 0 1px #C9C0BB;
            padding: 1px;
            text-align: center;
            vertical-align: top;
            
        }
        
        th {
            background-color: #f2f2f2;
            font-weight: normal; /* Uklonite podebljavanje teksta za dane u th elementima */
            
        }

        .month-name-container {
            background-color: #98AFC7;
            text-align: center;
        }

        .month-name {
            font-size: larger;
            font-weight: bold;
            display: inline;
        }
        
        .ca-de {
            color: red;
            font-weight: bold;
        }

        .d-c {
            position: relative;
            
        }

        .d-t {
            font-size: medium;
            
        }

        .a-i {
            font-size: 10px;
            font-weight: bold;
            color: #555;
        }
        
        .voda {
            background-color: #c0e9fc;
        }
        
        .ulje {
            background-color: #faf1a0;
        }

        .belm {
            background-color: #B3D9D9;
        }

        .uzdr {
            background-color: #E8ADAA;
        }
            
        .riba {
            background-color: #7DFDFE;
        }
        
        .suho {
            background-color: #FFA944;
        }
            
        .ne-3 {
            color: #ff0000; /* Bela boja teksta kako bi bio vidljiv na crvenoj pozadini */
        }
        
        /* Dodajte stil za promenu veliÄTine fonta za dane u sedmici */
        th.day {
            font-size: 13px; /* Prilagodite veliÄTinu fonta prema potrebi */
        }

        @media screen and (max-width: 600px) {
            .calendar-container {
                grid-template-columns: 1fr;
                display: block;
                overflow-x: auto;
            }
            .a-i {
            font-size: 9px;
            font-weight: bold;
            color: #555;
        }
        }