html {
  font-size: 14px;
}

.action-buttons .btn {
    min-width: 140px;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    margin-bottom: 0.5rem;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
}

.action-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (min-width: 768px) {
    html {
    font-size: 16px;
  }
    .action-buttons {
        flex-direction: column;
    }

        .action-buttons .btn {
            width: 100%;
            min-width: unset;
        }
}

.helplabel {
    padding-right: 8px;
}

div.col-md-1 div label span.helplabel {
    padding-right: 1px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

i.fa-question-circle {
    color: #cccccc;
}

i.fa-code-fork {
    color: darkorange;
}

.fa-code-fork.padleft {
    margin-left: 5px;
}

.sectionHeading {
    margin-top: 50px;
}

#usersToggleQuestion {
    margin-left: 5px;
    margin-top: 12px;
    font-size: 18px;
}

.alert-info i.fa-question-circle {
    color: #3a87ad;
}



/* Only highlight fields with validation errors, not all required fields */
input.input-validation-error {
    border: 1px solid red;
}

    input.input-validation-error + .input-group-addon {
        border-top: 1px solid red;
        border-right: 1px solid red;
        border-bottom: 1px solid red;
    }

        input.input-validation-error + .input-group-addon i.fa-question-circle {
            color: darksalmon;
        }

    /* Also apply to Bootstrap 5 input-group-text (newer Bootstrap version) */
    input.input-validation-error + .input-group-text {
        border-top: 1px solid red;
        border-right: 1px solid red;
        border-bottom: 1px solid red;
    }

        input.input-validation-error + .input-group-text i.fa-question-circle {
            color: darksalmon;
        }

/* Retail Rate Plan Required Highlighting - only on validation errors */
.Energy1 input.input-validation-error[grouprequired='NaturalGasRequired'],
.Energy2 input.input-validation-error[grouprequired='NaturalGasRequired'] {
    border: 1px solid red;
}

    .Energy1 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-addon,
    .Energy2 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-addon,
    .Energy1 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-text,
    .Energy2 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-text {
        border-top: 1px solid red;
        border-right: 1px solid red;
        border-bottom: 1px solid red;
    }

        .Energy1 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-addon i.fa-question-circle,
        .Energy2 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-addon i.fa-question-circle,
        .Energy1 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-text i.fa-question-circle,
        .Energy2 input.input-validation-error[grouprequired='NaturalGasRequired'] + .input-group-text i.fa-question-circle {
            color: red;
        }

.Energy0 input.input-validation-error[grouprequired='ElectricityRequired'],
.Energy2 input.input-validation-error[grouprequired='ElectricityRequired'] {
    border: 1px solid red;
}

    .Energy0 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-addon,
    .Energy2 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-addon,
    .Energy0 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-text,
    .Energy2 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-text {
        border-top: 1px solid red;
        border-right: 1px solid red;
        border-bottom: 1px solid red;
    }

        .Energy0 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-addon i.fa-question-circle,
        .Energy2 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-addon i.fa-question-circle,
        .Energy0 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-text i.fa-question-circle,
        .Energy2 input.input-validation-error[grouprequired='ElectricityRequired'] + .input-group-text i.fa-question-circle {
            color: red;
        }


.checkboxlabel {
    margin-left: 5px;
}