/* ALL FORMS */
#body input[type=date].no-picker::-webkit-calendar-picker-indicator {
  display: none;
}
#body .input-action {
  display: none;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
}
#body :hover > .input-action {
  display: block;
}
#body .input-action-form {
  width: 160px;
}
#body .input-action-form .input-group {
  width: 100%;
  margin-bottom: 10px;
}
#body .input-action-form .input-group input {
  text-align: left;
}
#body .input-action-form .button-group .btn {
  margin-right: 5px;
}
/* REGULAR FORMS */
#body .form-style-new .buttons {
  margin-top: 3rem;
}
#body .form-style-new .button {
  padding-left: 2rem;
  padding-right: 2rem;
  min-width: 10rem;
}
#body .form-style-new .buttons > *,
#body .form-style-new .buttons > form > * {
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  min-width: 10rem;
}
#body .form-style-new .col-form-label {
  font-weight: 500;
}
#body .form-style-new label {
  font-weight: normal;
}
#body .form-style-new input,
#body .form-style-new textarea,
#body .form-style-new select {
  box-shadow: none;
  transition: border-color 100ms;
}
#body .form-style-new input:focus,
#body .form-style-new textarea:focus,
#body .form-style-new select:focus {
  border-color: var(--blue-light-fg);
}
#body .form-style-new input.error,
#body .form-style-new textarea.error,
#body .form-style-new select.error {
  border-color: var(--red-light-fg);
}
#body .form-style-new input.warning,
#body .form-style-new textarea.warning,
#body .form-style-new select.warning {
  border-color: var(--yellow-medium-fg);
}
#body .form-style-new .form-group {
  margin-top: 20px;
  margin-bottom: 20px;
}
#body .form-style-new .form-group .input-action {
  top: 12px;
  right: 24px;
}
#body .form-style-new .form-group .input-feedback {
  font-size: 12px;
  color: var(--grey-medium-fg);
}
#body .form-style-new .error-messages,
#body .form-style-new .warning-messages {
  list-style-type: none;
  text-align: left;
  margin: 10px 0;
  padding: 0;
}
#body .form-style-new .error-messages .error-message,
#body .form-style-new .warning-messages .error-message,
#body .form-style-new .error-messages .warning-message,
#body .form-style-new .warning-messages .warning-message {
  display: block;
  margin: 0;
  padding: 0;
}
#body .form-style-new .error-messages .error-message,
#body .form-style-new .warning-messages .error-message {
  color: var(--red-medium-fg);
}
#body .form-style-new .error-messages .warning-message,
#body .form-style-new .warning-messages .warning-message {
  color: var(--yellow-dark-fg);
}
/* INLINE FORMS */
#body .form-style-new .inline-input {
  display: inline-block;
  margin-left: 20px;
  width: 100px;
}
/* TABLE FORMS */
#body .form-style-new .input-table td {
  padding: 0;
  vertical-align: middle;
  white-space: nowrap;
  min-width: 50px;
}
#body .form-style-new .input-table td > input,
#body .form-style-new .input-table td > select,
#body .form-style-new .input-table td > .btn.w-100 {
  outline: none;
  border: none;
  border-radius: 0;
}
#body .form-style-new .input-table td > input:focus,
#body .form-style-new .input-table td > select:focus,
#body .form-style-new .input-table td > .btn.w-100:focus {
  outline: 1px solid var(--blue-light-border);
  outline-offset: -4px;
}
#body .form-style-new .input-table td > input.error,
#body .form-style-new .input-table td > select.error,
#body .form-style-new .input-table td > .btn.w-100.error {
  outline: 1px solid var(--red-light-border);
  outline-offset: -4px;
}
#body .form-style-new .input-table td > input.warning,
#body .form-style-new .input-table td > select.warning,
#body .form-style-new .input-table td > .btn.w-100.warning {
  outline: 1px solid var(--yellow-medium-border);
  outline-offset: -4px;
}
#body .form-style-new .input-table td .btn.w-100 {
  height: 36px;
  box-shadow: none;
  color: var(--blue-medium);
  text-align: left;
}
#body .form-style-new .input-table .input-action {
  top: 12px;
  right: 10px;
}
#body .form-style-new .input-table select {
  -webkit-appearance: none;
  cursor: pointer;
}
#body .form-style-new .input-table .error ~ .tooltip .tooltip-inner,
#body .form-style-new .input-table .warning ~ .tooltip .tooltip-inner {
  color: var(--white);
  overflow-wrap: break-word;
  white-space: normal;
}
#body .form-style-new .input-table .error ~ .tooltip .tooltip-inner {
  background: var(--red-medium-bg);
}
#body .form-style-new .input-table .error ~ .tooltip .tooltip-arrow::before {
  border-bottom-color: var(--red-medium-border);
}
#body .form-style-new .input-table .warning ~ .tooltip .tooltip-inner {
  background: var(--yellow-dark-bg);
}
#body .form-style-new .input-table .warning ~ .tooltip .tooltip-arrow::before {
  border-bottom-color: var(--yellow-dark-border);
}
#body .form-style-new .input-table .static {
  background: var(--grey-bootstrap-bg);
  padding: 6px 12px;
}
#body .form-style-new .input-table .dynamic {
  color: var(--purple-medium);
  padding: 6px 12px;
}
#body .form-style-new .input-table .dynamic .glyphicon {
  top: 2px;
}
#body .form-style-new .input-table.hidden-row tbody tr:last-child {
  display: none;
}
/* toolbar */
/* HTML EDITOR */
#body .form-style-new .html-editor.sticky-toolbar .ql-toolbar {
  position: sticky;
  top: 0;
  background: var(--bs-body-bg);
}
#body .form-style-new .html-editor .ql-toolbar {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
#body .form-style-new .html-editor .ql-container {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* border colour */
#body .form-style-new .html-editor.error .ql-toolbar {
  border-left-color: var(--red-light);
  border-top-color: var(--red-light);
  border-right-color: var(--red-light);
}
#body .form-style-new .html-editor.error .ql-container {
  border-right-color: var(--red-light);
  border-bottom-color: var(--red-light);
  border-left-color: var(--red-light);
}