@use '../../styles/variables.scss';

app-pipe-rate-schedule .k-window .k-window-titlebar {
  height: initial;
}

app-pipe-rate-schedule .k-window-titlebar .addRateGroupBox {
  display: flex;
  flex-direction: row;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  justify-content: flex-start;
  padding: 5px;
  column-gap: 5px;
  margin-top: 10px;
}

app-pipe-rate-schedule .groupBoxParent {
  position: relative;
  padding: 8px 5px 5px 5px;
}

app-pipe-rate-schedule .rateGroupBox,
app-pipe-rate-schedule .discountGroupBox {
  display: flex;
  flex-grow: 1;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  margin: 3px;
  position: relative;
}

app-pipe-rate-schedule .groupBoxLabel {
  padding: 0 6px 0 6px;
  position: absolute;
  top: 2px;
  left: 30px;
  z-index: 1;
  font-size: 16px;
  font-weight: bold;
  border-radius: 50px;
  border-width: 2px;
  border-style: solid;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

app-pipe-rate-schedule .pipeSelect .k-window.k-dialog .k-window-content.k-dialog-content {
  padding: 0;
}

app-pipe-rate-schedule .discountZones {
  flex-basis: 66.6%;
}

app-pipe-rate-schedule .discountCounterparties {
  flex-basis: 33.3%;
}

app-pipe-rate-schedule .detailRateDataLabels .rowItem-g {
  margin-top: 0;
  margin-bottom: 0;
}

app-pipe-rate-schedule .detailRateDataBody {
  padding-bottom: 2px;
}

app-pipe-rate-schedule .detailRateDataBody .rowItem-g {
  margin: 2px 2px 0 2px;
}

app-pipe-rate-schedule .detailRateData {
  display: flex;
  flex-grow: 0;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  padding: 5px;
  margin: 3px;
}

app-pipe-rate-schedule .detailRateData>div {
  margin: 3px 0 3px 0;
}

app-pipe-rate-schedule .addDataCell {
  position: absolute;
  right: 100px;
  bottom: -25px;
}

app-pipe-rate-schedule .removeDataCell {
  min-width: 25px;
  margin: 0;
  align-self: center;
}

app-pipe-rate-schedule .monthDataCell {
  min-width: 120px;
  margin: 2px 2px 0 2px;
}

app-pipe-rate-schedule .removeDataCell .k-svg-i-x {
  padding: 3px;
  cursor: pointer;
}

app-pipe-rate-schedule .uploadSection {
  min-height: 200px;
  max-height: 200px;
}