/* Variables */
/* End variables */
/* Mixins */
/* End mixins */
/*** Global styles ***/
#TrainingBanner {
  background: #006EC2;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.header__container.basic {
  align-items: center;
}

#harbour {
  /*** End global styles ***/
  /*** Main layout styles ***/
  /* Header styles */
  /* End header styles */
  /* Main wrapper styles */
  /* End main wrapper styles */
  /* Footer styles */
  /* End footer styles */
  /*** End main layout styles ***/
  /*** Page styles ***/
  /* Vacancies Page */
  /* End vacancies page */
  /* Register Page */
  /* End of Register Page */
  /* Apply */
  /* End Apply Page */
  /* PSl page */
  /* End psl page */
  /*** End page styles ***/
}
#harbour h1:first-of-type, #harbour h2:first-of-type {
  margin-top: 0;
}
#harbour .mandatory, #harbour .error {
  color: #f04762;
}
#harbour .error {
  text-align: left;
  display: block;
}
#harbour .clear {
  clear: both;
}
#harbour .button:hover, #harbour .file-button-wrap .button:hover, #harbour .inkfilepicker:hover {
  cursor: pointer;
  text-decoration: none;
}
#harbour .group-button-wrap {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
}
#harbour .group-button-wrap :last-child {
  margin-left: auto;
}
#harbour .main-col {
  background: #fff;
  padding: 30px;
  min-height: 370px;
}
#harbour .vacancy-title {
  display: block;
  margin: 0 0 10px 0;
}
#harbour #vacancy-results {
  margin-top: 30px;
}
#harbour #vacancy-results .vacancy-results-wrap {
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding-bottom: 20px;
  clear: both;
  position: relative;
  overflow: hidden;
}
#harbour #vacancy-results .vacancy-results-wrap .vacancy-title-container {
  display: flex;
  justify-content: space-between;
}
#harbour #vacancy-results .vacancy-results-wrap ul li {
  display: flex;
  gap: 10px;
  align-items: baseline;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
#harbour #vacancy-results .vacancy-results-wrap ul li:before {
  display: none;
}
#harbour #vacancy-results .vacancy-results-wrap ul li .vacancy-label {
  font-weight: bold;
}
#harbour #vacancy-results .vacancy-results-wrap ul li .vacancy-value {
  font-size: 0.975rem;
}
#harbour #vacancy-results .vacancy-results-wrap ul li .value_job_advert_summary {
  margin-top: 20px;
}
#harbour .vacancy_result, #harbour .vacancy_description {
  overflow: hidden;
}
#harbour .vacancy-logo {
  width: inherit;
  height: inherit;
}
#harbour .vacancy_basic_description, #harbour .vacancy_full_description {
  padding: 0;
  overflow: hidden;
}
#harbour .vacancy_basic_description li, #harbour .vacancy_full_description li {
  display: flex;
  align-items: baseline;
  gap: 10px;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
#harbour .vacancy_basic_description li:before, #harbour .vacancy_full_description li:before {
  display: none;
}
#harbour .vacancy_basic_description li .vacancy-label, #harbour .vacancy_full_description li .vacancy-label {
  font-weight: bold;
}
#harbour .vacancy_basic_description li .vacancy-value, #harbour .vacancy_full_description li .vacancy-value {
  font-size: 0.975rem;
}
#harbour .vacancy_basic_description .addthis_inline_share_toolbox, #harbour .vacancy_full_description .addthis_inline_share_toolbox {
  padding-top: 10px;
}
#harbour .vacancy-description-wrap h2 {
  margin-bottom: 40px;
}
#harbour .vacancy_result li ul li, #harbour .vacancy_basic_description li ul li, #harbour .vacancy_full_description li ul li {
  list-style-type: disc;
  margin: 7px 0;
}
#harbour .vacancy_result li ol li, #harbour .vacancy_basic_description li ol li, #harbour .vacancy_full_description li ol li {
  list-style-type: decimal;
  padding-left: 2px;
  margin: 7px 0;
}
#harbour .app-forms {
  padding-left: 0;
}
#harbour .app-forms li {
  list-style: none;
}
#harbour .app-forms li.application_header {
  font-size: 18px;
  font-family: "FS Albert Web Bold", sans-serif;
}
#harbour .paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
#harbour .paginator li {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: top;
}
#harbour .paginator li:before {
  display: none;
}
#harbour .paginator li a {
  color: #ffffff;
  background: #002251;
  border: 1px solid #002251;
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  outline: none;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  -webkit-transition: background-color .2s, color .2s;
  -moz-transition: background-color .2s, color .2s;
}
#harbour .paginator li a.next-page span {
  border-style: solid;
  border-width: 6.5px 0 6.5px 10px;
  border-color: transparent transparent transparent #fff;
  right: 50%;
  margin: -6px -6px 0 0;
}
#harbour .paginator li a.next-page:hover span {
  border-color: transparent transparent transparent #002251;
}
#harbour .paginator li a.prev-page span {
  border-style: solid;
  border-width: 6.5px 10px 6.5px 0;
  border-color: transparent #fff transparent transparent;
  left: 50%;
  margin: -6px 0 0 -6px;
}
#harbour .paginator li a.prev-page:hover span {
  border-color: transparent #002251 transparent transparent;
}
#harbour .paginator li a span {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
}
#harbour .paginator li a:hover {
  background: #ffffff;
  color: #002251;
}
#harbour .paginator li.current-page {
  display: inline-flex;
  line-height: 0;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  color: #002251;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #002251;
}
#harbour .alert-form .button {
  margin-bottom: 0;
}
#harbour .apply-controls {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddd;
  padding: 15px 0;
}
#harbour .apply-controls p {
  font-size: 1rem;
  margin: 0;
}
#harbour .apply-controls #page_count, #harbour .apply-controls .mandatory-info, #harbour .apply-controls .mandatory {
  text-align: center;
}
#harbour .application {
  padding-left: 0 !important;
  list-style-type: none !important;
  overflow: hidden;
  margin: 20px 0;
}
#harbour .application dt {
  font-weight: bold;
  clear: right;
  margin-right: 10px;
}
#harbour .application dl {
  margin-bottom: 15px;
}
#harbour .psl-controls {
  overflow: hidden;
}
#harbour .psl-controls .psl-controls-left {
  width: 60%;
  float: left;
  min-height: 40px;
}
#harbour .psl-controls .psl-controls-right {
  width: 40%;
  float: right;
  min-height: 40px;
}
#harbour .psl-controls .psl-controls-right .vacancy_view_switch {
  color: #0083cf !important;
  display: block;
  font-size: 14px;
  line-height: 1em;
  text-align: right;
  margin: 20px 5px 0 0;
}
#harbour .psl-wrap {
  overflow-x: auto;
  margin-top: 5px;
}
#harbour .vacancy_full_description li.container_job_advert_description {
  display: block;
}
#harbour .vacancy_full_description li.container_job_advert_description > div:first-child {
  margin-bottom: 10px;
}

/* Variables */
/* End variables */
/* Mixins */
/* End mixins */
.button, .filestack-upload-button {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  font: inherit;
  border: 1px solid #002251;
  background-color: #002251;
  color: #fff;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 700;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  min-width: 240px;
}
.button:hover, .filestack-upload-button:hover {
  background-color: #ffffff;
  color: #002251;
}
.button.secondary, .filestack-upload-button.secondary {
  background-color: #ffffff;
  color: #002251;
  border: 1px solid #002251;
}
.button.secondary:hover, .filestack-upload-button.secondary:hover {
  background-color: #002251;
  color: #ffffff;
}

header .button {
  min-width: 0;
  width: auto;
  height: auto;
  font-size: 13px;
  padding: 10px 20px;
}

/* Form styles */
#harbour {
  /* File upload styles */
  /* End form styles */
  /* Form media queries */
  /* End form media queries */
}
#harbour form p {
  font-size: 1em;
  line-height: 1.2em;
}
#harbour form h3 {
  font-size: 1.5em;
  line-height: 1.5em;
}
#harbour .retention_message p {
  color: #006ec2;
  font-family: "FS Albert Web Bold", sans-serif;
  font-weight: bold;
  margin-bottom: 5px;
}
#harbour .retention_message .mandatory {
  float: left;
  margin-right: 5px;
}
#harbour .retention_message .fieldwrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  overflow: hidden;
}
#harbour .retention_message .fieldwrap label {
  width: auto;
  max-width: 90%;
  color: #333;
  font-family: "FS Albert Web Regular", sans-serif;
  font-weight: normal;
  float: left;
  clear: none;
  line-height: 20px;
  order: 1;
}
#harbour .retention_message .fieldwrap .error {
  order: 2;
}
#harbour .retention_message .fieldwrap input {
  width: auto;
  float: left;
  clear: none;
  margin-right: 7px;
}
#harbour .retention_message .fieldwrap input, #harbour .retention_message .fieldwrap textarea, #harbour .retention_message .fieldwrap select {
  order: 3;
}
#harbour .filestack-upload-button {
  min-width: 60px;
  height: auto;
  padding: 5px 20px;
  font-size: 0.9rem;
}
#harbour .fieldwrap {
  clear: both;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#harbour .fieldwrap .error {
  font-size: 0.8rem;
}
#harbour .fieldwrap label, #harbour .fieldwrap input, #harbour .fieldwrap select, #harbour .fieldwrap textarea {
  clear: both;
  display: block;
}
#harbour .fieldwrap input, #harbour .fieldwrap select, #harbour .fieldwrap textarea {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  font: inherit;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  min-height: 50px;
  line-height: 1.125rem;
  padding: 0 18px;
  width: 100%;
  width: 100%;
  max-width: 100%;
  -webkit-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}
#harbour .fieldwrap input:focus, #harbour .fieldwrap input.focus, #harbour .fieldwrap select:focus, #harbour .fieldwrap select.focus, #harbour .fieldwrap textarea:focus, #harbour .fieldwrap textarea.focus {
  border-color: #006ec2 !important;
}
#harbour .fieldwrap select[multiple] {
  padding: 0;
}
#harbour .fieldwrap textarea {
  padding: 10px 18px;
}
#harbour .fieldwrap .select-label {
  display: none;
}
#harbour .fieldwrap input, #harbour .fieldwrap select.select-long, #harbour .fieldwrap textarea {
  box-sizing: border-box;
}
#harbour .fieldwrap label {
  margin-bottom: 3px;
}
#harbour .fieldwrap .styled-select {
  position: relative;
}
#harbour .fieldwrap .styled-select:after {
  display: flex;
  align-items: center;
  height: 100%;
  top: 0;
  right: 20px;
  color: #002251;
  content: "\25b6";
  position: absolute;
  pointer-events: none;
  transform: rotate(90deg);
  font-size: 12px;
}
#harbour .fieldwrap select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#harbour .fieldwrap select option {
  padding: 5px 0 5px 5px;
}
#harbour .fieldwrap select option:hover {
  background: #999999;
}
#harbour .fieldwrap .select-long, #harbour .fieldwrap textarea {
  min-height: 110px;
}
#harbour .fieldwrap .monthyear {
  padding: 0;
  margin-right: 0;
}
#harbour .fieldwrap .monthyear .styled-select {
  width: 150px;
  display: inline-block;
  margin: 0 15px 0 0;
}
#harbour .fieldwrap .multiwrapper {
  display: flex;
  flex-direction: column;
}
#harbour .checkbox-field-wrap, #harbour .radio-wrap {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  overflow: hidden;
  width: 100%;
}
#harbour .checkbox-field-wrap input, #harbour .checkbox-field-wrap input[type="radio"], #harbour .checkbox-field-wrap input[type="checkbox"], #harbour .radio-wrap input, #harbour .radio-wrap input[type="radio"], #harbour .radio-wrap input[type="checkbox"] {
  width: auto;
  height: auto;
  margin-top: 3px;
  min-height: auto;
}
#harbour .checkbox-field-wrap label, #harbour .checkbox-field-wrap .radio-label, #harbour .radio-wrap label, #harbour .radio-wrap .radio-label {
  color: #333;
  font-family: "FS Albert Web Regular", sans-serif;
  font-weight: normal;
  margin: 0 10px 0 0;
  font-size: 0.8rem;
}
#harbour .checkbox-field-wrap label:last-child, #harbour .checkbox-field-wrap .radio-label:last-child, #harbour .radio-wrap label:last-child, #harbour .radio-wrap .radio-label:last-child {
  margin-bottom: 0 !important;
}
#harbour .checkbox-field-wrap .checkboxes br, #harbour .radio-wrap .checkboxes br {
  margin-bottom: 15px;
}
#harbour .sidenote {
  text-align: right;
  margin-bottom: 3px;
  font-size: 12px;
}
#harbour .ni_number_wrapper input {
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 0px;
}
#harbour .ni_number_wrapper input.ni_number_1 {
  width: 60px;
}
#harbour .ni_number_wrapper input.ni_number_2 {
  width: 100px;
}
#harbour .ni_number_wrapper input.ni_number_3 {
  width: 40px;
}
#harbour .file-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#harbour .file-wrap .file_input {
  position: relative;
  height: 40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  z-index: 2;
}
#harbour .file-wrap .file_input:hover {
  cursor: pointer;
}
#harbour .file-wrap .file-button-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  overflow: hidden;
  width: 100%;
}
#harbour .file-wrap .file-button-wrap .file-button {
  clear: none;
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #002251;
  border: none;
  color: white;
  display: inline-block;
  font-family: "FS Albert Web Regular", sans-serif;
  overflow: visible;
  text-align: center;
  vertical-align: middle;
  width: 130px;
  cursor: pointer;
  margin: 0;
  font-size: 17px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}
#harbour .file-wrap .file-button-wrap .file-value {
  clear: none;
  float: left;
  width: 50%;
  background: #fff;
  border: none;
  margin: 0;
  box-shadow: none;
  padding: 11px 1%;
}
#harbour .file-wrap:hover .file-button {
  background-color: #065389;
  cursor: pointer;
  text-decoration: none;
}
#harbour .inkfilepicker {
  float: left;
  cursor: pointer;
  margin: 0 10px 15px 0;
}
#harbour .inkfilepicker-filename {
  color: #666;
  display: block;
  float: left;
  line-height: 3.3em;
  text-align: left;
}
#harbour table.styled-table {
  width: 100%;
  margin-bottom: 20px;
}
#harbour table.styled-table th, #harbour table.styled-table tr td:first-child {
  background: #006ec2;
  color: #FFFFFF;
  font-weight: bold;
  border: 1px solid #FFFFFF;
}
#harbour table.styled-table th, #harbour table.styled-table tr td {
  padding: 4px 10px;
}
#harbour table.ignore-mandatory .mandatory {
  display: none;
}
@media all and (max-width: 56.875em) {
  #harbour .sidenote {
    display: none;
  }
}

body .ui-widget-header {
  background: #002251;
  border: 1px solid #002251;
  color: #FFFFFF;
  font-weight: bold;
}

/*** Media Queries ***/
#harbour {
  /*** End Media Queries ***/
}
@media (max-width: 56.875em) {
  #harbour .fieldwrap .select-long {
    min-height: 40px;
  }
}
@media (min-width: 800px) {
  #harbour #vacancy-title-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #harbour .fieldwrap > div:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
  }
  #harbour .multiwrapper .sidenote {
    text-align: left;
  }
}
@media (max-width: 500px) {
  #harbour .file-wrap, #harbour .file_input {
    height: 100px;
  }
  #harbour .file-button, #harbour .file-value, #harbour .button, #harbour .psl-logout, #harbour .logout-form {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
  #harbour .group-button-wrap .button {
    margin-bottom: 5px;
  }
  #harbour .button {
    margin-left: 0 !important;
  }
}

@media (min-width: 1020px) {
  body.basic .page-top {
    margin-top: -440px;
  }
  body.basic .rte {
    margin-bottom: 0;
  }
}
#harbour.onboarding-portal .page-top {
  padding: 0;
}
#harbour.onboarding-portal .page-top .wrapper {
  padding: 0;
}

#onboarding-content-container {
  display: flex;
  flex-direction: column;
}
#onboarding-content-container .sidebar {
  order: 1;
}
#onboarding-content-container .main-col {
  order: 2;
}

.link-list .headings--light-blue {
  padding-top: 0;
}

.flash-message {
  text-align: center;
  margin-bottom: 30px;
}

/* Counter */
.mobile-counter {
  display: none;
}

.counter {
  background-color: #006ec2;
  color: #fff;
  text-align: center;
  padding: 15px 20px;
  box-sizing: border-box;
}
.counter .counter-title {
  font-size: 18px;
  margin: 0;
}
.counter .counter-clock {
  margin-top: 12px;
  padding-left: 0;
  margin-bottom: 0;
}
.counter .counter-clock li {
  list-style-type: none;
  display: inline-block;
  margin: 0 4%;
  font-size: 16px;
}
.counter .counter-clock li .count-val {
  display: block;
  font-size: 32px;
  margin-bottom: 5px;
  font-weight: bold;
}

/* Form Progress */
.form-progress .incomplete-forms, .form-progress .complete-forms {
  width: 100%;
  padding: 5px;
}
.form-progress .incomplete-forms h3, .form-progress .complete-forms h3 {
  text-align: center;
}
.form-progress .incomplete-forms ul, .form-progress .complete-forms ul {
  padding-left: 0;
  margin-bottom: 0;
}
.form-progress .incomplete-forms ul li, .form-progress .complete-forms ul li {
  font-size: 14px;
  list-style-type: none;
}

/* Reference */
.single-form-container {
  position: relative;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 55px 15px 0px 15px;
  box-sizing: border-box;
}
.single-form-container .remove-reference-button {
  background: #ddd;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  font-size: 20px;
  line-height: 39px;
  position: absolute;
  top: 0;
  right: 0;
}
.single-form-container .remove-reference-button:hover {
  background: #006ec2;
  text-decoration: none;
}

.dynamic_wrapper .dynamic_wrapper_inner {
  position: relative;
  border: 1px solid #cecece;
  padding: 15px;
  margin: 0 0 10px 0;
}

.dynamic_wrapper .dynamic_wrapper_inner .delete_dynamic_field {
  position: absolute;
  right: 15px;
  top: 10px;
  cursor: pointer;
}

.dynamic_wrapper .dynamic_wrapper_inner:first-child .delete_dynamic_field {
  display: none;
}

.dynamic_wrapper .dynamic_wrapper_inner .dynamic_wrapper_inner_field {
  margin-bottom: 10px;
}

.fieldwrap th {
  background: #ececec;
}

.fieldwrap th, .fieldwrap td {
  border: 1px solid #333;
}

#onboarding-content-container .sidebar {
  background: #edf7fb;
  position: relative;
}
#onboarding-content-container .sidebar #menu-toggle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 100px;
  right: 0;
  top: -50px;
  box-shadow: 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px white, 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}
#onboarding-content-container .sidebar #menu-toggle div {
  position: relative;
  width: 20px;
  height: 14px;
}
#onboarding-content-container .sidebar #menu-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #666;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#onboarding-content-container .sidebar #menu-toggle span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#onboarding-content-container .sidebar #menu-toggle span:nth-child(2) {
  top: 6px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#onboarding-content-container .sidebar #menu-toggle span:nth-child(3) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#onboarding-content-container .sidebar #menu-toggle.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 3px;
}
#onboarding-content-container .sidebar #menu-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#onboarding-content-container .sidebar #menu-toggle.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 13px;
  left: 3px;
}
#onboarding-content-container .sidebar #menu-toggle.open + #sidebar-links {
  display: block;
}
#onboarding-content-container .sidebar #sidebar-links {
  display: none;
  padding: 20px;
  border: 1px solid #DDD;
}
#onboarding-content-container .sidebar #sidebar-links li {
  font-size: 14px;
}

/* Media Queries */
@media all and (min-width: 35em) {
  #onboarding-content-container {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }

  #onboarding-content-container .main-col {
    order: 1;
    padding: 36px 40px;
  }

  #onboarding-content-container .sidebar {
    order: 2;
    background: #edf7fb;
  }
  #onboarding-content-container .sidebar #menu-toggle {
    display: none;
  }
  #onboarding-content-container .sidebar #sidebar-links {
    display: block;
  }
  #onboarding-content-container .sidebar #sidebar-links li {
    font-size: 13px;
  }

  .form-progress {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    gap: 30px;
  }
  .form-progress .incomplete-forms, .form-progress .complete-forms {
    flex: 1;
  }
  .form-progress .incomplete-forms {
    order: -1;
  }
  .form-progress:before {
    content: "";
    border: 1px solid #efefef;
    align-self: stretch;
  }

  .columns-half {
    display: block;
    float: none;
    width: 100%;
  }
}