button.link {
  font-size: 1em;
  text-align: left;
  color: black;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;

  -moz-user-select: text;

  /* override all your button styles here if there are any others */
}
button.link:hover span,
button.link:focus span {
  text-decoration: underline;
  color: blue;
}

#toast-container > .toast {
  background-image: none !important;
}

#toast-container > .toast:before {
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  font-size: 24px;
  float: left;
  color: #fff;
  margin: auto 0.5em auto -1.5em;
}
#toast-container > .toast-warning:before {
  content: "\f071";
}
#toast-container > .toast-error:before {
  content: "\f119";
}
#toast-container > .toast-info:before {
  content: "\f06a";
}
#toast-container > .toast-success:before {
  content: "\f118";
}

.relative {
  position: relative;
}

.absolute-center {
  position: absolute;
  top: 64%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-dialog {
  overflow-y: initial !important;
}
.modal-body {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

.name-column {
  font-weight:500;
  color: #000 !important;
}

.fes-column {
  font-weight: 500;
  color: white !important;
  background-color: #00AEEF !important;
}

.total-column {
  font-weight: 500;
  color: #000 !important;
  background-color:limegreen !important;
}

.ht_clone_top th.normal-header {
  background-color: green !important; /* Cambiá este color al que desees */
  color: #000 !important; /* Opcional: para cambiar el color del texto */
}

.ht_clone_top th.week-header {
  background-color: #00AEEF !important; /* Cambiá este color al que desees */
  color: white; /* Opcional: para cambiar el color del texto */
}

.ht_clone_top th.total-header {
  background-color: #ffe4b5;
  font-weight: bold;
}

.career-categories {
    position: relative;
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
  }
  .career-category-label {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    font-size: medium;
    white-space: nowrap;
    font-weight: bold;

  }

  #weeklyPlan {
    gap: 10px; /* Espacio entre tarjetas, opcional */
  }
  .weekly-plan-col {
    flex: 1 1 0%;
    min-width: 0;
    display: flex;
  }
  .weekly-plan-col .card {
    width: 100%;
  }
  @media (max-width: 1200px) {
    #weeklyPlan {
      flex-wrap: wrap;
    }
    .weekly-plan-col {
      flex: 1 1 45%;
      min-width: 250px;
      margin-bottom: 10px;
    }
  }