.fmForm .dnnFormItem {
  width: auto; }

.form-group .dnnLabel {
  float: none;
  margin-right: 0;
  width: auto; }

.form-group input[type="text"],
.form-group input[type="password"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: auto; }

.form-group a.btn-primary:visited,
.form-group a.btn-success:visited,
.form-group a.btn-info:visited,
.form-group a.btn-warning:visited,
.form-group a.btn-danger:visited {
  color: #fff; }

.form-group a.btn-default:visited {
  color: #333; }

body, p, b, i, strong, em, dt, dd, dl, sl, caption, th, td, tr, u, blink, select, option, form, div, font, li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  color: #000000;
  margin-top: 0; }

.pageTitle {
  color: #0000FF;
  font-size: 28px;
  font-weight: bold;
  padding-left: 20px; }

table.mainTable {
  border-color: #000000;
  border-width: 0 2px 0 2px;
  border-style: solid; }

td.mainTable {
  border-color: #000000;
  border-width: 2px 2px 0 0;
  border-style: solid;
  margin: 0;
  padding: 4px; }

td.mainTableBottom {
  border-color: #000000;
  border-width: 2px 0 2px 0;
  border-style: solid;
  margin: 0;
  padding: 4px; }

td.mainTableRight {
  border-color: #000000;
  border-width: 2px 2px 0 2px;
  border-style: solid;
  margin: 0;
  padding: 4px; }

td.mainTableTop {
  border-color: #000000;
  border-width: 2px 0 0 0;
  border-style: solid;
  margin: 0;
  padding: 4px; }

td.valveSectionHeader {
  border-color: #000000;
  border-style: solid;
  border-width: 0 0 2px 0;
  background-color: #CEFFCE; }

td.greenItem {
  background-color: #CEFFCE; }

td.yellowItem {
  background-color: #FFFF00; }

td.redItem {
  background-color: #FFCF9C; }

.redFont {
  color: Red; }

.errorMsg {
  color: Red;
  font-weight: bold; }

.sectionHeader {
  background-color: #99CCFF;
  padding-bottom: 5px;
  padding-top: 5px;
  font-weight: bold; }

.sectionHeaderBlank {
  background-color: #ffffff;
  padding-bottom: 5px;
  padding-top: 5px;
  font-weight: bold; }

.defaultButton {
  color: #000000;
  font-family: "Tahoma";
  font-weight: bold;
  background-color: #FFCF9C;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 12px; }

.bar {
  background-color: white;
  text-align: left;
  /* border-left: solid 1px black;*/
  padding-right: 0.5em;
  width: 400px; }

.bar div {
  text-align: left;
  color: black;
  float: left;
  padding-top: 0;
  height: 1em;
  background-image: url("../images/bar1.gif"); }

.rss-popup {
  margin: 100px auto;
  padding: 0;
  width: 100px;
  position: relative; }

div.rss-popup em {
  background: url(../images/bubble.png) no-repeat;
  width: 100px;
  height: 49px;
  position: absolute;
  top: -70px;
  left: -0px;
  text-align: center;
  text-indent: -9999px;
  z-index: 2;
  display: none; }

#rss-icon {
  width: 42px;
  height: 42px;
  background: url(../images/icon.png) no-repeat 0 0;
  text-indent: -9999px;
  margin: 0 auto;
  display: block; }

select {
  font-size: 13px; }

option {
  font-size: 13px; }

.fmCalc-bar {
  max-height: 17px; }

.calc-header {
  border: 3px solid #008fd4;
  margin: 15px 0;
  text-align: center; }
  @media (min-width: 992px) {
    .calc-header {
      margin-bottom: 38px;
      margin-top: 28px;
      text-align: left; } }

.calc-logo {
  padding: 15px; }
  @media (min-width: 992px) {
    .calc-logo {
      padding: 25px 10px 22px 45px; } }

.calc-h1 {
  color: #008fd4;
  font: 20px / 26px opensans-bold;
  padding: 5px 20px 20px;
  text-transform: uppercase; }
  @media (min-width: 911px) {
    .calc-h1 {
      font: 34px / 42px opensans-bold;
      padding: 0; } }

.calc-h2 {
  color: #333;
  display: block;
  font: 20px / 24px opensans-bold;
  margin-bottom: 8px;
  text-transform: uppercase; }

.calc-h3 {
  color: #333;
  display: block;
  font: 14px / 24px opensans-bold;
  margin-bottom: 8px;
  text-transform: uppercase; }

.formula-legend div {
  color: #333;
  font: 16px / 22px opensans; }

.fmEnergyCostCalculatorDispatch .label,
.fmEnergyCostCalculatorDispatch label {
  color: #333;
  display: block;
  font: 16px / 24px opensans-semibold;
  margin-bottom: 12px; }

.fmEnergyCostCalculatorDispatch select,
.fmEnergyCostCalculatorDispatch input[type="text"] {
  border: 1px solid #dcdddd;
  border-radius: 5px;
  font: 14px / 22px opensans;
  padding: 7px 10px;
  width: 100%; }
  @media (max-width: 991px) {
    .fmEnergyCostCalculatorDispatch select,
    .fmEnergyCostCalculatorDispatch input[type="text"] {
      margin-bottom: 10px; } }

.fmEnergyCostCalculatorDispatch p {
  color: #333;
  font: 16px / 22px opensans;
  margin-bottom: 20px; }
  .fmEnergyCostCalculatorDispatch p b {
    color: #333;
    font: 700 16px / 22px opensans; }

.fmEnergyCostCalculatorDispatch .input-group {
  margin-bottom: 20px; }

.fmEnergyCostCalculatorDispatch input[type="checkbox"] {
  display: inline-block;
  margin: 0;
  vertical-align: middle; }

.fmEnergyCostCalculatorDispatch .btn {
  margin: 5px 0;
  width: 100%; }
  @media (min-width: 991px) {
    .fmEnergyCostCalculatorDispatch .btn {
      marign: 0;
      width: 138px; }
      .fmEnergyCostCalculatorDispatch .btn + .btn {
        margin-left: 6px; } }

.calc-hr {
  margin: 12px 0 35px;
  border-top-color: #dcdddd; }

.calc-inputs-section label span {
  display: inline-block;
  font: 14px / 18px opensans-semibold;
  vertical-align: middle; }

.calc-inputs-section + .calc-hr {
  margin: 20px 0; }

#cluetip > div:not(#cluetip-outer) {
  display: none !important; }

#result-table {
  margin-top: 25px; }

.valve-results-table.table {
  border: 0; }
  .valve-results-table.table > tbody {
    border-top: 0; }
  .valve-results-table.table th,
  .valve-results-table.table td {
    border: 0;
    font: 14px / 24px opensans-semibold; }
    .valve-results-table.table th:nth-child(n+2),
    .valve-results-table.table td:nth-child(n+2) {
      text-align: center; }
  .valve-results-table.table th {
    background: #005881;
    color: #fff; }
  .valve-results-table.table tr:nth-child(2n+2) {
    background: #eaebeb; }

#cluetip-inner img {
  box-shadow: 0 0 3px 3px rgba(54, 54, 54, 0.3); }

.results-notices {
  padding: 0px 15px; }
  .results-notices .results-notices div {
    font: 12px / 18px opensans;
    margin-top: 5px; }

@media (max-width: 991px) {
  .operate-params-notices {
    margin-bottom: 15px; } }

@media (max-width: 991px) {
  .buttons-row {
    flex-direction: column-reverse; } }

@media (max-width: 991px) {
  form[action="/resources/software/energy-cost-calculator-en"] .full-blue-header {
    display: none; } }

/*Modified Responsive Tables Styles */
@media only screen and (max-width: 767px) {
  #result-table label {
    margin-bottom: 0; }
  .valve-results-table th {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .valve-results-table tr {
    background: none !important;
    display: table;
    width: 100%; }
    .valve-results-table tr + tr {
      margin-top: 1.5em; }
  .valve-results-table td {
    border: none;
    border-bottom: 1px solid #eee;
    display: table-row;
    position: relative;
    text-align: left;
    width: 100%; }
    .valve-results-table td:nth-child(2n) {
      background: #ebebeb; }
    .valve-results-table td div {
      display: table-cell;
      font: 14px / 20px opensans-semibold;
      text-align: left;
      padding: 6px 10px; }
    .valve-results-table td:before {
      color: #005881;
      content: attr(data-label);
      display: table-cell;
      font: 14px / 20px opensans-semibold;
      padding: 6px 10px;
      text-align: left;
      width: 36%; } }