body {
   background: #FFF;
}

.xsection-content-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.editor-line-container {
   position: relative;
}

.editor-line {
   width: 315px;
}

.editor-label {
   width: auto;
}

.editor-field {
   width: 290px;
   display: block;
   float: none;
}

.register-header {
   text-align: center;
   margin: 30px 0 40px;
}


.required-indicator {
   color: #EB5813;
}

.editor-field input[type=text],
.editor-field input[type=email],
.editor-field input[type=password] {
   width: 290px;
}

.footer-notice {
   margin-top: 10px;
   width: 260px;
}

   .footer-notice a {
      white-space: nowrap;
   }

#joinButton {
   width: 120px;
   margin-top: 10px;
}

#wrapper {
   position: static;
}

.invitationSignIn {
   float: right;
   font: 500 15px/65px MuseoSans, Arial, sans-serif;
   margin-right: 40px;
   vertical-align: middle;
}

   .invitationSignIn a {
      color: #FFF;
   }

.quotes {
   background: url("https://content.liquidspace.com/Images/Referrals/line-FadedEdges.png?v=677fc0461d") no-repeat;
   background-size: contain;
   margin: 65px auto 0 auto;
   padding: 0 90px;
   text-align: left;
   max-width: 660px;
   overflow: hidden;
}

.quote {
   font: italic 13px/20px Arial;
   color: #666;
   position: relative;
   max-width: 500px;
   margin: 45px auto 0;
}

   .quote:before {
      content: " ";
      background: url("https://content.liquidspace.com/Images/Referrals/quote-open.png?v=db0b406ca4") no-repeat;
      height: 14px;
      width: 14px;
      display: inline-block;
      position: absolute;
      left: -14px;
      top: -10px;
   }

   .quote:after {
      content: " ";
      background: url("https://content.liquidspace.com/Images/Referrals/quote-close.png?v=63f7e981b8") no-repeat;
      height: 14px;
      width: 14px;
      display: inline-block;
      top: 7px;
      position: relative;
   }

.author {
   font: italic 13px/20px Arial;
   color: #666;
   position: relative;
   max-width: 500px;
   margin: 15px auto 0;
}

.register-container {
   margin: 0 auto;
   display: flex;
   justify-content: center;
}

.register-option {
   width: 330px;
   vertical-align: top;
   text-align: left;
   position: relative;
}

   .register-option.sso {
      width: 295px;
   }

.register-option-title {
   margin-bottom: 10px;
   text-align: left;
}

.register-via-sso {
   margin-top: 10px;
   text-align: left;
   padding-left: 40px;
}

a.btn_sso {
   width: 290px;
}

.register-or {
   position: absolute;
   right: -13px;
   top: 0;
   line-height: 160px;
}

   .register-or .line {
      box-shadow: 1px 0 0 #FFF;
      border-right: 2px solid #CCC;
      height: 160px;
      width: 1px;
      position: absolute;
      left: 50%;
   }

   .register-or span {
      background: #FFF;
      line-height: 30px;
      display: inline-block;
      position: relative;
   }

#samlResponseData .editor {
   float: right;
   width: 450px;
   overflow-y: auto;
}

#samlResponseData .samlResponsePropertyContainer {
   overflow-y: auto;
   margin-bottom: 8px;
}

#samlResponseData .label {
   display: inline;
}

.samlResponseProcessing {
   position: absolute;
   top: 15%;
   left: 45%;
   width: 220px;
   height: 19px;
   background-image: url("https://content.liquidspace.com/Images/loading.gif?v=57ca1a2085");
   z-index: 9999;
}

header div.default .logo {
   margin-left: 5px;
}

#twoFactorRegister .fl {
   width: 320px;
   display: block;
   margin: 0 auto 10px;
   text-align: left;
}

   #twoFactorRegister .fl input {
      width: 100%;
   }

@media screen and (max-width: 959px) {
   .container_16 {
      width: 100%;
   }

   body.use_960 {
      min-width: 320px;
   }

   .invitationSignIn {
      text-align: center;
   }
}

@media screen and (max-width: 665px) {
   body.use_960 {
      background: #FFF;
   }

   .register-header {
      margin: 0;
      padding-bottom: 0;
      padding-top: 20px;
   }

   .register-container {
      display: block;
   }

   .editor-line-container {
      box-shadow: none;
      border: none;
      height: auto;
   }

   .register-option {
      text-align: center;
      width: auto;
      padding: 10px 20px 40px;
   }

   .editor-field {
      float: none;
      display: block;
   }

   .editor-line,
   .editor-field {
      width: 100%;
   }

      .editor-field input[type=text],
      .editor-field input[type=password] {
         width: 100%;
      }

   .footer-notice {
      width: 100%;
   }

   .register-option.sso {
      width: 100%;
      background: #FFF;
      padding: 0;
   }

   .register-via-sso {
      margin-top: 0;
      margin-left: 0;
      text-align: center;
      border-top: 1px solid #DDD;
      padding: 0;
   }

      .register-via-sso .text {
         display: none;
      }

   .register-or {
      display: none;
   }
   
   #joinButton {
      width: 100%;
   }

   #popupsubmit {
      width: 100%;
   }

   .register-option-title {
      margin-bottom: auto;
   }

   .quotes {
      display: none;
   }

   .editor-line {
      padding: 4px 0;
   }

   .invitationSignIn {
      width: 100%;
      text-align: center;
      margin: 30px 0 0;
   }
}

@media screen and (max-width: 478px) {

   .confirmed-header {
      margin-top: 30px;
   }

      .confirmed-header h3 {
         margin: 30px 20px;
      }
}

@media screen and (max-width: 345px) {

   header div.default .logo {
      margin: 0 0 0 10px;
      background: url("https://content.liquidspace.com/Images/logo.png?v=a172fb2abd") no-repeat;
      background-size: cover;
      height: 25px;
      width: 145px;
   }

   body.use_960 {
      min-width: 280px;
   }
}

@media screen and (max-height: 660px) {
   #joinButton {
      margin-top: 8px;
   }

   .footer-notice {
      margin-top: 5px;
   }

   header div.default .logo {
      margin: 5px 0 0 10px;
      background: url("https://content.liquidspace.com/Images/logo.png?v=a172fb2abd") no-repeat;
      background-size: cover;
      height: 25px;
      width: 145px;
   }

   .quotes {
      margin-top: 30px;
   }

   .quote {
      margin-top: 30px;
   }

   .invitationSignIn {
      margin-top: 10px;
   }
}