.wbc-calculator-container {
  margin: 20px;
}

/* Inputs */
.wbc-calculator-container input {
  width: 100%;
  font-size: 14px;
}

/* Disabled inputs */
.wbc-calculator-container input:disabled {
  background-color: #f2f2f2; /* dark background for dark widgets */
  color: #888888; /* white text */
  font-weight: 600;
}

/* Buttons */
.wbc-add-meter-btn,
.wbc-reset-btn,
.wbc-remove-meter-btn {
  color: #f7f7f7;
  font-weight: 700;
  background-color: #1e60aa;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(103, 103, 103, 0.2);
  border-radius: 50px;
  cursor: pointer;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

h4 {
  color: #666666;
  padding-top: 7px;
}

.wbc-add-meter-btn {
  background: #38c65d;
}

.wbc-reset-btn {
  background: #1d62a7;
}

.wbc-remove-meter-btn {
  background: #f31858;
}

.wbc-add-meter-btn:hover,
.wbc-reset-btn:hover,
.wbc-remove-meter-btn:hover {
  background: #2e2e2e;
  color: #f7f7f7;
}

/* Row spacing */
.row-spacing {
  margin-bottom: 15px;
}

/* Text alignment for mobile */
.text-right-mobile {
  text-align: right;
}
@media (max-width: 767px) {
  .wbc-calculator-container .vc_row {
    margin-bottom: 5px !important; /* reduce row spacing on mobile */
  }

  .wbc-calculator-container .vc_col-sm-3,
  .wbc-calculator-container .vc_col-sm-2,
  .wbc-calculator-container .vc_col-sm-6 {
    padding-bottom: 10px !important; /* remove extra bottom padding */
  }
}

/* Dark widget adjustments */
.wbc-calculator-container.dark-widget {
}

/* Inputs inside dark widget */
.wbc-calculator-container.dark-widget input {
  font-size: 14px;
}

/* Disabled inputs */
.wbc-calculator-container.dark-widget input:disabled {
}

/* Labels inside dark widget */
.wbc-calculator-container.dark-widget label,
.wbc-calculator-container.dark-widget p {
  color: #e0e0e0; /* lighter text */
}

/* Buttons (pill) inside dark widget */
.wbc-calculator-container.dark-widget .wbc-add-meter-btn,
.wbc-calculator-container.dark-widget .wbc-reset-btn,
.wbc-calculator-container.dark-widget .wbc-remove-meter-btn {
  color: #ffffff;
  font-weight: 700;
  background-color: #1e60aa;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 30px;
  padding-left: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(103, 103, 103, 0.2);
  border-radius: 50px;
}
.wbc-calculator-container.dark-widget .wbc-add-meter-btn:hover,
.wbc-calculator-container.dark-widget .wbc-reset-btn:hover,
.wbc-calculator-container.dark-widget .wbc-remove-meter-btn:hover {
  background: #161616;
}

label {
  font-size: 14px;
  color: #898989;
  margin-top: 4px;
  margin-bottom: 8px;
  margin-left: 12px;
  box-shadow: 0px 0px 0px 0px #000000;
  display: block;
  margin: 0 0 10px;
}

@media (max-width: 480px) {
  input,
  textarea,
  select {
    font-size: 14px;
  }
}
.cz_wh div span {
  box-sizing: border-box;
  padding: 0 0 6px;
}
.row .cz_wh small {
  display: inline-block;
  line-height: 2;
  opacity: 1;
  background: red;
  padding: 4px 6px;
  border-radius: 2px;
  margin-left: 6px;
  color: #fff;
}
.cz_wh_line_between small {
  position: absolute;
  top: -20px;
  margin-left: 10px;
}
.cz_wh i {
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1em;
  display: inline-block;
  text-align: center;
}
.cz_wh b {
  vertical-align: middle;
  display: inline-block;
  font-weight: inherit;
}
.cz_wh div {
  position: relative;
  width: 100%;
}
.cz_wh_line {
  display: block;
  height: 1px;
  border-bottom: 1px solid;
}
.cz_wh_line_between .cz_wh_line {
  position: absolute;
  content: "";
  width: auto;
  top: 60%;
  left: 0;
  right: 0;
}
.cz_wh_sub {
  display: block;
  color: #a7a7a7;
}
.cz_wh_left {
  float: left;
  text-align: left;
}
.cz_wh_right,
.rtl .cz_wh_left {
  float: right;
  text-align: right;
}
.rtl .cz_wh_right {
  float: left;
  text-align: left;
}