.view-opigno-training-catalog .views-field-opigno-lp-take-link .fc-catalog-result-info {
  align-items: center;
  background: #fff;
  border: 2px solid #d5d5d5;
  border-radius: 1.5625rem;
  color: #4a4a4a;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1.3;
  min-height: 2.5rem;
  min-width: 9.75rem;
  padding: 0.5rem 1rem;
  text-align: center;
  white-space: normal;
}

.view-opigno-training-catalog .fc-catalog-result-metrics {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}

.content-left .action-wrapper .fc-training-sidebar-summary {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
  width: 100%;
}

.content-left .action-wrapper .fc-training-sidebar-info {
  align-items: center;
  background: #fff;
  border: 2px solid #d5d5d5;
  border-radius: 1.5625rem;
  color: #4a4a4a;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1.35;
  min-height: 2.5rem;
  padding: 0.625rem 1rem;
  text-align: center;
  white-space: normal;
  width: 100%;
}

.content-left .action-wrapper .fc-training-sidebar-info--period::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M17 9V7a5 5 0 0 0-10 0v2H5v12h14V9h-2zm-8-2a3 3 0 0 1 6 0v2H9V7zm-1 4h8v8H8v-8z'/%3E%3C/svg%3E") center / contain no-repeat;
  content: "";
  flex-shrink: 0;
  height: 1rem;
  margin-right: 0.5rem;
  width: 1rem;
}

.content-left .action-wrapper .fc-training-sidebar-info--metric {
  border-color: #c8c8c8;
  color: #333;
}

.content-left .action-wrapper > a.btn-bg,
.content-left .action-wrapper > .btn-bg {
  display: inline-block;
  margin-bottom: 1.25rem;
  width: 100%;
}

.content-left .lp-content {
  margin-top: 0.25rem;
}

.lp-info .fc-availability-state {
  border-radius: 1rem;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.35rem;
  padding: 0.15rem 0.5rem;
  vertical-align: middle;
  white-space: nowrap;
}

.lp-info .fc-availability-state--open {
  background: #e8f5e9;
  color: #2e7d32;
}

.lp-info .fc-availability-state--before,
.lp-info .fc-availability-state--after {
  background: #f5f5f5;
  color: #666;
}

.fortcyber-training-availability-notice {
  margin-bottom: 1rem;
}

.fc-training-availability-banner-wrap {
  margin-bottom: 1.25rem;
}

.fc-training-availability-banner {
  border-radius: 0.625rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 0.875rem 1rem 0.875rem 2.75rem;
  position: relative;
}

.fc-training-availability-banner::before {
  content: "";
  height: 1.125rem;
  left: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
}

.fc-training-availability-banner p {
  margin: 0;
}

.fc-training-availability-banner--after {
  background: #fff9f0;
  border: 1px solid #f0d9a8;
  color: #5c4a00;
}

.fc-training-availability-banner--after::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c58a00'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 5a1.25 1.25 0 1 1-1.25 1.25A1.25 1.25 0 0 1 12 7zm1.25 10h-2.5V10h2.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fc-training-availability-banner--manager,
.fc-training-availability-banner--supervisor {
  background: #f3f8ff;
  border: 1px solid #c5d9f5;
  color: #2c4a73;
}

.fc-training-availability-banner--manager::before,
.fc-training-availability-banner--supervisor::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232c4a73'%3E%3Cpath d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm1 14h-2v-2h2zm0-4h-2V7h2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.view-opigno-training-catalog .fc-catalog-availability-notice {
  color: #666;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.45;
  margin-top: 0.625rem;
  margin-bottom: 0;
  padding-bottom: 0.875rem;
}

.view-opigno-training-catalog .text-wrapper:has(.fc-catalog-availability-notice) {
  flex: 1 1 auto;
  padding-bottom: 0;
}

.view-opigno-training-catalog .progress-wrapper--availability-notice {
  flex-shrink: 0;
  margin-top: 0;
  padding-top: 0.125rem;
}

.view-opigno-training-catalog .progress-wrapper--availability-notice .views-field-opigno-lp-take-link {
  align-items: flex-end;
  min-height: 2.75rem;
  padding-top: 0.25rem;
}

.view-opigno-training-catalog .progress-wrapper--availability-notice .views-field-opigno-lp-take-link .top-text {
  bottom: 0.35rem;
}