*[is="diq-input"][type=text],
[type=number],
[type=email],
[type=date] {
  resize: vertical;

  padding: 15px;

  border-radius: 15px;
  border: 0;

  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
}

*[is="diq-div"] {
  margin: 15px;
}

.diq-custom-color-background-color-white {
  background-color: white;
}

.diq-custom-color-background-color-black {
  background-color: black;
}

.diq-custom-color-text-color-white {
  color: white;
}

.diq-custom-color-text-color-blue {
  color: blue;
}

.diq-div-inline {
  display: inline-block;
}

.diq-submit {
  background-color: none;
  color: none;
  margin: none;
  padding: none;
}

*[is="diq-div"].diq-info-msg,
.diq-success-msg,
.diq-warning-msg,
.diq-error-msg {
  margin: 10px 0;
  padding: 10px;
  border-radius: 3px 3px 3px 3px;
}

*[is="diq-div"].diq-info-msg {
  color: #059;
  background-color: #BEF;
}

*[is="diq-div"].diq-success-msg {
  color: #270;
  background-color: #DFF2BF;
}

*[is="diq-div"].diq-warning-msg {
  color: #9F6000;
  background-color: #FEEFB3;
}

*[is="diq-div"].diq-error-msg {
  color: #D8000C;
  background-color: #FFBABA;
}

/* Custom Button Design */

.diq-button {
  background: #ffffff !important;
  backface-visibility: hidden;
  border-radius: 0.375rem;
  border-style: solid;
  border-width: 0.125rem;
  box-sizing: border-box;
  color: #000000 !important;
  cursor: pointer;
  display: inline-block !important;
  font-family: Circular, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  padding: 0.875rem 1.125rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translateZ(0) scale(1);
  transition: transform 0.2s;
  user-select: none;
  -webkit-user-select: none;
}

.diq-button:not(:disabled):hover {
  transform: scale(1.05);
}

.diq-button:focus::before {
  content: "";
  left: calc(-1*0.375rem);
  pointer-events: none;
  position: absolute;
  top: calc(-1*0.375rem);
  transition: border-radius;
  user-select: none;
}

.diq-button:focus:not(:focus-visible) {
  outline: 0 solid transparent;
}

.diq-button:focus:not(:focus-visible)::before {
  border-width: 0;
}

.diq-button:not(:disabled):active {
  transform: translateY(0.125rem);
}

/* Override all of the CSS params */
#diq-container-1e737f9660a441cc8215ce2ba0fb9b3a {
  animation: none;
  animation-delay: 0;
  animation-direction: normal;
  animation-duration: 0;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: none;
  animation-play-state: running;
  animation-timing-function: ease;
  backface-visibility: visible;
  background: 0;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  /* background-color: #ffffff; */
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border: 0;
  border-style: none;
  border-width: medium;
  border-color: inherit;
  border-bottom: 0;
  border-bottom-color: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-collapse: separate;
  border-image: none;
  border-left: 0;
  border-left-color: inherit;
  border-left-style: none;
  border-left-width: medium;
  border-radius: 0;
  border-right: 0;
  border-right-color: inherit;
  border-right-style: none;
  border-right-width: medium;
  border-spacing: 0;
  border-top: 0;
  border-top-color: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-style: none;
  border-top-width: medium;
  bottom: auto;
  box-shadow: none;
  box-sizing: content-box;
  caption-side: top;
  clear: none;
  clip: auto;
  color: #000000;
  columns: auto;
  column-count: auto;
  column-fill: balance;
  column-gap: normal;
  column-rule: medium none currentColor;
  column-rule-color: currentColor;
  column-rule-style: none;
  column-rule-width: none;
  column-span: 1;
  column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  empty-cells: show;
  float: none;
  font: normal;
  font-family: inherit;
  font-size: medium;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: auto;
  hyphens: none;
  left: auto;
  letter-spacing: normal;
  line-height: normal;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 0;
  outline: 0;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  padding: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  position: static;
  quotes: "\201C""\201D""\2018""\2019";
  right: auto;
  tab-size: 8;
  table-layout: auto;
  text-align: inherit;
  text-align-last: auto;
  text-decoration: none;
  text-decoration-color: inherit;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-style: flat;
  transition: none;
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: none;
  transition-timing-function: ease;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 0;
  width: auto;
  word-spacing: normal;
  z-index: auto;
}

.diq-form-horizontal {
  display: flex;
  justify-content: flex-end;
  padding: 0.5em;
}

.diq-form-horizontal>label {
  padding: .5em 1em .5em 0;
  flex: 1;
}

.diq-form-horizontal>input {
  flex: 4;
}

.diq-form-horizontal>input,
.diq-form-horizontal>button {
  padding: .5em;
}


.diq-form-vertical {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em;
}

.diq-form-vertical>label {
  display: flex;
  flex-direction: column;
  padding: .5em 1em .5em 0;
  flex: 1;
}

.diq-form-vertical>input {
  display: flex;
  flex: 0 0 95%;
}