.fc-toolbar{
    display:flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap:0.5rem !important;
}


.out-of-range {
    opacity:0.4;
}
.fc-header-toolbar {
    /*height:30px;*/
}
/*
.fc-toolbar-chunk {
    flex:1;
    flex-basis: 120px;
}


.fc-toolbar-chunk:nth-child(1){
    flex-basis: 150px;
}
.fc-toolbar-chunk:nth-child(3){
    flex-basis: 180px;
}
*/


.fc-toolbar-chunk button {
    height:30px;
    color:var(--up-color);
    font-size:14px!important;
    font-family:var(--font-bold)!important;
    width:60px;
    padding:0!important;
    border-radius:5px!important;
}
.fc-button-group:first-child {
    /*border:1px solid #F3F4F6;*/
    border-radius:5px;
}
.fc-toolbar-chunk:nth-child(2) .fc-toolbar-title {
    font-family:var(--font-bold);
    font-weight:600;
}
.fc-toolbar-chunk:nth-child(3) .fc-button-group {
    border:0!important;
}
.fc-today-button {
    height:30px!important;
    border-color:#dbdbdb !important;
    color: var(--up-color)!important;
    opacity:1!important;
    font-family:var(--font-bold)!important;
    font-weight:600;
	background:var(--color-bg-base) important;		
}
.fc-prev-button {
    width:40px!important;
    /*border:0!important;*/
    border-color:#dbdbdb !important;
}
.fc-next-button {
    width:40px!important;
    /*border:0!important;*/
    border-color:#dbdbdb !important;
}
.fc-toolbar-chunk button:hover {
    background:var(--up-color)!important;
    color:#fff!important;
    border:0!important;
}
.fc-button-active {
    background:var(--up-color)!important;
    color:#fff!important;
    border:0!important;
}
.fc-dayGridMonth-button {
    margin-right:8px!important;
}
.fc-timeGridWeek-button {
    margin-right:8px!important;
}
.fc-timeGridDay-button {
    margin-right:8px!important;
}
.fc .fc-daygrid-day.fc-day-today {
    background:var(--table-td_bg);
}
.fc-toolbar-title {
    color:var(--bg-basefc);
    font-family:"nanum-dbold";
    font-size:20px!important;
}
.fc .fc-button-primary {
    background:var(--color-bg-base);
    border-color:var(--box-shadow) !important;
    color: var(--up-color);
}

.fc .fc-button-primary:disabled {
    background:var(--color-bg-base);
    border-color: var(--box-shadow);
    color: var(--up-color);
}

.fc-col-header {
    background:#F2F2F2;
}
.fc-scrollgrid-sync-inner a {
    color:var(--bg-basefc);
    text-decoration:none;
}
.fc-daygrid-day {
    height:65px;
}
.fc-daygrid-day-bg {
    background:#E8F1FA;
}
.fc-daygrid-day-number {
    font-size:14px;
    color:var(--bg-basefc);
    font-family:"nanum-bold";
}

.fc-col-header-cell{
	background:var(--color-bg-base);
}
.fc-theme-standard td, .fc-theme-standard th {
    background:var(--color-bg-base);
}

.fc .fc-list-event:hover td {
    background:var(--sch-bg-color) !important;
}

.fc .fc-list-sticky .fc-list-day>* {
    background:var(--color-bg-base);
    position: sticky;
    top: 0;
}


/* 작은 캘린더 */
.mini_calendar {
    margin: auto;
    font-family:"nanum-bold";
}
.mini_calendar_content, .mini_calendar_weekdays, .mini_calendar_header {
    position: relative;
    overflow: hidden;
}
.mini_calendar_weekdays div {
    display:inline-block;
    vertical-align:top;
}
.mini_calendar_weekdays div, .mini_calendar_content div {
    width: 14.28571%;
    overflow:hidden;
    text-align:center;
    background-color:transparent;
    color:var(--bg-basefc);
    font-size: 14px;
    padding:6px;
}
.mini_calendar_content div {
    border:1px solid transparent;
    float:left;
    margin: 3px 0;
}
.mini_calendar_content div:hover {
    border:1px solid #dcdcdc;
    cursor:default;
}
.mini_calendar_content div.blank:hover {
    cursor:default;
    border:1px solid transparent;
}
.mini_calendar_content div.past-date {
    color: var(--bg-basefc);
}
.mini_calendar_content div.today {
    font-weight:bold;
    font-size:14px;
    color:#fff;
    background:var(--favorite1-color) !important;
    border:none !important;
    border-radius:5px;
}

.mini_calendar_content div.schdule {    
    border:1px solid var(--dash-color4);
    border-radius:5px;
}

.mini_calendar_content div.selected {
    background-color: var(--table-td_bg);
}
.mini_calendar_header {
    background:var(--favorite1-color);
    text-align: center;
}
.mini_calendar_header h2 {
    font-family:"nanum-bold";
    font-size:20px;
    color: #F1F8F9;
    float:left;
    width:68%;
}
.mini_calendar_header i {
    font-size:28px;
    color:#fff;
}
button.switch-month {
    background-color: transparent;
    padding:0;
    outline:none;
    border:none;
    color:#dcdcdc;
    float:left;
    width:15%;
    transition: color .2s;
}
button.switch-month:hover {
    color: #87b633;
}




.bootstrap-tagsinput .tag {
    margin-right: 2px;
    margin-bottom: 3px;
    color: var(--bg-box);
    display: inline-block;
}

.form-control, .form-select  {

    color: var(--bg-basefc);
    background-color: var(--bg-box);
    border: 1px solid var(--bg-border);
}

.form-select  {
    background-image: var(--combo-icon);
}

.bootstrap-tagsinput {
    background-color: var(--bg-box);
    border: 1px solid var(--bg-border);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}

/*
.toast-header {
	display: block;
}
*/

input{border-radius: 0 !important;}
select{border-radius: 0 !important;}
textarea{border-radius: 0 !important;}
.form-check-input[type=checkbox] {border-radius: 0.25em !important;}
.form-check-input[type=radio] {border-radius: 50%  !important;}



@media (max-width:767px) {
    .fc-toolbar-chunk:first-child {
        display:flex;
        height:35px;
    }
    .fc-toolbar-chunk:first-child .fc-button-group:first-child {
        width:50%;
        border:1px solid var(--bg-border);
    }
    .fc-toolbar-chunk:first-child .fc-today-button {
        width:50%;
        height:35px!important;
        margin-left:3px;
        border:1px solid var(--bg-border)!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
	
    .fc-prev-button {
        width:50%!important;
        border:0!important;
    }
    .fc-next-button {
        width:50%!important;
        border:0!important;
    }
    .fc-header-toolbar {
        display:flex;
        flex-wrap:wrap;
        height:80px!important;
        margin-bottom:10px!important;
    }
    /*
    .fc-toolbar-chunk:first-child {
        flex:0 0 40%;
        order:1;
    }
    .fc-toolbar-chunk:nth-child(2) {
        flex:0 0 100%;
        order:3;
        text-align:center;
    }
    
    .fc-toolbar-chunk:nth-child(2) #fc-dom-1 {
        font-family:var(--font-bold);
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) {
        flex:0 0 60%;
        order:2;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-button-group {
        width:calc(100% - 4px);
        margin-left:2px;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-dayGridMonth-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        margin-right:4px!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-timeGridWeek-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        margin-right:4px!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-timeGridDay-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        margin-right:4px!important;
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    .fc-toolbar-chunk:nth-child(3) .fc-listWeek-button {
        width:25%;
        height:35px;
        border:1px solid var(--bg-border);
        font-family:var(--font-bold)!important;
        font-weight:600;
    }
    */
    .pc-view{ display:none !important;}
    .mo-view{ display:block !important;}
	.mo-hide{ display:none !important;}

    .mo-group{display:inline-block !important;}
	
	.mo-mt-1{margin-top:10px;}
	
	.mo-text-c-1{color : var(--bg-btn);}
}
@media (min-width:767px) {

    .pc-view{ display:flex !important;}
    .mo-view{ display:none !important;}

}