.calendar-page .select2-container--default .select2-selection--single {
    background-color: #F7F8FA;
    display: flex;
    align-items: center;
}

.calendar-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: var(--typo-md-calendar);
    font-weight: var(--fw-bold);
    padding: 0 10px;
}


/* .calendar-page .select-search.month .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 10px !important;
} */

.calendar-page .select2-container--default .select2-selection--single {
    padding: 0;
}

.calendar-page .select2-container--default .select2-selection--single .select2-selection__arrow:before {
    line-height: 50px;
}

.calendar-page .fc-toolbar.fc-header-toolbar {
    background: linear-gradient(92.24deg, #F7C52A 0.57%, #05AFAE 181.39%);
}

.calendar-page .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-default);
}

.calendar-page .fc-toolbar .fc-center h2 {
    font-size: var(--typo-lg);
}

.calendar-page .fc-head .fc-sun,
.calendar-page .fc-head .fc-mon,
.calendar-page .fc-head .fc-tue,
.calendar-page .fc-head .fc-wed,
.calendar-page .fc-head .fc-thu,
.calendar-page .fc-head .fc-fri,
.calendar-page .fc-head .fc-sat {
    font-size: var(--typo-md-calendar);
    font-weight: var(--fw-bold);
}

.calendar-page .fc-head .fc-sun,
.calendar-page .fc-head .fc-sat {
    background-color: var(--color-gray-100);
}

.calendar-page .fc th {
    background-color: var(--color-primary);
}

.calendar-page .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    font-size: var(--typo-md-calendar);
    font-weight: var(--fw-bold);
}

.calendar-page .fc-sat .fc-day-number,
.calendar-page .fc-sun .fc-day-number {
    color: var(--color-primary) !important;
}

.calendar-page .fc-sat .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    color: var(--color-gray) !important;
}

.calendar-page .fc-ltr .fc-h-event.fc-not-end,
.calendar-page .fc-rtl .fc-h-event.fc-not-start,
.calendar-page .fc-ltr .fc-h-event.fc-not-start,
.calendar-page .fc-rtl .fc-h-event.fc-not-end {
    background-color: #13C77F !important;
    font-size: var(--typo-s);
    border-radius: 3px;
}

.calendar-page .fc-unthemed td.fc-today {
    background-color: var(--color-primary);
}

.note-calendar-block {
    position: relative;
    top: 75px;
}

.calendar-page .content-box .note-calendar .type>li,
.calendar-page .content-box .note-calendar-li .type>li {
    font-size: var(--typo-s);
    /* color: #666666; */
    margin-bottom: 15px;
    position: relative;
    padding-left: 35px;
}

.calendar-page .content-box .note-calendar .type>li:before {
    content: '';
    display: block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
}

.calendar-page .content-box .note-calendar-li .type>li:before {
    content: '';
    display: block;
    vertical-align: middle;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0;
    top: 0;
}

.calendar-page .content-box .note-calendar .type,
.calendar-page .content-box .note-calendar-li .type {
    padding: 0;
    margin: 0;
    list-style: none;
}

.calendar-page .content-box .note-calendar .type>li:nth-child(1):before {
    background-color: #05AFAE;
}

.calendar-page .content-box .note-calendar .type>li:nth-child(2):before {
    background-color: #F7C52A;
}

.calendar-page .content-box .note-calendar .type>li:nth-child(3):before {
    background-color: #F7F8FA;
}


/****/

.calendar-page .content-box .note-calendar-li .type>li:nth-child(1):before {
    background-color: #05AFAE;
}

.calendar-page .content-box .note-calendar-li .type>li:nth-child(2):before {
    background-color: #F93B55;
}

.calendar-page .content-box .note-calendar-li .type>li:nth-child(3):before {
    background-color: #055AAF;
}

.calendar-page .content-box .note-calendar-li .type>li:nth-child(4):before {
    background-color: #A73EF8;
}

.calendar-page .content-box .note-calendar-li .type>li:nth-child(5):before {
    background-color: #F8AF67;
}

.day-active-block {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    background: linear-gradient(138.99deg, #F7C52A -20.3%, #05AFAE 102.29%);
    display: flex;
    align-items: center;
    text-align: center;
}

.day-active-block .day {
    font-weight: var(--fw-bold);
    color: var(--color-white);
    width: 100%;
}

.day-active-block .day p {
    margin-bottom: 0;
}

.monthly-activity .title {
    font-size: var(--typo-md);
    color: var(--color-default);
}

.monthly-activity ul {
    list-style: none;
    padding: 0;
}

.monthly-activity .box-wrapper {
    width: 33.33%;
    padding: 20px;
    display: flex;
}

.monthly-activity .box-wrapper .day-active-block {
    background: var(--color-white);
    transition: .3s ease-in-out;
    width: 100px;
    height: 100px;
    display: flex;
}

.monthly-activity .box-wrapper .day-active-block .day {
    color: var(--color-primary);
    transition: .3s ease-in-out;
}

.monthly-activity .box-wrapper:hover {
    box-shadow: var(--box-shadow-100);
    background-color: #fff;
}

.monthly-activity .box-wrapper:hover .day-active-block {
    background: linear-gradient(138.99deg, #F7C52A -20.3%, #05AFAE 102.29%);
}

.monthly-activity .box-wrapper:hover .day-active-block .day {
    color: #fff;
}

.monthly-activity .box-wrapper .content .Htitle {
    font-size: var(--typo-md);
    font-weight: var(--fw-bold);
    color: var(--color-default);
}

.monthly-activity .box-wrapper .content .time {
    font-size: var(--typo-s);
    color: var(--color-gray);
    padding-top: 10px;
}

.calendar-page.default-page .content-box .top-title-box .row{margin: 0 -10px;}
.calendar-page.default-page .content-box .top-title-box .row>div{padding: 0 10px;}
.calendar-page.default-page .content-box .top-title-box .select-search{margin: 0;}

@media (max-width: 1440px) {
    .calendar-page .select2-container--default .select2-selection--single .select2-selection__arrow:before {
        right: -5px;
    }
    .day-active-block {
        margin-right: -15px;
    }
    /* .monthly-activity .box-wrapper {
        zoom: 90%;
    } */
}

@media (max-width: 1199px) {
    .monthly-activity .box-wrapper {
        zoom: 90%;
    }
    .day-active-block {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 991px) {
    .calendar-page .fc-ltr .fc-basic-view .fc-day-top .fc-day-number,
    .calendar-page .fc-head .fc-sun,
    .calendar-page .fc-head .fc-mon,
    .calendar-page .fc-head .fc-tue,
    .calendar-page .fc-head .fc-wed,
    .calendar-page .fc-head .fc-thu,
    .calendar-page .fc-head .fc-fri,
    .calendar-page .fc-head .fc-sat {
        font-size: var(--typo-s);
    }
    /* .monthly-activity .box-wrapper {
        zoom: 70%;
    } */
    .monthly-activity .box-wrapper {
        width: 50%;
        padding: 10px;
    }


    .note-calendar-block{top: 0; margin-top: 10px;}
    .calendar-page .content-box .note-calendar .type:after,
    .calendar-page .content-box .note-calendar-li .type:after{content: ''; display: table; clear: both;}
    .calendar-page .content-box .note-calendar .type>li,
    .calendar-page .content-box .note-calendar-li .type>li{float: left; width: 50%;}
}

@media (max-width: 767px) {
    .note-calendar-block {
        top: 40px;
        padding-bottom: 30px;
    }
    .calendar-page .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: var(--typo-s);
    }
}

@media (max-width: 575px) {
    .calendar-page .select2-container--default .select2-selection--single {
        margin-bottom: 5px;
    }
    .monthly-activity .box-wrapper {
        width: 100%;
    }
    .day-active-block {
        display: none;
    }
}