/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 22 2026 | 18:15:07 */
/* ================================
CALCULATOR WRAPPER
================================ */

.calculator_one_table {
  width: 100%;
  max-width: 620px; /* smaller overall */
  margin: 0 auto;
  border-collapse: collapse;
  font-family: 'Open Sans' !important;
  background: #f2f2f2;
}

/* ================================
TOP TITLE BAR
================================ */

.calculator_one_table thead th.title_table_calculator {
  background: #1789ad;
  color: #ffffff;

  font-size: 24px; /* smaller */
  font-weight: 700;

  text-align: center;
  padding: 14px 18px; /* reduced */
}

/* ================================
ROWS
================================ */

.calculator_one_table tbody tr {
  border-bottom: 1px solid #e3e3e3;
}

.calculator_one_table td {
  padding: 12px 8px; /* tighter */
  vertical-align: middle;
}

/* ================================
LEFT LABELS (t, C, p1, p2, V)
================================ */

.text_gray_calculator span {
  font-size: 18px; /* smaller */
  color: #666;
  font-weight: 500;
}

/* ================================
INPUT FIELDS
================================ */

.calculator_one_table input[type="text"] {

  width: 100%;
  max-width: 300px;

  height: 40px; /* smaller */
  padding: 8px 12px;

  border-radius: 5px;
  border: 1px solid #cfcfcf;

  background: #f6f6f6;

  font-size: 16px; /* smaller */
  color: #222;

  box-sizing: border-box;
}

/* Output field */

#v {
  font-weight: 600;
}

/* ================================
CALCULATE BUTTON
================================ */

.calculate {

  display: inline-block;

  padding: 12px 32px; /* smaller */

  background: #f39a00;
  color: #ffffff !important;

  font-size: 20px; /* smaller */
  font-weight: 700;

  text-transform: uppercase;

  border-radius: 3px;

  text-decoration: none;

  transition: 0.25s;
}

.calculate:hover {
  background: #d98200;
}

/* Center calculate row */

.calculator_one_table td[colspan="4"] {
  text-align: center;
}

/* ================================
RESET BAR
================================ */

.reset_fields {

  display: block;

  width: 100%;

  padding: 14px 0; /* smaller */

  background: #1789ad;
  color: #ffffff !important;

  font-size: 22px; /* smaller */
  font-weight: 700;

  text-transform: uppercase;

  text-decoration: none;
}

.reset_fields:hover {
  background: #146f8c;
}

/* ================================
DESCRIPTION TEXT
================================ */

.calculator_one_table p {

  font-size: 14px; /* smaller */

  color: #444;

  line-height: 1.6;

  margin-top: 14px;
}

/* ================================
RESPONSIVE
================================ */

@media (max-width: 767px) {

  .calculator_one_table {
    max-width: 100%;
  }

  .text_gray_calculator span {
    font-size: 16px;
  }

  .calculator_one_table input[type="text"] {
    height: 38px;
    font-size: 15px;
  }

  .calculate {
    font-size: 18px;
    padding: 10px 26px;
  }

  .reset_fields {
    font-size: 20px;
  }

}