/********************* Colour reference chart****************
*************************** comment ********* colour ******** 
Primary blue                primary-blue      #0069B8
Primary yellow              primary-yellow    #FBAF28
Secondary orange            secondary-orange  #F1771F
Secondary blue              secondary-blue    #00AEEE
Secondary green             secondary-green   #86C247
Secodary gray               secondary-gray    #2A2E32
*/
html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm,
html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm {
  padding-top: 20px;
  padding-bottom: 15px; }
  html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm .exchange-myaccount-portlet,
  html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm .exchange-myaccount-portlet {
    width: 100%;
    margin-left: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: white; }
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm .exchange-myaccount-portlet .header-text,
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm .exchange-myaccount-portlet .header-text {
      margin-left: 3px;
      font-size: 30px;
      font-weight: normal; }
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm .exchange-myaccount-portlet input[type=text],
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm .exchange-myaccount-portlet input[type=password],
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm .exchange-myaccount-portlet input[type=text],
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm .exchange-myaccount-portlet input[type=password] {
      border: 2px solid #9CB7CC;
      background-color: #EBECEE;
      height: 40px;
      width: 100%;
      margin: 0;
      padding: 0; }
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm .exchange-myaccount-portlet .submitBtn,
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm .exchange-myaccount-portlet .submitBtn {
      border: solid 1px #176AB6;
      padding-left: 6px;
      padding-right: 27px;
      background: #176AB6;
      padding-top: 6px;
      padding-bottom: 6px;
      font-size: initial;
      color: white; }
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm .exchange-myaccount-portlet .cancelBtn,
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm .exchange-myaccount-portlet .cancelBtn {
      border: solid 1px #4b81ad;
      color: #2978e6;
      background: #ffffff;
      padding-left: 6px;
      padding-right: 27px;
      padding-top: 6px;
      padding-bottom: 6px;
      font-size: initial; }

/* Responsive design */
html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm,
html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm {
  /* Large desktop */
  /* Portrait tablet to landscape and desktop */
  /* Landscape phone to portrait tablet */
  /* Landscape phones and down */ }
  @media (max-width: 480px) {
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__myAccountForm .exchange-myaccount-portlet,
    html.aui body.content-page #content #_myaccount_WAR_myaccountportlet__userProfileForm .exchange-myaccount-portlet {
      padding: 0; } }