443 production datepicker styles

Checklist

[x] Add description
[x] Reference the open issue that the pull request addresses
[x] Pass code quality checks
- spin up docker docker-compose up -d --build
- enter api container docker-compose exec api /bin/bash
- run api tests make validate
- exit container ctrl/command+D or exit
- enter web container docker-compose exec web /bin/sh
- run front-end tests npm run test or npx jest
- lint npm run lint-fix
- exit container as above
[x] Request code review
- Please allow 36 hours from opening a pull request before merging a pull request- even if it has already received an approving review.
[ ] Address comments on code and resolve requested changes
[ ] Merge own code

Issue: #443

Brief description of solution

Fix the opacity by switching from percentages to decimals. The development version didn't have this issue for some reason. https://stackoverflow.com/questions/58853844/the-opacity-value-was-changed-to-1-after-building-the-reacjs-project
The ordering issue was caused by semantic-ui-react-datepickers styles that were duplicated in a <style> tag in the production build for some reason, overriding the CSS. Put a div selector before the class in the CSS to give it higher specificity.