h1 {
    color: #00D895;
    text-align: center;
    padding: 10px;
}

h2 {
  font-weight: 400;
  line-height: 29.26px;
  font-size: 24px;
}

/* Normal Montserrat */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf') format('truetype');
}

/* Bold Montserrat */
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf') format('truetype');
}

/* Italic Montserrat */
@font-face {
  font-family: 'Montserrat-Italic';
  src: url('../fonts/Montserrat/static/Montserrat-Italic.ttf') format('truetype');
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.5px;
}

b {
  font-family: 'Montserrat-Bold', sans-serif;
  font-weight: 100;
}

i {
  font-family: 'Montserrat-Italic', sans-serif;
  font-style: italic;
}

table {
    table-layout: responsive-sm;
}

thead th {
    background-color: #00D895;
    color: white;
    font-size: small;
    text-align: center;
    background-clip: padding-box;
}

td {
    white-space: normal !important;
    word-wrap: break-word;
}

.table-hide-id th:nth-of-type(1) {
    display: none;
}

.table-hide-id td:nth-of-type(1) {
    display: none;
}

.input-form {
    max-width: 500px;
}

.centered-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
}

.form-header {
        margin-bottom: 30px;
}

.column-margin {
    margin-left: 30px;
}

/* Define link styles */
a.underlined {
  color: black;
  text-decoration: underline;
}

a {
  color: black;
  text-decoration: none;
}

/* Define styles for hovered links */
a:hover {
  color: black;
  text-decoration: underline;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 50px auto;
}

thead th {
  background: #3d4452;
  color: white;
  font-weight: bold;
}

.table-qualif-validation td,
th {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 16px;
}

.table-list td,
th {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 16px;
}

.labels tr td {
  background-color: #00d895;
  font-weight: bold;
  color: #fff;
  padding: 10px;
}

.label tr td label {
  display: block;
}

[data-toggle="toggle"] {
  display: none;
}

.extend {
  text-decoration: underline;
}

.hide {
  display: none;
}

.progress {
  height: 20px;
  border: 1px solid #ccc;
}

.progress-bar {
  width: 0;
  transition: width 0.3s ease-in-out;
}

.progress-bar.green {
  background-color: #00D895;
}

.progress-bar.red {
  background-color: red;
  max-width: 100%;
}