:root {
    --edit-project-form-base: #107d73;
    --edit-project-form-revision: #06635a;
    --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;
    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 md-input-container .md-input,
.project-detail-form md-input-container md-select{
    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: 30px;
    font-size: 12px;
}
.project-detail-form md-select .md-select-value, 
.project-detail-form md-select .md-select-icon {
    color: #fff!important;
    opacity: 1;
}
.project-detail-form md-select[disabled] .md-select-icon {
    opacity: 0;
}

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

.project-detail-form md-input-container .md-input:focus,
.project-detail-form md-input-container md-select: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-autocomplete {
    background: transparent !important;
    height: auto !important;
}
.project-detail-form md-autocomplete md-autocomplete-wrap {
    height: auto !important;
    box-shadow: none !important;
}
.project-detail-form md-input-container .md-input::placeholder,
.project-detail-form md-input-container md-select .md-select-value.md-select-placeholder {
   color: #88b4b0;
}