/*** Variables ***/
/* 
 * ------------------------
 * Colors 
 * ------------------------
 */
/* 
 * ------------------------
 * Font Families
 * ------------------------
*/
/* 
 * ------------------------
 * Font Weights
 * ------------------------
 */
/* 
 * ------------------------
 * Media Queries
 * ------------------------
 */
/* 
 * ------------------------
 * Helpers
 * ------------------------
 */
html,
body {
  background: #020226; }

body {
  display: flex;
  flex-direction: column;
  justify-content: center; }

html,
body,
.layout {
  min-width: auto; }

.logo-brand {
  background: url(../images/common/logo_vortex_signin_color.svg) no-repeat center center;
  background-size: 320px 100px;
  height: 100px;
  display: block; }

.account-box {
  width: 420px;
  margin: 0 auto 30px;
  /* De MD para abajo */
  /* De 470 para abajo */
  /* De 414 para abajo - iPhone XR */
  /* De 390 para abajo - iPhone 12 Pro */
  /* De 375 para abajo - iPhone SE */ }
  .account-box .account-box-content {
    background: #FFF;
    padding: 35px 40px 40px;
    border-radius: 40px;
    box-shadow: 4px 4px 0 #7739f5;
    position: relative;
    overflow: hidden; }
    .account-box .account-box-content .form-title {
      margin-bottom: 30px; }
      .account-box .account-box-content .form-title a.back + h1 {
        margin-top: 10px; }
      .account-box .account-box-content .form-title h1 {
        color: #00cc83;
        margin-bottom: 10px; }
      .account-box .account-box-content .form-title + p {
        margin-top: -15px;
        margin-bottom: 15px; }
    .account-box .account-box-content .success-container {
      margin-top: -15px;
      padding-top: 20px;
      border-top: 1px solid #CCC; }
      .account-box .account-box-content .success-container h2 {
        color: #FFB632; }
      .account-box .account-box-content .success-container .bottom {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #CCC; }
      .account-box .account-box-content .success-container .send-again-container {
        margin: 20px 0 30px; }
      .account-box .account-box-content .success-container .did-not-receive-container {
        display: block;
        color: #999;
        margin-top: 15px; }
        .account-box .account-box-content .success-container .did-not-receive-container button.link {
          background: none;
          padding: 0;
          border: 0;
          outline: none;
          font-size: 16px; }
  .account-box .double-field {
    align-items: flex-start; }
    .account-box .double-field .row {
      padding-right: 10px; }
      .account-box .double-field .row + .row {
        padding-left: 10px;
        padding-right: 0; }
  .account-box .select2-container .select2-selection .select2-selection__rendered {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 330px; }
  .account-box .passwordStrength {
    position: absolute;
    top: 17px;
    right: 12px; }
  .account-box input.password-input {
    padding-right: 100px; }
  .account-box .g-recaptcha {
    position: relative;
    height: 88px;
    margin-top: 7px; }
    .account-box .g-recaptcha > div {
      transform: scale(1.125) translateX(-50%);
      transform-origin: 0 0;
      position: absolute;
      left: 50%; }
    .account-box .g-recaptcha.has-error + p.has-error {
      margin-top: 5px; }
  .account-box .row.checkbox label {
    padding: 0; }
  .account-box .buttons > * {
    margin-top: 15px; }
  .account-box .buttons .button {
    width: 100%; }
    .account-box .buttons .button.with-icon {
      justify-content: center;
      color: #020226; }
      .account-box .buttons .button.with-icon svg {
        margin-right: 10px; }
  .account-box .buttons .or {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .account-box .buttons .or:before, .account-box .buttons .or:after {
      content: "";
      background: #CCC;
      flex-grow: 1;
      height: 1px;
      overflow: hidden; }
    .account-box .buttons .or span {
      padding: 0 10px;
      position: relative;
      top: -2px; }
  .account-box .buttons + p.has-error {
    margin-top: 15px;
    font-size: 16px; }
  .account-box .form-tip {
    text-align: center;
    padding: 35px;
    font-size: 14px;
    color: #999; }
  .account-box .account-box-footer ul {
    padding: 12px 20px 20px; }
  .account-box .account-box-footer li {
    padding-bottom: 8px; }
    .account-box .account-box-footer li a {
      color: #FFF; }
  .account-box .account-box-message {
    background: rgba(119, 57, 245, 0.1) url(../../workspace/images/common/ic_validationInfo.svg) no-repeat 20px center;
    margin-bottom: 20px;
    padding: 15px 20px 15px 65px;
    color: #7739f5;
    min-height: 60px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .account-box .account-box-message p {
      line-height: 16px;
      padding: 2px 0; }
    .account-box .account-box-message.account-box-error {
      background-image: url(../../workspace/images/common/ic_validationError.svg);
      background-color: rgba(230, 0, 126, 0.1);
      color: #e6007e; }
    .account-box .account-box-message.account-box-ok {
      background-image: url(../../workspace/images/common/ic_validationOk.svg);
      background-color: rgba(0, 204, 131, 0.15);
      color: #00cc83; }
  @media screen and (max-width: 470px) {
    .account-box {
      width: calc(414px - 50px); }
      .account-box .row.checkbox.space-between {
        flex-direction: column;
        align-items: flex-start; }
        .account-box .row.checkbox.space-between label {
          margin-bottom: 10px; }
      .account-box .g-recaptcha {
        height: 74px; }
        .account-box .g-recaptcha > div {
          transform: scale(0.94) translateX(-50%); } }
  @media screen and (max-width: 413px) {
    .account-box {
      width: calc(390px - 30px);
      margin-bottom: 80px; }
      .account-box .account-box-content {
        padding: 30px; }
      .account-box .g-recaptcha {
        height: 78px; }
        .account-box .g-recaptcha > div {
          transform: scale(1) translateX(-50%); } }
  @media screen and (max-width: 389px) {
    .account-box {
      width: calc(375px - 30px); }
      .account-box .g-recaptcha {
        height: 74px; }
        .account-box .g-recaptcha > div {
          transform: scale(0.94) translateX(-50%); } }
  @media screen and (max-width: 374px) {
    .account-box {
      width: calc(320px - 20px); }
      .account-box .account-box-content {
        padding: 20px;
        border-radius: 25px; }
      .account-box .g-recaptcha {
        height: 68px; }
        .account-box .g-recaptcha > div {
          transform: scale(0.865) translateX(-50%); } }
.contentMesage {
  max-width: 800px;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 20px; }
  .contentMesage .title-text {
    color: #FFF; }
    .contentMesage .title-text strong {
      font-weight: 500; }
  .contentMesage .messageHeader {
    display: flex;
    align-items: center;
    justify-content: start;
    border: 1px solid #7739f5;
    border-radius: 24px;
    background: rgba(119, 57, 245, 0.3);
    padding: 16px 20px; }
    .contentMesage .messageHeader span {
      margin-right: 20px;
      display: flex;
      align-self: center; }
  .contentMesage .messageFooter {
    text-align: center;
    max-width: 600px; }
    .contentMesage .messageFooter .title-text,
    .contentMesage .messageFooter .title-text a {
      color: rgba(255, 255, 255, 0.7); }
    .contentMesage .messageFooter .title-text a:hover {
      color: #7739f5; }
  .contentMesage:first-child {
    margin-top: 80px;
    margin-bottom: 20px; }

.signupContainer {
  /* De MD para arriba */
  /* De MD para abajo */
  /* De SM para abajo */ }
  .signupContainer .columns-row {
    margin: 0; }
    .signupContainer .columns-row > [class*=col-] {
      padding: 0;
      align-items: center;
      display: flex; }
    .signupContainer .columns-row .info-container {
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .signupContainer .columns-row .info-container p {
        color: #FFF; }
  @media screen and (min-width: 992px) {
    .signupContainer .info-container {
      height: 100vh;
      background: rgba(255, 182, 50, 0.2);
      border-right: 2px solid #FFB632;
      padding: 50px;
      width: 100%; }
      .signupContainer .info-container .logo-brand {
        display: none; }
      .signupContainer .info-container h1 {
        font-size: 50px;
        margin-top: 15px; }
      .signupContainer .info-container p {
        font-size: 24px;
        max-width: 500px; } }
  @media screen and (max-width: 992px) {
    .signupContainer {
      display: flex;
      min-height: 100vh;
      background: rgba(255, 182, 50, 0.2); }
    .signupContainer .columns-row {
      width: 100%; }
      .signupContainer .columns-row > [class*=col-] {
        align-items: initial; }
        .signupContainer .columns-row > [class*=col-]:nth-child(2) {
          flex-grow: 1; }
          .signupContainer .columns-row > [class*=col-]:nth-child(2) .logo-brand {
            display: none; }
          .signupContainer .columns-row > [class*=col-]:nth-child(2) .account-box {
            margin-top: 30px;
            margin-bottom: 50px; }
            .signupContainer .columns-row > [class*=col-]:nth-child(2) .account-box .form-title {
              text-align: center; }
    .signupContainer .info-container {
      padding: 40px;
      text-align: center;
      margin: 0 auto; }
      .signupContainer .info-container h1 {
        font-size: 40px; }
      .signupContainer .info-container p {
        font-size: 20px;
        max-width: 430px; } }
  @media screen and (max-width: 768px) {
    .signupContainer .info-container {
      padding: 0; }
      .signupContainer .info-container h1 {
        font-size: 30px;
        padding-left: 20px;
        padding-right: 20px; }
      .signupContainer .info-container p {
        font-size: 18px;
        padding-left: 20px;
        padding-right: 20px; } }

/*# sourceMappingURL=accounts.css.map */