html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; }

body {
  background: #f8f9fb;
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  flex: 1 0 auto; }

.secondary {
  background-color: #0a4b88 !important; }

.primary {
  background-color: #0b2f52 !important; }

.sympro-blue {
  background-color: #0a4b88 !important; }

.sympro-blue-text {
  color: #0a4b88 !important; }

.sympro-blue-fill {
  fill: #0a4b88 !important; }

.fab-bottom-right {
  position: fixed !important;
  top: inherit !important;
  right: 10px !important;
  bottom: 10px !important; }

.to-upper input {
  text-transform: uppercase; }

::placeholder {
  text-transform: none; }

/*# sourceMappingURL=styles.css.map */