﻿
.calendar-table-container {
    background: #fff;
}

.calendar-table td, .calendar-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.calendar-table a {
    color: #333;
    transition: all 0.15s ease
}

.calendar-table a:hover, .calendar-table a:focus {
    opacity: 0.8;
}

.calendar-table .btn-outer a {
    font-size: 14px;
    border: solid 1px #ccc;
    border-radius: 4px;
    padding: 4px 10px;
    line-height: 1.3;
}

.calendar-table .btn-outer a:hover, .calendar-table .btn-outer a:focus {
    background-color: #f4f4f4;
}

.calendar-table .calender-f {
    width: 14.2%;
    height: 110px;
    min-height: 60px;
}

.calendar-table .calender-sat {
    background-color: #f8fcf5
}

.calendar-table .calender-sun {
    background-color: #f8fcf5
}

.calendar-table .calender-sat .day-head {
    color: #2436b9
}

.calendar-table .calender-sun .day-head {
    color: #b92424
}

.calendar-table .day-head {
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calendar-table .day-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.calendar-table .day-list > div {
    line-height: 1.4;
}

.calendar-table .day-list > div:before {
    content: "• ";
}

.calendar-table-container .endDateTime {
    display: none;
}

.calendar-table-container .btn-add-event {
    display: none;
}

.calendar-table-container .calendar-today {
    padding: 2px;
    background-color: #888;
}

.calendar-table-container .calendar-today > div {
    padding: 6px;
    background-color: #fff;
    height: 100%;
}

.calendar-table-container .modal-calendar-event-details .modal-body-content img {
    max-width: 100%;
    height: auto;
}
