body {
    background-color: #f2f4f5;
}

* {
    font-family: 'Montserrat', sans-serif;
  }

.menubutton {
  background-color: #00756a;
  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: #00756a;
  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: #28a745;
    color: white;
}

.badge-danger {
    background-color: #dc3545;
    color: white;
}

.badge-warning {
    background-color: #ffc107;
    color: black;  /* Adjust text color based on background for visibility */
}

.badge-secondary {
    background-color: black;
    color: white;
}


.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; Adds margin to left and right
  align-items: stretch;
  min-height: 600px;
  
  
    }

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


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

/* ────────────────────────────────────────────────────────────────────────
   Mei 2026 — Status badges (vacancy status)
   Eén consistente stijl op ALLE pagina's: solid bg + witte tekst + rounded.
   Render via partial: {% include "vacpool/partials/_status_badge.html" with status=... %}
   ──────────────────────────────────────────────────────────────────────── */

.status-badge {
    color: #fff !important;
    border-radius: 50px !important;
    padding: 4px 12px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    letter-spacing: 0.3px !important;
    line-height: 1.4 !important;
    display: inline-block !important;
    width: fit-content;
    border: none !important;
    text-transform: none;
}

.status-new           { background-color: #4a5568 !important; }   /* donker grijs */
.status-in-progress   { background-color: #ff8c00 !important; }   /* oranje */
.status-pre-selected  { background-color: #7e57ff !important; }   /* paars */
.status-applied       { background-color: #28a745 !important; }   /* groen */
.status-longlist      { background-color: #1f8de2 !important; }   /* blauw */
.status-closed        { background-color: #dc3545 !important; }   /* rood */
.status-not-available { background-color: #dc3545 !important; }   /* rood */
.status-archived      { background-color: #6c757d !important; }   /* lichter grijs */