/*
 * Copyright 2017-2022 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.
 */

@import "variables";

.cp-runs-table-service-url-run {
  background-color: @card-service-background-color;
}

.cp-runs-table-icon-green {
  color: @color-success;
}

.cp-runs-table-icon-blue {
  color: @color-info;
}

.cp-runs-table-icon-red {
  color: @color-error;
}

.cp-runs-table-icon-yellow {
  color: @color-warning;
}

.cp-filter-popover-container {
  background-color: @card-background-color;
  box-shadow: 0 1px 6px @card-hovered-shadow-color;
}

.cp-runs-day-picker .DayPicker-Weekday {
  color: @application-color-faded;
}

.cp-runs-day-picker .DayPicker-Weekday abbr[title] {
  text-decoration: none;
}

.cp-runs-day-picker .DayPicker-Day--outside {
  color: @application-color-faded;
}

.cp-runs-day-picker .DayPicker-Day {
  border-color: fadeout(@card-border-color, 20%);
}

.cp-runs-day-picker .DayPicker-Day:hover {
  color: @primary-color;
}

.cp-runs-day-picker .DayPicker-Day--today {
  color: @primary-active-color;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
  background-color: @primary-color;
  color: @primary-text-color;
}

.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
  background-color: @primary-active-color;
  color: @primary-text-color;
  outline: none;
}

.cp-runs-advanced-filter-input .CodeMirror-wrap {
  background-color: @input-background;
  border: 1px solid @input-border;
}

.cp-runs-advanced-filter-input-error .CodeMirror-wrap {
  background-color: @input-background;
  border: 1px solid @color-red;
}

.cp-runs-advanced-filter-input-error .CodeMirror-line span,
.cp-runs-advanced-filter-input .CodeMirror-line span {
  color: @application-color !important;
}

.cp-run-instance-tag {
  background-color: @card-header-background;
  border: 1px solid @card-border-color;
}

.cp-run-nested-run-link,
.cp-run-nested-run-link:active,
.cp-run-nested-run-link:focus,
.cp-run-nested-run-link:visited {
  color: @application-color-accent;
}

.ant-tooltip-inner .cp-run-nested-run-link,
.ant-tooltip-inner .cp-run-nested-run-link:active,
.ant-tooltip-inner .cp-run-nested-run-link:focus,
.ant-tooltip-inner .cp-run-nested-run-link:visited {
  color: @application-color-tooltip;
}

.tooltip-text {
  color: @application-color-tooltip;
}

.cp-wdl-task[data-type=VisualStep] rect,
.cp-wdl-task[data-type=VisualGroup] rect,
.cp-wdl-task[data-type=VisualWorkflow] rect {
  fill: @card-background-color;
}

.cp-wdl-task[data-taskstatus=running] rect {
  fill: fade(@color-info, 20%);
  stroke: @color-info;
}

.cp-wdl-task[data-taskstatus=running] text {
  fill: @color-info;
}

.cp-wdl-task[data-taskstatus=success] rect {
  fill: fade(@color-success, 20%);
  stroke: @color-success;
  opacity: 1;
}

.cp-wdl-task[data-taskstatus=success] text {
  fill: @color-success;
}

.cp-wdl-task[data-taskstatus=stopped] rect {
  fill: @card-background-color;
  stroke: @application-color-faded;
  opacity: 1;
}

.cp-wdl-task[data-taskstatus=stopped] text {
  fill: @application-color-faded;
}

.cp-wdl-task[data-taskstatus=failure] rect {
  fill: fade(@color-error, 20%);
  stroke: @color-error;
  opacity: 1;
}

.cp-wdl-task[data-taskstatus=failure] text {
  fill: @color-error;
}

.cp-stop-run-modal-confirm-icon {
  color: @color-yellow;
}

.cp-maintenance-rule-deleted {
  background-color: fade(@color-error, 10%);
}

.ant-input.cp-system-parameter-name-input {
  color: @application-color-accent;
  border: none;
  background-color: transparent;
}

.ant-input.cp-parameter-name.disabled {
  border-color: transparent;
  background-color: transparent;
  color: @application-color;
}

.cp-runs-autocomplete-menu.ant-menu {
  background-color: fade(@panel-background-color, 100%);
  border: 1px solid @panel-border-color;
}

.cp-runs-autocomplete-menu-item {
  border-bottom: 1px solid @input-border;
}

.cp-runs-autocomplete-menu.ant-menu > .ant-menu-item:hover,
.cp-runs-autocomplete-menu.ant-menu > .ant-menu-item-active,
.cp-runs-autocomplete-menu.ant-menu > .ant-menu-item-open,
.cp-runs-autocomplete-menu.ant-menu > .ant-menu-item-selected,
.cp-runs-autocomplete-menu.ant-menu-item:active {
  background-color: @element-hover-background-color;
  border: @menu-active-color;
  color: @application-color;
}

.cp-run-name.editable {
  outline: 1px solid transparent;
  padding: 0 2px;
}

.cp-run-name.editable:hover {
  outline: 1px solid @panel-border-color;
  background-color: @element-selected-background-color !important;
}

.cp-run-timeline-table td,
.cp-run-timeline-table th {
  background-color: @panel-background-color;
  color: @application-color;
  border: 1px solid @panel-border-color;
}

.cp-console-output {
  background-color: @application-console-background-color;
  color: @application-console-color;
}

.cp-console-output-details {
  color: @application-console-color-details
}

.cp-console-follow-log {
  color: @application-console-color;
}

.cp-console-scroll-down-indicator {
  background-color: @panel-background-color;
  border: 1px solid @panel-border-color;
  color: @application-color;
}

.cp-run-engine-tasks-group.active,
.cp-run-engine-tasks-group:hover,
.cp-run-engine-task.active,
.cp-run-engine-task:hover,
.cp-run-engine-task-cell.active,
.cp-run-engine-task-cell:hover {
  background-color: @color-grey-semi-transparent;
}

.cp-run-details-tabs .ant-menu-item {
  padding: 0 5px;
  margin: 0 5px;
}

.cp-run-details-tabs .ant-menu-item:first-child {
  margin-left: 0;
}

.cp-run-details-tabs .ant-menu-item:last-child {
  margin-right: 0;
}

.cp-run-engine-task-modal .ant-modal-content {
  background-color: @application-background-color;
}

.cp-run-engine-task-modal .ant-modal-body {
  padding: 5px;
}

.cp-run-engine-task-status-bar {
  background-color: @color-grey-semi-transparent;
}
