.fuel-form {
    background-color: var(--color-bg-4);
    width: 450px;
    border-radius: 5px;
}

.fuel-form .form-group:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-bg-6);
}

.fuel-form .form-group label {
    text-align: left;
    width: 100%;
}

.fuel-form.left-align .form-group label {
    text-align: left;
}

.fuel-form .fuel-form-header {
    background-color: var(--color-bg-3);
    border-radius: 5px 5px 0 0;

    display: flex;
    align-items: center;
}

.fuel-form .fuel-form-header h2 {
    flex-grow: 1;
}

.fuel-form .fuel-form-header img {
    height: 50px;
    width: auto;
}

.fuel-form input, .fuel-form textarea {
    background-color: var(--color-bg-3);
    color: #FFFFFF;
    border: None;
}

.fuel-form .user-input {
    width: 350px;
}

.fuel-form select {
    width: 350px;
}

.fuel-form .fuel-form-body p {
    background-color: var(--color-bg-3);
}


.fuel-form .fuel-form-body .form-group.has-feedback.has-success label,
.fuel-form .fuel-form-body .form-group.has-feedback.has-error label {
    color: #ffffff;
}

.fuel-form .fuel-form-body .form-group.has-feedback.has-success p,
.fuel-form .fuel-form-body .form-group.has-feedback.has-success span {
    color: #35a338;
}


.fuel-form .fuel-form-body .form-group.has-feedback.has-error p,
.fuel-form .fuel-form-body .form-group.has-feedback.has-error span {
    color: #e04040;
}