/* Modal container */
.modal {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5); /* Overlay */
   justify-content: center;
   align-items: center;
   z-index: 9999;
}
/* Modal content */
.modal-content {
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   scrollbar-width: none; /* Firefox */
   margin: auto;
   width: min(500px, calc(100% - 1rem));
   max-height: calc(100% - 1rem);
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   /* transform: translateY(-100%);
   animation: slideDown 0.3s forwards; */
   /* background-image: url('/frontend/images/nen-text.jpg'); 
   background-position: top center;
   background-repeat: repeat;
   background-size: cover; */
   background-color: #e2ebf0;
}
/* Close button */
.close {
   position: absolute;
   top: 1px;
   right: 18px;
   font-size: 35px;
   cursor: pointer;
   color: #fff;
   z-index: 9999;
}
body.modal-open {
   overflow: hidden; /* Khóa cuộn nội dung body */
 }
/* Slide down animation */
@keyframes slideDown {
   0% {
       transform: translateY(-100%);
   }
   100% {
       transform: translateY(0);
   }
}
/* Overlay */
.modal-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
}
#modalContent {
   position: relative;
   height: 100%;
}
.modal-header {
   position: relative;
}
.modal-header-top {
   background-color: var(--main-color);
   height: 45px;
}
.modal-body {
   position: relative;
   padding-top: 1rem;
   padding-left: clamp(0.625rem, 3vw - 1.5rem, 0.938rem);
   padding-right: clamp(0.625rem, 3vw - 1.5rem, 0.938rem);
   padding-bottom: 1rem;
}
.tree-modal-wrapper {
   position: relative;
   overflow: auto;
   overflow-y: visible;
   padding-bottom: 0.5rem;
   /* scrollbar-width: none; */
}
::-webkit-scrollbar {
   width: 6px; /* Độ rộng thanh cuộn */
   height: 6px; /* Độ cao thanh cuộn khi cuộn ngang */
 }
 
 ::-webkit-scrollbar-track {
   background: #fff; /* Màu nền của thanh cuộn */
   border-radius: 8px; /* Bo góc của track */
 }
 
 ::-webkit-scrollbar-thumb {
   background: var(--main-color-1); /* Màu của thanh cuộn */
   border-radius: 8px; /* Bo góc của thanh cuộn */
 }
 
 ::-webkit-scrollbar-thumb:hover {
   background: var(--main-color); /* Màu khi hover lên thanh cuộn */
 }