.site-login-page {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 20px; }

.portal-login {
  width: 50%;
  text-align: center;
  padding: 20px 30px; }
  .portal-login a {
    color: #05a4ba;
    margin-bottom: 20px; }
  .portal-login p {
    margin-bottom: 20px; }

.site-login {
  width: 50%;
  border-left: 1px solid #ddd;
  justify-content: center;
  display: flex;
  flex-flow: column; }
  .site-login .row {
    display: block;
    margin: 0; }
  .site-login .site-login-header {
    font-size: 140%;
    text-align: center;
    display: block;
    margin-bottom: 20px; }
  .site-login .form {
    text-align: center; }
    .site-login .form .rememberMe label {
      display: inline-block; }
    .site-login .form label {
      display: block;
      margin-bottom: 10px; }
      .site-login .form label .required {
        color: #ff0000; }
    .site-login .form input[type="text"], .site-login .form input[type="password"] {
      border: 1px solid #ccc;
      padding: 10px 15px;
      font-size: 120%;
      border-radius: 4px;
      margin-bottom: 20px; }

.submit input[type="submit"] {
  display: inline-block;
  padding: 18px 50px;
  font-size: 120%;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  background-color: #05a4ba;
  line-height: 1;
  cursor: pointer; }

a.show-site-login-form {
  color: #05a4ba;
  text-decoration: underline;
  cursor: pointer; }