/*
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you 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.
*/

.content-div {
  min-height: unset;
  padding-bottom: 10px;

  .heatmap-header-section {
    display: flex;
    justify-content: space-between;
    align-items: stretch;

    @media (max-width: 1680px) {
      flex-direction: column;
    }

    .heatmap-filter-section {
      font-size: 14px;
      font-weight: normal;
      display: flex;
      column-gap: 12px;

      .path-input-container {
        display: inline-flex;
        align-items: flex-start;
        
        .path-input-element {
          margin: 0px 0px 0px 10px;
          width: 20vw;
        }
      }

      .entity-dropdown-button {
        display: inline-block;
      }

      .date-dropdown-button {
        display: inline-block;
      }

      .input-bar {
        display: inline-block;
        margin-left: 25px;
      }

      .input {
        padding-left: 5px;
        margin-right: 10px;
        display: inline-block;
        width: 400px;
      }
    }

    .heatmap-legend-container {
      display: flex !important;
      align-self: flex-start;

      .heatmap-legend-item {
        display: flex;
        align-items: center;
        margin-left: 20px;
      }
    }
  }

  #heatmap-plot-container {
    height: 600px;
    width: 84vw;
    margin-left: -12px;
  }
}
