/* Floating button style */
.floating-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000; /* Ensure it stays above other elements */
    border-radius: 20px !important; /* Make it circular */
    /* width: 60px; */
    /* height: 60px; */
    /* display: flex; */
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add a shadow */
    transition: all 0.3s ease; /* Smooth hover effects */
    /* display: inline-flex; */
    background-color: #fff;  
    line-height: normal;
    font-size: 13px !important;
  }
  
  .floating-button:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
  }
  
  /* Modal content overrides if needed */
  .reusable-modal .modal-content {
    border-radius: 8px; /* Add rounded corners to modal */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow to modal */
  }
  
  .reusable-modal .modal-header {
    background-color: #f8f9fa; /* Light grey background for header */
    border-bottom: 1px solid #dee2e6;
  }
  
  .reusable-modal .modal-footer {
    background-color: #f8f9fa; /* Light grey background for footer */
    border-top: 1px solid #dee2e6;
  }
  .reusable-modal .btn-close
  {
    color: #29324c;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border: none;
    font-size: 14px;
  }

  .reusable-modal label {
    color: #29324c;
  }
  #modal1Label, .subtitle {
    color: #29324c;
  }

  
  /* Nút Submit khi bị vô hiệu hóa */
#submitButton:disabled {
  background-color: #d6d6d6;
  cursor: not-allowed;
}