@charset "utf-8";

.main-header .off-menu-btn {
    color: #111 !important;
}

.main-header .main-nav-menu .nav-link.depth1 {
    font-weight: 500 !important; 
    text-shadow: unset !important;
    color: #222 !important;
}
.main-header .main-nav-menu .nav-link.depth2:hover {
    text-shadow: 2px 2px 3px rgba(255, 255, 255, .5) !important;
    color: #000 !important;
}
.main-header .main-nav-menu .sub-menu .sub-menu-wrap {
    background-color: #4165d9 !important;
}

.bd-callout {
    padding: 0.5rem;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
    border: 1px solid #e9ecef;
    border-left-width: .25rem;
    border-radius: .25rem;
	background-color:#f1f1f1;
}


.bg-cahouse{background-color:#4165d9 !important}
.bg-cahouse th{background-color:#4165d9 !important;color:#fff !important;}

.bg-cahouse th.highlight1, .highlight1{background-color:#fdeab1 !important;color:#000 !important}


.text-with-icons {
  display: inline-flex;  /* 텍스트와 아이콘을 수평 정렬 */
  align-items: center; /* 텍스트와 아이콘을 수직으로 중앙 정렬 */
  gap: 2px; /* 텍스트와 아이콘 간 간격 */
}

.icon-column {
  display: flex; /* 아이콘들을 정렬 */
  flex-direction: column; /* 아이콘을 상하 배치 */
  align-items: center; /* 아이콘을 수평 중앙 정렬 */
}
.icon-column i{cursor:pointer;}
.text-with-icons .xsmall {
  font-size: 7px !important; /* 아이콘 크기를 조정 */
}

.flip-icon {
  display: inline-block; /* transform이 제대로 작동하려면 필요 */
  transform: rotate(180deg); /* 180도 회전 */
}
.error_bg{background-color:#df0000 !important;color:#fff !important;}
.error_bg2{background-color:#9b2d79 !important;color:#fff !important;}
.holiday_bg, .holiday_bg a{background-color:#aaaaaa !important;color:#fff !important}
.holiday_bg_allday, .holiday_bg_allday a{background-color:#666 !important;color:#fff !important}
.bd-callout-info {
    border-left-color: #4165d9;
}

.w-2{width:2% !important}
.w-3{width:3% !important}
.w-5{width:5% !important}
.w-7{width:7% !important}
.w-10{width:10% !important}
.w-12{width:12% !important}
.w-13{width:13% !important}
.w-14{width:14% !important}
.w-15{width:15% !important}
.w-20{width:20% !important}

.width-100{width:100px;}

.bg-gray{background-color: #f1f1f1 !important;}





.msmall { font-size:0.9rem !important;}
.small { font-size:0.75rem !important;}
.xsmall { font-size:0.65rem !important;}
.comma {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.swal2-popup .small {font-size:1rem !important;}
.pointer{cursor:pointer;}

.accordion-item .accordion-button::after {width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.accordion-item .accordion-button:not(.collapsed) {color: #000;}
.day_title .li_day{border:1px solid #999;border-radius: 5px;padding: 0 4px !important; font-size:0.8rem} 

.bad_code{background-color: #f9d2d2 !important;color: #df0000 !important;}
.rebuy_code{background-color: #d3d2f9 !important;color: #0005df !important;}
.accordion-item button:hover {
    border: 0px;
    background-color: #4165d9;
    color: #ffffff !important;
}
.form-control-xs, .form-select-xs, .btn-xs{padding: 0 !important; font-size:0.8rem !important}
.form-select.form-select-sm{padding: .25rem 1rem .25rem .75rem;}
.alertMessage{position: absolute;display: none; color: #4165d9;margin-left:80px;background-color:#fff;border:1px solid #4165d9;border-radius:3px;}

table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
     padding-right: 0px !important;
}

.form-switch .form-check-input {
border-radius: 2em;
}
.form-check .form-check-input {
    float: unset !important;
	}
.form-check-input:checked {
background-color: #4165d9 !important;
border-color: #4165d9 !important;
}

#workTable td{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#workTable .highlight{background-color:#bfcdf9 !important;}
#workTable .same-highlight{background-color:#ffcfcf !important;}

 .form-check-input.r-end:checked {
            background-color: #ff8787 !important; /* 체크된 상태의 배경색 */
            border-color: #bf2828 !important; /* 체크된 상태의 테두리 색 */
        }
#workTable .time-choice .form-control, #workTable .time-choice .form-select{display:inline-block;width:unset;}

.scrollable-cell {
	white-space: nowrap !important; /* 텍스트가 한 줄로 유지되도록 설정 */
	overflow-x: auto !important; /* 가로 스크롤 활성화 */
	text-overflow: unset !important;
	scrollbar-width: none; /* Firefox에서 스크롤바 숨기기 */
    /* direction: rtl; 오른쪽에서 왼쪽으로 내용 정렬 */
    /* text-align: left; 텍스트를 왼쪽 정렬하여 오른쪽부터 시작하게 함 */
}

/* 웹킷 브라우저에서 스크롤바 숨기기 */
.scrollable-cell::-webkit-scrollbar {
	display: none;
}

.form-select {
    background-position: right 0rem center !important;
}
.form-select:disabled {background-image: unset;}

/* 텍스트를 오른쪽에서 왼쪽으로 정렬 
    .c_option {
        direction: rtl; 
        text-align: left; 
    }*/
	/*
    .c_option option {
        direction: ltr; 
        text-align: left;
    }
*/
/*달력 custom*/
.fc-h-event {border:0px !important}
.fc .fc-daygrid-day-frame {}

.fc-daygrid-day-events, .fc-header-toolbar{
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
	margin: 0 !important;
}
.fc-header-toolbar .fc-toolbar-chunk{
    width: 33% !important;
		text-align:center;
}
.fc .fc-toolbar-title {display: inline-block;font-size:1.2rem !important;}
.fc .fc-prev-button, .fc .fc-next-button{margin:0 20px !important;}
.fc .fc-today-button{margin-left:10px !important;padding:1px 3px !important;}

.fc-daygrid-event-harness {
    width: 100% !important;
}
.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
    background-color: #fff;
}

@media (min-width: 1500px) {
  .control_view .fc-daygrid-event-harness {
    width: 50% !important;
  }
}

@media (min-width: 1200px) {
	.row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.row>* {
		padding-right: 3px !important;
		padding-left: 3px !important;
	}
}

/* 화면이 1200px 미만일 때 */
@media (max-width: 1499px) {
	.fc-daygrid-event-harness {
	width: 100%;
	}
	.fc-header-toolbar .fc-toolbar-chunk{
		width: 100% !important;
		text-align:center;
	}
}

.fc-v-event {background-color:unset !important;}




/* 제목의 뉴 뱃지 */
.new-badge {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #ff2c2c;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 50%;
    animation: blink 1.3s infinite ease-in-out;
    box-shadow: 0 0 6px rgba(255, 0, 0, 0.7);
}

@keyframes blink {
    0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: 0.3; transform: scale(1.3); }
    100% { opacity: 1; transform: scale(1); }
}

/* 스크롤바 스타일링 */
.table-responsive {
  overflow-x: scroll; /* 가로 스크롤을 항상 표시 */
}

/* 웹킷 기반 브라우저에서 스크롤바 스타일링 */
.table-responsive::-webkit-scrollbar {
  width: 12px; /* 스크롤바 너비 */
}

.table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1; /* 스크롤바 배경 */
}

.table-responsive::-webkit-scrollbar-thumb {
  background: #bccbfd; /* 스크롤바 막대 색상 */
  border-radius: 10px; /* 둥근 모서리 */
}

.table-responsive::-webkit-scrollbar-thumb:hover {
  background: #7d9bfb; /* 스크롤바 막대 hover 시 색상 */
}



/* 기본 스타일 */
.swal2-modal {
	width: 80% !important;
	max-width: 1200px !important;
}

/* 작은 화면에서 크기 조정 */
@media (max-width: 768px) {
	.swal2-modal {
		width: 90% !important;
	}
}

@media (max-width: 480px) {
	.swal2-modal {
		width: 95% !important;
	}
}


.fullscreen {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
}



.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.swal2-html-container .wk_it{border:1px solid #ccc;border-radius: 5px;padding: 0 4px !important; font-size:1rem;margin:5px 0;}
.swal2-html-container .comma {white-space: unset; overflow: unset; text-overflow: unset;}
.swal2-html-container .card-header .bi{display:none;}
.swal2-html-container .card-header {display:block;text-align:center;}
.swal2-html-container  .wk_it{text-align:left;}
.swal2-html-container  .wk_it .d-inline {display:block !important;}

.wk_it .d-inline i{display:none !important;}
.wk_it .d-inline .swal-map{display:none !important;}
 .d-inline .swal-map .map_radio{margin-left:10px;}
.swal2-html-container  .wk_it .d-inline i{display:inline !important;}
.swal2-html-container  .wk_it .d-inline .swal-map{display:block !important;}


.container .table-responsive thead th {min-width:90px;}
.result-button{position: absolute;    right: 0px;}


/*------------ Panel Accordion ----------*/
.panel .panel-heading {position:relative;background-color:#F5F5F5;border:1px solid #D5D5D5;padding:5px}
.panel .panel-body {position:relative;border:1px solid #D5D5D5;border-top:0;padding:5px}
.panel-group .panel+.panel {margin-top:10px}

.panel-primary>.panel-heading {background-color:#2196F3;border-color:#0f70be;color:#fff}
.panel-primary>.panel-body {border-color:#0f70be}
.panel-info>.panel-heading {color:#104D92;background-color:#E3F2FD;border-color:#1E88E5}
.panel-info>.panel-body {border-color:#1E88E5}
.panel-success>.panel-heading {color:#205823;background-color:#E8F5E9;border-color:#4CAF50}
.panel-success>.panel-body {border-color:#4CAF50}
.panel-warning>.panel-heading {color:#AA3510;background-color:#FFF3E0;border-color:#FF9800}
.panel-warning>.panel-body {border-color:#FF9800}
.panel-danger>.panel-heading {color:#9c1F1F;background-color:#FBE9E7;border-color:#FF5722}
.panel-danger>.panel-body {border-color:#FF5722}

.panel-red>.panel-heading {background-color:#e53935;border-color:#e53935;color:#FFF}
.panel-red>.panel-body {border-color:#e53935}
.panel-crimson>.panel-heading {background-color:#ab0000;border-color:#ab0000;color:#FFF}
.panel-crimson>.panel-body {border-color:#ab0000}
.panel-pink>.panel-heading {background-color:#d81b60;border-color:#d81b60;color:#FFF}
.panel-pink>.panel-body {border-color:#d81b60}
.panel-purple>.panel-heading {background-color:#8e24aa;border-color:#8e24aa;color:#FFF}
.panel-purple>.panel-body {border-color:#8e24aa}
.panel-deep-purple>.panel-heading {background-color:#5e35b1;border-color:#5e35b1;color:#FFF}
.panel-deep-purple>.panel-body {border-color:#5e35b1}
.panel-indigo>.panel-heading {background-color:#3949ab;border-color:#3949ab;color:#FFF}
.panel-indigo>.panel-body {border-color:#3949ab}
.panel-blue>.panel-heading {background-color:#1e88e5;border-color:#1e88e5;color:#FFF}
.panel-blue>.panel-body {border-color:#1e88e5}
.panel-light-blue>.panel-heading {background-color:#039be5;border-color:#039be5;color:#FFF}
.panel-light-blue>.panel-body {border-color:#039be5}
.panel-cyan>.panel-heading {background-color:#00acc1;border-color:#00acc1;color:#FFF}
.panel-cyan>.panel-body {border-color:#00acc1}
.panel-teal>.panel-heading {background-color:#00897b;border-color:#00897b;color:#FFF}
.panel-teal>.panel-body {border-color:#00897b}
.panel-green>.panel-heading {background-color:#43a047;border-color:#43a047;color:#FFF}
.panel-green>.panel-body {border-color:#43a047}
.panel-light-green>.panel-heading {background-color:#7cb342;border-color:#7cb342;color:#FFF}
.panel-light-green>.panel-body {border-color:#7cb342}
.panel-lime>.panel-heading {background-color:#c0ca33;border-color:#c0ca33;color:#FFF}
.panel-lime>.panel-body {border-color:#c0ca33}
.panel-yellow>.panel-heading {background-color:#fdd835;border-color:#fdd835;color:#FFF}
.panel-yellow>.panel-body {border-color:#fdd835}
.panel-amber>.panel-heading {background-color:#ffb300;border-color:#ffb300;color:#FFF}
.panel-amber>.panel-body {border-color:#ffb300}
.panel-orange>.panel-heading {background-color:#fb8c00;border-color:#fb8c00;color:#FFF}
.panel-orange>.panel-body {border-color:#fb8c00}
.panel-deep-orange>.panel-heading {background-color:#f4511e;border-color:#f4511e;color:#FFF}
.panel-deep-orange>.panel-body {border-color:#f4511e}
.panel-brown>.panel-heading {background-color:#6d4c41;border-color:#6d4c41;color:#FFF}
.panel-brown>.panel-body {border-color:#6d4c41}
.panel-gray>.panel-heading {background-color:#757575;border-color:#757575;color:#FFF}
.panel-gray>.panel-body {border-color:#757575}
.panel-dark>.panel-heading {background-color:#4B4B4D;border-color:#4B4B4D;color:#FFF}
.panel-dark>.panel-body {border-color:#4B4B4D}

/*
.panel-group-control .panel-title:before {font-family:'Font Awesome\ 5 Free';line-height:1;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;opacity:1}
.panel-group-control .panel-title {padding-left:26px;display:block}
.panel-group-control .panel-title:before {content:"\f068";font-weight:700;position:absolute;top:50%;margin-top:-8px;left:15px}
.panel-group-control .panel-title.collapsed:before {content:"\f067";font-weight:900;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0.35}
.panel-group-control.panel-group-control-right .panel-title {padding-left:0;padding-right:26px}
.panel-group-control.panel-group-control-right .panel-title:before {left:auto;right:15px}
*/
.panel-group-control .panel-title > a:before {font-family:'Font Awesome\ 5 Free';line-height:1;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;opacity:1}
.panel-group-control .panel-title > a {padding-left:26px;display:block}
.panel-group-control .panel-title > a:before {content:"\f068";font-weight:700;position:absolute;top:50%;margin-top:-8px;left:15px}
.panel-group-control .panel-title > a.collapsed:before {content:"\f067";font-weight:900;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0.35}
.panel-group-control.panel-group-control-right .panel-title > a {padding-left:0;padding-right:26px}
.panel-group-control.panel-group-control-right .panel-title > a:before {left:auto;right:15px}



.fc-h-event {
    background-color:#87026a !important;
}