.form-custom{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

    border-top-right-radius: 0.55rem !important;
    border-bottom-right-radius: 0.55rem !important;
  }


  input[readonly],
  input[disabled],
  textarea[readonly],
  textarea[disabled],
  select[readonly],
  select[disabled] {
      /*background-color:var(--bs-primary-tint-100) !important; */
      background-color:var(--bs-gray-300) !important;
      
      cursor: not-allowed; /* 사용자가 편집할 수 없음을 나타내는 커서 */
      color: var(--bs-primary) !important;
  }


  /* 전체 스크롤바 */
::-webkit-scrollbar {
  width: 12px; /* 세로 스크롤바 너비 */
  height: 12px; /* 가로 스크롤바 높이 */
}

/* 스크롤바 트랙(배경) */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* 스크롤바 핸들(움직이는 부분) */
::-webkit-scrollbar-thumb {
  background-color: var(--bs-primary);
  border-radius: 6px;
  border: 3px solid #f1f1f1; /* 트랙과 thumb 사이 간격 효과 */
}

/* 마우스 호버 시 */
::-webkit-scrollbar-thumb:hover {
  background-color: var(--bs-primary);
}



.fullWrapper{
  /* 기존 높이 설정은 그대로 유지 */
  min-height: 88vh;
  max-height: 88vh;
  /* 스크롤을 가능하게 하기 위해 overflow-y를 추가합니다. */
  overflow-y: auto;
  overflow-x: auto;
  width: 100%;
}
.form-vertical{
  margin-bottom:10px;
}
.form-horizontal{
  padding-left:16px;
  padding-right:16px;
  margin-bottom:10px;
}
.formLabel{
  background-color:var(--bs-primary-tint-90);
  color: var(--bs-primary);
  border-radius: .25rem;
  padding: .5rem 1rem;
  font-weight: 600;
  text-align: center;
  
}

.col-xs-1{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 7.961%;
}
.col-xs-11{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 92.039%;
}
.sbold{
  font-weight:400;
}
.mbold{
  font-weight:600;
}


.halfContainer {
  
  display: flex;
  
  /* ✅ 1. 컨테이너의 최대 너비를 제한하여 가운데 정렬을 위한 여백을 만듭니다. */
  width: 100%; 
  
  
  /* ✅ 2. 블록 요소인 #halfContainer 자체를 수평 중앙에 위치시킵니다. (가장 중요!) */
  margin: 0 auto; 
  
  gap: 5px; /* 두 박스 사이 간격 */
  
  /* ✅ 3. (선택 사항) 혹시나 박스들의 합이 100%를 채우지 못할 때 중앙에 배치 */
  justify-content: center; 
}

/* 자식 박스 */
.halfContainer > .per7 {
  flex: 7;   /* 70% */
}

.halfContainer > .per3 {
  flex: 3;   /* 30% */
}

.halfContainer > .per6 {
  flex: 6;   /* 70% */
}

.halfContainer > .per4 {
  flex: 4;   /* 30% */
}



.halfSubContainer {
  
  flex: 1; 
  /*
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  */
  border-radius: 10px;
  padding-top: 20px;
  
  box-sizing: border-box;
  
}
.text-center{
  text-align: center;
}
.nav-item{
  color: var(--bs-primary) !important;
 
}
.label-primary{
  color: var(--bs-primary) !important;
}

.sellRightForm input, .sellRightForm label, .sellRightForm select, .customBtn{
  height:34px !important;
  
}
.smallFont{
  font-size:12px;
}
.mediumFont{
  font-size:14px;
}
span{
  font-size:14px;
}
.formLabel{
  font-size:14px;
}
.form-control{
  font-size:14px;
}
.btn-primary{
  font-size:14px;
}
.small-btn {
  width: 30px;  /* 버튼의 가로 */
  height: 30px; /* 버튼의 세로 */
  padding: 0;   /* 내부 여백 제거 */
}


/* Toast Message Styling */
#toastMessage {
  visibility: hidden; /* Hidden by default */
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 0.75rem;
  padding: 16px;
  position: fixed;
  z-index: 10000; /* Higher than modals */
  left: 50%;
  transform: translateX(-50%);
  bottom: 80px; /* Above the bottom nav bar */
  font-size: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease-in-out;
}

#toastMessage.show {
  visibility: visible;
  opacity: 1;
}

.nav-tabs .nav-link {
  color: #8a92a6; /* 기본 글자색 */
}


.cursorBtn{
  cursor: pointer;
}

.iconBtn{
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--bs-primary);
}






select optgroup:not(option){
        
  font-weight: 900;
      
  }