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

/*********************************************
 *  Standard form styles
 */
.form-container {
  width: 100%;
  /*******************************************
   *  Floating labels
   */
  /*********************************************
   *  The top message
   */
  /********************************************
   * Submit buttons
   */
  /*********************************************
   *  Help and error and form response messages
   */
  /*********************************************
   *  form.as_table()
   */
  /*********************************************
   *  form.as_vertical()
   */
  /*********************************************
   *  form.as_inline()
   */ }
  .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 .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: .8em; }
  .form-container .top-message {
    color: #666666;
    margin-bottom: 12px; }
  .form-container .form-row-submit-buttons button {
    margin: 0 3px; }
  .form-container .form-slider-button {
    display: none; }
  .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-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-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: #000;
      font-size: 1.2em; }
  .form-container.form-container-vertical .form-div-control-container {
    padding-bottom: 3px; }
  .form-container.form-container-vertical .form-visible-field {
    padding-bottom: 6px; }
  .form-container.form-container-vertical .form-div-submit {
    text-align: center; }
  .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 */