app/addons/documents/assets/scss/query-options.scss

// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy of
// the License at
//
//   http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.

@import "../../../../../assets/scss/mixins";

#query-options-tray:before {
  right: 225px;
}

#query-options-tray {
  width: 490px;
  padding-top: 6px;
  max-height: calc(100vh - 64px);
  overflow-y: scroll;

  .fonticon-help-circled {
    margin-left: 3px;
    font-size: 17.5px;
    color: $cf-secondary;
    &:hover {
      color: $cf-brand-hightlight-hover;
    }
  }

  .controls-group {
    margin: 0;
  }
  .controls-group:last-child {
    margin: 0;
  }

  label.disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  div.controls-group.well {
    height: 156px;
    background: none;
    border: none;
    padding: 10px 0;
  }

  #skipRows {
    margin-left: 5px;
  }
  .add-on {
    height: 28px;
  }
  .hide {
    display: none;
  }

  div#button-options {
    .btn-cf-cancel {
      margin-right: 0.5rem;
      color: $cf-text02;

      &:hover {
        color: $cf-btn-cancel-color-hover;
      }
    }
  }
}