/**
 * Used in:
 *
 * ClassicViewPage
 * RecentlyRunPage
 * MapViewPage
 *
 * @todo: Rename to a more generic name.
 */

/* Name filter */

#Form_NameFilter_Holder, #Form_CategoryFilter_Holder {
  label {
    // Why not display: none;? Screenreaders :-)
    position: absolute;
    visibility: hidden;
    left: -9999;
  }
}

#Form_NameFilter {
  padding-left: 30px;
}

#Form_NameFilter_Holder {
  .middleColumn {
    position: relative;
    &:after {
      position: absolute;
      z-index: 22;
      top: 5px;
      left: 9px;
      content: "\f002";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
    }
  }
}

.filter-by-name,
.filter-by-category {
  margin-bottom: 30px;
  p {
    font-weight: bold;
  }
}
.filter-clear {
  margin-bottom: 30px;
  a {
    text-decoration: underline;
  }
}

/* Product table */

.product-table {
  td {
    position: relative;
  }
  a, .pseudo-anchor {
      display: block;
  }
  a, .pseudo-anchor, [data-click-to-run] {
    color: #000;
    text-decoration: underline;
    cursor: pointer; // For non-anchor "links"

    &:hover {
      text-decoration: none;
    }

    &.disabled {
        text-decoration: none;
        color: #ccc;
        cursor: not-allowed;
    }
  }
  tbody {
    td {
      padding: 0;
      padding-left: 8px;
      line-height: 38px;
    }
    tr[data-generator-id] {
      & > td:first-child {
        padding-right:40px !important;
      }
    }
    i {
      &.fa {
        position: absolute;
        top: 1rem;
        right: 2rem;
      }
    }
  }
  .run-form {
    margin: 25px;
    display: none;
    overflow: hidden;
    box-sizing: border-box;
  }

  .popover {
    margin-top: 0 !important;
  }


  .list-pagination,
  .pagination {
    margin: 0;
    padding: 0;
  }
  .list-pagination {
    margin-top: 5px;
  }
}

.run-form {
    .message {
      &.required {
        background: #FF0000;
        color: #FFF;
        width: 100%;
        display: inline-block;
        margin: 0;
        padding: 1rem;
      }
    }
    input, select {
      &:not([type="checkbox"]):not([type="submit"]):not([type="button"]) {
        width: 100%;
      }
      &:disabled {
        cursor: not-allowed;
        background-color: #eee;
      }
    }
    .Actions {
      padding-left: 15px;
    }
}
/* Generator form and spinner */

.generator-form-holder {
  cursor: default;
  background-color: #fff !important;

  td {
    padding-left: 0;

    &:before {
      @include transition('all 3s ease-in-out');
    }
  }
}
.executing:before {
    display:block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF url(../img/spinner.gif) center center no-repeat;
  @include opacity(.75);
  z-index: 10000;
}
.generator-form-holder {
  td {
    padding-left: 0;
  }
}
.run-form {
    input:not([type="submit"]):not([type="button"]),

    select,
    textarea {
      background-color: #fff;
      &:disabled {
          background-color: #eee !important;
      }
    }

    .middleColumn .fieldholder-small {
        min-height:90px;
    }

    .middleColumn .date label {
        color:#333;
        font-size:16px;
    }

    input.date {
        border: 1px solid #ccc;
        height: 34px;
        line-height: 1.42857;
        padding: 6px 12px;
        margin:0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    #Form_Form_1_Stations_Holder.fieldholder-small {
        min-height:120px;
        height:auto;
    }
}

form.run-form .btn-toolbar {
  margin-left: 15px;
}

span.no-underline {
  display: inline-block;
  padding-left: 10px;
  text-decoration: none;
  font-size: 1.5rem;
}