body {
  background-color: rgba(240,240,240,1);
  display: block;
}

label {
  font-weight: normal;
}

section#exam-registration {
  background-color: white;
}
section#exam-registration .authorised-container .row  {
  height:100px;
}
section#exam-registration .authorised-container .row .GPEX-logo, section#exam-registration .authorised-container .row .authorised {
  line-height:100px;
}
section#exam-registration .authorised-container {
  width: 88%;
  margin-left: 6%;
  margin-right: 6%;
}
section#exam-registration .authorised-container .row .authorised {
  text-align: right;
}
@media (min-width: 768px) and (max-width: 991px) {
  section#exam-registration .authorised-container .row .authorised {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  section#exam-registration .authorised-container .row .authorised {
    text-align: left;
  }
}
@media (min-width: 651px) and (max-width: 767px) {
  section#exam-registration .authorised-container .row .authorised > img {
    max-width: 150px; 
    height: auto;
  }
}
@media (min-width: 501px) and (max-width: 650px) {
  section#exam-registration .authorised-container .row .authorised > img {
    max-width: 130px; 
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  section#exam-registration .authorised-container .row .authorised > img {
    max-width: 110px; 
    height: auto;
  }
}

section#online-form {
  background-color:#02aad0;
}
section#online-form .container {
  width: 88%;
  margin-left: 6%;
  margin-right: 6%;
}
section#online-form .container .row {
  height:auto;
}
section#online-form .container .row .title {
  text-align: left;

}
section#online-form .row .title > p {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size: 30px;
  vertical-align: baseline;
}


section#Step-list {
  background-color: white;
}
section#Step-list .container {
  width: 88%;
  margin-left: 6%;
  margin-right: 6%;
}
section#Step-list .container > div {
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

section#Steps {
  background-color: white;
}
section#Steps .container {
  width: 88%;
  margin-left: 6%;
  margin-right: 6%;
}
section#Steps .container .panel {
  border: none;
}
section#Steps .container .panel .panel-heading, section#Steps .container .panel .panel-body, section#Steps .container .panel .panel-footer {
  background-color: white;
} 

.progress {
  width: 100%;
}
#ProgressBar1 {
  width: 50%;
  height: 3px;
  background-color: #337AB7;
  text-align: left;
  line-height: 3px;
  color: black;
}

@media (min-width: 768px) {
  #Step-list > div > div {
    display: inline-block;
  }
  #Step-status {
    display: none;
  }
}
@media (max-width: 767px) {
  #Step-list > div > div {
    display: none;
  }
  #Step-status {
    display: inline;
  }
}

input[type="date"] {
  max-width: 280px;
  width: 100%;
}