@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap");
.form_registro {
  width: 100% !important;
  margin: 0 auto !important;
}

.dFlex_registro {
  display: flex !important;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 1em !important;
}

.dFlex_registro div {
  width: 100%;
}
.dFlex_registro input[type="text"] {
  width: 100% !important;
}

input[type="text"] {
  width: 174px !important;
  height: 55px !important;
  border-radius: 5px !important;
  text-align: center !important;
  border: 1px solid #e2e2e2 !important;
}

.pRelative_registro {
  position: relative !important;
}

.pRelative_registro .imgUser_registro {
  position: absolute !important;
  padding: 1em !important;
}

input:hover,
input:focus {
  background-color: rgba(94, 129, 247, 0.2) !important;
}

input[type="email"] {
  width: 100% !important;
  height: 55px !important;
  border-radius: 5px !important;
  text-align: center !important;
  border: 1px solid #e2e2e2 !important;
}

@media (max-width: 335px) {
  input[type="email"] {
    text-align: unset !important;
    text-indent: 1.8rem !important;
  }
}

.pRelative_registro .correo_registro {
  position: absolute !important;
  top: 20px !important;
  padding-left: 1em !important;
}

input[type="password"] {
  width: 100% !important;
  height: 55px !important;
  border-radius: 0.625em !important;
  text-align: center !important;
  border: 1px solid #e2e2e2 !important;
}

.pRelative_registro .imgCandado_registro {
  position: absolute !important;
  padding: 1em !important;
}

.pRelative_registro .visualizar_registro {
  position: absolute !important;
  padding: 1em !important;
  right: 0 !important;
}

select {
  width: 108px !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 0.625em !important;
}

input[type="checkbox"] {
  width: 33px !important;
  height: 33px !important;
}

.dFlexCenter_registro {
  display: flex !important;
  align-items: center !important;
  gap: 1em !important;
}

.dFlexP_registro {
  display: flex !important;
  gap: 1em !important;
}

.option1_registro {
  text-align: end !important;
}

.registro_buttons {
  display: flex !important;
  gap: 1rem !important;
}

.back_registro {
  display: inline-block !important;
  width: 125px !important;
  border: 1px solid #747474 !important;
  text-align: center !important;
  text-decoration: none !important;
  border-radius: 0.625em !important;
  height: 55px !important;
  line-height: 55px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #747474 !important;
  cursor: pointer !important;
}



.back_registro:hover,
.back_registro:focus {
  color: #fff !important;
  background-color: #e2e2e2 !important;
}

.create_registro {
  display: inline-block !important;
  width: 150px !important;
  background-color: #5e81f7 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0.625em !important;
  height: 55px !important;
  line-height: 55px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border: 1px solid #5e81f7 !important;
}

.create_registro:hover,
.create_registro:focus {
  background: #fff !important;
  color: #5e81f7 !important;
}

.label {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
}

.color {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  color: #747474 !important;
}

.label.check {
  font-size: 0.875rem !important;
}

.form_registro > div {
  margin-bottom: 2em !important;
}

.check_registro {
  display: block !important;
}

.flexcustom {
  display: flex;
  gap: 1rem;
}

.custombutton_r {
  /* display: inline-block; */
  width: 174px !important;
  height: 40px !important;
  text-align: center;
  border-radius: 0.625em !important;
  line-height: 40px !important;
}

@media (max-width: 768.98px) {
  .dFlex_registro {
    display: flex !important;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1em !important;
  }
}

@media (max-width: 395px) {
    .custombutton_r {
      font-size: 0.73rem !important;
    }
}

.input-custom {
  text-align: left !important;
  padding-left: 2.5rem !important;
}