backend_parkir/public/scss/components/app/_app-calender-event.scss

/* =============
   Calendar
============= */

.app-fullcalender {
    button {
        border-radius: 0rem;
        color: $dark;
    }
    td{
        border-color: $border;
    }
}

.calendar {
    float : #{$dlab-pos-left};
    margin-bottom: 0;
}

.fc-view {
    margin-top: 1.875rem;
}

.fc-toolbar {
    margin-bottom: 0.3125rem;
    margin-top   : 0.9375rem;

    & .fc-left {
        @include media-breakpoint-down(xs) {
            display: flex;
            justify-content: space-between;
            margin-bottom: 0.625rem;
            float: none;
        }
    }

    & .fc-right {
        @include media-breakpoint-down(xs) {
            display: flex;
            justify-content: center;
            float: none;
            margin-bottom: 0.3125rem;
        }
    }

    & .fc-center {
        @include media-breakpoint-down(xs) {
            display: flex;
            justify-content: center;
            * {
                float: none;
            }
        }
    }
}

.fc-toolbar h2 {
    font-size     : 1rem;
    font-weight   : 600;
    line-height   : 1.875rem;
    text-transform: uppercase;
}


.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar .ui-state-hover,
.fc-toolbar button:focus,
.fc-toolbar button:hover {
    z-index: 0;
    box-shadow: none;
}

.fc-widget-header {
    border: 0.0625rem solid $border;
    border-bottom: 0 !important;
}


.fc th.fc-widget-header {
    background    : $border!important;
    font-size     : 0.875rem;
    line-height   : 1.25rem;
    padding       : 0.625rem 0;
    text-transform: uppercase;
}

.fc-button {
    border        : 0.0625rem solid $border;
    text-transform: capitalize;
    &.active{
        box-shadow: none!important;
    }
}

.fc-text-arrow {
    font-family: inherit;
    font-size  : 1rem;
}



.fc-event ,
.external-event{
    border-radius: 0.125rem;
    border       : none;
    cursor       : move;
    font-size    : 0.8125rem;
    margin       : 0.3125rem 0.4375rem;
    padding      : 0.3125rem;
    text-align   : center;
}

.external-event {
    cursor : move;
    margin : 0.625rem 0;
    padding: 0.125rem 0;
}

.fc-basic-view td.fc-week-number span {
    padding-#{$dlab-pos-right}: 0.3125rem;
}

.fc-basic-view td.fc-day-number {
    padding-#{$dlab-pos-right}: 0.3125rem;
}

#drop-remove {
    margin-#{$dlab-pos-right}: 0.5rem;
    top   : 0.1875rem;
}

#add-category,
#event-modal {

    .modal-dialog {
        max-width: 37.5rem;
    }
}

.fc-content {
    color: $white;
}

.fc th.fc-widget-header {
    background: transparent !important;
}
.fc-button {
    background: $white;
}
.fc-state-hover {
    background: $white!important;
}
.fc-state-highlight {
    background: $l-bg!important;
    @at-root [data-theme-version="dark"] & {
        color: $white!important;
    }
}
.fc-cell-overlay {
    background: $white!important;
}
.fc-unthemed .fc-today {
    background: $l-bg!important;
}

.fc-day-top{
    color: $dark !important;
    @at-root [data-theme-version="dark"] & {
        color: $white!important;
    }
}

.external-event {
    color: $white;
    @at-root [data-theme-version="dark"] & {
        color: $white!important;
    }
}
.fc-basic-view .fc-body .fc-row {
    min-height: 1rem;
}

.fc-scroller.fc-day-grid-container {
    height: 30.625rem !important;
}

.fc-row.fc-week.fc-widget-content.fc-rigid {
    height: 5.0625rem !important;
}

.email_left_pane {
    @include custommq($max: 90rem) {
        display: none;
    }
}



#external-events{
    
	.external-event:before{
		content: "";
		display: block;
		width: 0.875rem;
		min-width:0.875rem;
		height: 0.875rem;
		border-radius: 50%;
		margin-#{$dlab-pos-right}: .9rem;
		position: relative;
		top: 0.125rem;
	}
    [data-class="bg-primary"]{
        @at-root [data-theme-version="dark"] & {
            color: $white!important;
        }
        &::before{
            background: var(--primary);
        }
    }
    [data-class="bg-success"]{

        &::before{
            background: $success;
        }
    }
    [data-class="bg-warning"]{
        &::before{
            background: $warning;
        }
    }
    [data-class="bg-dark"]{
        &::before{
            background: $dark;
        }
    }
    [data-class="bg-danger"]{
        &::before{
            background: $danger;
        }
    }
    [data-class="bg-info"]{
        &::before{
            background: $info;
        }
    }
    [data-class="bg-pink"]{
        &::before{
            background: $pink;
        }
    }
	[data-class="bg-secondary"]{
        &::before{
            background: $secondary;
        }
    }
}


.fc .fc-row .fc-content-skeleton table, 
.fc .fc-row .fc-content-skeleton td, 
.fc .fc-row .fc-helper-skeleton td {
    border-color: $border;
    
    @at-root [data-theme-version="dark"] & {
        border-color: $d-border;
    }
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    @at-root [data-theme-version="dark"] & {
        border-color: $d-border;
    }
}