.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-77c183de]: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;
}
.social-link[data-v-77c183de] {
  color: #5A5A5A !important;
}
.social-link[data-v-77c183de]:hover {
  color: #29235c !important;
}