body{
  margin:0;
  padding:0;
  overflow:auto;
}

.img{
  min-width:100%;
  max-height:100%;
  position:absolute;
  left:0;
  top:0;
  display:none;
}

@media all and (max-width: 768px) {
  .img{
    width:auto;
    height:auto;
    position:absolute;
    left:0;
    top:0;
    max-width:none;
    display:none;
  }
}

.body{
  width:100%;
  height:100%;
}

#ykw_div{
  width:40%;
  height:15%;
  background-color:white;
  position:absolute;
  left:5%;
  top:5%;
  border-radius: 5px;
  display:none;
}

.error-login{
  width:75%;
  height:75%;
  background-color:rgba(255, 255, 255, .8);
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items:center;
  position:absolute;
  top:12.5%;
  left:12.5%;
  border-radius:1rem;
}
#ykw_content{
  width:90%;
  height:75%;
  margin-left:5%;
  margin-top:2.5%;
}

#ykw_content #suggestion  i{
  padding-right:4%;
  border-right: 1px solid #e6e6e6;
}

#ykw_content #suggestion{
  width:100%;
  height:10%;
  background-color:gray;
  color:white;
  padding-left:2%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#ykw_content #body{
  width:100%;
  height:90%;
  background-color:lime;
  color:white;
  padding-left:2%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

body {
  background-color: rgba(0,0,0,0.07);
}

.login_container{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content: center;
}

.login_div{
  max-width: 400px;
  box-shadow: 10px 10px 44px -23px rgba(0,0,0,0.3);
  background-color: white;
  border-radius: 5px;
}

.login_table{
  margin-left:5%;
  margin-top:10%;
  width:90%;
  height:90%;
  text-align:center;
  vertical-align: middle;
}

.login_content{
  margin-left:5%;
  padding:5%;
  width:90%;
  text-align:center;
}

.login_content hr{
  background-color: #eee;
    border: 0 none;
    color: #eee;
    height: 5px;
    border-radius: 5px;
}

.logo_img{
  max-width:100%;
  background-color:white;
  border-radius:5px;
}

.login_content button{
  width:100%;
}

.swal2-shown {
  overflow-y: hidden;
  position:fixed;
}

  .modal-lg > .modal-content > .modal-body{
    overflow-y:auto;
    border-radius: 0;
  }

  .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  overflow-y: initial !important;
  border-radius: 0 !important;
  }

  .modal-body{
    max-height: 500px;
    border-radius: 0;
  }

  .modal-open {
    overflow-y:hidden;
    overflow-x:hidden;
    position:fixed;
  }

  #keypad_PIN{
    width:80%;
    margin-left:10%;
    height: 36%;
  }

  .keypad_PIN_BT{
    width: 33.33%;
    height: 25%;
    font-size: 150%;
    border-radius:5px;
    border-radius: 0;
    float:left;
  }

  .font_2x{
    font-size:150%;
    text-align:center;
  }

  .PIN_container{
    width:87% !important;
  }

  .PIN_div{
    margin-left:10% !important;
  }