/*min-height:0px;  높이 조절 삭제*/
input[type="date"],
input[type="text"],
input[type="password"]
{
    min-height:0px !important;
}



/* 신규 높이 추가 */
.wid125 {width:125px !important}
.wid450 {width:450px !important}

/* 신규 너비 추가 - datepicker 폭 조절 >> 노트북에서 레이아웃 깨짐 */
.wid102 {width:102px !important}


/* 라디오버튼 레이아웃 누락되어 추가함 */
.Table .radio{margin: 0px 8px; font-weight: normal; font-size: 14px; color: rgb(80, 80, 80, 1);}



/* Table > th 색상이 고정되어있어 th는 무조건 회색으로 변경 */
.Table th{color: #363636 !important; }
/* thead > tr > th 경우에만 글자색 흰색으로 */
.Table > thead > tr > th{color: #585858 !important;}

/**
달력 꾸미기용
 */
.calendar-i{
    font-size: 25px;
    color: #9f9f9f;
    position: relative;
    left: -31px;
    top: 3px;
/*
    right: 4px;
    top:5px;
    position: absolute;
    */
}
.Searchbox .form-wrap .calendar-i{top: 0px !important;}
.calendar-tilde{
    position: relative;
    margin:0px 8px;
}

/**
테이블에만 적용되고 기본값에는 빠져 추가함
 */
.form-wrap{
    display: flex;
    align-items:center;
    flex-direction: row;
    flex-wrap: wrap;
    position:relative;
}
.calendar-form{position:relative;}


/**
필수입력이 td에만 적용되어 있어 th도 추가
 */
.Table tr, tbody th span{
    font-weight: bold;
    color: #257ce1;
}

/*
테이블속 테이블 클래스 정의
 */
.intable thead tr{background: #5d6e82;}
.intable thead th{color: #fff !important;}


/*
팝업 top 수정
 */
.popup-wrap .table-wrap {
    top: 0px !important;
}

/*
isloading 배경색 수정
 */
.isloading-overlay .isloading-wrapper
{
    background:transparent !important;
}

/*
특정 목록화면에서 top 0으로 설정하기 위해 생성
 */
.table-wrap.top-zero{top: 0px !important;}

/*
Dialog 타이틀 수정
 */
.ui-widget-header {
    background: #565656 !important;
    border:0px !important;
    border-radius:4px 4px 0px 0px !important;
}
.ui-dialog .ui-dialog-title {
    color: #eef4fc !important;
}

.ui-datepicker-prev{display:flex; justify-content:center; align-items:center; top:initial !important; left:initial!important;}
.ui-datepicker-prev:before{ content: "\e93b"; font-family:'xeicon'; color: #fff; font-size:16px;}
.ui-datepicker-prev-hover{left:initial !important;}
.ui-datepicker-prev-hover.ui-datepicker-prev:before{color:#d8d8d8}
.ui-datepicker-next{display:flex;justify-content:center; align-items:center;top:initial !important;right:0px!important;}
.ui-datepicker-next:before{ content: "\e93e"; font-family:'xeicon'; color: #fff; font-size:16px;}
.ui-datepicker-next-hover.ui-datepicker-next:before{color:#d8d8d8}
.ui-datepicker-next-hover{right:0px !important;}
.ui-widget-header .ui-icon{background-image:none !important;}
.ui-corner-all.ui-state-hover{border:none!important; background:transparent !important; color: #212121;}
.ui-datepicker-calendar thead{background:#565656;}
.ui-datepicker-calendar thead tr th{padding:8px 4px}
.ui-datepicker-calendar thead tr th span{color: #fff; font-size:14px;}
.ui-datepicker-calendar .ui-state-default{background:#fff!important; border:0px !important;}
.ui-datepicker-calendar .ui-state-default.ui-state-active,
.ui-datepicker-calendar .ui-state-default:hover
{color: #c81126;font-weight:bold}
.ui-datepicker-calendar a.ui-state-default{padding: 8px 4px;}
.content-wrap.frame-wrap{max-width:100%; min-width:auto; display: block; padding: 0px; margin-top: 0px;}
.content-wrap.frame-wrap .content{margin:0px; padding: 0px; left:0px; min-width: 96vw; width: 1200px;}


.ui-widget .ui-datepicker-title .ui-datepicker-year,
.ui-widget .ui-datepicker-title .ui-datepicker-month{border:0px; background:transparent; color:#fff;}
.ui-widget .ui-datepicker-title .ui-datepicker-year:focus,
.ui-widget .ui-datepicker-title .ui-datepicker-month:focus{outline:none;}


.frame-wrap .content .stitArea{margin-bottom: 32px;}
.frame-wrap .Searchbox {margin-right: 4px;}
.frame-wrap .Searchbox .tit{max-width: 82px; margin-right: 8px}
.frame-wrap .table-wrap {overflow: auto; top:0px}

.frame-outer{
    position: relative;
    width: 100%; /* 넓이 값은 조정해서 사용 */
    padding-bottom: 56.25%;
    overflow: hidden;
}
.frame-outer iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.Excel{
    width: 150%;
}

.Excel,
.Excel td,
.Excel tr,
.Excel th{word-wrap:break-word; word-break:break-all; font-size: 14px;}

.Excel.Form-type tbody th,
.Excel th{padding:7px 15px; text-align:left; line-height:1.5; font-weight:300; vertical-align:middle; font-weight: bold; text-align: center;
    border-bottom:1px solid #dcdfe2; }
.Excel > thead th {border: none;}

.Excel > thead > tr{background: #ffffff; border-top: 2px solid #404040; border-bottom: 1px solid #404040;}

.Excel th:first-child{
    border-radius: 8px 0px 0px 8px;
}
.Excel th:last-child{
    border-radius: 0px 8px 8px 0px;
}
.Excel tr, tbody td span{
    font-weight: bold;
    color: #257ce1;
}

.Excel tbody td,
.Excel td{height: 27px; text-align: center; padding:4px 1px; border-bottom:1px solid #dcdfe2; line-height:1; color:#383838; font-weight:bold; font-size: 14px;}
.Excel td p
.Excel tbody td
.Excel tr td p{font-size: 14px; margin: 6px 4px;}
.Excel td input,
.Excel td textarea
{float: left;}
.Excel td input[type="checkbox"]{
    float:none !important;
}

/**
 FullCalendar 전용
 */
.fc-toolbar .fc-center {
    font-size: 20px;
}
.fc-event-container {
    padding: 0px 0px !important;
}
.fc {
    padding: 10px 10px 20px;
}

.Table > thead > tr{background: #5d6e82; }

.calendar-header{
    font-size: 1.2em;
    font-weight: 600;
    font-weight: bold;
    color: #257ce1;
}

.fc-toolbar .fc-center h2{font-size:26px;font-weight: bold;}
.fc-toolbar .fc-button-group .fc-state-default{background:#fff;border-radius: 50%; width: 36px;height: 36px;border: 1px solid #efefef;margin-right: 8px !important;}
.fc-toolbar .fc-button-group .fc-state-default:hover{background:#656565; border: 1px solid #656565; box-shadow:0px 0px 8px #0000003b}
.fc-toolbar .fc-icon{width: initial;height: inherit;display: flex;justify-content: center;align-items: center;}
.fc-toolbar .fc-icon:after{position:initial}

.fc-toolbar .fc-button-group .fc-state-default:hover .fc-icon-left-single-arrow:after,
.fc-toolbar .fc-button-group .fc-state-default:hover .fc-icon-right-single-arrow:after{color:#fff; text-shadow:none;}
.fc-toolbar .fc-icon-left-single-arrow:after{content: "\e93b";font-family:'xeicon';font-size: 16px; color:#999; font-weight:normal}
.fc-toolbar .fc-icon-right-single-arrow:after{content: "\e93e";font-family:'xeicon';font-size: 16px; color:#999; font-weight:normal;}
.fc-toolbar .fc-today-button.fc-state-default{background:#fff;border-radius: 30px; min-width: 80px;height: 36px;border: 1px solid #efefef;margin-right: 8px !important;}
.fc-toolbar .fc-today-button.fc-state-default:hover{background:#fff;box-shadow:0px 0px 5px #c8112638; color:#c81126;}
.fc-view-container .fc-head{border-color: #ffffff;}

.fc-view-container .fc-head .fc-widget-header table thead tr th{padding:8px;}
.fc-event-container {justify-content: center;align-items: center;}
.fc-event-container .cst{width:100%;margin:0px;padding:0px; background:#c811260d;}




/* 일요일 날짜 빨간색 */
.fc-sun{
    color: #e94848;
    text-decoration: none;
    /* height: 40px; */
}

/* 토요일 날짜 파란색 */
.fc-sat{
    color: #4b68ff;
    text-decoration: none;
}

/* autocomplete 높이 조절*/
.ui-autocomplete
{
    max-height: 600px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
html .ui-autocomplete
{
    height: 600px;
}
.fc-view-container{box-sizing:border-box;}


/*
 * SHOW/HIDE 토글
 */
.toggleContainer {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: fit-content;
    border: 3px solid #343434;
    border-radius: 20px;
    background: #343434;
    font-weight: bold;
    color: #343434;
    cursor: pointer;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
}
.toggleContainer::before {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0%;
    border-radius:20px;
    background: white;
    transition: all 0.3s;
}
.toggleCheckbox:checked + .toggleContainer::before {
    left: 50%;
}
.toggleContainer div {
    padding: 4px;
    text-align: center;
    z-index: 1;
    margin: 4px !important;
}
.toggleCheckbox {
    display: none;
}
.toggleCheckbox:checked + .toggleContainer div:first-child{
    color: white;
    transition: color 0.3s;
}
.toggleCheckbox:checked + .toggleContainer div:last-child{
    color: #343434;
    transition: color 0.3s;
}
.toggleCheckbox + .toggleContainer div:first-child{
    color: #343434;
    transition: color 0.3s;
}
.toggleCheckbox + .toggleContainer div:last-child{
    color: white;
    transition: color 0.3s;
}

@media (max-width: 767px) {
    .fc-toolbar .fc-center {
        font-size: 16px;
    }
    .calendar-i:before{font-size:1.3rem;}
}