.mbsc-ios.mbsc-calendar-button.mbsc-button {
    color: var(--base-header-bg) !important;
}

.school .mbsc-ios.mbsc-schedule-event {
    color: var(--base-theme-color-transparent-80) !important;
}

.mbsc-ios.mbsc-schedule-event-title, .mbsc-ios.mbsc-schedule-event-range {
    color: var(--base-theme-color-lighter);
}

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {
    border-color: var(--base-theme-color) !important;
    background: var(--base-theme-color) !important;
    color: #fff;
}

.mbsc-ios.mbsc-hover .mbsc-calendar-cell-text {
    background: var(--base-theme-color-transparent-30) !important;
}

.mbsc-ios.mbsc-schedule-event-active .mbsc-schedule-event-background {
    background: var(--base-theme-color) !important;
    color: #fff;
}

.school .mbsc-ios.mbsc-schedule-event-active .mbsc-ios.mbsc-schedule-event-dragging .mbsc-schedule-event-range {
    color: #fff !important;
}

.school .mbsc-timeline-month {
    width: 50px !important;
}

.mobiscroll6 .mbsc-calendar-slide:first-child {
    position:absolute !important;
}

.school .mbsc-material.mbsc-timeline-header-active:after {
    background-color: var(--base-bg);
}

.school-tooltip .md-tooltip-header{
    background-color: var(--base-theme-color);
}

.md-tooltip .mbsc-popup-content {
    padding: 0;
}

.md-tooltip {
    font-size: 15px;
    font-weight: 600;
}

.md-tooltip-header {
    padding: 12px 16px;
    color: #eee;
}

.md-tooltip-info {
    padding: 16px 16px 60px 16px;
    position: relative;
    line-height: 32px;
}

.md-tooltip-time,
.md-tooltip-status-button {
    float: right;
}

.md-tooltip-title {
    margin-bottom: 15px;
}

.md-tooltip-text {
    font-weight: 300;
}

.md-tooltip-info .mbsc-button {
    font-size: 14px;
    margin: 0;
}

    .md-tooltip-info .mbsc-button.mbsc-material {
        font-size: 12px;
    }

.md-tooltip-view-button {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.md-tooltip-delete-button {
    position: absolute;
    bottom: 16px;
    right: 16px;
}