html body {
  /* in place editable forms*/ }
  html body .formfield {
    margin: 3px 0 5px 0; }
    html body .formfield label .help .ico:before {
      content: '\f05a';
      font-family: FontAwesome;
      display: inline-flex; }
    html body .formfield label .help:hover .text {
      display: inline-block; }
    html body .formfield label .help .text {
      z-index: 1000;
      padding: 10px;
      position: absolute;
      display: none;
      background-color: rgba(255, 255, 255, 0.9);
      border: 1px solid #AAAAAA;
      max-width: 300px; }
    html body .formfield.customSelectBox .dropdown, html body .formfield.customMultiSelectBox .dropdown {
      width: 100%;
      overflow: visible; }
    html body .formfield.customSelectBox .displayedValue, html body .formfield.customMultiSelectBox .displayedValue {
      width: 100%;
      height: 34px;
      overflow: hidden;
      cursor: pointer;
      overflow: hidden;
      background-image: url("../../templates/admin/img/selectBox.gif");
      background-repeat: no-repeat;
      background-position: calc(100% - 6px);
      z-index: 50; }
    html body .formfield.customSelectBox .options, html body .formfield.customMultiSelectBox .options {
      background-color: #FFFFFF;
      display: none;
      margin: -2px 0px 0px 0px;
      padding: 0px;
      border: 1px solid #777777;
      overflow: auto;
      overflow-x: hidden;
      -ms-overflow-x: hidden;
      max-height: 346px;
      _height: expression(this.scrollHeight > 346 ? "346px" : "auto" );
      position: absolute;
      z-index: 5000; }
      html body .formfield.customSelectBox .options > span, html body .formfield.customSelectBox .options > label, html body .formfield.customMultiSelectBox .options > span, html body .formfield.customMultiSelectBox .options > label {
        display: block;
        background-repeat: no-repeat;
        background-color: #EEEEEE;
        height: 26px;
        line-height: 26px;
        margin: 1px 0px 1px 0px;
        padding: 0px;
        text-align: left;
        overflow: hidden;
        width: 100%; }
        html body .formfield.customSelectBox .options > span:before, html body .formfield.customSelectBox .options > label:before, html body .formfield.customMultiSelectBox .options > span:before, html body .formfield.customMultiSelectBox .options > label:before {
          content: ''; }
        html body .formfield.customSelectBox .options > span input, html body .formfield.customSelectBox .options > label input, html body .formfield.customMultiSelectBox .options > span input, html body .formfield.customMultiSelectBox .options > label input {
          min-height: 0; }
      html body .formfield.customSelectBox .options .category, html body .formfield.customMultiSelectBox .options .category {
        background-color: #DDDDDD; }
      html body .formfield.customSelectBox .options .active, html body .formfield.customMultiSelectBox .options .active {
        cursor: pointer; }
        html body .formfield.customSelectBox .options .active:hover, html body .formfield.customSelectBox .options .active.selected, html body .formfield.customMultiSelectBox .options .active:hover, html body .formfield.customMultiSelectBox .options .active.selected {
          background-color: #356AA0;
          color: #FFFFFF; }
      html body .formfield.customSelectBox .options .checkbox, html body .formfield.customMultiSelectBox .options .checkbox {
        width: auto;
        float: right;
        margin: 6px 8px 0px 0px; }
    html body .formfield.customSelectBox .depth0, html body .formfield.customMultiSelectBox .depth0 {
      text-indent: 5px; }
    html body .formfield.customSelectBox .depth1, html body .formfield.customMultiSelectBox .depth1 {
      text-indent: 25px; }
    html body .formfield.customSelectBox .depth2, html body .formfield.customMultiSelectBox .depth2 {
      text-indent: 45px; }
    html body .formfield.customSelectBox .depth3, html body .formfield.customMultiSelectBox .depth3 {
      text-indent: 65px; }
    html body .formfield.customSelectBox .depth4, html body .formfield.customMultiSelectBox .depth4 {
      text-indent: 85px; }
    html body .formfield.customSelectBox .depth5, html body .formfield.customMultiSelectBox .depth5 {
      text-indent: 105px; }
    html body .formfield.checklist .filter {
      /* default hidden */
      display: none; }
    html body .formfield.checklist.filterable .filter {
      display: block;
      position: relative;
      margin-bottom: 5px; }
      html body .formfield.checklist.filterable .filter:after {
        content: '\f002';
        font-family: FontAwesome;
        position: absolute;
        right: 10px;
        top: 6px;
        color: #888888;
        font-size: 15px; }
    html body .formfield.checklist .item.hidden {
      height: 0px;
      overflow: hidden;
      display: block; }
    html body .formfield.checkbox .formContent .item, html body .formfield.radio .formContent .item {
      display: flex;
      align-items: flex-start; }
      html body .formfield.checkbox .formContent .item input, html body .formfield.radio .formContent .item input {
        width: auto;
        flex-grow: 0;
        min-height: 0px; }
      html body .formfield.checkbox .formContent .item label, html body .formfield.radio .formContent .item label {
        width: auto;
        flex-grow: 0; }
    html body .formfield.wysiwyg .cke {
      border: none !important; }
    html body .formfield.file .currentFile {
      position: relative; }
      html body .formfield.file .currentFile .icoDel {
        text-decoration: none; }
        html body .formfield.file .currentFile .icoDel:before {
          content: '\f1f8';
          font-family: FontAwesome; }
        html body .formfield.file .currentFile .icoDel span {
          display: none; }
    html body .formfield.file.image a.file {
      opacity: 0.9; }
      html body .formfield.file.image a.file:hover {
        opacity: 1; }
    html body .formfield.file.image .icoDel {
      position: absolute;
      opacity: 0.8; }
      html body .formfield.file.image .icoDel:hover {
        opacity: 1; }
  html body .recordList tr.editable td:after, html body .recordList tr.editable td:before {
    display: none; }
  html body .recordList tr.editable td.icons .icoLoading {
    display: none; }
  html body .recordList tr.editable td .formfield {
    border: none; }
    html body .recordList tr.editable td .formfield label {
      display: none; }
    html body .recordList tr.editable td .formfield .formContent {
      width: 100%;
      float: none; }
      html body .recordList tr.editable td .formfield .formContent textarea, html body .recordList tr.editable td .formfield .formContent select, html body .recordList tr.editable td .formfield .formContent input {
        display: block; }
  html body .recordList tr.edited {
    display: none; }
  html body .recordList tr.loading .icons .ico {
    display: none; }
    html body .recordList tr.loading .icons .ico.icoLoading {
      display: inline-block; }
  html body .recordList tr td.number, html body .recordList tr th.number {
    text-align: right !important; }

/*# sourceMappingURL=forms.css.map */