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