.form-response-base-message {
  color: #666666;
  margin-bottom: 12px;
}

/*********************************************
 *  Standard form styles
 */
.form-container {
  width: 100%;
}
.form-container.form-auto-width {
  width: auto;
}
.form-container .form-fieldset {
  font-size: 1.2em;
  color: #004876;
  margin: 12px 0;
}
.form-container .form-field {
  position: relative;
}
.form-container .form-field .form-label-container.form-hidden-label-container,
.form-container .form-field .form-label-container .form-hidden-label-container {
  display: none;
}
.form-container .form-field .form-label-container > label {
  display: inline-block;
  font-weight: 900;
}
.form-container .form-field .form-control-container > ul {
  padding-left: 6px;
}
.form-container .form-field .form-control-container > ul > li {
  list-style-type: none;
}
.form-container .form-field .form-control-container .form-control {
  width: 100%;
  font-size: 1em;
  height: auto;
}
.form-container .form-field .form-control-container .form-control[type=checkbox], .form-container .form-field .form-control-container .form-control[type=radio] {
  display: inline;
  margin: 0 6px;
  width: auto;
}
.form-container .form-field .form-control-container select.form-control {
  width: auto;
}
.form-container {
  /*******************************************
   *  Floating labels
   */
}
.form-container .form-field .form-floating-label-container {
  position: absolute;
  opacity: 1;
  color: #828282;
  top: -2px;
  font-size: 1em;
  transition: top 0.3s, font-size 0.3s;
}
.form-container .form-field .form-floating-label-container > label {
  margin: 0;
}
.form-container .form-field .form-floating-label-container + .form-control-container {
  margin-top: 22px;
}
.form-container .form-field.form-field-focus .form-floating-label-container, .form-container .form-field:not(.form-field-empty) .form-floating-label-container,
.form-container .form-field .form-floating-label-container-persistent {
  top: -22px;
  font-size: 0.8em;
}
.form-container {
  /*********************************************
   *  The top message
   */
}
.form-container .top-message {
  color: #666666;
  margin-bottom: 12px;
}
.form-container {
  /********************************************
   * Submit buttons
   */
}
.form-container .form-row-submit-buttons button {
  margin: 0 3px;
}
.form-container .form-slider-button {
  display: none;
}
.form-container {
  /*********************************************
   *  Help and error and form response messages
   */
}
.form-container .form-help-text {
  font-size: 0.8em;
  color: #6B5400;
}
.form-container .form-error-text {
  display: inline-block;
  font-size: 0.85em;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 3px 9px;
  border-radius: 2px;
}
.form-container .form-response-message {
  text-align: center;
}
.form-container {
  /*********************************************
   *  form.as_table()
   */
}
.form-container.form-container-table table.form-table:first-child {
  padding-top: 7px;
  vertical-align: top;
}
.form-container.form-container-table table.form-table .form-table-label-container {
  padding: 5px;
  text-align: right;
}
.form-container.form-container-table table.form-table td.form-table {
  padding: 5px;
}
.form-container.form-container-table table.form-table tr.form-row-submit-buttons td {
  text-align: center;
}
.form-container.form-container-table table.form-table button[type=submit] {
  margin: 5px;
}
.form-container {
  /*********************************************
   *  form.as_vertical()
   */
}
.form-container.form-container-vertical form.form-vertical-indented .form-fieldset-container .form-visible-field {
  margin-left: 60px;
}
.form-container.form-container-vertical button[type=submit] {
  margin: 6px;
}
.form-container.form-container-vertical .form-div-label-container {
  padding-bottom: 3px;
  color: #444444;
}
.form-container.form-container-vertical .form-div-label-container .optional-color-size-fix {
  color: #444444;
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
}
.form-container.form-container-vertical .form-div-control-container {
  padding-bottom: 3px;
}
.form-container.form-container-vertical .form-visible-field {
  padding-bottom: 18px;
}
.form-container.form-container-vertical .form-div-submit {
  text-align: center;
}
.form-container {
  /*********************************************
   *  form.as_inline()
   */
}
.form-container.form-container-inline .form-span-label-container {
  color: #888888;
}
.form-container.form-container-inline .form-control-container .form-control {
  display: inline;
  width: auto;
  margin: 3px;
}

/*********************************************
 *  Alerts created by formlib.html.py
 */
.form-alert > .close {
  margin-left: 6px;
}
.form-alert.form-alert-center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.form-alert.form-alert-left {
  display: table;
  margin-right: auto;
}
.form-alert.form-alert-right {
  display: table;
  margin-left: auto;
}
.form-alert.form-alert-inline {
  display: inline-block;
}
.form-alert.form-alert-block {
  display: block;
}
.form-alert.form-alert-full {
  display: block;
}
.form-alert.form-alert-text-center {
  text-align: center;
}
.form-alert.form-alert-text-left {
  text-align: left;
}
.form-alert.form-alert-text-right {
  text-align: right;
}

/*********************************************
 *  FileItem widget
 */
.form-fileitem-widget .select_file_button {
  margin-right: 6px;
  min-width: 90px;
  /* makes the two buttons same width, even though the text is different.  at least at the default font */
}
.form-fileitem-widget .progress {
  min-width: 300px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.form-fileitem-widget .progress_bar_remaining {
  opacity: 0.3;
}

table.multiple_file_upload {
  width: auto;
  min-width: 300px;
  margin-bottom: 6px;
}

/*********************************************
 * Custom button for button select widget
 */
.button-select-widget button {
  border: 1px solid #cccccc;
  background-color: #f4f4f4;
  background-image: none;
  font-weight: normal;
  color: #545a5f;
  border-radius: 12px;
  font-size: 11px !important;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 3px 10px;
  box-shadow: none;
  text-shadow: none;
}
.button-select-widget button:hover {
  border: 1px solid #B4B4B4;
}

/*********************************************
 *   Static Text widget
 */
.form-statictext {
  display: inline-block;
}

/*******************************************
 *    Radio Pill Widget (see fields.py)
 */
.radio-pill-widget.form-control {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.radio-pill-widget.form-control > label:not(.active) {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.radio-pill-widget.form-control > label:not(.active):focus, .radio-pill-widget.form-control > label:not(.active):hover {
  background-color: #ebebeb;
  border-color: #adadad;
}

/*********************************************
 *   CKEditor customizations
 */
span.cke_skin_kama {
  padding: 0 !important;
}

/*******************************************
 *    ACE Programmers Editor
 */
.form-field-ace-container {
  width: 100%;
}
.form-field-ace-container div.ace_editor_container {
  min-height: 200px;
  border: 1px solid #CCC;
  border-radius: 4px;
  width: 100%;
}
.form-field-ace-container textarea.ace_editor_textarea {
  display: none;
}

/***************************************
 *   DateTimePicker
 */
.form-datetimepicker {
  width: auto;
}

.modal_slider_container table.form-changes-container,
.slider_container table.form-changes-container {
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}
.modal_slider_container table.form-changes-container td,
.slider_container table.form-changes-container td {
  margin: 0;
  padding: 0;
  vertical-align: center;
  text-align: left;
  font-size: 0.9em;
}
.modal_slider_container table.form-changes-container td.form-changes-buttons,
.slider_container table.form-changes-container td.form-changes-buttons {
  vertical-align: top;
  text-align: right;
}

/*# sourceMappingURL=form.Form.scss.css.map */