*{
  font-family: 'Roboto', sans-serif;
}
.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  html,
body {
  height: 100%;
}


.form-signin {
  width: 100%!important;
  max-width: 330px!important;
  padding: 15px;
  height: 450px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto!important;

}

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

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

.form-signin input[type="email"] {
  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;
}

.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center
}

h4{
  font-weight: 400!important;
}
b{
  font-weight: 500!important;
}
p{
  font-weight: 300!important;
}

table th{
  font-weight: 500!important;
}

.divData{
  
  max-width: 700px!important;
  height: 250px;
  margin: 150px  auto 0 auto!important;
  
}


.tl{
  text-align: left;
}
.pagination{
  justify-content: end;
}