html {
  scroll-behavior: auto;
}
.tab-pane {
  transition: opacity 0.3s ease-in-out;
  /* min-height: 100px; */
   /* 광고 높이 확보 */
}
.adsbygoogle {
  display: block;
  /* min-height: 150px; */
}

.schedule-hover:hover {
   z-index:3;
   cursor: pointer;
   /* border:1px dashed lightgrey; */
   background-color: rgba(234,234,234,0.3)!important;
}
.schedule-hover.clicked {
   z-index:3;
   cursor: pointer;
   background-color: rgba(234,234,234,0.5)!important;
   /* border:1px dashed lightgrey; */
}
.zero-line {
  stroke: black;
  stroke-width: 0.3;
  /* stroke-dasharray: 4 4; */
}
.circle {
  fill: white; /* 동그라미 색상 */
  stroke: black;
  stroke-width: 0.3px;
}

.x-axis path,
.x-axis line {
  display: none;
}
.y-axis path,
.y-axis line {
  display: none;
}

/* .tooltip, .tooltip1, .tooltip2, .tooltip3 {
  position: absolute;
  text-align: left;
  padding: 10px;
  font-size: 12px;
  background: white;
  border: 1px dashed lightgrey;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
} */

.tooltip, .tooltip1, .tooltip2, .tooltip3 {
  position: absolute;
  opacity: 0;
  background-color: white;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

#datatables_booking tbody tr.selected:hover, #datatables_booking tbody tr.selected, #datatables_booking tbody tr.selected td {
  box-shadow: none;
  color: black;
  background-color: rgba(228,247,186,0.3)!important;
}

.dt-scroll-body {
  /* overflow-y: hidden!important; */
}

.dt-scroll-body::-webkit-scrollbar {
    width: 0px; /* 너비를 설정 */
    height: 0px;

    background: rgba(234, 234, 234, 1); /* 투명 배경 */
}

/* 스크롤바 핸들 */
.dt-scroll-body::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); /* 반투명 핸들 */
    border-radius: 0px; /* 둥근 모서리 */
}

.dt-scroll-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.btn_default {
background:white!important;
border: 1px solid rgba(0, 0, 0, 0.5)!important;
transition: background-color 0.3s, border-color 0.3s!important; /* 부드러운 색상 전환 */
}
.btn_default:hover, .btn_default:active {
border: 1px solid rgba(0, 0, 0, 1)!important;
outline: none!important;
}


:root {
  --dt-row-selected: none;
}

table.dataTable {
    width: 100%;
}

</style>
<style type="text/css">
@keyframes opaque {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* Resize generated styles */

@keyframes resizeanim {
  from {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
/* 트리거(닫힌 상태) */
 .custom-select {
   position: relative;
   display: inline-block;
 }
 .custom-select__trigger {
   border: 1px solid rgba(67,89,113,0.3);   /* 회색 테두리 */
   color: #6c757d;               /* 회색 글자 */
   background: #fff;
   padding: 4px 10px 4px 8px;
   border-radius: 6px;
   cursor: pointer;
   user-select: none;
   /* min-width: 120px; */
   width: auto;
 }
 .custom-select__trigger[data-for="dist_ret1"] {
  width: auto !important;
 }
 .custom-select__trigger:hover,
 .custom-select.open .custom-select__trigger {
   border-color: rgba(67,89,113,0.5);        /* hover/focus 시 약간 진한 회색 */
 }

 /* 펼친 옵션 리스트(그리드) */
 .custom-select__list {
   position: absolute;
   /* z-index: 1000; */
   top: calc(100% + 4px);
   left: 0;
   display: none;
   min-width: 100%;
   max-height: 240px;
   overflow: auto;
   border: 1px solid rgba(67,89,113,0.3);    /* 리스트 테두리: 회색 */
   background: #fff;
   border-radius: 8px;
 }
 .custom-select.open .custom-select__list { display: block; }

 .custom-select__item {
   padding: 8px 10px;
   color: #6c757d;
   cursor: pointer;
   white-space: nowrap;
 }
 .custom-select__item:hover {
   background: rgba(67,89,113,.04);        /* hover: 연한 회색 */
 }
 .custom-select__item.active {
   background: rgba(67,89,113,.1);           /* 선택 항목 표시 */
   color: #495057;
 }

 /* 원본 select는 숨김(접근성 필요시 visually-hidden 대체 가능) */
 .custom-select__native {
   position: absolute !important;
   opacity: 0 !important;
   pointer-events: none !important;
   width: 0; height: 0;
 }