/*[ FONT ]*/
@font-face {
  font-family: ArsisT;
  src: url('../fonts/arsis/ArsisT.ttf'); 
}
@font-face {
  font-family: Roboto-Light;
  src: url('../fonts/roboto/Roboto-Light.ttf');
}
@font-face {
  font-family: Roboto-Thin;
  src: url('../fonts/roboto/Roboto-Thin.ttf');
}
@font-face {
  font-family: Roboto-Bold;
  src: url('../fonts/roboto/Roboto-Bold.ttf');
}
@font-face {
  font-family: Roboto-Black;
  src: url('../fonts/roboto/Roboto-Black.ttf');
}
body {
  background-image: url("../img/sistema/fondo_web.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: transparent;
}
.login-logo {
  font-family: ArsisT;
  font-size: 60px;
  border: 1px transparent;
  margin-bottom: 1rem;
}
.login-card{
  opacity: 0.75;
}
.login-card-body{
  font-family: Roboto-Light;
  border-radius: 6px;
  padding-left: 45px;
  padding-right: 45px;
  margin-top: 30px;
  margin-bottom: 30px;

}
.login-box-msg{
  font-family: Roboto-Black;
}
#bodyform{
  margin-top: 20px;
  margin-bottom: 40px;
}
.card-footer {
  margin-top: 10px;
}
.card-footer {
  color: #4a4b4e;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-footer a{
  color: #b8861a;
}
.card-footer p{
  font-size: small;

}
a {
  color :#6b6c6b
}
a:hover{
  color :rgb(0, 128, 255)
}

/* Validacion */

input:invalid {
  border: 1px solid rgba(255, 120, 120, 0.6);
}

/*
input:valid {
  border: 24px solid black;
}

*/