html,
body {
  height: 100%;
}

body {
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.form-signin { position:relative;
  width: 100%;
  max-width: 430px;
  padding: 15px;
  margin: auto; opacity:0
}

.form-signin .checkbox {
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
 #container_info { cursor:url(../images/hand_stop.png),auto;  }
 #info0>div {margin-left:20px; margin-right:20px; padding:10px !important; }
 #info0 {position:fixed; left:0px; width:97%; z-index:1046; bottom:0%; cursor:url(../images/hand_stop.png),auto;   border:0px solid #f00;}
 #info0>*>p { margin-right:30px; margin-bottom:0px; font-size:12px; text-align:left; font-weight:normal !important}
 #info0 .ui-icon  {top:2px; background-repeat:no-repeat} 
  #info0 .ui-icon-alert {background-image:url(../images/atentie.png); background-position:center}
  #info0 .ui-icon-info {background-image:url(../images/info-16v.png); background-position:center}
 #info0 .ui-info-sec {float:right; border:0px solid #f00; width:13px; height:12px; line-height:14px; padding-top:2px; right:-6px; position:relative; top:-24px; text-align:right; font-size:8px;}
 #info0 .ui-info-x {float:right; cursor:pointer; position:relative; top:-24px; font-size:10px;  font-weight:bold;  right:-8px; text-align:right; padding-top:0px; padding-left:2px; padding-right:2px; line-height:12px}
 #info0 .ui-info-stop {float:right; border:0px solid #f00; width:16px; height:16px;  right:-6px; position:relative; top:-24px; background:url(../images/hand_stop.png) no-repeat center; display:none }
 #info0 .ui-state-error .ui-info-x {border:2px solid #dc3545; color:#dc3545;}
 #info0 .ui-state-highlight .ui-info-x {border:2px solid #28a745; color:#28a745;}