/*********** JBM ///////////// */
/* ✅ JBM Section Styling */
 
/* Fix JBM Section Alignment */
#Jbm {
    width: 90%; /* Adjust width similar to other sections */
    max-width: 1200px; /* Set max width */
    margin: 0 auto; /* Center the section */
    padding: 40px 20px; /* Add spacing to match other sections */
	    display: block; /* Ensure Jbm is shown initially if needed */
}

#jbm-table {
  background-color: #e6f7ff; /* Light sky blue */
  border-collapse: collapse; /* Ensures borders don't double up */
  width: 100%;
  border: 1px solid #b3d7e8; /* Table outer border */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Optional shadow */
}

#jbm-table th,
#jbm-table td {
  background-color: #e6f7ff !important;
  border: 1px solid #b3d7e8; /* Stylish border between cells */
  padding: 10px 12px;
  text-align: left;
  font-size: 14px;
}


/* Ensure consistency with other sections */
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

#add-job-form input,
#add-job-form textarea {
  background-color: #e6f7ff; /* Light sky blue */
}

#add-job-form label {
  font-weight: 600;
  color: #333;
}


/* Button Styling */
/* Common Button Style */
#add-job-btn,
#delete-selected,
#add-user-btn,
#delete-selected-users {
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border: none;
  transition: all 0.3s ease-in-out;
  letter-spacing: 0.5px;
}

/* Add subtle hover effect */
#add-job-btn:hover,
#delete-selected:hover,
#add-user-btn:hover,
#delete-selected-users:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  opacity: 0.95;
}


/* ✅ Limit form width to 40% of the page */
.job-form-container {
  max-width: 40%;
  margin-left: 0; /* Align to the left */
}

/* ✅ Ensure form fields have proper width */
.job-input {
  width: 100%; /* Occupy full width within 40% container */
  padding: 8px;
  font-size: 16px;
}

/* ✅ Adjust text area height */
#jobDescription {
  height: 100px;
}

.application-form input,
.application-form textarea,
.application-form select {
  background-color: #e6f7ff; /* Very Light Sky Blue */
}