/*******************************************************************************
* Copyright (c) 2019 IBM Corporation and others.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v2.0
* which accompanies this distribution, and is available at
* http://www.eclipse.org/legal/epl-v20.html
*
* Contributors:
*     IBM Corporation - initial API and implementation
******************************************************************************/

@import "~@carbon/colors/scss/colors";
@import "~@carbon/layout/scss/spacing";
@import "~@carbon/type/scss/type";
@import "~@carbon/grid/scss/grid";

.ResultsCard .metrics-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: $carbon--spacing-04;
  margin-bottom: $carbon--spacing-05;
  border-bottom: 1px solid $carbon__gray-10;
}

.ResultsCard .metrics-title .label {
  font-size: carbon--type-scale(4);
}

.ResultsCard .metrics-title .datetime {
  font-size: carbon--type-scale(2);
  margin-top: 4px;
}

.ResultsCard .decription-text {
  font-style: italic;
  color: $carbon__gray-30;
}

.ResultsCard .metrics-container {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
}

.ResultsCard .metrics-types {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.ResultsCard .metrics-value {
  font-size: carbon--type-scale(8);
  margin-bottom: $carbon--spacing-03;
}

.ResultsCard .metrics-label {
  font-size: carbon--type-scale(2);
  display: inline-block;
  vertical-align: top;
  padding-top: $carbon--spacing-01;
}

.ResultsCard .metrics-delta {
  font-size: carbon--type-scale(2);
  margin-left: $carbon--spacing-03;
  display: inline-block;
  fill: $carbon__gray-10;
  height: 16px;
  width: 16px;
}

.ResultsCard  .bx--tooltip--definition .bx--tooltip__trigger{
  border-bottom:none;
}