.utx-header-logo img {
  display: block;
  height: 170%;
  width: auto;
}

/* Cost tool css */
.check-box-class {
  width: -webkit-fill-available;
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
}

.check-box-class-wo-bg {
  width: -webkit-fill-available;
  padding: 0.75rem 1.25rem;
}

.cost-summary-row {
  margin-right: 0px;
  display: flex;
  margin-right: 0px;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  overflow-x: auto;
}

.cost-summary-card {
  height: 190px;
  padding-right: 0.1rem;
}

.npv-summary-card {
  height: 150px;
  padding: 0.1rem;
  margin-top: 0.1 rem;
}

.npv-row {
  gap: 0.1rem;
}

.cost-form-group {
  padding: 2px;
}

.card-result-inner-div {
  background-color: rgba(166, 205, 87, 0.2);
}

.header-div {
  height: 190px;
  background-color: rgba(0, 95, 134, 0.05);
}

.npv-header-div {
  height: 150px;
  background-color: rgba(0, 95, 134, 0.05);
}

.larger-font {
  font-size: (x) px;
  font-weight: bolder;
  color: rgb(0, 95, 134);
  padding-top: 10px;
  padding-bottom: 10px;
}

.span-text {
  font-weight: lighter;
  font-size: small;
  color: rgb(51, 63, 72);
}

.p-text {
  font-size: 0.825rem;
  font-weight: 400;
  color: rgb(51, 63, 72);
}

.cost-input-p-text {
  overflow: auto;
  height: 80px;
  font-size: 0.825rem;
  font-weight: 400;
  color: rgb(51, 63, 72);
}

.p-text-color {
  font-size: 0.74rem;
  color: rgb(87, 157, 66);
}

.cost-input-flex {
  display: flex;
  padding: 10px;
}

.cost-input-row {
  padding: 10px;
  margin-inline: 2px;
  margin-bottom: 2px;
}

.cost-input-row {
  height: 160px;
  background-color: rgba(0, 95, 134, 0.05);
}

.cost-input-card-header {
  margin-bottom: 2px;
  margin-inline: 2px;
}

.cost-input-section {
  padding-top: 20px;
}

.unit-conversion-modal {
  width: auto;
  font-size: smaller;
}

.cost-input-ul {
  padding-inline-start: 10px;
}

.table tbody tr.highlight td {
  background-color: #ddd;
}

.scroll-table {
  max-height: 12.5rem;
}

.iconSpan {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}

.plotly-graph-div {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  position: relative;
}

@media (min-width: 768px) {
  .plotly-graph-div {
    max-width: 520px;
  }
}

@media (min-width: 1024px) {
  .plotly-graph-div {
    max-width: 720px;
  }
}

@media (min-width: 1280px) {
  .plotly-graph-div {
    max-width: 900px;
  }
}

.modal-custom.modal-width .modal-dialog {
  max-width: 600px !important;
}