/*******************************
            AUTH
*******************************/

body{
  background-color: rgb(226, 226, 226);
}

#ID_WALLPAPER{
  background-image:url(../fileadmin/theme/standard/wp_shelf.jpg);
  height:100vh;
  width: 100%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  filter: blur(10px)
}

#ID_LOGIN{
  width: 500px;
  position: fixed;
  top: 0px;
  left: calc(50% - 250px);
  height: 100vh;
  bottom: 0px;
  padding: 0 10px;
  background-color: rgb(255, 255, 255);
}

#ID_AUTH_HEADER{
  margin-top: 80px;
  margin-bottom: 100px;
}

#ID_AUTH_CONTENT{
  padding-bottom: 100px;
  
}

#ID_AUTH_FOOTER{
  position: absolute;
  bottom: 0px;
  background-color: #ffffffd6;

}

#ID_LOGO{
  background-image:url("../fileadmin/ci/HTBS.ONE-LOGO_NEW.png");
  height:50px;
  width: 100%;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
}

#ID_LOGO_MOBILE{
  display: none;
}

#ID_KNOWN_USERS{
  
}

#ID_INFO{
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #ffffffe8;
  width: 100vw;
  height: 100vh;
}

#ID_INFO_CONTENT{
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 600px;
  padding: 50px;
  border-radius: 10px;
  text-align: justify;
	text-align-last: none;
}

@media (max-width: 767.98px) {
    #ID_WALLPAPER{
      background-image: none;
    }

    #ID_LOGIN{
      width: 100%;
    }

    #ID_AUTH_HEADER{
      margin-top: 20px;
      margin-bottom: 50px;
    }

    #ID_LOGO_MOBILE{
      display: block;
      position: relative;
      height:40px;
      width: 100%;
      background-image:url("../fileadmin/ci/HTBS.ONE-LOGO_NEW.png");
      background-position:center;
      background-repeat:no-repeat;
      background-size:contain;
    }

    #ID_LOGO{
      display: none;
    }

    #ID_LOGIN{
      position: absolute;
      top: 0px;
      left: 0px;
      transform: none;
      width: 100%;
    }

    #ID_INFO{
      background-color: #fff;
    }

    #ID_INFO_CONTENT{
      top: 0px;
      left: 0px;
      translate: unset;
      width: 100%;
      height: 100vh;
      padding: 10px;
    }
}