/* @import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities'; */

html, body {
  height: 100%;
  width: 100%;
  /* background-color: #eeeeee; */
  background-image: url("/img/bg-genyo-login.jpg");
  background-size:300px 300px;
  background-repeat: repeat-x;
  /* background: rgb(112,201,203);
    background: linear-gradient(49deg, rgba(112,201,203,0.8435749299719888) 34%, rgba(31,92,222,0.7903536414565826) 67%);
    opacity: 90%; */
}

/* .div-col-card-credential{
    background-color: transparent;
    max-width: 45%;
    margin: auto;
    
} */

.div-col-card-logo{
  /* background-color: #47DBFF; */
  background: transparent;
  /* background-image: url("/img/bg-genyo-login.jpg");
    background-size:cover;  */
  display: flex;
  justify-content: center;
}

.img-logo-login{
  width: 320px;
  margin: auto;
  display: block;
  transition: all 0.3s ease 0s;
  -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */ /* Firefox < 16 */ /* Internet Explorer */ /* Opera < 12.1 */
  animation: fadein 5s;
}

.btn-login{
  transition: all 0.3s ease 0s;
  cursor:pointer;
  border-radius: 20px; width:100%;
  background-color: rgb(40, 139, 172);
  color: white;
  border:none;
  height:40px;
}

.btn-login:hover{
  background-color: #33C9E1;
}

@keyframes fadein {
  from { opacity: 0;
  }

  to   { opacity: 1;
  }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
  from { opacity: 0;
  }

  to   { opacity: 1;
  }
}

/* Internet Explorer */

/* Opera < 12.1 */

.img-logo-login-mobile{
  display: none;
}

/* CSS only for examples not required for centering */

@media (min-width:320px) {
  /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
}

@media (min-width:480px) {
  /* smartphones, Android phones, landscape iPhone */
}

@media (min-width:600px) {
  /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
}

@media (min-width:801px) {
  /* tablet, landscape iPad, lo-res laptops ands desktops */
}

@media (min-width:1025px) {
  /* big landscape tablets, laptops, and desktops */
}

@media (min-width:1281px) {
  /* hi-res laptops and desktops */
}