// 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-border: #ddd;
$replicasetdetails-table-message: #000;
$replicasetdetails-table-cell: #777;
$replicasetdetails-sidebar-width: 315px;

.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;
  min-width: $replicasetdetails-sidebar-width;
}

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

.kd-replicasetdetail-sidebar-header {
  border-bottom: 1px solid $replicasetdetails-border;
  color: $muted;
  max-height: 49px;
  min-height: 49px;
}

.kd-replicasetdetail-sidebar-header-icon {
  color: $muted;
  font-size: $headline-font-size-base;
  font-weight: $regular-font-weight;
  margin-right: 6px;
  vertical-align: middle;
}

.kd-replicasetdetail-table-message {
  border-bottom: 1px solid $replicasetdetails-border;
  color: $replicasetdetails-table-message;
  font-size: $caption-font-size-base;
  font-weight: $regular-font-weight;
  height: 40px;
  overflow: hidden;
  padding: 5px 5px 5px 15px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kd-replicasetdetail-sidebar-title {
  font-size: $subhead-font-size-base;
  padding-bottom: 10px;
  padding-top: 10px;
}

.kd-replicasetdetail-sidebar-line {
  color: $delicate;
  font-size: $caption-font-size-base;
  padding-bottom: 6px;
}

.kd-replicasetdetail-sidebar-subline {
  color: $muted;
  font-size: $caption-font-size-base;
  padding-bottom: $baseline-grid;
}

.kd-replicasetdetail-sidebar-icon {
  color: $primary;
  font-size: 20px;
  padding: 0 3px;
  vertical-align: top;
}

.kd-replicasetdetail-warning-icon {
  color: $warning;
  font-size: 24px;
  padding: 0 5px;
  vertical-align: middle;
}

.kd-replicasetdetail-sidebar-service-icon {
  color: $muted;
  font-size: $body-font-size-base;
  padding: 0 3px;
  vertical-align: top;
}

.kd-replicasetdetail-sidebar-button {
  font-size: .85em;
  margin: 0;
  padding-left: 0;
}

.kd-replicasetdetail-sidebar-editpods-button {
  margin: 0;
  min-width: 25px;

  > md-icon {
    outline: none;
  }
}

.kd-replicasetdetail-options {
  margin: 15px;
}

.kd-replicasetdetail-sidebar-info {
  padding-left: 5px;
}

.kd-replicasetdetail-option-picker {
  min-width: 150px;
  padding-right: 25px;
}

.kd-replicasetdetail-table-header {
  border-bottom: 1px solid $replicasetdetails-border;
  color: $replicasetdetails-table-cell;
  font-size: $body-font-size-base;
  font-weight: $regular-font-weight;
  padding: 15px 10px 15px 15px;
  text-align: left;
}

.kd-replicasetdetail-pointer {
  cursor: pointer;
}

.kd-replicasetdetail-table-cell {
  border-bottom: 1px solid $replicasetdetails-border;
  color: $replicasetdetails-table-cell;
  font-size: $caption-font-size-base;
  height: 40px;
  padding: 5px 5px 5px 15px;
}

.kd-replicasetdetail-table-icon {
  font-size: $body-font-size-base;
  padding: 0 3px;
  vertical-align: top;
}

.kd-replicasetdetail-help-icon {
  color: $muted;
  cursor: help;
  font-size: $body-font-size-base;
  padding: 0 3px;
  vertical-align: middle;
}