// 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';

.header {
  font-size: 120%;
}

.small-column {
  width: 40px !important;
  max-width: 40px !important;
}

.mid-column {
  width: 60px !important;
  max-width: 60px !important;
}

.info-container {
  background-color: $lighter-red;
  color: $dark-red;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.info-icon {
  position: relative;
  top: 8px;
}

.create-new-btn {
  position: relative;
  bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: right;
  margin: 20px;
  font-size: 150%;
  background-color: $accent-yellow;
  color: black;
}

.file-button {
  width: 100%;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  border: none;
  background-color: $lighter-gray1;
  white-space: nowrap;
}

.file-button :hover {
  text-decoration: none;
  text-shadow: 1px 1px 1px #555;
}

.center {
  text-align: center;
}

.margin-top {
  margin-top: 50px;
}

::ng-deep .mat-tooltip {
  white-space: pre-line !important;
}

.icon-button {
  width: 25px !important;
}

.tag {
  color: $dark-gray;
  background-color: white;
  border: $dark-gray 1px solid;
  border-radius: 5px;
  padding: 2px;
  text-align: center;
  max-width: 60px !important;
}

.toggle {
  float: right;
  margin-right: 20px;
  position: relative;
  top: 17px;
}

.big-number {
  font-size: 150%;
  color: $blue;
}
