.logodiv {
  margin-top: 20px;
  text-align: center;
}

.image {
  text-align: center;
}

.formdiv {
  margin-top: 20px;
  margin-right: 20%;
  margin-left: 20%;
}

.submit-button {
  width: 100%;
  background-color: #d7232d !important;
  font-family: Poppins, sans-serif;
}

.field-label {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.text-field {
  font-family: Poppins, sans-serif;
}

.field-label-2 {
  font-family: Poppins, sans-serif;
}

.text-field-2 {
  font-family: Poppins, sans-serif;
}

.menudiv {
  margin-top: 60px;
}

.menulabel {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Poppins, sans-serif;
  font-size: 25px;
  text-align: center;
}

.line {
  height: 1px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #76797a;
}

.text-block {
  font-size: 22px;
}

.text-block-2 {
  font-size: 20px;
}

.contentdiv {
  margin-top: 60px;
  margin-right: 20%;
  margin-left: 20%;
}

.inputs {
  font-family: Poppins, sans-serif;
}

.labelbox {
  padding: 10px 5px;
  border: 1px solid #b4b0b0;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.labelbold {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.labelnormal {
  padding-left: 20px;
  font-family: Poppins, sans-serif;
}

.historiallabeldiv {
  margin-top: 10px;
}

.historialdiv {
  margin-bottom: 20px;
}

.perfilimgdiv {
  margin-top: 20px;
  text-align: center;
}

.profileimg {
  border: 1px solid #cec7c7;
  border-radius: 15px;
}

.ponchardiv {
  margin-top: 20px;
}

.clockicon {
  text-align: center;
}

.poncharlabels {
  margin-top: 20px;
}

.greenlabel {
  font-family: Poppins, sans-serif;
  color: #67c344;
  text-align: center;
  font-weight: normal;
}

.redlabel {
  font-family: Poppins, sans-serif;
  color: #ff1234;
  text-align: center;
}

.startdiv {
  margin-top: 20px;
  text-align: center;
}

.salirdiv {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.webcam{
  width: 300px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.hourlabel {
  margin-top: 5px;
  font-family: Poppins, sans-serif;
}

.label {
  font-family: Poppins, sans-serif;
}

.timestampdiv {
  margin-top: 20px;
  text-align: center;
  font-family: Poppins, sans-serif;
}

@media (max-width: 991px) {
  .formdiv {
    margin-right: 5%;
    margin-left: 5%;
  }
}

@media (max-width: 767px) {
  .formdiv {
    margin-right: 5%;
    margin-left: 5%;
  }
}

@media (max-width: 479px) {
  .formdiv {
    margin-right: 5%;
    margin-left: 5%;
  }
}