body{overflow-x:hidden; overflow-y:hidden;}

.content-body{padding: 0 0.45rem; overflow-y:inherit;
	overflow-x:hidden;
}
.content-body>div{
	overflow-x:hidden;
	padding-bottom:1rem !important;
}
/** 그렇다고 로직을 지워버리면 안되지요? **/
/* .content-body div{		//fixedcolumn때문에 주석했음. 이 스타일이 있으면 fixedheader 컬럼이 제대로 안먹힘.
	overflow:hidden;
}
 */
.b-tab-list, .b-tab-list li{
  padding-left:0;
  list-style:none inside;
}
.b-tab-list{
	display:flex; 
	padding-bottom:0;
	margin-bottom:0px;
	overflow:auto;
}

@media (max-width: 767px) { 
	.b-tab-list li{
		min-width:25% !important;
	}
} 

.loading-me{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	background: url("/images/background.gif") no-repeat;
	background-position: center;
	background-size: 100px 100px;
	display:none;
	/* z-index: 9999; */
}

.b-tab-list li{
  display:inline-flex;
  overflow:hidden;
  min-width:50px;
  padding:5px 5px 5px 10px;
  margin-right:2px;
  background:#f5f5f5;
  border:1px solid #ddd;
  border-bottom:none;
  color:#666;
}
.b-tab-list.tabBorder{
  background: #ffffff;
}
.b-tab-list li.active{
  background:#dee2e6;
  font-weight:800;
}
.b-tab-list a{   
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* reset */
  color:#666; text-decoration: none;
  margin-right:10px;
}

.b-tab-list .btn-close:focus{
  box-shadow:0 0 0 0.1rem rgb(52 143 226 / 25%);
}

.hide{display:none}


/*  DataTable */
 /*div.dataTables_scrollBody {overflow: overlay !important;}*/
.dtr-details li {text-align : left !important;}
.dtr-details {width:100%;}
.dtr-data{white-space: normal; width:55%; display:inline-block;}
.dtr-title{width:35%; display:inline-block;}
/*div.form-group.row .input-label{background : rgb(238, 243, 246);}*/
.custom_data_table{width:100% !important;}
.custom_data_table th{white-space: nowrap;}
.custom_data_table td{word-break: break-word;white-space: nowrap;}
 
/*  DataTable */
.taCenter{text-align:center;}
.taLeft{text-align:left;}
.taRight{text-align:right;}
.li_img{
	width:100%;
	min-height:120px;
}
.del_img{
	border:none;
	position:absolute;
	/*margin-top:-75px;
	margin-left:6.5%;*/
	margin-left:37.5%;
	margin-top:-8px;
	width:18px;
	display:none;
}

/** 데이터테이블스 스타일 수정 추가 */
table.dataTable thead tr { border-top: 1px solid #20252A !important; }
table.dataTable th, table.dataTable td {cursor:pointer;} /* 커서를 손가락 모양으로 */
table.dataTable tbody tr td.focus { /* 셀에 포커스가 갈때 테마색상(설정값) 으로 적용 */
    box-shadow:0 !important;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px;
}

table.dataTable tbody tr.selected td{
    background: cornsilk !important;
}

.dataTables_wrapper .dataTables_scroll tr.odd{background:#fafafa;}

.dataTables_wrapper .dataTables_paginate .paginate_button{padding:0 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{}

/* date range */
.daterange-form input:first-child{border-top-right-radius:0 !important; border-bottom-right-radius:0 !important; margin-right:-1px;}
.daterange-form input:last-child{border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; margin-left:-1px;}
.daterange-form span{border-radius:0 !important; /*background-color:#eaeaea*/}

.dark-mode .dataTables_wrapper .dataTables_scroll tr.odd{background:var(--bs-table-striped-bg) !important;}

/* 그리드 컬럼에 버튼 */
table.dataTable tbody th, table.dataTable tbody td.td-btn-grid {padding: 2px}
.btn-grid{height:1.5rem; padding:0;}

/*데이터테이블 render btn 클래스*/
.render_btn{
	width:100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	max-width : 150px;
}




.flex-container {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
}

.flex-list {
	margin-right: 5px;
}

.flex-list:last-child {
	margin-right: 0px;
}


/** background color **/
.bg-white{background-color:#fff !important;}

.required  {
	font-weight: bold;
}
.required:after {
	color: #49b6d6;
	content: ' *';
	display:inline;
}


@media screen and (max-width: 767px)
{
	div.dataTables_wrapper div.dataTables_filter input {width:125px !important; }
}
	
.color-red {
	color:#ff5b57;
}

.pop-body{padding-top:1rem;}

.stop-dragging{
  -ms-user-select: none; 
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.popup-body{padding:0.5rem !important;}

.disabled-input {
	background-color:#F9F9F9;
	cursor: not-allowed; /* 마우스 커서를 바꿉니다. */
	pointer-events: none; /* 클릭 및 호버 이벤트를 무효화합니다. */
}