/*__filename__    : kiosco-login.css */
/*__author__      : DataHome S. de R.L. de C.V. */
/* __copyright__  : DataHome S. de R.L. de C.V. */
/*__description__ : Estilos para el Login de Kiosco */
/* __version__    : 1.0.0 */
/* __app__        : Kiosco */
.sidebar {
   display: none;
}

.main-container {
   width: 100%;
   height: auto;
   position: relative;
   margin-left: 0px;
   padding-top: 0px;
}

.bg-login {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0px;
   left: 0px;
   background-color: var(--bg-color-elements);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 40px;
   transition: all .3s;
}

.wrap-login {
   width: 420px;
   max-width: 100%
}

.login-card {
   position: relative;
   height: auto;
   background-color: var(--bg-color-default);
   border-radius: 5px;
   display: flex;
   flex-direction: column;
   transition: all .3s;
   padding: 30px 50px 40px 50px;
}

@media (max-width: 576px) {
   .bg-login {
      padding: 25px;
      justify-content: flex-start;
      align-items: flex-start;
   }

   .login-card {
      padding: 30px 30px 40px 30px;
   }
}

.logo-acciones {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 10px;
}

.logo-kiosco {
   display: none;
   height: 44px;
}

.flag {
   width: 19px;
   height: 19px;
}

.logo-empresa {
   height: 50px;
}

#recuperar-contrasena{
   display: none;
}

#correo-recuperacion-enviado {
   display: none;
}