/* CSS Override for professional area */
#professional {
  padding: 10px;
  font-family: Arial;
  max-width: 60%;
  margin: auto;
  background-color:#D9F9FF;
  overflow: auto;
}

/* Input */
#professional a{
  font-size: 120%;
  display: block;
  padding-bottom: 20px;
}

.prof_banner {
  border: solid 0.5px black;
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Lato;
  margin-bottom: 50px;
}

#hivtestuk-question-username .inline,
#hivtestuk-question-availableWidgets .inline
#hivtestuk-question-activate .inline
{
  width: 350px;
}

#hivtestuk-question-availableWidgets select,
#hivtestuk-question-printWidget select {
    width: 375px;
    font-size: 110%;
}

#hivtestuk-question-onBehalfOf select {
    width: 375px;
    font-size: 100%;
}

.prof-info {
    font-size: 90%;
    font-weight: lighter;
}

.user-option{
  width: 60%;
  display: inline-block;
  padding-bottom: 20px;
}

.right-align{
  float: right;
}

.tatuk-button input {
  padding: 3px 10px;
}

#htuk-username{
  display: inline-block;
}
/* screen width overrides */
/* @media only screen and (max-width: 600px) {
  .user-option{
    padding-top: 0px;
  }
} */

/* screen width overrides */
@media only screen and (max-width: 900px) {
  #professional {
    max-width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .tatuk-button input {
    font-size: 14px;
  }
  .user-menu-button{
    float: left;
    width: 100%;
    padding-bottom: 10px;
  }
  #hivtestuk-question-availableWidgets select,
  #hivtestuk-question-printWidget select {
  	width: 100%;
    font-size: 90%;
  }
 
  #hivtestuk-question-onBehalfOf select {
    width: 100%;
    font-size: 80%;
  }
    
  .prof-info {
        font-size: 80%;
  }
}