// Copyright 2015 Google Inc. All Rights Reserved.
//
// 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';

$replicasetdetails-sidebar-bg: #fafafa;
$replicasetdetails-sidebar-width: 315px;

$table-cell-height: 6 * $baseline-grid;
$table-cell-height-half: $table-cell-height / 2;

.kd-replicasetdetail-app-name {
  color: $foreground-2;
  font-weight: $regular-font-weight;
}

.kd-replicasetdetail-sidebar {
  background-color: $replicasetdetails-sidebar-bg;
  max-width: $replicasetdetails-sidebar-width + 10 * $baseline-grid;
  min-width: $replicasetdetails-sidebar-width;
}

.kd-replicasetdetail-sidebar-item {
  padding-left: 2 * $baseline-grid;
  padding-right: $baseline-grid;  
}

.kd-replicasetdetail-table {
  width: 100%;
}

.kd-replicasetdetail-sidebar-header {
  height: $table-cell-height;
}

.kd-replicasetdetail-sidebar-header-wrapper {
  border-bottom: 1px solid $foreground-4;
}

.kd-replicasetdetail-sidebar-title {
  font-size: $subhead-font-size-base;
  font-weight: $bold-font-weight;
  padding: $baseline-grid 0;
}

.kd-replicasetdetail-sidebar-line {
  color: $foreground-2;
  font-size: $body-font-size-base;
  padding-bottom: $baseline-grid;
}

.kd-replicasetdetail-sidebar-subline {
  color: $foreground-1;
  font-size: $body-font-size-base;
  overflow: hidden;
  padding-bottom: $baseline-grid;
  text-overflow: ellipsis;
}

.kd-replicasetdetail-warning-icon {
  color: $warning;
  font-size: $table-cell-height-half;
  padding: 0 $baseline-grid;
  vertical-align: middle;
}

.kd-replicasetdetail-options {
  margin: 2 * $baseline-grid;
}

.kd-replicasetdetail-sidebar-info {
  // 6px needed to offset for md-button padding.
  padding-left: $baseline-grid + 6px;
}

.kd-replicasetdetail-sidebar-actions {
  padding-top: $baseline-grid;
}

.kd-replicasetdetail-option-picker {
  padding-right: 2 * $baseline-grid;
  width: 15 * $baseline-grid;
}

.kd-replicasetdetail-table-header {
  border-bottom: 1px solid $foreground-4;
  color: $foreground-2;
  font-size: $body-font-size-base;
  font-weight: $regular-font-weight;
  height: $table-cell-height;
  padding: 0 0 0 (2 * $baseline-grid);
  text-align: left;
  white-space: nowrap;
}

.kd-replicasetdetail-table-cell {
  border-bottom: 1px solid $foreground-4;
  font-size: $body-font-size-base;
  height: $table-cell-height;
  padding: 0 0 0 (2 * $baseline-grid);
}

.kd-replicasetdetail-table-icon {
  font-size: inherit;
  vertical-align: top;
}

.kd-replicasetdetail-help-icon {
  color: $foreground-2;
  cursor: default;
  font-size: inherit;
  height: inherit;
  vertical-align: text-top;
}