@charset "utf-8";

.cauton section ul li{
  list-style: none;
  padding-left: 1rem;
  text-indent: -1rem;
}
.cauton section ul li:not(:last-of-type){
  margin-bottom: 3px;
}
.cauton section h2{
  font-size: 18px;
}

.douiCheck {
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  border: 2px solid #cc4646;
}

.douiCheck input[name="douoi"]{
  margin-right: 5px;
  cursor: pointer;
}
label, input[type='checkbox'] {
  cursor: pointer;
}

.form-notes p{
  padding-left: 1rem;
  position: relative;
}
.form-notes p .asterisk{
  width: 1rem;
  display: inline-block;
  text-align: center;
  position: absolute;
  left: 0;
}

form select{
  appearance: none; 
  cursor: pointer;
}
form input[type="text"]{
  border-radius: 0.25rem !important; 
}

.footer-btn-area{
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.btn-success:disabled{
  pointer-events: none;
}

.errorText{
  display: none;
  color: #cc4646;
}
.errorText.on{
  display: block;
}