/* General and common styles */

body { margin: 0; padding: 0; }
.kn-content, #fancybox-wrap, #knack-body, .kn-view, #knack-body button, #knack-body input, #knack-body select, #knack-body textarea {
font-family: "Geneva", arial, 'sans-serif' !important;
    font-size: 13px !important;
    line-height: 18px !important;
    color: #555 !important;
    -webkit-font-smoothing: antialiased;
}

input, select, textarea, radio, .radio {
    font-family: "Geneva", arial, 'sans-serif';
    font-size: 13px;
    line-height: 18px;
    color: #555;
    -webkit-font-smoothing: antialiased;
}
#knack-body, .kn-view, .kn-title {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}

/* Style the header with a grey background and some padding */
.header {
  overflow: hidden;
  background-color: #023f74;
  padding: 10px 10px;
}

#kn-app-header {
background-color: #023f74 !important;
}

/* Style the header links */
.header a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
}

/*#kn-app-menu nav.tabs li a {
  background-color: #2e73b0 !important;
}*/
.kn-info-bar {
  background-color: #dbdbdb !important;
}

/* Float the link section to the right */
.header-right {
  float: right;
}

/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
@media screen and (max-width: 500px) {
  .header a {
    float: none;
    display: block;
    text-align: left;
  }
  .header-right {
    float: none;
  }
}