.btn-primary {
    color: #FFFFFF !important;
    background-color: #0051a8 !important;
}

.btn-primary:hover {
    color: #FFFFFF !important;
    background-color: #003C7D !important;
}

.btn-primary:active {
    color: #FFFFFF !important;
    background-color: #00254D !important;
}

.btn-primary:focus {
    color: #FFFFFF !important;
    background-color: #0051A8 !important;
    border-color: #FFBE5C;
}

.btn-primary:disabled {
    color: #C1C1C1 !important;
    background-color: #E0E0E0 !important;
    border-color: #C1C1C1 !important;
}

/* Add this to your <style> section */
.file-path::placeholder {
    color: #999;
    /* Change to your desired color */
    font-size: 0.6rem;
    /* Change to your desired size */
    font-style: italic;
    /* Optional: make it italic */
}

/* For older browsers - include all these for best compatibility */
.file-path::-webkit-input-placeholder {
    /* Chrome/Safari/Opera */
    color: #999;
    font-size: 0.6rem;
    font-style: italic;
}

.file-path::-moz-placeholder {
    /* Firefox 19+ */
    color: #999;
    font-size: 0.6rem;
    font-style: italic;
    opacity: 1;
    /* Firefox gives placeholders a reduced opacity */
}

.file-path:-ms-input-placeholder {
    /* IE 10+ */
    color: #999;
    font-size: 0.6rem;
    font-style: italic;
}

.file-path:-moz-placeholder {
    /* Firefox 18- */
    color: #999;
    font-size: 0.6rem;
    font-style: italic;
}