/* Comment Generated by Combres - Resource '~/content/style/base/variables.less' (Mode: Static) */
/*** Bootstrap ***/
/* Comment Generated by Combres - Resource '~/content/style/base/login.less' (Mode: Static) */

/* login.less */

body,
body.login-content:before {
  background: url("/content/img/app-suggestion-background.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.login-content {
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.login-content.login {
  height: 100%;
  overflow-y: hidden;
}
.lcb-user {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#client-selection .card {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 300ms;
  animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 10;
}
.app-suggestion .buttons {
  text-align: right;
}
.app-suggestion .phone {
  text-align: left;
}
.app-suggestion .phone img {
  max-height: 100%;
  max-width: 100%;
}
.skip-app-suggestion {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media (max-width: 979px) {
  .app-suggestion .buttons,
  .app-suggestion .phone {
    text-align: center;
  }
}
@media (min-height: 1001px) {
  .phone {
    height: 700px;
  }
}
@media (max-height: 1000px) {
  .phone {
    height: 600px;
  }
}
@media (max-height: 900px) {
  .phone {
    height: 500px;
  }
}
@media (max-height: 800px) {
  .phone {
    height: 400px;
  }
}
@media (max-height: 700px) {
  .phone {
    height: 300px;
  }
}
@media (max-height: 600px) {
  .phone {
    height: 200px;
  }
}
@media (max-height: 450px) {
  .phone {
    display: none !important;
  }
}