.events {
    /*border-radius: 200px !important;*/
    box-shadow: #000 0px 0px 0px 1px inset !important
}


.events-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--calendar_color);
    padding: 20px;
    flex-grow: 1;
}

.events-box-top {
    display: flex;
    flex-direction: row;
    border-bottom: 2px solid #ffffff;
    color: white;
    font-weight: bold;
}


.events-box-bottom {
    display: none;
    border-top: 2px solid transparent;
}

.events-box-bottom-inner {
    display: flex;
    flex-direction: row-reverse;
    color: white;
}

.events-box-list {
    flex-grow: 1;
    overflow: hidden;
}

.events-list-item {
    display: flex;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #ffffff;
    color: white;
}

.events-list-no-item {
    margin: 10px;
    text-align: center;
    color: white;
    font-weight: bold;
}

.events-list-item-time {
    margin-right: 5px;
    text-align: center;
    font-weight: bold;
}

.events-list-item-text {
    margin-left: 5px;
}

.events-box-top-data {
    flex-grow: 1;
}

.events-calendar-icon {
    cursor: pointer;
    padding: 5px;
}



/*KENDO*/
.k-calendar .k-link {
    border-radius: 200px !important;
    font-size: 14px;
    padding: 5px !important;
}

.k-calendar .k-content .k-today .k-link {
    box-shadow: none !important;
    border-radius: 200px !important;
}

.k-calendar .k-calendar-header .k-today, .k-calendar .k-footer .k-nav-today {
    color: var(--calendar_color) !important;
}

.k-calendar .k-state-selected .k-link {
    border-color: var(--calendar_color) !important;
    background-color: var(--calendar_color) !important;
    box-shadow: none !important;
}

.k-calendar .k-state-selected.k-state-hover .k-link {
    color: white !important
}

.k-calendar .k-calendar-monthview td, .k-calendar .k-month td {
    width: 25px !important;
    height: 25px !important;
    padding-bottom: 5px !important;
}

.k-calendar .k-calendar-monthview .k-link, .k-calendar .k-month .k-link {
    width: 25px !important;
    height: 25px !important;
}

.k-calendar-monthview .k-content tbody tr {
    height: auto !important;
}

.k-calendar {
    border: 1px solid var(--calendar_color) !important;
}

    .k-calendar .k-calendar-header {
        padding: 5px !important;
    }


    .k-calendar .k-calendar-view th {
        padding: 5px !important;
        font-size: 14px !important;
        text-transform: capitalize !important;
        color: var(--calendar_color) !important;
    }