// Copyright (c) 2021 Intel 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.
@import './../../variables.scss';

.pointer {
  cursor: pointer;
}

.config-btn {
  background-color: $dark-gray;
  text-align: left;
}

.name {
  color: white;
}

.name:hover {
  color: $accent-yellow;
}

.time {
  color: $light-gray;
  font-size: 80%;
  position: relative;
  top: -20px;
  text-align: left;
  margin-left: 30px;
}

.wip {
  margin-left: 0px !important;
}

.model-list {
  font-family: IntelClearLt;
  padding: 10px;
}

img {
  width: 25px;
  padding-right: 5px;
  position: relative;
  top: 15px;
}

.spinner {
  position: relative;
  top: 10px;
  margin-right: 5px;
}

.spinner-wrapper {
  display: flex;
  text-align: left;
}

.active {
  background-color: $darker-gray;
  width: 100%;
}

.model-list-btn {
  color: $light-gray;
  cursor: pointer;
  background-color: $dark-gray;
}

.model-list-btn:hover {
  color: $accent-yellow;
}

@media all and (max-width:1500px) {
  .time {
    font-size: 60%;
    position: relative;
    top: -5px;
  }

  .config-btn {
    line-height: 20px;
  }
}
