.fc .fc-toolbar {
    flex-direction: row!important;
    flex-wrap: wrap
}

.fc .fc-toolbar .fc-next-button,
.fc .fc-toolbar .fc-prev-button {
    background-color: transparent;
    border-color: transparent;
    display: inline-block
}

.fc .fc-toolbar .fc-next-button .fc-icon,
.fc .fc-toolbar .fc-prev-button .fc-icon {
    color: #313131
}

.fc .fc-toolbar .fc-next-button:active,
.fc .fc-toolbar .fc-next-button:focus,
.fc .fc-toolbar .fc-next-button:hover,
.fc .fc-toolbar .fc-prev-button:active,
.fc .fc-toolbar .fc-prev-button:focus,
.fc .fc-toolbar .fc-prev-button:hover {
    background-color: transparent!important;
    border-color: transparent!important;
    box-shadow: none!important
}

.fc .fc-toolbar .fc-prev-button {
    padding-left: 0!important
}

.fc .fc-toolbar .fc-toolbar-chunk:first-child {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.fc .fc-toolbar .fc-button {
    padding: .438rem .5rem
}

.fc .fc-toolbar .fc-button:active,
.fc .fc-toolbar .fc-button:focus {
    box-shadow: none
}

.fc .fc-toolbar .fc-button-group .fc-button {
    text-transform: capitalize
}

.fc .fc-toolbar .fc-button-group .fc-button:focus {
    box-shadow: none
}

.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
    background-color: transparent;
    border-color: #7367f0;
    color: #7367f0
}

.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active,
.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
    background-color: rgba(115, 103, 240, .2)!important;
    border-color: #7367f0!important;
    color: #7367f0
}

.fc .fc-toolbar .fc-button-group .fc-button-primary.fc-sidebarToggle-button {
    border: 0
}

.fc .fc-toolbar .fc-button-group .fc-button-primary.fc-sidebarToggle-button i,
.fc .fc-toolbar .fc-button-group .fc-button-primary.fc-sidebarToggle-button svg {
    font-size: 21px;
    height: 21px;
    width: 21px
}

.fc .fc-toolbar .fc-button-group .fc-sidebarToggle-button {
    background-color: transparent!important;
    color: #313131!important;
    padding-left: 0
}

.fc .fc-toolbar .fc-button-group .fc-sidebarToggle-button:not(.fc-prev-button):not(.fc-next-button):hover {
    background-color: transparent!important
}

.fc .fc-toolbar .fc-button-group .fc-sidebarToggle-button+div {
    margin-left: 0
}

.fc .fc-toolbar .fc-button-group .fc-dayGridMonth-button,
.fc .fc-toolbar .fc-button-group .fc-listMonth-button,
.fc .fc-toolbar .fc-button-group .fc-timeGridDay-button,
.fc .fc-toolbar .fc-button-group .fc-timeGridWeek-button {
    padding: .55rem 1.5rem
}

.fc .fc-toolbar .fc-button-group .fc-dayGridMonth-button:first-child,
.fc .fc-toolbar .fc-button-group .fc-dayGridMonth-button:last-child,
.fc .fc-toolbar .fc-button-group .fc-listMonth-button:first-child,
.fc .fc-toolbar .fc-button-group .fc-listMonth-button:last-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridDay-button:first-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridDay-button:last-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridWeek-button:first-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridWeek-button:last-child {
    border-radius: .358rem
}

.fc .fc-toolbar .fc-button-group .fc-dayGridMonth-button:first-child,
.fc .fc-toolbar .fc-button-group .fc-listMonth-button:first-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridDay-button:first-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridWeek-button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.fc .fc-toolbar .fc-button-group .fc-dayGridMonth-button:last-child,
.fc .fc-toolbar .fc-button-group .fc-listMonth-button:last-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridDay-button:last-child,
.fc .fc-toolbar .fc-button-group .fc-timeGridWeek-button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.fc .fc-toolbar>*>:not(:first-child) {
    margin-left: 0
}

.fc .fc-toolbar .fc-toolbar-title {
    margin-left: .25rem
}

.fc .fc-toolbar .fc--button:empty,
.fc .fc-toolbar .fc-toolbar-chunk:empty {
    display: none
}

.fc tbody td,
.fc thead th {
    border-color: #ebe9f1
}

.fc tbody td.fc-col-header-cell,
.fc thead th.fc-col-header-cell {
    border-left: 0;
    border-right: 0
}

.fc .fc-view-harness {
    min-height: 650px
}

.fc .fc-scrollgrid-section-liquid>td {
    border-bottom: 0
}

.fc .fc-daygrid-event-harness .fc-event {
    font-size: .8rem;
    font-weight: 600;
    padding: .25rem .5rem
}

.fc .fc-daygrid-day-bottom,
.fc .fc-daygrid-event-harness+.fc-daygrid-event-harness {
    margin-top: .3rem!important
}

.fc .fc-daygrid-day {
    padding: 5px
}

.fc .fc-daygrid-day .fc-daygrid-day-top {
    flex-direction: row
}

.fc .fc-daygrid-day-number,
.fc .fc-list-event-time,
.fc .fc-timegrid-slot-label-cushion {
    color: #313131
}

.fc .fc-day-today {
    background: #f8f8f8!important;
    background-color: #f8f8f8!important
}

.fc .fc-timegrid .fc-scrollgrid-section .fc-col-header-cell,
.fc .fc-timegrid .fc-scrollgrid-section .fc-timegrid-axis {
    border-color: #ebe9f1;
    border-left: 0;
    border-right: 0
}

.fc .fc-timegrid .fc-scrollgrid-section .fc-timegrid-axis {
    border-color: #ebe9f1
}

.fc .fc-timegrid .fc-timegrid-axis.fc-scrollgrid-shrink .fc-timegrid-axis-cushion {
    color: #aaabb4;
    text-transform: capitalize
}

.fc .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot {
    height: 3rem
}

.fc .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot .fc-timegrid-slot-label-frame {
    text-align: center
}

.fc .fc-timegrid .fc-timegrid-slots .fc-timegrid-slot .fc-timegrid-slot-label-frame .fc-timegrid-slot-label-cushion {
    text-transform: uppercase
}

.fc .fc-timegrid .fc-timegrid-divider {
    display: none
}

.fc .fc-list {
    border-color: #ebe9f1
}

.fc .fc-list .fc-list-day-cushion {
    background: #f8f8f8
}

.fc .fc-list .fc-list-event:hover td {
    background-color: #f8f8f8
}

.fc .fc-list .fc-list-event td {
    border-color: #ebe9f1
}

.app-calendar {
    border-radius: .428rem;
    margin-bottom: 2rem;
    position: relative
}

.app-calendar .app-calendar-sidebar {
    background-color: #fff;
    border-right: 1px solid #ebe9f1;
    flex-basis: 18rem;
    height: 100%;
    left: -19.2rem;
    position: absolute;
    transition: all .2s, background 0s, border 0s;
    width: 18rem;
    z-index: 5
}

.app-calendar .app-calendar-sidebar.show {
    left: 0
}

.app-calendar .app-calendar-sidebar .sidebar-content-title {
    color: #aaabb4;
    font-size: .85rem;
    letter-spacing: .6px;
    text-transform: uppercase
}

.app-calendar .app-calendar-sidebar .input-filter~label,
.app-calendar .app-calendar-sidebar .select-all~label {
    color: #5e5873;
    font-weight: 500;
    letter-spacing: .4px
}

.app-calendar .event-sidebar {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(120%);
    transition: all .3s ease-in-out;
    width: 400px;
    z-index: 15
}

.app-calendar .event-sidebar .card {
    border-radius: 0 .25rem .25rem 0;
    height: calc(100vh - 12.96rem);
    height: calc(var(--vh, 1vh)*100 - 12.96rem)
}

.app-calendar .event-sidebar .card .close-bar {
    cursor: pointer
}

.app-calendar .event-sidebar .card .todo-item-action {
    width: 6rem
}

.app-calendar .event-sidebar .card .todo-item-action .dropdown,
.app-calendar .event-sidebar .card .todo-item-action .todo-item-favorite,
.app-calendar .event-sidebar .card .todo-item-action .todo-item-info {
    cursor: pointer;
    line-height: 1.5
}

.app-calendar .event-sidebar .card .todo-item-action .dropdown .dropdown-menu .dropdown-item {
    padding: .14rem 1.428rem
}

.app-calendar .event-sidebar .card .todo-item-action .dropdown-toggle:after {
    display: none
}

.app-calendar .event-sidebar.show {
    transform: translateX(0)
}

.app-calendar .fc-toolbar h2 {
    font-size: 1.45rem
}

.app-calendar .fc-header-toolbar {
    margin-bottom: 1.75rem!important
}

.app-calendar .fc-view-harness {
    margin: 0 -1.6rem
}

.app-calendar .fc-scrollgrid {
    border-color: #ebe9f1
}

.app-calendar .fc-day-future .fc-daygrid-day-number,
.app-calendar .fc-day-past .fc-daygrid-day-number {
    color: #aaabb4
}

.app-calendar .fc-popover {
    box-shadow: 0 4px 24px 0 rgba(34, 41, 47, .1)
}

.app-calendar .fc-popover .fc-popover-header {
    background: transparent;
    padding: .5rem
}

.app-calendar .fc-popover .fc-popover-header .fc-popover-close,
.app-calendar .fc-popover .fc-popover-header .fc-popover-title {
    color: #5e5873
}

.app-calendar .fc-popover .fc-popover-body :not(:last-of-type) {
    margin-bottom: .3rem
}

.app-calendar .fc .fc-event .fc-event-main {
    color: inherit
}

.app-calendar .fc-list-event {
    background: transparent!important
}

@media(min-width:992px) {
    .app-calendar .app-calendar-sidebar {
        box-shadow: none!important;
        height: auto;
        position: static
    }
    .app-calendar .app-calendar-sidebar .flatpickr-days {
        background-color: transparent
    }
}

.event-sidebar .select2-selection__choice__remove:before {
    top: 40%!important
}

.horizontal-layout .app-calendar {
    margin-bottom: 1rem
}

@media(max-width:992px) {
    .fc .fc-sidebarToggle-button {
        font-size: 0
    }
}

@media(min-width:992px) {
    .fc .fc-sidebarToggle-button {
        display: none
    }
}

@media(max-width:700px) {
    .app-calendar .fc .fc-header-toolbar .fc-toolbar-chunk:last-of-type {
        margin-top: 1rem
    }
}