@-webkit-keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
input,
select,
textarea,
[role="menuitemcheckbox"],
[role="menuitemradio"],
[role="textbox"],
[aria-haspopup="listbox"],
[role="listbox"],
[role="spinbutton"] {
  border: 1px solid #cccccc;
  margin-bottom: 4px;
}
input:focus,
select:focus,
textarea:focus,
[role="menuitemcheckbox"]:focus,
[role="menuitemradio"]:focus,
[role="textbox"]:focus,
[aria-haspopup="listbox"]:focus,
[role="listbox"]:focus,
[role="spinbutton"]:focus {
  outline: 0;
  border: 1px solid #3c7aae;
  -webkit-box-shadow: 0px 0px 8px 1px #3c7aae;
  -moz-box-shadow: 0px 0px 8px 1px #3c7aae;
  -ms-box-shadow: 0px 0px 8px 1px #3c7aae;
  box-shadow: 0px 0px 8px 1px #3c7aae;
}
input:hover,
select:hover,
textarea:hover,
[role="menuitemcheckbox"]:hover,
[role="menuitemradio"]:hover,
[role="textbox"]:hover,
[aria-haspopup="listbox"]:hover,
[role="listbox"]:hover,
[role="spinbutton"]:hover {
  border: 1px solid #b3b3b3;
}
input.dqpl-error,
select.dqpl-error,
textarea.dqpl-error,
[role="menuitemcheckbox"].dqpl-error,
[role="menuitemradio"].dqpl-error,
[role="textbox"].dqpl-error,
[aria-haspopup="listbox"].dqpl-error,
[role="listbox"].dqpl-error,
[role="spinbutton"].dqpl-error {
  border: 1px solid #d93251;
  outline: 2px solid #d93251;
}
input.dqpl-error:focus,
select.dqpl-error:focus,
textarea.dqpl-error:focus,
[role="menuitemcheckbox"].dqpl-error:focus,
[role="menuitemradio"].dqpl-error:focus,
[role="textbox"].dqpl-error:focus,
[aria-haspopup="listbox"].dqpl-error:focus,
[role="listbox"].dqpl-error:focus,
[role="spinbutton"].dqpl-error:focus {
  -webkit-box-shadow: 0px 0px 8px 1px #d93251;
  -moz-box-shadow: 0px 0px 8px 1px #d93251;
  -ms-box-shadow: 0px 0px 8px 1px #d93251;
  box-shadow: 0px 0px 8px 1px #d93251;
  outline: 0;
}
input.dqpl-error:hover,
select.dqpl-error:hover,
textarea.dqpl-error:hover,
[role="menuitemcheckbox"].dqpl-error:hover,
[role="menuitemradio"].dqpl-error:hover,
[role="textbox"].dqpl-error:hover,
[aria-haspopup="listbox"].dqpl-error:hover,
[role="listbox"].dqpl-error:hover,
[role="spinbutton"].dqpl-error:hover {
  border: 1px solid #b6223d;
}
.dqpl-error-wrap {
  min-height: 24px;
  color: #d93251;
  text-align: left;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 400;
  padding-left: 4px;
}
.dqpl-field-wrap {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.dqpl-field-wrap.flexr {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-item-align: center;
}
.dqpl-field-wrap.flexr .dqpl-label {
  margin-bottom: 0;
}
.dqpl-checkbox-wrap,
.dqpl-radio-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0;
}
.dqpl-checkbox-wrap .dqpl-label,
.dqpl-radio-wrap .dqpl-label {
  margin-bottom: 0;
}
.dqpl-label {
  display: block;
  text-align: left;
  font-size: 13px;
  font-weight: 300;
  margin-bottom: 4px;
  cursor: default;
}
.dqpl-label.dqpl-label-disabled {
  color: #cccccc;
}
.dqpl-label.dqpl-required .dqpl-required-text {
  display: inline-block;
  margin-left: 24px;
  font-style: italic;
  font-weight: 400;
}
.dqpl-label.dqpl-required .dqpl-required-text::before {
  content: ' ';
}
.dqpl-label.dqpl-required.dqpl-error .dqpl-required-text {
  color: #d93251;
}
.dqpl-label-inline {
  display: inline-block;
  text-align: left;
  font-size: 13px;
}
.dqpl-text-input {
  padding: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  color: #666666;
  min-width: 250px;
}
.dqpl-text-input[disabled],
.dqpl-text-input[aria-disabled="true"] {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
}
.dqpl-textarea {
  display: block;
  min-height: 56px;
  font-size: 13px;
  min-width: 250px;
  padding: 4px;
  max-width: 500px;
}
.dqpl-radio,
.dqpl-checkbox {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-item-align: center;
  cursor: pointer;
}
.dqpl-radio .dqpl-inner-radio,
.dqpl-checkbox .dqpl-inner-radio,
.dqpl-radio .dqpl-inner-checkbox,
.dqpl-checkbox .dqpl-inner-checkbox {
  font-size: 17px;
}
.dqpl-radio[aria-checked="true"],
.dqpl-checkbox[aria-checked="true"] {
  color: #3c7aae;
}
.dqpl-radio[aria-disabled="true"] .dqpl-inner-checkbox,
.dqpl-checkbox[aria-disabled="true"] .dqpl-inner-checkbox,
.dqpl-radio[disabled] .dqpl-inner-checkbox,
.dqpl-checkbox[disabled] .dqpl-inner-checkbox,
.dqpl-radio[aria-disabled="true"] .dqpl-inner-radio,
.dqpl-checkbox[aria-disabled="true"] .dqpl-inner-radio,
.dqpl-radio[disabled] .dqpl-inner-radio,
.dqpl-checkbox[disabled] .dqpl-inner-radio {
  color: #cccccc;
}
.dqpl-radio:focus,
.dqpl-checkbox:focus {
  outline: 0;
  border: 1px solid #d71ef7;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.dqpl-radio:active:not([aria-disabled="true"]),
.dqpl-checkbox:active:not([aria-disabled="true"]) {
  background-color: rgba(215, 30, 247, 0.25);
}
.dqpl-field-help {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.dqpl-field-help .dqpl-text-input {
  width: 220px;
}
.dqpl-field-help .dqpl-help-button-wrap {
  position: relative;
}
.dqpl-field-help .dqpl-help-button-wrap .dqpl-help-button {
  padding: 2px 8px 8px 8px;
  border: 0;
  margin: 0;
  color: #3c7aae;
  font-size: 15px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.dqpl-field-help .dqpl-help-button-wrap .dqpl-help-button:focus {
  outline-offset: 0;
}
