/* primary */
/* primary hover */
/* dark */
/* light */
/* light hover */
/* accent */
/* accent hover */
.que-modal_success {
  background: rgb(110, 180, 30);
  color: #fff;
}

.que-dialog-table .que-dialog-cell {
  padding: 0;
}

.que-dialog {
  border-radius: 5px;
}
.que-dialog p {
  margin: 0;
}
.que-dialog .que-dialog-close {
  transition: color 0.2s ease-in-out;
}
.que-dialog .que-dialog-close:hover {
  color: #686868;
}
.que-dialog .que-dialog-content * {
  color: #1b1b1b;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}
.que-dialog .que-name {
  display: none;
}
.que-dialog .que-field.form-field {
  flex-wrap: wrap;
}
.que-dialog .que-field.form-field .que-value {
  flex: 100%;
}
.que-dialog .que-error {
  visibility: collapse;
  color: #ff3131;
}
.que-dialog .que-value textarea {
  max-width: 100%;
  resize: vertical;
}
.que-dialog .que-value input {
  width: 350px;
  max-width: 100%;
  line-height: 1.2;
  padding: 11px 20px;
  font-size: 14px;
  vertical-align: top;
  border: 1px solid #f2f2f2;
  border-radius: var(--inputs-buttons-border-radius);
  background: #fff;
  outline: none;
  transition: border-color 0.2s ease-in-out;
  width: 100%;
}
.que-dialog .que-value input:disabled {
  cursor: default;
  color: #bdbdbd;
  border: 1px solid #bdbdbd;
}
.que-dialog .que-value input:focus {
  border-color: #bdbdbd;
}
.que-dialog .que-value input::placeholder {
  color: #888;
}
.que-dialog .que-value input:focus {
  box-shadow: initial;
  background-color: initial;
  border-bottom-left-radius: var(--inputs-buttons-border-radius);
  border-bottom-right-radius: var(--inputs-buttons-border-radius);
  outline: 0;
}

@media (min-width: 1024px) {
  .que-dialog {
    padding: 10px 20px;
    border-radius: 15px;
  }
  .que-dialog .que-dialog-close {
    font-size: 28px;
  }
}