#top-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
  gap: 10px;
}

.form-primary {
  max-width: unset !important;
}
.form-primary select {
  display: inline-block;
  max-width: unset;
  border: 1px solid #ddd;
  padding: 15px 20px;
  font-size: 16px;
  width: 100%;
  color: #3d3e3e;
  background: transparent;
  transition: all 0.2s;
}
.form-primary input[type=text], .form-primary input[type=date], .form-primary input[type=email] {
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 15px 20px;
  font-size: 16px;
  width: 100%;
  color: #3d3e3e;
}
.form-primary input[type=text]:disabled, .form-primary input[type=text]:read-only, .form-primary input[type=date]:disabled, .form-primary input[type=date]:read-only, .form-primary input[type=email]:disabled, .form-primary input[type=email]:read-only {
  background-color: #e8e8e8;
}
.form-primary .row {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.form-primary .row.gap-10 {
  gap: 10px;
}
.form-primary .row .col {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.form-primary .row .col:first-child {
  width: 69%;
  min-width: 380px;
  align-items: flex-start;
}
.form-primary .row .col:last-child {
  width: 29%;
  min-width: 80px;
  align-items: flex-end;
}
.form-primary .row .col.readonly::after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 5;
}
.form-primary .row .col select {
  display: inline-block;
  max-width: unset;
  border: 1px solid #ddd;
  padding: 15px 20px;
  font-size: 16px;
  width: 95%;
  color: #3d3e3e;
  background: transparent;
  transition: all 0.2s;
}
.form-primary .row .col.col-30 {
  width: 30%;
  min-width: unset;
}
.form-primary .row .col.col-70 {
  width: 70%;
  min-width: unset;
}
.form-primary .row .col.col-50 {
  width: 50%;
  min-width: unset;
}
.form-primary .row .col.col-30 label, .form-primary .row .col.col-50 label, .form-primary .row .col.col-70 label {
  width: 95%;
  text-align: left;
}
.form-primary .row .col.col-30 input[type=text], .form-primary .row .col.col-30 input[type=date], .form-primary .row .col.col-30 input[type=email], .form-primary .row .col.col-50 input[type=text], .form-primary .row .col.col-50 input[type=date], .form-primary .row .col.col-50 input[type=email], .form-primary .row .col.col-70 input[type=text], .form-primary .row .col.col-70 input[type=date], .form-primary .row .col.col-70 input[type=email] {
  width: 95% !important;
}
.form-primary .row .col.col-30 select, .form-primary .row .col.col-50 select, .form-primary .row .col.col-70 select {
  display: inline-block;
  max-width: unset;
  border: 1px solid #ddd;
  padding: 15px 20px;
  font-size: 16px;
  width: 95%;
  color: #3d3e3e;
  background: transparent;
  transition: all 0.2s;
}
.form-primary .row .col.col-full {
  width: 100% !important;
}
.form-primary .row .col.col-full select {
  width: 100% !important;
}
.form-primary .row .col.flex-1 {
  width: auto !important;
  max-width: unset !important;
  flex: 1 1 0%;
}
.form-primary .row .col.flex-0 {
  width: auto !important;
  min-width: unset !important;
  max-width: unset !important;
}

.account-msg {
  width: 100% !important;
  max-width: unset !important;
  margin-bottom: 1rem !important;
  order: unset !important;
}
.account-msg .text-content {
  font-size: 13px !important;
  color: #303030 !important;
  border: 1px solid #dfdfdf !important;
  background: white !important;
  padding: 10px !important;
}