.blue-btn, body.portal-popup .login-portlet .login-portlet-btns .submitBtn, .exchange .login-portlet .login-portlet-btns .submitBtn {
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  background: #3a84b5;
  padding: 2px 10px;
  border: solid #386380 1px;
  text-decoration: none; }

.blue-btn:hover, body.portal-popup .login-portlet .login-portlet-btns .submitBtn:hover, .exchange .login-portlet .login-portlet-btns .submitBtn:hover {
  background: #567a8f;
  text-decoration: none; }

.grey-btn, body.portal-popup .login-portlet .login-portlet-btns .cancelBtn, .exchange .login-portlet .login-portlet-btns .cancelBtn {
  font-family: Arial;
  color: #000;
  font-size: 14px;
  background: #DCDCDC;
  padding: 2px 10px;
  border: solid #386380 1px;
  text-decoration: none; }

.grey-btn:hover, body.portal-popup .login-portlet .login-portlet-btns .cancelBtn:hover, .exchange .login-portlet .login-portlet-btns .cancelBtn:hover {
  background: #ccc;
  text-decoration: none; }

body.portal-popup {
  padding: 0; }
  body.portal-popup .login-portlet {
    background-color: #fff;
    font-weight: bold;
    width: auto;
    padding: 15px;
    /*@media screen and (max-width: 767px) {
    	width: 90%;
    	margin:0 auto;
    	margin-top:50px;
    }*/ }
    body.portal-popup .login-portlet .login-portlet-header {
      position: relative;
      cursor: pointer; }
      body.portal-popup .login-portlet .login-portlet-header .header-text {
        display: none; }
      body.portal-popup .login-portlet .login-portlet-header .header-text-download {
        font-size: 16px; }
      body.portal-popup .login-portlet .login-portlet-header .header-expander {
        display: none; }
    body.portal-popup .login-portlet .login-portlet-form {
      /*border-top: 1px solid #cecece;*/
      margin-top: 15px; }
      body.portal-popup .login-portlet .login-portlet-form .login-portlet-field {
        padding: 15px 0; }
        body.portal-popup .login-portlet .login-portlet-form .login-portlet-field .field-name {
          font-size: 12px;
          color: #999; }
        body.portal-popup .login-portlet .login-portlet-form .login-portlet-field .field-value input {
          width: 100%;
          height: 30px;
          margin: 0;
          padding: 0;
          padding-left: 5px;
          border: 1px solid #ccc; }
    body.portal-popup .login-portlet .login-portlet-btns {
      padding: 15px 0;
      width: 60%;
      display: inline-block; }
      body.portal-popup .login-portlet .login-portlet-btns .submitBtn {
        margin-right: 10px; }
    body.portal-popup .login-portlet .forgot-password-link {
      font-weight: normal;
      /*width: 60%;
      display: inline-block;
      a {
      	color: #0077b3;
      	font-size: 12px;
      }*/ }

.exchange .login-portlet-placeholder {
  width: 35%;
  margin-left: 3px;
  display: inline-block; }
.exchange .login-portlet {
  margin-left: 20px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.97);
  -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.97);
  box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.97);
  background-color: #DCDCDC;
  font-weight: bold;
  width: 40%;
  padding: 15px; }
  @media screen and (max-width: 767px) {
    .exchange .login-portlet {
      width: auto;
      margin: 0 auto;
      /*margin-top:25px;*/ } }
  .exchange .login-portlet .login-portlet-header {
    position: relative;
    cursor: pointer; }
    .exchange .login-portlet .login-portlet-header .header-text {
      display: block;
      font-size: 16px;
      margin-left: 3px; }
    .exchange .login-portlet .login-portlet-header .header-text-download {
      display: none; }
    .exchange .login-portlet .login-portlet-header .header-expander {
      display: block;
      position: absolute;
      top: 0;
      right: 0; }
  .exchange .login-portlet .login-portlet-form {
    border-top: 1px solid #cecece;
    margin-top: 15px; }
    .exchange .login-portlet .login-portlet-form .login-portlet-field {
      padding: 15px 0;
      border-bottom: 1px solid #cecece; }
      .exchange .login-portlet .login-portlet-form .login-portlet-field .field-name {
        width: 35%;
        margin-left: 3px;
        margin-bottom: 0;
        margin-top: 3px;
        vertical-align: top;
        color: #000;
        display: inline-block; }
      .exchange .login-portlet .login-portlet-form .login-portlet-field .field-value {
        width: 60%;
        display: inline-block; }
        .exchange .login-portlet .login-portlet-form .login-portlet-field .field-value input {
          width: 100%;
          height: 25px;
          margin: 0;
          padding: 0;
          padding-left: 5px;
          border: 2px solid #ccc; }
  .exchange .login-portlet #loginForm {
    margin: 0; }
  .exchange .login-portlet .login-portlet-btns {
    padding: 15px 0;
    width: 60%;
    display: inline-block; }
    .exchange .login-portlet .login-portlet-btns .submitBtn {
      margin-right: 10px; }
  .exchange .login-portlet .forgot-password-link {
    width: 60%;
    display: inline-block; }
    .exchange .login-portlet .forgot-password-link a {
      color: #0077b3;
      font-size: 12px; }