/*
 * Copyright 2017-2020 EPAM Systems, Inc. (https://www.epam.com/)
 *
 * 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.
 */

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  overflow: auto;
}

.row-menu {
  margin-bottom: 10px;
}

.tabs-menu {
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: 1px solid transparent;
}

.table > div > div {
  filter: none !important;
}

.node-main-info {
  word-break: break-word;
  font-size: 20px;
  font-weight: 600;
  margin-right: 10px;
}

.refresh-button-container {
  text-align: right;
}

.header-link,
.header-link:hover {
  color: #666;
}

.cluster-node-row,
.cluster-node-row-name,
.cluster-node-row-pipeline,
.cluster-node-row-labels,
.cluster-node-row-addresses,
.cluster-node-row-created {
  cursor: pointer;
  min-width: 100px;
  white-space: pre-line;
}

.cluster-node-row-name {
  min-width: 160px;
}

.cluster-node-selection {
  width: 30px;
}

thead[class*="ant-table-thead"] .cluster-node-row-created,
thead[class*="ant-table-thead"] .cluster-node-row-addresses,
thead[class*="ant-table-thead"] .cluster-node-row-pipeline {
  word-break: break-word;
}

.cluster-node-cell-addresses {
  display: flex;
  flex-direction: column;
  max-width: 200px;
}

.cluster-node-content-addresses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.cluster-node-cell-created {
  display: flex;
  flex-direction: column;
}

.cluster-node-content-created {
  white-space: nowrap;
  width: 100%;
}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.node-label {
  border: 1px solid transparent;
  border-radius: 4px;
  margin-left: 1px;
  padding: 1px 3px;
  font-size: 0.75em;
  white-space: nowrap;
}

.node-label.larger {
  font-size: 0.8em;
}

.filter-popover-container {
  padding-bottom: 5px;
  border-radius: 4px;
  min-width: 100px;
}

.filter-actions-buttons-container {
  margin: 5px 10px;
}

.popover-list-item {
  padding: 10px;
  cursor: pointer;
}
