#warningmessage-type1 {
  border: 1px solid #cb0000;
  background-color: #fdece3;
  color: #cb0000;
  padding: 8px 8px 8px 12px;
  border-radius: 8px;
  user-select: none;
}
#warningmessage-type1 .icon-area {
  margin-right: 16px;
}
#warningmessage-type1 .message-area {
  font-size: 16px;
}
#warningmodal-type1 {
  --bs-modal-border-color: unset;
  --bs-modal-border-radius: 16px;
  --bs-modal-inner-border-radius: 16px;
}
#warningmodal-type1 .modal-type1-dialog {
  max-width: 544px;
}
#warningmodal-type1 .modal-type1-header {
  background-color: #f4f4f6;
  padding: 22px 32px;
}
#warningmodal-type1 .modal-type1-header .modal-type1-title {
  color: #2c2d31;
  font-weight: 700;
  font-size: 18px !important;
}
#warningmodal-type1 .modal-type1-body {
  color: #2c2d31;
  font-size: 16px;
  padding: 32px;
}
#warningmodal-type1 .modal-footer {
  gap: 12px;
  margin: 0px 32px;
  padding: 24px 0px;
}
#warningmodal-type1 .modal-footer .modal-type1-btn {
  height: 48px;
  width: 132px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 16px;
  margin: unset;
}
#warningmodal-type1 .modal-footer .modal-type1-btn-cancel {
  background-color: white;
  border: 1px solid #3d3f46;
  color: #3d3f46;
}
#warningmodal-type1 .modal-footer .modal-type1-btn-confirm {
  background-color: #cb0000;
  color: white;
  border: 1px solid #cb0000;
}
@media only screen and (max-width: 767px) {
  #warningmodal-type1 .modal-footer {
    margin: 0px;
    padding: 12px;
  }
  #warningmodal-type1 .modal-footer .modal-type1-btn {
    max-width: 220px;
    width: 100%;
    margin: auto;
  }
}