/*
 * Copyright (C) 2017-2019 Dremio Corporation
 *
 * 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.
 */

.jobs-filters {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  overflow: initial;
  gap: 20px;

  &__left {
    display: flex;
    align-items: center;
    gap: 20px;

    &__search {
      height: 32px;
      width: 280px;
      align-items: center;
    }

    &__start-time {
      :global {
        .MuiPaper-root.MuiPopover-paper {
          overflow: hidden;
          width: 568px;
          height: 458px;
        }
      }
    }
  }

  &__jst {
    :global {
      .listbox-item {
        padding: 4px 8px;
      }
    }
  }

  &__column-select {
    border-color: var(--border--neutral--solid) !important;
    background-color: var(--fill--primary) !important;

    &:hover {
      background-color: var(--fill--secondary) !important;
    }

    &__setting-icon {
      height: 24px;
      width: 24px;
      color: var(--icon--primary);
    }
  }
}

.column-select-popup {
  :global {
    .column-select-popup__check-box {
      border-radius: 2px;
      background: var(--fill--primary);

      &.checked {
        background-color: var(--fill--toggle--checked);
      }

      &.--disabled {
        border-radius: 2px;
        background: var(--fill--toggle);
        border: 1px solid var(--fill--toggle);

        &:hover {
          background: var(--fill--toggle);
          border: 1px solid var(--fill--toggle);
        }
      }
    }
  }
}
