.project-detail-form {
    --edit-project-form-base: #3a5777;
    --edit-project-form-action: #ffeb3b;
}
.project-detail-form .card-header {
    border-bottom: solid 1px rgba(255, 255, 255, 0.7);
    padding-bottom: 7px;
    margin-bottom: 5px;
}

.project-detail-form h3 {
    font-weight: 400;
    margin: 10px 10px 3px 10px;
    text-transform: uppercase;
    color: var(--edit-project-form-action);
    font-size: 14px;
    letter-spacing: 2px;
}
.project-detail-form .project-cost > small:not(.symbol) {
    color: #b2bec3;
    text-transform: uppercase;
}
.project-detail-form .project-cost .symbol {
    font-size: 70%;
    opacity: 0.65;
    font-weight: 200;
}
.project-detail-form .project-cost > div {
    color: #fff;
    font-size: 22px;
}
.project-detail-form .project-cost > div md-icon {
    color: #fff;
    margin: 0;
}
.project-detail-form md-input-container input,
.project-detail-form md-input-container md-select,
.project-detail-form md-input-container textarea {
    opacity: 1 !important;
    font-weight: 400;
    color: #fff !important;
    background: rgb(255 255 255 / 10%);
    padding: 2px 5px;
    border: solid 1px rgb(255 255 255 / 40%) !important;
    background-image: none !important;
    height: 35px;
    font-size: 12px;
}
.project-detail-form md-select .md-select-value,
.project-detail-form md-select .md-select-icon {
    color: #fff !important;
    opacity: 1;
    background-image:none;
}
.project-detail-form md-select[disabled] .md-select-icon {
    opacity: 0;
}

.project-detail-form md-input-container input[disabled],
.project-detail-form md-input-container md-select[disabled],
.project-detail-form md-input-container textarea[disabled] {
    background: rgb(255 255 255 / 5%);
    border: solid 1px rgb(255 255 255 / 5%) !important;
}

.project-detail-form md-input-container input:focus,
.project-detail-form md-input-container md-select:focus,
.project-detail-form md-input-container textarea:focus {
    border: solid 1px var(--edit-project-form-base) !important;
}
.project-detail-form md-input-container .md-input-message-animation {
    padding-top: 0;
}
.project-detail-form md-input-container > label, 
.project-detail-form md-input-container > label:after,
.project-detail-form md-input-container .md-placeholder {
    color: #fff!important;
    opacity: .4;
}

.project-detail-form button {
}
.project-detail-form button md-icon {
    color: var(--edit-project-form-action);
}
.project-detail-form button:hover,
.project-detail-form button:focus {
    background-color: rgb(255 255 255 / 15%) !important;
}

    .project-detail-form md-input-container.md-input-invalid input,
    .project-detail-form md-input-container.md-input-invalid md-select,
    .project-detail-form md-input-container.md-input-invalid textarea {
        border-color: #ff734c !important;
    }