.small-font {
    font-size: 12px;  /* Adjust this size as needed */
}

.image-container {
    display: flex;
    justify-content: center;
}

.tabela-admin {
    width:100%;
    padding: 1px;
}

.tabela-admin td {
    font-size: 12px;
}

.tabela-admin tr {
    height: auto;
}

.tabela-admin th {
    background-color: rgb(226, 242, 247);
}

.tabela-admin img {
    vertical-align: top;
}

.navbar {
    border-bottom:2px solid #000;
}

/* Add padding inside the events */
.fc-event {
    padding: 2px 2px;  /* Top-Bottom, Left-Right */
    margin: 2px;
    border-radius: 5px;  /* Optional: Round the corners */
    background-color: #9ac9fc; /* Example color */
    color: rgb(14, 0, 211); /* Ensure text is readable */
}

.fc-daygrid-day-number {
    display: block !important; /* Ensure day numbers are visible */
    font-size: 14px; /* Adjust size as needed */
    font-weight: bold; /* Make it stand out */
    padding: 2px;
}

/* Ensure each day cell has a minimum height but still resizes automatically */
.fc-daygrid-day-frame {
    min-height: 20px; /* Adjust the height as needed */
}

/* Adjust event styling inside the cells */
.fc-daygrid-event, 
.fc-daygrid-block-event, 
.fc-timegrid-event {
    border: 2px solid #000000 !important; /* Black border */
    padding: 2px;
    border-radius:5px;
    font-size: small;
}

.fc-h-event .fc-event-title-container {
    color: rgb(14, 0, 211); /* Ensure text is readable */
}

/* Blue for approved events */
.event-approved {
    background-color: #9ac9fc !important;
    color: rgb(14, 0, 211) !important;
    border: none !important;
}

/* Purple for pending (empty) events */
.event-pending {
    background-color: #ffb2b2 !important;
    color: rgb(14, 0, 211) !important;
    border: none !important;
}

 
.event-letni-dopust {
    background-color: #a9b5f8 !important;  /* Red */
    border-color: #000000 !important;
    border: 2px solid #5d75fc !important; /* Black border */
}

.event-ure {
    background-color: #fcf18e !important;  /* Blue */
    border-color: #000000 !important;
    border: 2px solid #e6cf01  !important; /* Black border */
}

.event-drugo {
    background-color: hsl(164, 79%, 81%) !important;  /* Green */
    border-color: #000000 !important;
    border: 2px solid hsl(164, 99%, 27%) !important; /* Black border */
}

.delete-entry {
    padding: 2px 8px;  /* Reduce padding */
    font-size: 12px;   /* Make text smaller */
    line-height: 1;    /* Reduce line height */
}