html,
body {
    /*height: 100%;*/
    margin: 0;
    padding: 0;
    background-color: #f3f0f0d0;
    font-family: FuenteTeclado;
}

.tablaqr {
  width: 100%;
  max-width: 400px;
  min-width: 400px;
  background-color: white;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 20px;
}

.tablaqr:hover {
  -webkit-box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 4px 13px 0px rgba(0, 0, 0, 0.75);
}

.cabeceratabla {
  font-weight: 600;
  font-size: 12pt;
  text-align: center;
  background-color: #0055a6;
  color: white;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 10px;
  text-align: center;
}

.pietabla {

  padding: 10px;

}

.cabecera {
  background-color: white;
  /*
  background-color: #191816;
  color:white;
  */
  text-align: center;
  padding: 10px;

}

.piedepagina {
  text-align: center;
  background-color: gray;
  background-color: #191816;
  color: white;
}

@font-face {
    font-family: 'FuenteTeclado';
    src: url('../fonts/Poppins-Regular.ttf');
}
/*
  
@media only screen and (max-width: 650px) {

}
*/

.botonlogin {
  width: 100%;
  max-width: 400px;
  height: 60px;
  border-radius: 40px;
  background-color: #0055a6;
  border: none;
  font-size: 15px;
  color: white;
}


.botoneditar {
  width: 100%;
  height: 50px;
  border-radius: 40px;
  background-color: #0055a6;
  border: none;
  font-size: 15px;
  color: white;
}

.botoneditar:hover {
  background-color: #5b80c1;
  color: white;
}



.botoneliminar{
  width: 100%;
  height: 50px;
  border-radius: 40px;
  background-color: red;
  border: none;
  font-size: 15px;
  color: white; 
}

.botoneliminar:hover {
  background-color: rgb(247, 83, 83);
  color: white;
}