/* Fomantic-UI CSS is imported via main.js */
/* Import your custom variables */
/*******************************
     Custom Variables
     (Extracted from semantic-ui)
*******************************/
/* Override Fomantic-UI's baked-in Lato font with Helvetica Neue (matching OpenSights) */
body,
h1,
h2,
h3,
h4,
h5,
.ui.header,
.ui.menu,
.ui.button,
.ui.input input,
.ui.form input,
.ui.form textarea,
.ui.dropdown,
.ui.label {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}
body {
  background-color: #f0f0f0;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
.page {
  height: 100vh;
  padding-left: 200px;
  background-color: #f0f0f0;
  overflow-y: auto;
}
.ui.menu.page-menu {
  flex-wrap: wrap;
  margin: 0px;
}
.page-content {
  margin: 0em 0em 1.5em 0px;
}
.page-content.full-page {
  margin-right: 0px;
  margin-bottom: 0px;
  height: 100%;
}
.study-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.ui.inverted.fixed.menu {
  border-bottom: solid 1px #727272;
}
.ui.inverted.fixed.menu .item {
  -webkit-transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.ui.inverted.menu:not(#main_sidebar):not(.black) {
  background-color: #666666;
}
.ui.inverted.menu:not(#main_sidebar):not(.black) .button.item:hover {
  background-color: #727272;
}
.ui.inverted.menu:not(#main_sidebar):not(.black) .button.item:active {
  background-color: #373737;
}
.ui.search.dropdown .menu {
  max-height: 600px;
}
.ui.scrolling.dropdown .menu {
  max-height: 600px;
}
.ui.page-menu.menu .page-title.item {
  padding-right: 1.4em;
}
.ui.page-menu.menu .page-title.item {
  padding-top: 0em;
  padding-bottom: 0em;
}
.ui.page-menu.menu .page-title.item h2 {
  font-weight: normal;
}
.ui.inverted.page-menu.menu > .item.value-set,
.ui.inverted.secondary.page-menu.menu > .item.value-set {
  background-color: #333333;
}
.ui.menu > .button.item {
  cursor: pointer;
}
.searchable.table thead th .input {
  width: 100%;
}
.ui.inverted.toggle.checkbox label,
.ui.inverted.toggle.checkbox input:checked ~ label {
  color: rgba(255, 255, 255, 0.9) !important;
}
.inspect-data {
  font-size: 0.8em;
}
.primary.placeholder {
  background: #f0f0f0;
}
.secondary.placeholder {
  background: #ffffff;
}
.borderless.right.menu {
  border: none;
  box-shadow: none;
}