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;
  }
}