/* Override */
.main__payoff {
  position: absolute;
  z-index: 2;
  top: 25%;
  left: -60px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);

  color: #fff;
  font-size: 34px;
  font-style: italic;
  font-weight: 300;
  text-align: right;
  text-shadow: 2px 2px 2px rgba(68, 68, 68, 0.7);
}

@media only screen and (min-device-width: 768px) {
  .main__box {
    padding-top: 60px;
  }
}

.main__privacy {
  position: absolute;
  left: 70px;
  bottom: 245px;
}

label.custom-checkbox-label {
  display: inline-block;
  text-transform: none;
  color: #7b7d7b;
}
label.custom-checkbox-label > a {
  color: #7b7d7b;
}

/* .container__lineRight { */
.container:after {
  content: '';
  display: block;

  position: absolute;
  z-index: 0;

  width: 334px;
  height: 678px;
  background: url('./line-right.png') no-repeat;
  bottom: 3%;
  left: 57%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .container:after {
    content: none;
  }
}

.main__payoff:before {
  content: '';
  display: block;

  position: absolute;
  z-index: 0;

  width: 105px;
  height: 541px;
  background: url('./line-left.png') no-repeat;
  bottom: -45px;
  left: -15%;
}

/* Login page */
.login #api {
  padding-bottom: 22px;
}

.login .entry input,
.login .attrEntry input {
  font-size: 26px;
  font-weight: 300;
  padding: 30px 15px 30px 60px;
}

.login .divider {
  display: none;
}

.login .create {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 18px;
  text-align: center;
  color: #7b7d7b;
}
.login .create a {
  color: #2b5bb8;
  margin-left: 8px;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
}

.login .password-label {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.login .password-label a {
  /* font-family: Georgia, "Times New Roman", Times, serif; */
  /* font-style: italic; */
  font-size: 16px;
  color: #7b7d7b;
}

/* .login .buttons {
  margin-top: 68px;
} */

.login #logonIdentifier {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='27' height='30' viewBox='0 0 50 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.2348 38.9253C46.3035 38.9384 47.3379 38.5493 48.1332 37.8353L34.0871 23.8636L33.121 24.5572L30.6437 26.3656C29.8076 26.8776 28.9291 27.3168 28.0178 27.6786C27.0602 28.1155 26.0232 28.3516 24.9708 28.3722V28.3722C23.9184 28.3516 22.8813 28.1155 21.9237 27.6786C21.0604 27.3158 20.2313 26.8764 19.4464 26.3656C18.8024 25.9197 17.9353 25.3252 16.9692 24.5572L15.6811 23.8636L1.63507 37.9097C2.43032 38.6236 3.46479 39.0127 4.53343 38.9997L45.2348 38.9253Z' fill='%23868787'/%3E%3Cpath d='M2.79932 14.9703C1.77512 14.2536 0.83594 13.4225 0 12.493V33.847L12.3863 21.4607C9.90905 19.7266 6.71339 17.5384 2.79932 14.896V14.9703Z' fill='%23868787'/%3E%3Cpath d='M46.8946 14.9704L37.2828 21.5351L49.6691 33.9214V12.5674C48.85 13.4954 47.9274 14.3265 46.9194 15.0447L46.8946 14.9704Z' fill='%23868787'/%3E%3Cpath d='M45.2348 0.00773296H4.53343C3.91324 -0.031432 3.29265 0.078575 2.72372 0.328561C2.15479 0.578546 1.65405 0.961218 1.26343 1.44453C0.469219 2.46994 0.0573942 3.74023 0.0990357 5.03657C0.189171 6.42505 0.728365 7.7466 1.63508 8.802C2.52098 10.0409 3.60974 11.1214 4.85549 11.9977L10.5284 15.9365L14.9874 19.0331L17.7867 20.9901L18.1832 21.2874L18.9511 21.8324C19.5457 22.2783 20.0411 22.6251 20.4374 22.8729L21.8743 23.7894C22.3798 24.0835 22.9104 24.3322 23.4598 24.5326C23.9056 24.6903 24.3742 24.774 24.847 24.7804V24.7804C25.3202 24.7782 25.7896 24.6944 26.2343 24.5326C26.7857 24.3371 27.3166 24.0882 27.8196 23.7894L29.2565 22.8729C29.7784 22.5533 30.2828 22.206 30.7676 21.8324L31.5355 21.2874L31.9319 20.9901L34.7313 19.0331C37.0351 17.4477 40.4041 15.119 44.8632 11.9977C46.1952 11.0867 47.3461 9.93586 48.257 8.60382C49.1148 7.37508 49.5812 5.91573 49.5948 4.41726C49.6054 3.83423 49.494 3.25543 49.2679 2.71792C49.0419 2.18041 48.706 1.69605 48.2818 1.2959C47.8805 0.881708 47.3989 0.553808 46.8664 0.332303C46.334 0.110798 45.7619 0.000361274 45.1852 0.00773296H45.2348Z' fill='%23868787'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 1rem center;
}
.login #password {
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='27px' height='30px' viewBox='0 0 16.967 22.875' enable-background='new 0 0 16.967 22.875' xml:space='preserve'%3E%3Cg id='BACKGROUND'%3E%3C/g%3E%3Cg id='OBJECTS'%3E%3Cg%3E%3Cpath fill='%23868787' d='M4.984,7.895V5.46c0-1.929,1.569-3.5,3.499-3.5s3.499,1.57,3.499,3.5v2.435h1.961V5.46 c0-3.011-2.449-5.46-5.46-5.46s-5.46,2.45-5.46,5.46v2.435H4.984z'/%3E%3Cpath fill='%23868787' d='M14.896,9.94H2.07C0.927,9.94,0,10.868,0,12.011v8.793c0,1.144,0.927,2.07,2.07,2.07h12.826 c1.145,0,2.07-0.927,2.07-2.07v-8.793C16.967,10.868,16.041,9.94,14.896,9.94z M8.484,19.448c-1.193,0-2.16-0.967-2.16-2.159 c0-0.705,0.343-1.325,0.865-1.719c-0.235-0.289-0.383-0.653-0.383-1.054c0-0.926,0.751-1.677,1.678-1.677 c0.926,0,1.676,0.75,1.676,1.677c0,0.401-0.146,0.765-0.383,1.054c0.523,0.394,0.865,1.014,0.865,1.719 C10.643,18.481,9.676,19.448,8.484,19.448z'/%3E%3C/g%3E%3C/g%3E%3Cg id='DESIGNED_BY_FREEPIK'%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 1rem center;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
  .login .password-label,
  .login .create {
    display: none;
  }

  .login .entry input,
  .login .attrEntry input {
    font-size: 16px;
    font-weight: 300;
    padding: 14px 14px 14px 60px;
  }
}

/* Media queries */
@media screen and (max-height: 900px) {
  .container {
    height: auto;
    min-height: 100%;
  }

  .login .create {
    font-size: 14px;
    color: #333333;
  }

  .login .create a {
    margin: 8px;
    display: block;
    font-size: 16px;
  }
}

@media screen and (max-width: 1500px) {
  .main__payoff:before {
    display: none;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 768px) {
}