/* BASE */
.alert-success {
  color: green;
  text-align: center;
  margin: 5%;
  font-size: 20px;
  font-weight: bold;
}

.alert-error {
  color: red;
  text-align: center;
  margin: 5%;
  font-size: 20px;
  font-weight: bold;
}

h1 {
  text-align: center;
  color: #19253d;
  font-weight: bold;
  padding-bottom: 2%;
  font-size: 28px;
  padding: 50px 0px;
}

h2 {
  text-align: center;
  color: #19253d;
  font-weight: bold;
  padding-bottom: 2%;
  font-size: 28px;
}

.required::after {
  content: "*";
  color: red;
}

.inline span {
  display: inline;
}

/* CONNEXION AND ADMIN */
.connexion__error, .admin__error, .crud__error {
  color: red;
  margin-top: 45px;
  font-size: 20px;
}
.connexion p, .admin p, .crud p {
  text-align: center;
  font-weight: bold;
}
.connexion button, .connexion a, .admin button, .admin a, .crud button, .crud a {
  color: #fff;
  background-color: #19253d;
  text-decoration: none;
  padding: 12px;
  border: none;
  border-radius: 5px;
  font-size: 15px;
}

/* CONNEXION */
.connexion__form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.connexion__form div {
  display: contents;
}
.connexion__form div label {
  margin: 2% 0%;
  font-size: 18px;
}
.connexion__form div input {
  width: 70%;
  padding: 5px;
  margin-bottom: 45px;
}

/* ADMIN INDEX */
.admin__link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0%;
}
.admin__link a {
  margin: 2% 4%;
  text-align: center;
}
.admin__form {
  display: flex;
  margin: 5% 0%;
}
.admin__form div {
  width: 80%;
  display: inline-block;
  text-align: center;
}
.admin__form div label {
  font-size: 18px;
}
.admin__form div input, .admin__form div select {
  width: 100%;
  margin: 5% 0% 10% 0%;
}
.admin__form div input {
  padding: 1% 0%;
}
.admin__form div select {
  padding: 1% 0% 1.5%;
}
.admin__table {
  display: flex;
  justify-content: center;
}
.admin__table table {
  text-align: center;
  width: 95%;
  max-width: 95%;
  border-collapse: collapse;
  border: 1px solid;
  font-size: 17px;
}
.admin__table table thead {
  background-color: #19253d;
  color: #fff;
}
.admin__table table th, .admin__table table td {
  border: 1px solid black;
  padding: 7.7px;
  text-align: center;
}
.admin__table table tbody tr:nth-child(even) {
  background-color: #ddd;
}
.admin__table table a {
  padding: 8px;
}
.admin__table table .gestion a {
  padding: 10% 10% 2% 10%;
}
.admin__table table .gestion {
  padding: 7%;
  margin: 0%;
  margin-top: 2%;
}
.admin__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3% 0% 4% 0%;
}
.admin__pagination .current {
  color: #fff;
  background-color: #19253d;
  margin: 5px;
  padding: 12px;
  border-radius: 5px;
}
.admin__pagination .first a, .admin__pagination .previous a, .admin__pagination .page a, .admin__pagination .next a, .admin__pagination .last a {
  color: #fff;
  background-color: #19253d;
  padding: 6px;
  border-radius: 5px;
  text-decoration: none;
  margin: 5px;
}
@media only screen and (max-width: 1000px) {
  .admin__form {
    flex-direction: column;
    align-items: center;
  }
  .admin__form div {
    width: 99%;
  }
  .admin table, .admin thead, .admin tbody, .admin th, .admin td, .admin tr {
    display: block;
    margin: 0;
  }
  .admin thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .admin td {
    position: relative;
  }
  .admin td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    font-weight: bold;
    text-align: left;
    content: attr(data-title);
  }
  .admin .admin__table table th, .admin .admin__table table td {
    padding: 40px 0px;
  }
  .admin .admin__table table .gestion a {
    padding: 1% 1% 0% 1%;
  }
  .admin .admin__table table {
    padding: 1.5%;
    margin: 0%;
  }
  .admin__pagination .current {
    padding: 9px;
  }
  .admin__pagination .first a, .admin__pagination .previous a, .admin__pagination .page a, .admin__pagination .next a, .admin__pagination .last a {
    padding: 4px;
  }
}

/* CRUD */
.crud .step p {
  margin-top: 3%;
  font-size: 20px;
  font-weight: bold;
}
.crud .step label {
  display: flex;
  justify-content: center;
  font-size: 20px;
  margin: 10% 0% 2% 0%;
}
.crud .step input, .crud .step select, .crud .step textarea {
  width: 60%;
  padding: 0.5% 0%;
}
.crud .step textarea {
  height: 100px;
}
.crud .step__information {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin: 5% 0%;
}
.crud .step__information .left, .crud .step__information .right {
  width: 90%;
}
.crud .step__information .left li, .crud .step__information .right li {
  color: red;
  list-style-type: none;
  margin: 2% 0%;
}
.crud .step__information #exchange_form_startAt_date, .crud .step__information #exchange_form_startAt_time,
.crud .step__information #exchange_form_endAt_date, .crud .step__information #exchange_form_endAt_time {
  display: inline-flex;
  margin: 0.5% 2%;
}
.crud .step__information #exchange_form_startAt_date select, .crud .step__information #exchange_form_startAt_time select,
.crud .step__information #exchange_form_endAt_date select, .crud .step__information #exchange_form_endAt_time select {
  margin: 0% 2%;
  width: auto;
}
.crud .step__information #travel_form_startAt_date, .crud .step__information #travel_form_startAt_time,
.crud .step__information #travel_form_endAt_date, .crud .step__information #travel_form_endAt_time {
  display: inline-flex;
  margin: 0.5% 2%;
}
.crud .step__information #travel_form_startAt_date select, .crud .step__information #travel_form_startAt_time select,
.crud .step__information #travel_form_endAt_date select, .crud .step__information #travel_form_endAt_time select {
  margin: 0% 2%;
  width: auto;
}
.crud .step__information #exit_form_startAt_date, .crud .step__information #exit_form_startAt_time,
.crud .step__information #exit_form_endAt_date, .crud .step__information #exit_form_endAt_time {
  display: inline-flex;
  margin: 0.5% 2%;
}
.crud .step__information #exit_form_startAt_date select, .crud .step__information #exit_form_startAt_time select,
.crud .step__information #exit_form_endAt_date select, .crud .step__information #exit_form_endAt_time select {
  margin: 0% 2%;
  width: auto;
}
.crud .step__information button {
  margin-top: 2%;
}
.crud .step__information .validation {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 10%;
}
.crud .step__information .validation input {
  margin-top: 10%;
}
.crud .stepOthers p {
  margin-top: 3%;
  font-size: 20px;
  font-weight: bold;
}
.crud .stepOthers__p {
  margin: 5%;
}
.crud .stepOthers .estimated {
  display: flex;
  justify-content: center;
}
.crud .stepOthers .estimated label {
  font-size: 18px;
  padding-right: 10px;
}
.crud .stepOthers .estimated input {
  padding: 0.5% 0%;
}
.crud .stepOthers__table_student {
  display: flex;
  justify-content: center;
  align-items: center;
}
.crud .stepOthers__table_student table {
  width: 75%;
  max-width: 75%;
  border: 3px solid #19253d;
  margin: 3% 2%;
}
.crud .stepOthers__table_student table td {
  font-size: 18px;
  padding: 1% 0%;
}
.crud .stepOthers__table_student table th {
  font-size: 20px;
  padding: 1% 0%;
}
.crud .stepOthers__table {
  display: flex;
  justify-content: center;
}
.crud .stepOthers__table table {
  border: 3px solid #19253d;
  width: 50%;
}
.crud .stepOthers__table table td {
  font-size: 20px;
  padding: 1% 0%;
}
.crud .stepOthers__table table th {
  padding: 5%;
}
.crud .stepOthers .estimated div {
  margin: 1%;
}
.crud .stepOthers .estimated input {
  padding: 0%;
}
.crud .stepOthers .estimatedError {
  color: red;
  list-style-type: none;
  margin: 1% 0% 3% 0%;
  text-align: center;
}
.crud .stepOthers .filter {
  display: flex;
  justify-content: space-evenly;
  margin: 6% 0% 3% 0%;
}
.crud .stepOthers .filter label {
  font-size: 20px;
}
.crud .stepOthers .filter select, .crud .stepOthers .filter input {
  padding: 2% 0%;
}
.crud .stepOthers .checked-students {
  padding: 1%;
}
.crud .stepOthers .checked-students li {
  text-align: center;
  padding-top: 2.5%;
  list-style: none;
  font-size: 18px;
}
.crud .stepOthers .students-container {
  padding: 2%;
}
.crud .stepOthers .students-container label {
  padding: 1%;
}
.crud .back {
  display: flex;
  justify-content: center;
  margin-bottom: 2%;
}
.crud__view {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2%;
}
.crud__view table {
  border: 2px solid #19253d;
  border-collapse: collapse;
  width: 70%;
  font-size: 17px;
  margin: 2% 0%;
}
.crud__view th {
  padding: 3%;
  text-align: left;
}
.crud__view th, .crud__view td {
  padding: 3%;
  border: 2px solid;
}

@media only screen and (max-width: 1000px) {
  .crud .step__information {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .crud .step__information .left, .crud .step__information .right {
    margin-top: 5%;
  }
  .crud .step__information .left .validation, .crud .step__information .right .validation {
    display: flex;
    flex-direction: column;
    margin: 5%;
  }
  .crud .step__information .left .validation input, .crud .step__information .right .validation input {
    margin: 0%;
  }
  .crud .step__information a {
    margin: 3%;
  }
  .crud .stepOthers__table table {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .connexion h1 {
    margin-bottom: 10%;
  }
  .admin__link {
    display: flex;
    flex-direction: column;
  }
  .admin__link a {
    padding: 2%;
    margin: 4% 10%;
  }
  .admin__form div {
    width: 89%;
  }
  .admin__link {
    margin: 0% 15% 0% 15%;
    color: red;
  }
  .admin__pagination {
    margin: 8%;
  }
  .crud__view table {
    width: 100%;
    margin: 5% 0%;
    font-size: 14px;
  }
  .crud__view a {
    font-size: 14px;
    padding: 1.5%;
  }
  .step label {
    padding-top: 20%;
  }
  .step .left, .step .right {
    margin-top: 20%;
  }
  .stepOthers__table_student {
    flex-direction: column;
    align-items: center;
  }
  .stepOthers .estimated {
    margin: 15% 0%;
  }
  .stepOthers .estimated label {
    font-size: 15px;
  }
  .stepOthers .estimatedError {
    margin-bottom: 10%;
  }
  .stepOthers .filter {
    flex-direction: column;
    text-align: center;
  }
  .stepOthers .filter div {
    margin: 5%;
  }
  .stepOthers__p {
    padding-top: 10%;
  }
}
@media only screen and (max-width: 426px) {
  .crud__view table {
    margin: 10% 0%;
    font-size: 9px;
  }
  .crud__view table a {
    font-size: 9px;
    padding: 2%;
  }
}/*# sourceMappingURL=style.css.map */