@import url("https://fonts.googleapis.com/css2?family=Saira&display=swap");
html body {
  background-color: #f6f6f6;
  overflow-x: hidden;
  font-family: "Saira", sans-serif;
}

.container-fluid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container-fluid .form-container {
  max-width: 700px;
}
.container-fluid .form-container .form-horizontal #formContent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.container-fluid .form-container .form-horizontal #formContent #formBody {
  width: 100%;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section {
  margin-bottom: 30px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section .data-group-header {
  background-color: #22b6e3;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Saira", sans-serif;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section.data-group-section-contact > .data-group-header > div > span:after {
  content: "CONTACT INFORMATION";
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section.data-group-section-about > .data-group-header > div > span:after {
  content: "ABOUT YOU";
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section.data-group-section-qualifications > .data-group-header > div > span:after {
  content: "EDUCATION";
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section.data-group-section-uniapps > .data-group-header > div > span:after {
  content: "UNIVERSITY APPLICATIONS";
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section.data-group-section-seb > .data-group-header > div > span:after {
  content: "SOCIO-ECONOMIC BACKGROUND";
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section.data-group-section-edi > .data-group-header > div > span:after {
  content: "DIVERSITY AND INCLUSION";
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section.data-group-section-development > .data-group-header > div > span:after {
  content: "ABOUT YOU";
}
.container-fluid .form-container .form-horizontal #formContent #formBody .data-group-section .data-group-container {
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  padding: 15px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group {
  margin-top: 15px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-label {
  text-align: left;
  padding-top: 0;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div .form-control {
  width: 100%;
  border: 1px solid #d3ced2;
  border-radius: 4px;
  height: 40px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-textarea .form-control {
  height: auto;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-dropdown .form-control {
  border: none;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-dropdown .form-control.k-dropdown {
  height: 40px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-dropdown .form-control.k-dropdown .k-dropdown-wrap {
  height: 40px;
  border: 1px solid #d3ced2;
  border-radius: 4px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-dropdown .form-control.k-dropdown .k-dropdown-wrap .k-input {
  height: 26px;
  line-height: 1.85em;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-date .form-control {
  border: none;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-date .form-control .k-picker-wrap {
  height: 40px;
  border-color: #d3ced2;
  border-radius: 4px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-date .form-control .k-picker-wrap .k-input {
  height: 26px;
  line-height: 1.85em;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-date .form-control .k-picker-wrap .k-select {
  height: 40px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div.control-div-checkbox .k-checkbox {
  position: relative;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .control-group .control-div .k-tooltip {
  border-color: transparent;
  background-color: transparent;
  color: red;
  box-shadow: none;
  padding: 0;
  padding-top: 5px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .captcha-formatting {
  margin-bottom: 15px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .k-upload {
  margin-top: 15px;
  border: none;
  background-color: transparent;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .k-upload .k-dropzone {
  padding: 0;
  border: none;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .k-upload .k-dropzone .k-button {
  background-color: #1ce2d9;
  border: 1px solid #1ce2d9;
  color: #4d525b;
  padding: 10px 16px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  padding-left: 25px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  padding-right: 25px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .k-upload .k-dropzone .k-button:hover {
  background-color: #1bc4bb;
  border: 1px solid #1bc4bb;
  color: #ffffff;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.container-fluid .form-container .form-horizontal #formContent #formBody .file-upload-footer {
  margin-top: 15px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody #formButtos {
  margin-top: 15px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody #formButtos #formSubmit,
.container-fluid .form-container .form-horizontal #formContent #formBody #formButtos #formSaveContinue {
  background-color: #22b6e3;
  border: 1px solid #22b6e3;
  color: #ffffff;
  padding: 10px 16px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  padding-left: 25px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  padding-right: 25px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody #formButtos #formSubmit:hover,
.container-fluid .form-container .form-horizontal #formContent #formBody #formButtos #formSaveContinue:hover {
  background-color: #138db2;
  border: 1px solid #138db2;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.container-fluid .form-container .form-horizontal #formContent #formBody #formButtos #formSaveContinue {
  background-color: #1ce2d9;
  border: 1px solid #1ce2d9;
  color: #000000;
  padding: 9px 16px;
}
.container-fluid .form-container .form-horizontal #formContent #formBody #formButtos #formSaveContinue:hover {
  background-color: #1bc4bb;
  border: 1px solid #1bc4bb;
  color: #ffffff;
}