/* 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 > * {
  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: #88b5dd;
}
#body .form-style-new input.error,
#body .form-style-new textarea.error,
#body .form-style-new select.error {
  border-color: #e48181;
}
#body .form-style-new input.warning,
#body .form-style-new textarea.warning,
#body .form-style-new select.warning {
  border-color: #e7c418;
}
#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: #808080;
}
#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: #d22d2d;
}
#body .form-style-new .error-messages .warning-message,
#body .form-style-new .warning-messages .warning-message {
  color: #b99d13;
}
/* 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-block {
  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-block:focus {
  outline: 1px solid #88b5dd;
  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-block.error {
  outline: 1px solid #e48181;
  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-block.warning {
  outline: 1px solid #e7c418;
  outline-offset: -4px;
}
#body .form-style-new .input-table td .btn-block {
  height: 36px;
  box-shadow: none;
  color: #3884c7;
  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: white;
  overflow-wrap: break-word;
  white-space: normal;
}
#body .form-style-new .input-table .error ~ .tooltip .tooltip-inner {
  background: #d22d2d;
}
#body .form-style-new .input-table .error ~ .tooltip .arrow::before {
  border-bottom-color: #d22d2d;
}
#body .form-style-new .input-table .warning ~ .tooltip .tooltip-inner {
  background: #b99d13;
}
#body .form-style-new .input-table .warning ~ .tooltip .arrow::before {
  border-bottom-color: #b99d13;
}
#body .form-style-new .input-table .static {
  background: #ededed;
  padding: 6px 12px;
}
#body .form-style-new .input-table .dynamic {
  color: #954eb1;
  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;
}
/* HTML EDITOR */
#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: #e48181;
  border-top-color: #e48181;
  border-right-color: #e48181;
}
#body .form-style-new .html-editor.error .ql-container {
  border-right-color: #e48181;
  border-bottom-color: #e48181;
  border-left-color: #e48181;
}