html {
  font-size: 1.2rem;
  text-transform: uppercase !important;
}

.logo {
  width: 100%;
}

.btn-tersis {
  background-color: #5EC1B0;
  border-color: #7bc4b8;
  color: #fff;
  text-transform: uppercase;
}

.form-upper input,
.form-upper select,
[data-select2-id^="select2-"],
.form-upper textarea {
  text-transform: uppercase;
}

.select2-selection__rendered {
  width: 100%;
}

.select2-results__option,
.select2-selection__rendered {
  font-size: 0.8rem !important;
}

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  max-width: inherit;
  /* For Bootstrap 4 - to avoid the modal window stretching full width */
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}