.auth-container[data-v-fcf29a94] {
  height: 100%;
}
.container--background[data-v-fcf29a94] {
  background-image: url(../img/bg-login.3303809d.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
}
.auth-block[data-v-fcf29a94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.block--center[data-v-fcf29a94] {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.auth-logo[data-v-fcf29a94] {
  text-align: left;
  padding-top: 32px;
  padding-left: 32px;
}
.auth-logo img[data-v-fcf29a94] {
  width: 300px;
}
@media screen and (min-width: 768px) {
.auth-logo[data-v-fcf29a94] {
    position: absolute;
}
}
@media screen and (max-width: 1904px) {
.auth-logo img[data-v-fcf29a94] {
    width: 250px;
}
}
@media screen and (max-width: 1440px) {
.auth-logo img[data-v-fcf29a94] {
    width: 200px;
}
}
@media screen and (max-width: 1264px) {
.auth-logo img[data-v-fcf29a94] {
    width: 150px;
}
}
@media all and (orientation:portrait) {
.auth-logo img[data-v-fcf29a94] {
    width: 500px;
}
@media screen and (max-width: 900px) {
.auth-logo img[data-v-fcf29a94] {
      width: 400px;
}
}
@media screen and (max-width: 768px) {
.auth-logo img[data-v-fcf29a94] {
      width: 300px;
}
}
@media screen and (max-width: 720px) {
.auth-logo img[data-v-fcf29a94] {
      width: 250px;
}
}
@media screen and (max-width: 540px) {
.auth-logo img[data-v-fcf29a94] {
      width: 150px;
}
}
}

/* COLORS */
/* change this color latter (DIGA pattern) */
/* EXPORTS */
[data-v-49ca437a]:export {
  primaryBlue: #29235c;
  secondaryBlue: #583AF6;
  darkBlue: #2c3e50;
  lightBlue: #14F8FF;
  baseOrange: #dc7323;
  lightOrange1: #FAAE7D;
  lightOrange2: #F8CAAC;
  darkOrange: #A0430D;
  baseGreen: #14CC54;
  mediumGreen: #4BB543;
  darkGreen: #42b983;
  baseRed: #FF0000;
  lightRed1: #ED5E5E;
  lightRed2: #FCC0C0;
  lightGray: #F4F4F4;
  softGray: #E6E6E6;
  baseGray: #B1B1B1;
  darkGray: #5A5A5A;
  textGray: #808080;
  basePurple: #6D5BCC;
}
.pincode .label[data-v-49ca437a] {
  font-size: 3rem;
}
.pincode .code[data-v-49ca437a] {
  min-width: 400px;
  font-size: 9rem;
  line-height: 1;
}
.qrcode img[data-v-49ca437a] {
  width: 400px;
  height: 400px;
}
.comment[data-v-49ca437a] {
  color: #5A5A5A;
  font-size: 1.25rem;
}
@media screen and (max-width: 1366px) {
.pincode .label[data-v-49ca437a] {
    font-size: 2rem;
}
.pincode .code[data-v-49ca437a] {
    min-width: 300px;
    font-size: 6rem;
}
.qrcode img[data-v-49ca437a] {
    width: 300px;
    height: 300px;
}
.comment[data-v-49ca437a] {
    font-size: 0.875rem;
}
}
@media screen and (max-width: 1279px) {
.pincode .code[data-v-49ca437a] {
    min-width: 200px;
    font-size: 5rem;
}
.qrcode img[data-v-49ca437a] {
    width: 200px;
    height: 200px;
}
.comment[data-v-49ca437a] {
    font-size: 0.8125rem;
}
}
@media screen and (max-width: 960px) {
.pincode .label[data-v-49ca437a] {
    font-size: 1.5rem;
}
.pincode .code[data-v-49ca437a] {
    min-width: 150px;
    font-size: 3.5rem;
}
.qrcode img[data-v-49ca437a] {
    width: 150px;
    height: 150px;
}
.comment[data-v-49ca437a] {
    width: 332px;
    font-size: 0.75rem;
}
}
@media screen and (max-width: 768px) {
.pincode .label[data-v-49ca437a] {
    font-size: 0.75rem;
}
.pincode .code[data-v-49ca437a] {
    min-width: 100px;
    font-size: 2.125rem;
}
.qrcode img[data-v-49ca437a] {
    width: 100px;
    height: 100px;
}
.comment[data-v-49ca437a] {
    width: 232px;
    font-size: 0.625rem;
}
}
@media all and (orientation: portrait) {
.pincode .label[data-v-49ca437a] {
    font-size: 4rem;
}
.pincode .code[data-v-49ca437a] {
    min-width: 500px;
    font-size: 12rem;
}
.qrcode img[data-v-49ca437a] {
    width: 500px;
    height: 500px;
}
.comment[data-v-49ca437a] {
    width: 500px;
    font-size: 1.75rem;
}
}
@media screen and (orientation: portrait) and (max-width: 1024px) {
.pincode .label[data-v-49ca437a] {
    font-size: 3rem;
}
.pincode .code[data-v-49ca437a] {
    min-width: 400px;
    font-size: 9rem;
}
.qrcode img[data-v-49ca437a] {
    width: 400px;
    height: 400px;
}
.comment[data-v-49ca437a] {
    width: 400px;
    font-size: 1.25rem;
}
}
@media screen and (orientation: portrait) and (max-width: 576px) {
.pincode .label[data-v-49ca437a] {
    font-size: 2rem;
}
.pincode .code[data-v-49ca437a] {
    min-width: 300px;
    font-size: 6rem;
}
.qrcode img[data-v-49ca437a] {
    width: 300px;
    height: 300px;
}
.comment[data-v-49ca437a] {
    width: 300px;
    font-size: 0.875rem;
}
}
@media screen and (orientation: portrait) and (max-width: 480px) {
.pincode .label[data-v-49ca437a] {
    font-size: 1rem;
}
.pincode .code[data-v-49ca437a] {
    min-width: 150px;
    font-size: 2.75rem;
}
.qrcode img[data-v-49ca437a] {
    width: 150px;
    height: 150px;
}
.comment[data-v-49ca437a] {
    width: 150px;
    font-size: 0.625rem;
}
}
@media all and (orientation: portrait) {
[data-v-49ca437a] .codebox {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}
}