body {
  font-family: 'Poppins', sans-serif;
  color: grey;
  font-weight: 300;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
  background-color: #f9f9f9;

  margin: 0;
  padding: 0;
}

table tr td {
  color: gray !important;
}


.menubutton {
  background-color: #007456;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 15px;
}

.menubutton:hover {
  background-color: #333e49;
  color: white;
}

.indexbutton {
  background-color: #007456;
  margin-bottom: 10px;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 15px;
}

.indexbutton:hover {
  background-color: #333e49;
  color: white;
}



.badge-success {
  background-color: #d1ffdc;
  color: black;
  padding: 8px 15px;
  border-radius: 50px;
}

.badge-danger {
  background-color: #f9c6cb;
  color: black;
  padding: 8px 15px;
  border-radius: 50px;
}

.badge-warning {
  background-color: #faefce;
  color: black;
  padding: 8px 15px;
  border-radius: 50px;
  /* Adjust text color based on background for visibility */
}

.badge-secondary-badge {
  background-color: rgb(174, 173, 173);
  color: black;
  border-radius: 50px;
}

.bg-primary-badge {
  background-color: rgb(219, 219, 255);
  color: black;
  padding: 8px 15px;
  border-radius: 50px;
}

.bg-dark-badge {
  background-color: rgb(174, 173, 173);
  color: black;
  padding: 8px 15px;
  border-radius: 50px;
}

.candidate-card {
  padding: 15px;
  margin: 10px;
  background-color: white;
  border: 1px solid rgb(209, 206, 206);
  border-radius: 10px;

  cursor: move;
  /* indicates that the item is draggable */
}

.column-background {
  background-color: #f2f4f5;
}

/* To make text non-draggable */
.nodrag {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;

}

.stage {
  margin: 0 5px;
  min-height: 600px;
}

.iconhref {
  color: black;
  text-decoration: none;
}


hr {
  height: 0;
  border: 0;
  border-top: 5px solid #00756a;
}

.small-card {
  max-width: 700px;
  /* Adjust the width as needed */
  margin: auto;
  /* This centers the card in the column */
}

.card-button {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: #00756a;
  color: white;
  border-radius: 15px;

}

.card-button:hover {
  background-color: #333e49;
  color: white;
}





/* card styling for the careerpage only */

.card-link {
  color: inherit;
  /* Retains the original text color */
  text-decoration: none;
  /* Removes underline from links */
}

.card-link:hover {
  text-decoration: none;
  /* Prevents underline on hover */
}

.card:hover {
  background-color: #f8f9fa;
  /* Changes background on hover for emphasis */
  cursor: pointer;
}

.detail-card {
  border: 1px solid #fde69f;

}


/* photocontainer careerpage (details page) */

.photo-container {
  position: absolute;
  top: 0px;
  /* Adjust as needed */
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.photo-container img {
  width: 100%;
  height: 100%;
  border-radius: 6px 6px 0 0;
  object-fit: cover;

}


/* careerpage card badge styling */

.badge-careerpagepurple {
  background-color: #f5ecff;
  color: #7f54c2;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 50px;
  margin-right: 5px;
  font-size: 14px;
}

.badge-careerpagegreen {
  background-color: #f2f8f6;
  color: #147f63;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 50px;
  margin-right: 5px;
  font-size: 14px;
}

.badge-careerpageblue {
  display: inline-block;
  font-size: 16px;
  background-color: rgb(241, 241, 255);
  color: rgb(11, 11, 168);;
  padding: 8px 15px;
  border-radius: 50px;
}

.avatar {
  width: 50px;
  /* Adjust the size as needed */
  height: 50px;
  /* Adjust the size as needed */
  border-radius: 50%;
  /* Circular avatar */
  float: left;
  /* Position to the left of the title */
  margin-right: 10px;
  /* Space between avatar and title */
}

.crown {
  width: 25px;
  /* Adjust the size as needed */
  height: 25px;
  /* Adjust the size as needed */
  border-radius: 50%;
  /* Circular avatar */
  float: right;
  /* Position to the left of the title */
  margin-right: 10px;
  /* Space between avatar and title */
}


.card {
  border-radius: 25px;
  margin: 20px;
  border: none;
  background-color: white;
}

.fyi-button-only-border {
  border-radius: 30px;
  color: #007456;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  background-color: #f9f9f9;
  border: 1px solid #007456;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}

.fyi-button-only-border:hover{
  background-color: #007456;
  color: white;
}

.fyi-button {
  border-radius: 30px;
  margin-left: 10px;
  color: white;
  padding: 10px 20px;
  font-size: 15px;
  font-weight: bold;
  border: 1px solid #007456;
  background-color: #007456;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}

.fyi-button:hover{
  border: 1px solid #007456;
  color: #007456;
  background-color: #f9f9f9;
}

.rounded-pill {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.btn-success {
  background-color: #007456 !important;
}

.card:hover {
  background-color: white !important;
}

@media screen and (max-width: 3440px) {
  body {
    zoom: 75%;
  }
  .w-75 {
    width: 100% !important;
  }
}


 /* Force the modal to layer above other elements
 .modal-backdrop {
  z-index: 1040 !important;
}
.modal {
  z-index: 1050 !important;
} */

.job-description-container
{
  white-space: normal !important;
height: auto !important;
}