@charset "UTF-8";
.mw-form-field.mw-multiSelect, .mw-form-field.mw-select, .mw-form-field.mw-uploadManager, .mw-form-field.mw-file, .mw-form-field.mw-files, .mw-form-field.mw-image, .mw-form-field.mw-images {
  cursor: pointer; }
.mw-form-field.mw-hidden {
  padding: 0px !important;
  margin: 0px !important; }
.mw-form-field .mw-box {
  display: flex;
  padding: 7px 12px 3px 12px;
  position: relative;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
  cursor: inherit; }
  .mw-form-field .mw-box.mw-bg-transparent {
    background-color: transparent !important;
    border: none !important; }
  .mw-form-field .mw-box:hover {
    background-color: #FAFAFA;
    border-color: #888888; }
  .mw-form-field.mw-active .mw-box {
    background-color: #FAFAFA;
    border-color: #888888; }
  .mw-check .mw-box, .mw-radiobox .mw-box {
    padding-top: 0;
    padding-bottom: 0; }
.mw-form-field .mw-icon {
  width: 32px;
  font-size: 18px;
  text-align: center;
  line-height: 34px;
  color: #777777; }
  .mw-form-field .mw-icon.hint {
    z-index: 2; }
  .mw-form-field .mw-icon:first-child {
    padding-right: 10px; }
  .mw-form-field .mw-icon:last-child {
    padding-left: 10px; }
  .mw-form-field.loading .mw-icon i {
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
    .mw-form-field.loading .mw-icon i:before {
      content: "" !important;
      font-family: FontAwesome; }
.mw-form-field .mw-content {
  flex-grow: 1;
  background-color: inherit; }
  .mw-form-field .mw-content .mw-label {
    height: 12px;
    display: flex;
    pointer-events: none;
    color: #777777; }
    .mw-form-field .mw-content .mw-label > div {
      position: absolute;
      font-size: 15px;
      transform-origin: top left;
      transform: scale(0.75) translateY(-6px);
      transition-duration: 0.3s;
      height: 100%;
      white-space: nowrap; }
      .mw-form-field .mw-content .mw-label > div .hint {
        display: none; }
      .mw-form-field .mw-content .mw-label > div .lang {
        position: relative;
        top: 0px; }
    .mw-form-field .mw-content:has(.mw-data-input:-webkit-autofill) .mw-label > div {
      transform: scale(0.75) translateY(-6px) !important; }
    .mw-form-field.mw-placeholder .mw-content .mw-label > div {
      transform: none;
      padding-top: 3px; }
  .mw-wysiwyg .mw-content .mw-controls {
    margin: 5px 0 7px 0; }
  .mw-code .mw-content .mw-controls {
    margin: 5px 0 7px 0;
    border: 1px solid #DDDDDD; }
  .mw-file .mw-content .mw-controls .template, .mw-files .mw-content .mw-controls .template, .mw-image .mw-content .mw-controls .template, .mw-images .mw-content .mw-controls .template {
    display: none; }
  .mw-file .mw-content .mw-controls .icoDel span, .mw-files .mw-content .mw-controls .icoDel span, .mw-image .mw-content .mw-controls .icoDel span, .mw-images .mw-content .mw-controls .icoDel span {
    display: none; }
  .mw-file .mw-content .mw-controls input[type=file], .mw-files .mw-content .mw-controls input[type=file], .mw-image .mw-content .mw-controls input[type=file], .mw-images .mw-content .mw-controls input[type=file] {
    position: absolute;
    cursor: pointer;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0; }
    .mw-file.mw-placeholder .mw-content .mw-controls input[type=file], .mw-files.mw-placeholder .mw-content .mw-controls input[type=file], .mw-image.mw-placeholder .mw-content .mw-controls input[type=file], .mw-images.mw-placeholder .mw-content .mw-controls input[type=file] {
      z-index: 2; }
  .mw-form-field .mw-content .mw-group {
    width: 100%;
    display: flex;
    line-height: 1.3;
    gap: 10px;
    margin: 3px 0; }
    .mw-check .mw-group, .mw-radiobox .mw-group {
      cursor: default; }
    .mw-form-field .mw-content .mw-group .mw-small-label {
      display: flex;
      align-items: center; }
  .mw-form-field .mw-content .mw-data-input {
    width: 100%;
    border: none;
    padding: 0px;
    background: none;
    outline: none;
    resize: none; }
    .mw-form-field .mw-content:has(.mw-data-input:-webkit-autofill) .mw-data-input {
      transition: background-color 5000s ease-in-out 0s;
      opacity: 1; }
    .mw-form-field .mw-content .mw-data-input[type="datetime-local"]::-webkit-calendar-picker-indicator, .mw-form-field .mw-content .mw-data-input[type="date"]::-webkit-calendar-picker-indicator, .mw-form-field .mw-content .mw-data-input[type="time"]::-webkit-calendar-picker-indicator {
      background: transparent;
      bottom: 0;
      color: transparent;
      cursor: pointer;
      height: auto;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: auto; }
    .mw-form-field .mw-content .mw-data-input[type="number"] {
      -moz-appearance: textfield; }
      .mw-form-field .mw-content .mw-data-input[type="number"]::-webkit-outer-spin-button, .mw-form-field .mw-content .mw-data-input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
  .mw-form-field .mw-content .mw-ui-input {
    line-height: 1.5;
    min-height: 23px;
    font-size: 15px;
    display: block;
    position: relative;
    z-index: 1;
    flex-shrink: 0; }
    .mw-form-field.mw-placeholder .mw-content .mw-ui-input {
      opacity: 0; }
    .mw-form-field .mw-content .mw-ui-input:focus {
      outline: none; }
  .mw-form-field .mw-content .mw-options {
    position: absolute;
    z-index: 5000;
    left: -1px;
    right: -1px;
    margin-top: 5px;
    display: none;
    background-color: #FAFAFA;
    border-radius: 5px;
    border: 1px solid #888888;
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    max-height: 332px;
    _height: expression(this.scrollHeight > 332 ? "332px" : "auto" ); }
    .mw-form-field .mw-content .mw-options .mw-option {
      padding: 8px 12px;
      display: block; }
      .mw-form-field .mw-content .mw-options .mw-option.depth1 {
        padding-left: 32px; }
      .mw-form-field .mw-content .mw-options .mw-option.depth2 {
        padding-left: 52px; }
      .mw-form-field .mw-content .mw-options .mw-option input {
        opacity: 0; }
      .mw-form-field .mw-content .mw-options .mw-option:hover, .mw-form-field .mw-content .mw-options .mw-option.selected {
        background-color: #EEEEEE; }
    .mw-form-field .mw-content .mw-options .ico {
      margin-right: 5px; }
    .mw-form-field .mw-content .mw-options .active {
      cursor: pointer; }
    .mw-form-field .mw-content .mw-options .checkbox {
      width: auto;
      float: right;
      margin: 6px 8px 0px 0px; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.mw-checkbox, .mw-radiobox {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  min-height: auto !important; }
  .mw-checkbox.mw-active, .mw-radiobox.mw-active {
    background-color: #FAFAFA;
    border: 1px solid #888888; }
  .mw-checkbox.mw-checkbox.mw-selected, .mw-radiobox.mw-checkbox.mw-selected {
    background-color: #999999 !important; }
    .mw-checkbox.mw-checkbox.mw-selected.mw-active, .mw-radiobox.mw-checkbox.mw-selected.mw-active {
      background-color: #949494 !important; }
  .mw-checkbox.mw-radiobox, .mw-radiobox.mw-radiobox {
    border-radius: 50%;
    padding: 4px; }
    .mw-checkbox.mw-radiobox:before, .mw-radiobox.mw-radiobox:before {
      background-color: #999999;
      border: none;
      border-radius: 50%;
      width: 100%;
      height: 100%;
      margin: 0; }
  .mw-checkbox:before, .mw-radiobox:before {
    content: '';
    display: none;
    width: 5px;
    height: 8px;
    margin: 2px 0 0 5px;
    border: 3px solid #ffffff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg); }
  .mw-checkbox.mw-selected:before, .mw-radiobox.mw-selected:before {
    display: block; }
  .mw-checkbox input, .mw-radiobox input {
    opacity: 0;
    position: absolute; }

.mw-expander {
  display: block;
  color: #777777;
  cursor: pointer; }
  .mw-expander:before {
    font-family: FontAwesome;
    content: '\f0d7';
    display: inline-block;
    opacity: 0.5;
    width: 16px;
    height: 16px;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    background-color: #777777;
    color: white;
    position: relative;
    top: -1px; }
  .mw-expander:hover:before {
    opacity: 1; }
  .mw-expander .mw-on {
    display: none; }
  .mw-expander.expanded:before {
    content: '\f0d8'; }
  .mw-expander.expanded .mw-on {
    display: initial; }
  .mw-expander.expanded .mw-off {
    display: none; }

.mw-expandable {
  display: none; }

/* old styles - obsolette */
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 .formfield.file.image .icoDel span {
        display: none; }
  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 */