.HotkeysPreferences {
  display: flex;
  padding: 20px;
}
.HotkeysPreferences .hotkeyTable {
  display: flex;
  flex-direction: row;
  flex-basis: 0;
  flex-grow: 1.5;
}
.HotkeysPreferences .hotkeyTable .hotkeyColumn {
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 1.5;
}
.HotkeysPreferences .hotkeyTable .hotkeyColumn .hotkeyHeader {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.HotkeysPreferences .hotkeyTable .hotkeyColumn .hotkeyHeader .headerItemText {
  flex-basis: 0;
  flex-grow: 1.5;
  padding: 5px 15px 5px 0;
}
.HotkeysPreferences .hotkeyTable .hotkeyColumn .hotkeyRow {
  display: flex;
}
.HotkeysPreferences .hotkeyTable .hotkeyColumn .hotkeyRow .wrapperHotkeyInput {
  margin-bottom: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 1.5;
}
.HotkeysPreferences .hotkeyTable .hotkeyColumn .hotkeyRow .hotkeyLabel {
  padding: 5px 15px 5px 0;
  text-align: right;
  flex-basis: 0;
  flex-grow: 1.5;
}
.HotkeysPreferences .hotkeyTable .hotkeyColumn .hotkeyRow .stateError .preferencesInput {
  background-color: var(--state-error);
}

.WindowLevelPreferences {
  display: flex;
  padding: 20px 0;
  text-align: center;
}
.WindowLevelPreferences .wlColumn {
  display: flex;
  flex-direction: column;
  flex-basis: 0;
  flex-grow: 1.5;
  margin: 0 5px;
}
.WindowLevelPreferences .wlRow {
  display: flex;
  flex-direction: row;
  margin: 5px 0;
}
.WindowLevelPreferences .header,
.WindowLevelPreferences .preset {
  flex-grow: 0.5;
}
.WindowLevelPreferences .window,
.WindowLevelPreferences .level {
  flex-grow: 1;
}
.WindowLevelPreferences .description {
  flex-grow: 2;
}

.GeneralPreferences {
  display: flex;
  padding: 20px 0;
}
.GeneralPreferences .language {
  display: flex;
  width: 50%;
}
.GeneralPreferences .language .languageLabel {
  display: flex;
  flex-basis: 0;
  flex-grow: 1.5;
  justify-content: flex-end;
  padding-right: 20px;
}
.GeneralPreferences .language .language-select {
  flex-grow: 1.5;
  flex-basis: 0;
}

.preferencesInputErrorMessage {
  color: var(--state-error-text);
  font-size: 10px;
  text-transform: uppercase;
}
.preferencesInput {
  font-weight: 400;
  cursor: pointer;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  background-color: var(--ui-gray);
  color: var(--text-primary-color);
  border-color: var(--ui-border-coolor);
  border: 0;
  border-radius: 2px;
  font-size: 14px;
  height: 30px;
  width: 100%;
  line-height: 16px;
  padding: 8px 9px 6px;
  text-align: center;
}
.preferencesInput:focus {
  border-color: var(--active-color);
  background-color: var(--ui-gray-dark);
  box-shadow: 0 0 0 2px var(--active-color) !important;
  outline: 0;
}

.entry-header{padding:10px 15px;height:var(--top-bar-height)}.header-left-box{display:inline-block;position:relative}.header-brand{text-decoration:none;height:30px;float:left;clear:both}.entry-header.header-big{background:rgba(21,25,30,.7);padding:35px var(--study-list-padding);height:auto;display:inline-block;width:100%}.entry-header.header-big .header-brand{height:50px;padding:0}.entry-header.header-big .header-logo-image{margin-right:20px;width:50px;height:50px}.entry-header.header-big .header-logo-text{width:474px;height:auto}.dd-item{width:100%}.header-viewerLink{float:left}.header-logo-image{fill:transparent;height:100%;margin:0 8px 0 0;width:30px;float:left}.header-btn{color:var(--text-secondary-color);cursor:pointer;font-size:13px;font-weight:500;line-height:26px}.header-btn:hover{color:var(--hover-color)}.header-btn:active{color:var(--active-color)}.header-studyListLinkSection{border-left:var(--ui-border-thickness) solid var(--ui-border-color);margin:3px 0 0 10px;padding:0 0 0 10px;display:inline-block}.header-menu{color:var(--text-primary-color);float:right;padding:4px 0;font-size:13px;font-weight:400;line-height:18px;text-decoration:none;margin-right:10px}.entry-header.header-big .header-menu{margin-right:0}.header-menu .research-use{float:left;font-size:13px;font-weight:700;color:#91b9cd;margin-right:1rem}.notification-bar{display:none;position:absolute;height:20px;line-height:20px;width:100%;background-color:#91b9cd;color:#fff;font-weight:700;text-align:center}@media only screen and (max-width:768px){.entry-header,.entry-header.header-big{padding:30px 15px 10px}.entry-header.header-big .header-logo-image{margin:0 10px 0 0;width:25px;height:25px}.entry-header.header-big .header-logo-text{width:40%}.notification-bar{display:block}.header-menu .research-use{display:none}}
