a,
a:hover,
a:active {
  color: var(--clrHighlight);
}

h1, h2, h3, h4, h5, h6, .panel-title {
  color: #111;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

body {
  overflow: hidden;
  background-color: #ffffff;
  background-color: var(--clrBackground);
  color: #5d5d5d;
  color: var(--clrText);
}

body, .dropdown-menu, #quickLexicon h1 {
  font-size: 12px;
}

.dropdown-menu > li > a {
  padding-left: 12px;
  padding-right: 12px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background: var(--clr2ndHover);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background: #17758F;
}

ul .glyphicon-ok {
  margin-right: 8px;
  color: #111;
  visibility: hidden;
}
ul .glyphicon-ok.active {
  visibility: visible;
}

li .glyphicon-ok {
  margin-right: 8px;
  color: #111;
  color: var(--clrText);
  visibility: hidden;
}
li .glyphicon-ok.active {
  visibility: visible;
}

.panel-heading {
  padding: 2px 5px;
}
.panel-heading h4 {
  cursor: pointer;
  margin: 0px;
  font-size: 12px;
}

.panel-group .panel + .panel {
  margin-top: 3px;
}

.transliteration {
  font-style: italic !important;
}

.clicktoview {
  color: red;
}

.btn {
  /*  transition: background-color 200ms;  comment out because it is not compatible with dark mode */
}

.btn > label {
  margin: 0;
}

.btn-default {
  background-image: none;
  background-color: #f3f3f3;
}

.btn-danger {
  background-image: -webkit-linear-gradient(bottom, #9D0025 0, #d00031 100%);
  background-image: linear-gradient(to top, #9D0025 0, #d00031 100%) !important;
  /* Just changed the two colors */
  border: solid thin #9D0025;
}
.btn-danger:hover {
  background-position: 0 15px !important;
}
.btn-danger:focus {
  background-position: inherit;
  background-image: -webkit-linear-gradient(bottom, #9D0025 0, #d00031 100%);
  background-image: linear-gradient(to top, #9D0025 0, #d00031 100%) !important;
  /* Just changed the two colors */
}

.text-info {
  color: #17758F;
}

.input-sm {
  height: 32px;
}

.stepButton {
  white-space: normal !important;
  padding: 6px 7px 5px 7px;
  color: #498090;
  color: var(--clrStrongText);
  font-size: 14px;
  line-height: 13px;
  border-radius: 4px;
  background: #FFFFFF !important;
  background: var(--clrBackground) !important;
  border: 1px solid #17758F !important;
  border: 1px solid var(--clrHighlight) !important;
  font-style: normal;
  margin-left: 5px;
  text-shadow: none;
  display: inline-block;
}

.stepButtonTriangle {
  white-space: normal !important;
  padding: 6px 7px 5px 7px;
  color: #498090;
  color: var(--clrStrongText);
  font-size: 14px;
  line-height: 13px;
  border-radius: 4px;
  background: #FFFFFF !important;
  background: var(--clrBackground) !important;
  border: 1px solid #17758F !important;
  border: 1px solid var(--clrHighlight) !important;
  font-style: normal;
  margin-left: 5px;
  display: inline-block;
}
.stepButtonTriangle:after {
  content: "\25BE";
  display: inline-block;
  margin-left: 3px;
}

.stepPressedButton {
  background-color: #17758F !important;
  background-color: var(--clrHighlightBg) !important;
  color: white !important;
  border: 1px solid black;
}

.stepFgBg {
  background-color: #ffffff;
  background-color: var(--clrBackground);
  color: #5d5d5d;
  color: var(--clrText);
}
.stepFgBg input, .stepFgBg select, .stepFgBg textarea {
  background-color: var(--clrBackground) !important;
  color: var(--clrText) !important;
}

.stepModalFgBg {
  background-color: #ffffff;
  background-color: var(--clrBackground);
  color: #5d5d5d;
  color: var(--clrText);
  border: 1px solid grey;
}

.waiting {
  background-image: url(/images/wait16.gif);
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .extrapad-xs {
    padding-top: 44px !important;
  }

  .hidden-touch-xs {
    display: none !important;
  }
}
@media (max-width: 450px) {
  .hidden-narrow {
    display: none !important;
  }
}
@media (min-width: 451px) {
  .hidden-not-narrow {
    display: none !important;
  }
}
@media (hover: none) and (min-width: 768px) {
  .extrapad-other {
    padding-top: 44px !important;
  }
}
@media (hover: none) {
  .hidden-touch {
    display: none !important;
  }
}
@media screen {
  .navbar {
    height: 50px;
    min-height: 50px;
    margin-bottom: 0px;
    background-image: none;
  }
  .navbar .navbar-header {
    font-size: x-small;
    background: var(--clrBackground);
    width: 100%;
  }
  .navbar .navbar-toggle {
    border: none;
    margin: 0 0 0 10px;
  }
  .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
    background-color: transparent;
  }
  .navbar .navbar-toggle .icon-bar {
    width: 18px;
    height: 3px;
  }
  .navbar .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
  }
  .navbar .navbar-collapse a {
    padding-left: 15px;
  }
  .navbar .navbar-collapse .dropdown-toggle > span {
    display: none;
    line-height: 18px;
    vertical-align: top;
  }
  .navbar .logo {
    display: inline-block;
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .navbar a, .navbar .subtitle, .navbar .subtitle:hover {
    color: lightgrey;
  }
  .navbar.form-group, .navbar form {
    margin-bottom: 0px;
  }
  .navbar.form-group input, .navbar form input {
    margin-top: -2px;
    height: 34px;
  }
  .navbar.form-group button, .navbar form button {
    min-width: 80px;
    text-shadow: none;
  }

  .navbar-brand {
    padding-bottom: 8px;
    padding-top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .navbar-brand {
    padding-left: 15px;
  }
}
@media screen {
  .navbar-brand #masterSearch {
    border: 0 !important;
    box-shadow: none;
    -webkit-box-shadow: none;
  }
  .navbar-brand .title {
    line-height: 25px;
    float: left;
  }
  .navbar-brand .title > a {
    color: white !important;
    font-weight: bold;
    text-decoration: none;
  }
  .navbar-brand .subtitle {
    display: block;
    white-space: nowrap;
    font-size: 11px;
    line-height: 1;
  }

  .search-form {
    font-size: x-small;
  }
  .search-form a {
    color: var(--clrText);
  }
  .search-form .findButton {
    padding: 0 8px;
  }
  .search-form i.find {
    position: absolute;
    right: 16px;
    top: -1px;
    z-index: 2;
    cursor: pointer;
    font-size: 16px;
    padding: 8px 12px;
  }

  .searchLinks {
    float: right;
    margin-top: 4px;
    color: var(--clrText);
  }
  .searchLinks a, .searchLinks label {
    vertical-align: top;
    margin-left: 20px;
  }
  .searchLinks input {
    margin: 2px 0 0 0;
  }

  .help {
    margin-top: 5px;
    font-size: 12px;
    float: right;
    color: var(--clrText);
  }
  .help a {
    cursor: pointer;
    display: inline-block;
    opacity: .85;
  }
  .help a:hover {
    opacity: 1;
    text-decoration: none;
  }
  .help .glyphicon {
    font-size: 18px;
  }
  .help .glyphicon.active {
    color: #17758F;
  }
  .help .glyphicon svg {
    fill: var(--clrText);
  }
  .help .icon-sidebar {
    width: 22px;
    height: 16px;
  }
  .help .icon-language {
    vertical-align: text-bottom;
  }
  .help .icon-language > svg {
    width: 22px;
    height: 22px;
  }
  .help .headerButtons > a {
    padding-left: 15px;
  }
  .help .headerButtons > a:first-of-type {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .help .navbar-collapse {
    display: inline !important;
  }
  .help .navbar-collapse:after, .help .navbar-collapse:before {
    display: inherit;
  }
  .help .caret {
    margin-left: 5px;
  }
  .help .caret.mini-level {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .help .icon-sidebar {
    top: 2px;
  }
  .help .navbar-collapse {
    background-color: #F2F2F2;
    border: none;
    border-bottom: 1px solid #C8C8C8;
    white-space: nowrap;
    position: absolute;
    padding: 0;
    color: black;
    top: 50px;
    left: 0;
    right: 0;
    text-align: left;
    min-width: 270px;
    max-height: none;
  }
  .help .navbar-collapse a.dropdown-toggle {
    display: block;
    width: 100%;
  }
  .help .navbar-collapse .dropdown + .dropdown {
    border-top: 1px solid #C8C8C8;
  }
  .help .navbar-collapse .dropdown-toggle > span {
    display: inline;
  }
  .help .navbar-collapse .dropdown-toggle > .glyphicon {
    font-size: 14px;
    margin-right: 5px;
  }
  .help .navbar-collapse .icon-language > svg {
    width: 16px;
    height: 16px;
  }
  .help .navbar-collapse .helpMenu {
    width: 234px;
  }
  .help .navbar-collapse .caret.top-level {
    display: none;
  }
  .help .navbar-collapse .caret.mini-level {
    margin-top: 8px;
    float: right;
  }
  .help .navbar-collapse a {
    color: #1d1d1d;
    padding: 8px 20px;
  }
  .help .navbar-collapse a:hover {
    background-color: #eaeaea;
  }
  .help .navbar-collapse ul {
    max-height: 300px;
  }
  .help .navbar-collapse li.active a {
    color: white;
  }
  .help .navbar-collapse li.active a:hover {
    background-color: #17758F;
  }
  .help .navbar-collapse li a {
    padding-left: 20px;
  }
  .help .navbar-collapse .separator {
    display: none;
  }
  .help .navbar-collapse .dropdown-menu {
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    float: none !important;
    right: auto;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .help .navbar-collapse .dropdown-menu li > a {
    padding-left: 42px;
  }
  .help .navbar-collapse .dropdown-menu li > a:hover, .help .navbar-collapse .dropdown-menu li > a:focus {
    background-image: none;
  }
  .help .navbar-collapse .dropdown-menu li > .dropdown-toggle {
    padding: 0;
  }
  .help .dropdown {
    display: block;
  }
}
@media screen {
  .help ul {
    float: right;
  }
  .help button {
    padding: 3px 5px;
    margin-left: 10px;
    margin-right: 20px;
    font-size: 11px;
  }
  .help button.stepBreakout {
    margin-left: -12px;
    margin-right: 10px;
  }

  .mainPanel,
  #sidebar {
    padding: 50px 0 0;
  }
}
.navbarIconDesc {
  vertical-align: super;
}

@media screen and (max-width: 991px) {
  .kolumny {
    max-height: 500;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 992px) {
  .kolumny {
    min-width: 500px;
    max-width: 750px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-gap: 2px;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 1120px) {
  .miniKolumny {
    width: 200px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 1121px) {
  .miniKolumny {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 2px;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 800px;
    min-width: 500px;
  }
}

@media screen and (max-width: 991px) {
  .kolumny {
    max-height: 500;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 992px) {
  .kolumny {
    min-width: 500px;
    max-width: 750px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-gap: 2px;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 1120px) {
  .miniKolumny {
    width: 200px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 1121px) {
  .miniKolumny {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 2px;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 800px;
    min-width: 500px;
  }
}

.search-form .select2-arrow {
  display: none !important;
}

@media screen and (min-height: 350px) {
  .select2-drop-multi {
    height: 260px;
  }
}
@media screen and (min-height: 400px) {
  .select2-drop-multi {
    height: 300px;
  }
}
@media screen and (min-height: 600px) {
  .select2-drop-multi {
    height: 475px;
  }
}
@media screen and (min-height: 750px) {
  .select2-drop-multi {
    height: 630px;
  }
}
@media screen and (min-height: 900px) {
  .select2-drop-multi {
    height: 765px;
  }
}
.select2-drop-multi {
  overflow-y: auto;
}

.select2-drop-active {
  border: none;
  background: #f2f2f2;
}

.select2-results {
  font-family: tahoma;
  padding: 0;
  max-height: none;
}

a.select2-search-choice-close {
  left: auto !important;
  top: 5px !important;
  right: 3px;
  font-size: 13px;
  background: none;
  color: white;
  opacity: 0.7;
}
a.select2-search-choice-close:after {
  content: '\00d7';
}
a.select2-search-choice-close:hover {
  text-decoration: none;
  opacity: 1;
}

.select2-dropdown-open ul {
  white-space: normal !important;
  max-height: 70% !important;
}

.select2-container-multi .select2-choices {
  white-space: nowrap;
  overflow: hidden;
  height: 34px;
  max-height: 34px;
  margin: -2 0;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 6px 21px 5px 7px;
  border-radius: 4px;
  border: none;
  color: white;
  font-size: 14px;
  box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices .select2-search-field input {
  font-family: inherit;
  padding: 6px;
  margin: 0px -5px 0px 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-container {
  border: 0px !important;
}

ul.select2-parent-no-results {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}

.select2-no-results .message {
  color: black;
  margin-top: -1px;
}

.sortable-placeholder {
  min-width: 50px;
  margin: 5 0 0 5;
  height: 19px;
  border: dashed 1 darkgrey;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input, .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: none !important;
  }
}
@media screen and (max-width: 991px) {
  .kolumny {
    max-height: 500;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 992px) {
  .kolumny {
    min-width: 500px;
    max-width: 750px;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    column-gap: 2px;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

@media screen and (max-width: 1120px) {
  .miniKolumny {
    width: 200px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 1121px) {
  .miniKolumny {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 2px;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 800px;
    min-width: 500px;
  }
}

@media screen and (min-width: 768px) {
  .select2-results {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 2px;
    -moz-column-gap: 2px;
    -webkit-column-gap: 2px;
  }
}
.select2-results .maxSelected {
  cursor: not-allowed;
}
.select2-results .initials {
  font-weight: bold;
}
.select2-results .source {
  float: right;
  font-style: italic;
}
.select2-results .features {
  float: right;
  margin-right: 5px;
  padding: 0 2;
  font-weight: bold;
}
.select2-results .glyphicon-plus {
  font-size: 90%;
}
.select2-results li {
  background: #eee;
  padding: 6px 5px;
  filter: none;
  background-image: inherit !important;
  color: white !important;
}
.select2-results li.select2-highlighted.select-meanings {
  cursor: pointer !important;
  background: #DCBD30 !important;
}
.select2-results li.select2-highlighted.select-version {
  cursor: pointer !important;
  background: #963535 !important;
}
.select2-results li.select2-highlighted.select-reference, .select2-results li.select2-highlighted.select-relatedrefs {
  cursor: pointer !important;
  background: #AA1B41 !important;
}
.select2-results li.select2-highlighted.select-subject, .select2-results li.select2-highlighted.select-topicref {
  cursor: pointer !important;
  background: #5B468A !important;
}
.select2-results li.select2-highlighted.select-text, .select2-results li.select2-highlighted.select-syntax {
  cursor: pointer !important;
  background: #8A467B !important;
}
.select2-results li.select2-highlighted.select-greek, .select2-results li.select2-highlighted.select-exactForm-greek {
  cursor: pointer !important;
  background: #3B9B89 !important;
}
.select2-results li.select2-highlighted.select-greekMeanings {
  cursor: pointer !important;
  background: #3B9B89 !important;
}
.select2-results li.select2-highlighted.select-hebrew, .select2-results li.select2-highlighted.select-exactForm-hebrew {
  cursor: pointer !important;
  background: #46598A !important;
}
.select2-results li.select2-highlighted.select-hebrewMeanings {
  cursor: pointer !important;
  background: #46598A !important;
}
.select2-results li.select2-highlighted.select-other {
  background: #868686;
}
.select2-results li.select2-highlighted.select-other .glyphicon {
  font-size: 10px;
  top: -1px;
}
.select2-results li.select-meanings {
  cursor: pointer !important;
  background: #DCBD30 !important;
}
.select2-results li.select-version {
  cursor: pointer !important;
  background: #963535 !important;
}
.select2-results li.select-reference, .select2-results li.select-relatedrefs {
  cursor: pointer !important;
  background: #AA1B41 !important;
}
.select2-results li.select-subject, .select2-results li.select-topicref {
  cursor: pointer !important;
  background: #5B468A !important;
}
.select2-results li.select-text, .select2-results li.select-syntax {
  cursor: pointer !important;
  background: #8A467B !important;
}
.select2-results li.select-greek, .select2-results li.select-exactForm-greek {
  cursor: pointer !important;
  background: #3B9B89 !important;
}
.select2-results li.select-greekMeanings {
  cursor: pointer !important;
  background: #3B9B89 !important;
}
.select2-results li.select-hebrew, .select2-results li.select-exactForm-hebrew {
  cursor: pointer !important;
  background: #46598A !important;
}
.select2-results li.select-hebrewMeanings {
  cursor: pointer !important;
  background: #46598A !important;
}
.select2-results li.select-other {
  background: #868686;
}
.select2-results li.select-other .glyphicon {
  font-size: 10px;
  top: -1px;
}

li.select-meanings, span.select-meanings {
  cursor: pointer !important;
  background: #DCBD30 !important;
}
li.select-version, span.select-version {
  cursor: pointer !important;
  background: #963535 !important;
}
li.select-reference, li.select-relatedrefs, span.select-reference, span.select-relatedrefs {
  cursor: pointer !important;
  background: #AA1B41 !important;
}
li.select-subject, li.select-topicref, span.select-subject, span.select-topicref {
  cursor: pointer !important;
  background: #5B468A !important;
}
li.select-text, li.select-syntax, span.select-text, span.select-syntax {
  cursor: pointer !important;
  background: #8A467B !important;
}
li.select-greek, li.select-exactForm-greek, span.select-greek, span.select-exactForm-greek {
  cursor: pointer !important;
  background: #3B9B89 !important;
}
li.select-greekMeanings, span.select-greekMeanings {
  cursor: pointer !important;
  background: #3B9B89 !important;
}
li.select-hebrew, li.select-exactForm-hebrew, span.select-hebrew, span.select-exactForm-hebrew {
  cursor: pointer !important;
  background: #46598A !important;
}
li.select-hebrewMeanings, span.select-hebrewMeanings {
  cursor: pointer !important;
  background: #46598A !important;
}
li.select-other, span.select-other {
  background: #868686;
}
li.select-other .glyphicon, span.select-other .glyphicon {
  font-size: 10px;
  top: -1px;
}

.select2-search-choice .versionItem:after,
.select2-search-choice .referenceItem:after {
  content: "\25BE";
  font-style: normal;
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .select2-drop-multi {
    width: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .select2-drop-multi ul {
    margin: 0px;
  }
  .select2-drop-multi ul li {
    padding: 0;
    display: inline-block;
    width: 100%;
  }
  .select2-drop-multi ul .message {
    float: right;
    margin: 2px 3px 0 0;
    font-size: 90%;
  }
}
.searchLabel a {
  font-size: 90%;
  padding: 2px;
  border-radius: 3px !important;
  cursor: pointer;
}

.versionItem.masterVersion {
  font-weight: bold;
  font-style: italic;
}

[strong] {
  color: #498090;
  color: var(--clrStrongText);
}
[strong]:hover {
  cursor: pointer;
}

.emphasisePassagePhrase {
  background-color: #F3E5B4;
}

.relatedWordEmphasisHover {
  background-color: rgba(23, 117, 143, 0.2);
  background-color: var(--clrRelatedWordBg);
  color: black;
}

.lexiconFocus {
  background-color: #c9d8dc;
  background-color: var(--clrLexiconFocusBG);
  color: black;
}

.lexiconRelatedFocus {
  background-color: #e0e0e0;
  background-color: var(--clrLexiconFocusBG);
  color: black;
}

.primaryLightBg {
  background-color: #17758F !important;
  background-color: var(--clrHighlightBg) !important;
  color: white !important;
  text-shadow: none !important;
}
.primaryLightBg > .secondaryBackground {
  background-color: #17758F !important;
  background-color: var(--clrHighlightBg) !important;
}
.primaryLightBg .segC0, .primaryLightBg .segC1 {
  color: white;
}

.secondaryBackground {
  background-color: var(--clr2ndHover);
  color: black;
}

.highlightBorder {
  border: #d3d3d3;
  border: var(--clr2ndHover);
  border-bottom-style: inset;
}

.segC0 {
  color: #33339F;
}

.segC1 {
  color: black;
}

.argSummary {
  margin-left: 5;
  display: block;
  padding: 1;
}
.argSummary span.argSelect {
  display: inline-block;
  cursor: default !important;
  white-space: nowrap;
  font-size: 12px;
  line-height: 12px;
  padding: 5px 3px 5px 0;
  margin: 0 0 0 3px;
  cursor: default;
  border-radius: 1px;
  color: white;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.argSummary > :first-child, .argSummary > span.argSelect:first-child {
  margin-left: 0;
}

.passageOptionsGroup .argSummary span.argSelect,
#history .argSummary span.argSelect {
  background-image: none !important;
  font-size: 15px;
  line-height: 18px;
  padding: 0 8px;
  margin: 6px 0;
  border-left: 1px solid var(--clrText);
  letter-spacing: .5px;
}
.passageOptionsGroup .argSummary span.argSelect.select-version, .passageOptionsGroup .argSummary span.argSelect.select-reference, .passageOptionsGroup .argSummary span.argSelect.select-relatedrefs, .passageOptionsGroup .argSummary span.argSelect.select-hebrewMeanings, .passageOptionsGroup .argSummary span.argSelect.select-hebrew, .passageOptionsGroup .argSummary span.argSelect.select-exactForm-hebrew, .passageOptionsGroup .argSummary span.argSelect.select-greekMeanings, .passageOptionsGroup .argSummary span.argSelect.select-greek, .passageOptionsGroup .argSummary span.argSelect.select-exactForm-greek, .passageOptionsGroup .argSummary span.argSelect.select-subject, .passageOptionsGroup .argSummary span.argSelect.select-topicref, .passageOptionsGroup .argSummary span.argSelect.select-text, .passageOptionsGroup .argSummary span.argSelect.select-syntax, .passageOptionsGroup .argSummary span.argSelect.select-meanings,
#history .argSummary span.argSelect.select-version,
#history .argSummary span.argSelect.select-reference,
#history .argSummary span.argSelect.select-relatedrefs,
#history .argSummary span.argSelect.select-hebrewMeanings,
#history .argSummary span.argSelect.select-hebrew,
#history .argSummary span.argSelect.select-exactForm-hebrew,
#history .argSummary span.argSelect.select-greekMeanings,
#history .argSummary span.argSelect.select-greek,
#history .argSummary span.argSelect.select-exactForm-greek,
#history .argSummary span.argSelect.select-subject,
#history .argSummary span.argSelect.select-topicref,
#history .argSummary span.argSelect.select-text,
#history .argSummary span.argSelect.select-syntax,
#history .argSummary span.argSelect.select-meanings {
  background-color: transparent !important;
  color: #333 !important;
  font-weight: bold;
}
.passageOptionsGroup .argSummary span.argSelect:first-child,
#history .argSummary span.argSelect:first-child {
  padding-left: 0;
  border-left: none;
}

.argSumSpan {
  color: #498090;
  color: var(--clrStrongText);
  font-size: 14px;
  line-height: 19px;
  background: #FFFFFF !important;
  background: var(--clrBackground) !important;
  border: none;
}

.infoIcon {
  position: absolute;
  left: 67%;
  text-align: center;
  bottom: 1%;
  font-size: 120%;
  display: none;
  z-index: 10;
}

.passageContainer .popover {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  margin-bottom: 0px;
}
.passageContainer .popover .arrow {
  bottom: 0px;
}
.passageContainer .popover-content {
  padding: 15px;
  background-color: var(--clrBackground);
  color: var(--clrText);
  margin-bottom: 11px;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.passageOptionsGroup {
  border-bottom: 1px solid var(--clrHighlightBg);
  padding: 5px 15px;
  opacity: .3;
  background-color: white;
  background-color: var(--clrBackground);
}
.passageOptionsGroup:after {
  content: "";
  display: table;
  clear: both;
}
.passageOptionsGroup [dir='rtl'] a {
  text-align: right;
}
.passageOptionsGroup [dir='rtl'] a > span:first-child {
  margin-right: 20px;
}
.passageOptionsGroup .closeColumn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5;
}
.passageOptionsGroup .closeColumn.disabled:hover, .passageOptionsGroup .closeColumn.disabled:active {
  background-position: inherit;
}
.passageOptionsGroup .btn-group.pull-right {
  z-index: 30;
}
.passageOptionsGroup button span {
  line-height: 1;
}
.passageOptionsGroup button span.smallerFont {
  font-size: 8px;
  line-height: 12px;
}
.passageOptionsGroup button span.largerFont {
  font-weight: bold;
}
.passageOptionsGroup a {
  color: var(--clrText);
  cursor: pointer;
  font-size: 14px;
  line-height: 28px;
  padding: 5px 0 5px 15px;
  position: relative;
  top: 1px;
}
.passageOptionsGroup a:hover, .passageOptionsGroup a:focus {
  text-decoration: none;
  background-color: var(--clr2ndHover);
  color: black;
}
.passageOptionsGroup .dropdown-menu {
  min-width: 180px;
  padding-top: 0;
}
.passageOptionsGroup .dropdown-menu h2 {
  font-size: 14px;
  margin: 10px 8px 4px;
}
.passageOptionsGroup .dropdown-menu a {
  display: block;
}
.passageOptionsGroup .dropdown-menu a,
.passageOptionsGroup .dropdown-menu .noHighlight {
  line-height: 20px;
  padding-left: 12px;
}
.passageOptionsGroup .dropdown-menu .noHighlight {
  color: #5D5D5D;
  padding-top: 5px;
  padding-bottom: 5px;
}
.passageOptionsGroup .dropdown-menu ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.passageOptionsGroup .dropdown-menu li {
  font-size: 14px;
  padding-right: 5px;
}
.passageOptionsGroup .dropdown-menu li:hover {
  background-color: var(--clr2ndHover);
}
.passageOptionsGroup .dropdown-menu li.contextContainer {
  min-width: 220px;
}
.passageOptionsGroup .dropdown-menu li.contextContainer button {
  padding: 5px 7px;
}
.passageOptionsGroup .dropdown-menu li.contextContainer:hover {
  background-color: inherit;
}
.passageOptionsGroup .dropdown-menu li.noHighlight:after {
  content: "";
  display: table;
  clear: both;
}
.passageOptionsGroup .dropdown-menu li.noHighlight:hover {
  background-color: inherit;
}
.passageOptionsGroup .dropdown-share + .dropdown-menu > ul > li {
  float: left;
  padding: 10px 0 0 10px;
}
.passageOptionsGroup .dropdown-share + .dropdown-menu > ul > li:hover {
  background-color: transparent;
}
.passageOptionsGroup .nested-btn-group {
  float: left;
  margin-left: -1px;
}
.passageOptionsGroup .passageOptions, .passageOptionsGroup .displayModes {
  direction: ltr;
  text-align: left;
}
.passageOptionsGroup .passageOptions .panel, .passageOptionsGroup .displayModes .panel {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.passageOptionsGroup .passageOptions .panel a, .passageOptionsGroup .displayModes .panel a {
  cursor: pointer;
}
.passageOptionsGroup .passageOptions .panel a:hover, .passageOptionsGroup .displayModes .panel a:hover {
  background-color: var(--clr2ndHover);
  color: var(--clrText);
}
.passageOptionsGroup .passageOptions .panel .caret, .passageOptionsGroup .displayModes .panel .caret {
  float: right;
  margin-right: 15px;
  margin-top: 8px;
}
.passageOptionsGroup .passageOptions .panel .panel-body, .passageOptionsGroup .displayModes .panel .panel-body {
  padding: 0;
}
.passageOptionsGroup .passageOptions .panel .panel-body a, .passageOptionsGroup .displayModes .panel .panel-body a {
  padding-left: 24px;
}
.passageOptionsGroup .argSummary {
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.nextPreviousChapterGroup .previousChapter,
.nextPreviousChapterGroup .nextChapter {
  display: none;
  position: absolute;
  top: auto;
  bottom: 35px;
  z-index: 1;
  padding: 12px;
  background-color: white;
  background-color: var(--clrBackground);
  border-radius: 100%;
  box-shadow: 0 0 5px;
}
.nextPreviousChapterGroup .previousChapter .glyphicon,
.nextPreviousChapterGroup .nextChapter .glyphicon {
  top: 0;
}
.nextPreviousChapterGroup .previousChapter {
  left: 20px;
}
.nextPreviousChapterGroup .nextChapter {
  right: 20px;
}

.passageContainer.waiting, .searchResults .waiting {
  background-position: 51% 10px;
  background-position: -webkit-calc(50% + 7px) 10px;
  background-position: -moz-calc(50% + 7px) 10px;
  background-position: calc(50% + 7px) 10px;
}

.passageContentHolder {
  text-align: justify;
}
.passageContentHolder table {
  width: 95%;
  display: inline;
  font-size: inherit;
  margin-bottom: 0px;
}
.passageContentHolder table tr.row:before, .passageContentHolder table tr.row:after {
  display: none;
}
.passageContentHolder table th {
  border: none !important;
}
.passageContentHolder table.x-simpleTable {
  width: auto;
  display: inline;
  font-size: inherit;
  margin-bottom: 0px;
}
.passageContentHolder table.x-simpleTable tr.row:before, .passageContentHolder table.x-simpleTable tr.row:after {
  display: none;
}
.passageContentHolder table.x-simpleTable th {
  border: none !important;
}
.passageContentHolder td.x-end-row {
  vertical-align: bottom;
  text-align: right;
}
.passageContentHolder td.x-simpleTable-td-left {
  padding: 0px 15px;
}
.passageContentHolder td.x-simpleTable-td-right {
  text-align: right;
  padding: 0px 15px;
}
.passageContentHolder h2.sub {
  font-size: 90%;
}
.passageContentHolder .paragraph {
  margin-top: 8px;
  content: ' ';
  display: block;
}
.passageContentHolder .endLineGroup, .passageContentHolder .startLineGroup {
  content: ' ';
  display: block;
  margin-bottom: 4px;
}
.passageContentHolder .startLineGroup {
  padding-top: 8px;
}
.passageContentHolder h2 + br, .passageContentHolder .startLineGroup + br, .passageContentHolder .startLineGroup + br + .level1, .passageContentHolder h2 + br + span + br, .passageContentHolder br + .paragraph + br {
  display: none;
}
.passageContentHolder a + br + .level1 {
  margin-right: -10px;
}
.passageContentHolder span.level1 {
  margin-top: 8px;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}
.passageContentHolder span.level2 {
  padding-left: 50px;
}
.passageContentHolder span.level3 {
  padding-left: 70px;
}
.passageContentHolder span.level4 {
  padding-left: 90px;
}
.passageContentHolder span.level5 {
  padding-left: 110px;
}
.passageContentHolder span.level1, .passageContentHolder span.level2, .passageContentHolder span.level3, .passageContentHolder span.level4, .passageContentHolder span.level5 {
  content: ' ';
}
.passageContentHolder br + br {
  display: none;
}
.passageContentHolder .notesPane {
  font-size: 85%;
  line-height: 1.4;
  text-align: left;
  min-height: 100%;
  float: left;
  width: 0;
  height: 0;
}
.passageContentHolder .notesPane:empty, .passageContentHolder .notesPane > * {
  display: none;
}
.passageContentHolder .verse.containsTable {
  text-align: left;
}
.passageContentHolder p.x-continued {
  margin-bottom: 0px;
}
.passageContentHolder .verseLink + .x-min-width {
  margin-left: 2px;
}
.passageContentHolder div.x-min-width {
  width: 60%;
  display: inline-block;
  margin-left: 15px;
}
.passageContentHolder .small-caps {
  font-size: 110%;
}
.passageContentHolder .small-caps > em.foreign, .passageContentHolder .small-caps > .x-inscription {
  text-align: center;
  display: block;
  margin-bottom: -20px;
}
.passageContentHolder .x-p-inscription {
  font-size: 100%;
  text-align: center;
  display: block;
  font-variant: small-caps;
}
.passageContentHolder .x-doxology {
  display: block;
  text-align: center;
}
.passageContentHolder .duplicate {
  color: grey !important;
  font-weight: normal;
  font-style: italic;
}
.passageContentHolder .duplicate .heading {
  color: grey;
}
.passageContentHolder .duplicate-notice {
  float: left;
}
.passageContentHolder .versification-notice {
  font-size: 75%;
  float: left;
  color: #111;
}
.passageContentHolder [data-version] {
  cursor: pointer;
}
.passageContentHolder [data-version-disabled="true"] {
  cursor: not-allowed;
  text-decoration: none;
  color: darkgrey;
}

.verseNumber {
  vertical-align: top;
  color: var(--clrText);
  cursor: pointer;
  display: inline-block;
  line-height: 1.2;
  font-size: 85%;
}
.verseNumber:after {
  content: "";
  margin-right: 5px;
}

h3.canonicalHeading {
  font-style: italic;
  font-weight: normal;
  color: #333333;
  font-size: 12px;
}

h3.psalmHeading {
  font-style: italic;
  font-weight: normal;
  color: #333333;
  font-size: 12px;
  margin: 0 0 0 5;
}

h3.canonicalHeading {
  font-style: italic;
  font-weight: normal;
  color: #333333;
  font-size: 12px;
}

h2.heading + .startLineGroup {
  padding-top: 0px;
}
h2.heading.x-proverbs {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}
h2.heading.part {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}
h2.heading.x-speaker {
  font-style: italic;
  font-weight: normal;
  color: #333333;
  font-size: 12px;
  margin-bottom: 0;
}
verseNumber
h2.heading.x-acrostic {
  font-style: italic;
  font-weight: normal;
  color: #333333;
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 20px;
}

h3.canonicalHeading.acrostic {
  font-style: italic;
  font-weight: normal;
  color: #333333;
  font-size: 12px;
  margin-bottom: 0;
  margin-left: 20px;
}

.comparingTable .verseNumber, .interlinear .verseNumber, .verseGrouping .verseNumber {
  padding: 3px 0;
}
.comparingTable td .level1:last-child, .interlinear td .level1:last-child, .verseGrouping td .level1:last-child {
  display: none;
}
.comparingTable .singleVerse > .paragraph, .comparingTable .singleVerse > .startLineGroup,
.comparingTable .singleVerse > .level1:last-child,
.comparingTable .singleVerse > .smallResultKey + .startLineGroup,
.comparingTable .singleVerse .smallResultKey + .startLineGroup + .level1,
.comparingTable .singleVerse > .startLineGroup:last-child, .interlinear .singleVerse > .paragraph, .interlinear .singleVerse > .startLineGroup,
.interlinear .singleVerse > .level1:last-child,
.interlinear .singleVerse > .smallResultKey + .startLineGroup,
.interlinear .singleVerse .smallResultKey + .startLineGroup + .level1,
.interlinear .singleVerse > .startLineGroup:last-child, .verseGrouping .singleVerse > .paragraph, .verseGrouping .singleVerse > .startLineGroup,
.verseGrouping .singleVerse > .level1:last-child,
.verseGrouping .singleVerse > .smallResultKey + .startLineGroup,
.verseGrouping .singleVerse .smallResultKey + .startLineGroup + .level1,
.verseGrouping .singleVerse > .startLineGroup:last-child {
  display: none;
}

.headingVerseNumber + .cell.primary {
  border-left: none;
}

.verseGrouping {
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.verseGrouping * .smallResultKey {
  margin-right: 10px;
  margin-left: 3px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.verseGrouping * p {
  margin-left: 5px;
  display: inline;
}

.passageContent .notApplicable {
  color: grey !important;
  font-weight: normal;
  clear: left;
  display: block;
}
.passageContent .notApplicable em {
  font-weight: bold;
}

.searchResultRow .passageContentHolder {
  height: auto !important;
}
.searchResultRow .passageContentHolder.hbFont, .searchResultRow .passageContentHolder.hbFontSmall, .searchResultRow .passageContentHolder.hbFontMini {
  text-align: right;
}
.searchResultRow .verse {
  vertical-align: middle;
}
.searchResultRow p {
  display: inline;
  font-style: italic;
  margin: 0px 5px 0px 5px;
}
.searchResultRow p:before {
  content: "/";
}
.searchResultRow .verseNumber {
  vertical-align: middle;
  font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight: bold;
  line-height: 1.6;
}
.searchResultRow br, .searchResultRow .startLineGroup, .searchResultRow .paragraph {
  display: none;
}
.searchResultRow span.level1, .searchResultRow span.level2, .searchResultRow span.level3, .searchResultRow span.level4, .searchResultRow span.level5 {
  padding: 0px;
  margin: 0px;
}
.searchResultRow span.level1:before, .searchResultRow span.level2:before, .searchResultRow span.level3:before, .searchResultRow span.level4:before, .searchResultRow span.level5:before {
  content: ' / ';
}
.searchResultRow table {
  border-bottom: solid 1px #ddd;
}
.searchResultRow table tr.row:before, .searchResultRow table tr.row:after {
  display: none;
}
.searchResultRow table tr.row td, .searchResultRow table tr.row th {
  border-top: none;
}

h4.lexicalGrouping {
  font-size: 12px;
}
h4.lexicalGrouping .glyphicon {
  margin-right: 10px;
}

.originalWordSearchToolbar {
  clear: both;
  margin-bottom: 10px;
}
.originalWordSearchToolbar .panel {
  margin-bottom: 0;
}
.originalWordSearchToolbar .thisOnly, .originalWordSearchToolbar .untick {
  font-size: 10px;
}
.originalWordSearchToolbar .thisOnly {
  margin-left: 15px;
}
.originalWordSearchToolbar .sortOptions {
  display: inline-block;
  font-weight: normal;
}
.originalWordSearchToolbar .sortOptions a {
  font-weight: bold;
  text-decoration: none;
  margin: 0 2 0 3;
}
.originalWordSearchToolbar .sortOptions a:hover {
  text-decoration: underline;
}
.originalWordSearchToolbar .sortOptions a.active {
  color: grey;
  cursor: default;
}
.originalWordSearchToolbar .sortOptions a.active:hover {
  text-decoration: none;
}
.originalWordSearchToolbar .panel-body {
  padding: 5px;
}
.originalWordSearchToolbar [strong]:hover {
  color: #498090;
  color: var(--clrStrongText);
}
.originalWordSearchToolbar ul {
  padding: 0px;
  list-style: none;
  margin-bottom: 0px;
}
.originalWordSearchToolbar li {
  padding: 0px;
}
.originalWordSearchToolbar label {
  margin: 0px;
  font-weight: normal;
}

.subjectToolbar {
  display: inline-block;
  float: initial;
  width: initial;
  margin-bottom: 10px;
}
.subjectToolbar label {
  padding-right: 20px;
  padding-left: 5px;
}
.subjectToolbar .radioGroup {
  display: inline-block;
  width: initial;
}

.searchResultRow {
  margin-bottom: 5px;
}

.subjectSection h4.expandedHeadingItem {
  font-size: 12px;
  color: black;
}
.subjectSection .subjectNotice {
  color: darkgrey;
  font-style: italic;
}

.searchResultStrongHeader {
  font-size: 14px;
}

.resultsLabel {
  font-style: italic;
  margin-right: 15px;
  line-height: 28px;
}

.qtip {
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  max-width: 360px;
}
.qtip.xrefPopup {
  width: 280px;
}

.qtip.xrefHover {
  background-color: white;
  background-color: var(--clrBackground);
  border: 1px solid #ccc;
  border: 1px solid var(--clrText);
  padding: 8px;
  margin: 10px;
  max-width: 150px;
  font-size: 1em;
}
.qtip.xrefHover .qtip-content {
  padding: 0;
}
.qtip.xrefHover > a:hover {
  cursor: text;
  text-decoration: none;
}
.qtip.xrefHover .margin a.sideNote {
  color: #333;
  font-weight: bold;
}
.qtip.xrefHover .margin a.sideNote:hover {
  cursor: text;
  text-decoration: none;
}

.qtip.freqListHover {
  background-color: white;
  background-color: var(--clrBackground);
  border: 1px solid #ccc;
  border: 1px solid var(--clrText);
  padding: 8px;
  margin: 10px;
  max-width: 200px;
  font-size: 1em;
}
.qtip.freqListHover .qtip-content {
  padding: 0;
}
.qtip.freqListHover > a:hover {
  cursor: text;
  text-decoration: none;
}
.qtip.freqListHover .margin a.sideNote {
  color: #333;
  font-weight: bold;
}
.qtip.freqListHover .margin a.sideNote:hover {
  cursor: text;
  text-decoration: none;
}

.qtip-titlebar {
  margin-top: -1px;
}
.qtip-titlebar .close {
  color: white;
  opacity: 1;
  font-size: 14px;
  line-height: 16px;
  margin: 0 8px 0 5px;
}
.qtip-titlebar button, .qtip-titlebar .glyphicon {
  cursor: pointer;
}
.qtip-titlebar .openRefInColumn {
  float: right;
  margin-right: 5px;
}

.qtip-default .qtip-titlebar {
  background-color: #17758F;
  background-color: var(--clrHighlightBg);
  color: #fff;
  cursor: move;
}

.qtip-content .passageContentHolder .startLineGroup {
  padding: 0;
  margin: 0;
}
.qtip-content .passageContentHolder p:empty {
  display: none;
}

.xrefPopup.qtip-default.qtip {
  border: 1px solid #666;
  border-radius: 5px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  background-color: var(--clrBackground);
}
.xrefPopup.qtip-default.qtip .qtip-content {
  padding: 5px;
  color: #333333;
  color: var(--clrText);
}
.xrefPopup.qtip-default.qtip .paragraph {
  display: none;
}

.draggable-tooltip {
  z-index: 10001;
  border-color: darkgrey;
  border-top: solid 2 darkgrey;
}

.draggable-tooltip .ui-tooltip-titlebar {
  cursor: move;
  color: #33339F;
  padding: 5px 0px;
}

.qtip-content {
  background-color: var(--clrBackground);
  padding: 15px;
}

.draggable-tooltip * .xgen {
  display: none;
}

.examplesContainer {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px;
}
.examplesContainer .interlinearLinks {
  margin-top: 5px;
  display: inline-block;
}
.examplesContainer .explanationText {
  margin-top: 5px;
  margin-bottom: 15px;
}
.examplesContainer .closeColumn {
  position: absolute;
  top: 4px;
  right: 10px;
  color: var(--clrText);
  cursor: pointer;
  font-size: 14px;
  line-height: 33px;
  padding: 5px 0 5px 15px;
}
.examplesContainer .input-group .form-control {
  border: 1px solid #C8C8C8;
  border-radius: 3px;
  background-image: none;
  box-shadow: none;
  padding: 0 5px 0 0;
}
.examplesContainer .argSummary {
  padding: 5px 0 0;
  margin-left: 0;
  border-right: none;
}
.examplesContainer .argSummary:hover {
  background-color: var(--clr2ndHover);
}
.examplesContainer .argSummary .argSelect {
  cursor: pointer !important;
  margin: 4px 0 3px 5px;
  box-shadow: none;
  padding: 6px 7px 5px 7px;
  color: #498090;
  color: var(--clrStrongText);
  font-size: 14px;
  line-height: 13px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #17758F;
  border: 1px solid var(--clrHighlightBg);
}
.examplesContainer .argSummary .argSelect button {
  border: 1px solid #17758F;
  border: 1px solid var(--clrHighlightBg);
}
.examplesContainer .argSummary .argSelect button:after {
  content: '';
  font-style: normal;
  margin-left: 0px;
}
.examplesContainer h3 {
  margin-bottom: 5px;
}
.examplesContainer h3,
.examplesContainer h4 {
  text-align: center;
}
.examplesContainer .step-copyright {
  text-align: center;
  margin-top: 45px;
}
.examplesContainer .find {
  margin-left: 5px;
}

#sidebar .examplesContainer {
  padding: 0;
}

.examples {
  display: block;
}

.find {
  text-shadow: none;
}

.mainPanel {
  min-height: 100%;
  height: 100%;
  margin: 0 auto;
}

#columnHolder {
  overflow-y: hidden;
  padding: 0;
}
#columnHolder hr {
  width: 100%;
  clear: both;
  border: 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin: 0px 20px 5px 5px;
}
#columnHolder .column {
  height: 100%;
  padding: 0;
}
#columnHolder .column .passageContent {
  clear: left;
  height: 100%;
  padding-bottom: 35px;
}
#columnHolder .column .passageContent > div:first-child, #columnHolder .column .passageContent > span:first-child {
  display: block;
  overflow-y: auto;
  padding: 15px 15px 35px;
}
@media screen and (min-height: 0px) {
  #columnHolder .column .passageContent > div:first-child, #columnHolder .column .passageContent > span:first-child {
    height: 100%;
  }
}
@media screen and (min-height: 300px) {
  #columnHolder .column .passageContent > div:first-child, #columnHolder .column .passageContent > span:first-child {
    height: 93%;
  }
}
@media screen and (min-height: 400px) {
  #columnHolder .column .passageContent > div:first-child, #columnHolder .column .passageContent > span:first-child {
    height: 94%;
  }
}
@media screen and (min-height: 500px) {
  #columnHolder .column .passageContent > div:first-child, #columnHolder .column .passageContent > span:first-child {
    height: 94.5%;
  }
}
@media screen and (min-height: 600px) {
  #columnHolder .column .passageContent > div:first-child, #columnHolder .column .passageContent > span:first-child {
    height: 96%;
  }
}
@media screen and (min-height: 700px) {
  #columnHolder .column .passageContent > div:first-child, #columnHolder .column .passageContent > span:first-child {
    height: 97%;
  }
}
#columnHolder .column .passageContent > div:first-child:after, #columnHolder .column .passageContent > span:first-child:after {
  display: block;
  content: "";
  height: 60px;
}
#columnHolder .column .passageText .popover {
  max-height: 60%;
  overflow-y: auto;
}
#columnHolder .column .passageContainer {
  border: 1px solid var(--clrHighlightBg);
  height: 100%;
}
#columnHolder .column .passageContainer.active {
  border-color: var(--clrHighlight);
}
#columnHolder .column .passageContainer.active .passageOptionsGroup {
  opacity: 1;
}
#columnHolder .column .passageContainer .linkPanel {
  margin-left: -10px;
  top: 50%;
  left: 0;
  font-size: 150%;
  position: absolute;
}
#columnHolder .column .passageContainer .linkPanel:hover {
  color: gray;
}
#columnHolder .column .passageContainer .copyrightInfo {
  background-color: #fff;
  background-color: var(--clrBackground);
  position: absolute;
  font-size: 11px;
  color: darkgrey;
  color: var(--clrText);
  bottom: 1px;
  left: 16px;
  right: 16px;
  padding: 4px 0 8px;
}
#columnHolder .column .passageContainer .copyrightInfo:before {
  content: "";
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  height: 25px;
  pointer-events: none;
}

@media (min-width: 768px) {
  .col-sm-5columns, .col-sm-7columns, .col-sm-8columns, .col-sm-9columns, .col-sm-10columns, .col-sm-11columns {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }

  .col-sm-5columns {
    width: 19.75%;
  }

  .col-sm-7columns {
    width: 14.0357142857%;
  }

  .col-sm-8columns {
    width: 12.25%;
  }

  .col-sm-9columns {
    width: 10.8611111111%;
  }

  .col-sm-10columns {
    width: 9.75%;
  }

  .col-sm-11columns {
    width: 8.8409090909%;
  }
}
.passageContent {
  font-family: Georgia, serif;
  font-size: 15px;
}

.passageContentHolder {
  line-height: 1.6;
  outline: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--clrText);
  font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  font-weight: bold;
  margin: 0 0 .5em;
}

h1.level {
  text-align: center;
  font-size: 115%;
  color: #000000;
  clear: both;
}

h2.level {
  text-align: center;
  font-size: 110%;
  color: #000000;
  clear: both;
}

h3.level {
  text-align: center;
  font-size: 100%;
  clear: both;
}

h4.level {
  text-align: center;
  font-size: 90%;
  clear: both;
}

h5.level {
  text-align: center;
  font-size: 85%;
  clear: both;
}

h6.level {
  text-align: center;
  font-size: 80%;
  clear: both;
}

h2.heading {
  font-size: 120%;
}

h3.heading {
  font-size: 110%;
}

h4.heading {
  font-size: 100%;
  padding: 0;
  margin: 0;
}

h2.xgen {
  font-size: 170%;
}

h2.xgen ul {
  font-variant: normal;
}

h2.heading,
input.heading {
  font-weight: bold;
  margin: 15px 0 10px 0;
  line-height: 23px;
}

input.heading {
  font-size: 130%;
  text-align: left;
}

/** Some interlinear rules */
/* Define the nature of a "word" */
span.interlinear span {
  /* Make each word follow the other */
  float: left;
  /* Make sure that there is spacing between words */
  /* And extra spacing between lines */
  padding: 0em 0.5em 0.5em 0em;
  white-space: nowrap;
  text-align: right;
}

.verseGrouping span.rtl {
  text-align: right;
}

span.rtl span {
  /* Make each word follow the other */
  float: right;
}

.singleVerse div span {
  float: none;
}

/* Make the different views of a word stack. This rule can also be surrounded with a .jesus span*/
span.interlinear span span {
  /* Make this stack on top of each other. */
  display: block;
  /* Turn off floating and padding that was added by the previous rule. */
  float: none;
  padding: 0;
  /* 	height: 20px; */
}

.ancientVocab a {
  font-style: italic;
  color: black;
}

.qereQetifTitle {
  font-weight: bold;
}

.qereDisplay, .accentDisplay {
  direction: rtl;
  text-align: right;
}

.qereDisplay div, .accentDisplay div {
  padding: 8px 0px;
}

.hbFont h2, .hbFontSmall h2, .hbFontMini h2, .unicodeFont h2 {
  font-size: large;
}

.hbFont .verseNumber, .hbFontSmall .verseNumber, .hbFontMini .verseNumber {
  font-size: x-small;
}

.unicodeFont .verseNumber {
  font-size: small;
}

.rtlDirection {
  text-align: right;
}

/* Allow for spans to be nested more deeply */
span.interlinear span span span {
  /* Turn off block display that was added by the previous rule. */
  display: inline;
}

.inlineNote {
  display: none;
}

.sideNote {
  padding-right: 5px;
}

.visibleInlineNote {
  font-size: 12px;
}

td.primary {
  border-left: 1px solid #ddd;
}

.comparingTable {
  table-layout: fixed;
}

.comparingTable tr {
  padding-bottom: 5px;
}

/* .comparingTable * { */
/*  vertical-align: top; */
/* } */
.headingVerseNumber {
  color: #33339F;
  vertical-align: top;
  width: 75px;
}

.comparingVersionName {
  color: #33339F;
  text-align: center;
}

.primary > .cmpUnderline {
  display: none;
}

.secondary > .cmpStrike {
  display: none;
}

.singleVerse {
  display: block;
}

.singleVerse h2, .singleVerse h3, .singleVerse h4 {
  display: inline;
}

.singleVerse div.l {
  display: inline;
}

.cmpStrike {
  color: #33339F;
  font-weight: bold;
}

.cmpUnderline {
  color: #33339F;
  font-weight: bold;
}

.inlineNoteHighlight {
  background-color: #F3E5B4;
  color: #822433;
  font-weight: bold;
}

.interlinear .verseNumber {
  clear: left;
}

.interlinearChange {
  color: darkgrey;
  /* 	font-style: italic; */
}

.smallHeaders {
  font-size: .7em !important;
  padding-right: 2px;
  font-style: italic;
}

a.smallHeaders {
  color: #33339F;
}

br.paragraph {
  padding-top: 2px;
}

A {
  text-decoration: none;
}

span.w {
  margin-top: 20px;
  border-left: 1px solid #ddd;
  text-align: center;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

span.verseStart {
  clear: left;
}

span.verseStart > a {
  display: inline-block;
}

.rtl span.verseStart {
  clear: right;
}

span.strongs, span.morphs, span.interVerseNumbers {
  text-decoration: none;
  font-size: 90% !important;
  text-align: center;
  font-style: normal;
  color: #26539e;
  border: none;
}

.ancientVocab a {
  color: black !important;
}

.ancientVocab {
  font-family: Cardo;
  font-size: 140%;
}

span.strongs a {
  color: black;
}

sup.verseNumber {
  font-size: 75%;
  color: gray;
}

sup.variant.note {
  font-size: 65%;
  color: #33339F;
}

sup.note a {
  font-size: 10px;
  font-weight: normal;
  padding: 0 5px 9px 3px;
  margin-left: -.3em;
}

sup.note a[notetype="crossReference"] {
  font-size: 90%;
}

sup.note a[notetype="alternative"],
sup.note a[notetype="explanation"] {
  font-size: 75%;
}

sup.note a:hover {
  text-decoration: none;
}

sup.note a:visited {
  font-size: 100%;
  font-weight: normal;
}

FONT.lex {
  color: red;
}

span.jesus {
  color: #cc4848;
}

span.speech {
  color: blue;
}

span.strike {
  text-decoration: line-through;
}

span.small-caps {
  font-variant: small-caps;
}

span.underline {
  text-decoration: underline;
}

span.normal {
  font-variant: normal;
}

span.caps {
  text-transform: uppercase;
}

.editable {
  border: 1px dashed black;
}

.editable:hover {
  border: 1px solid black;
  font-style: italic;
}

.editable:focus {
  border: 1px solid black;
  font-style: normal;
}

TD.notes {
  width: 20%;
  background: #f4f4e8;
}

TD.text {
  width: 80%;
}

.notes a {
  color: #33339F;
  font-weight: bold;
  front-size: xx-small;
}

h3.psalmHeading .note {
  font-variant: normal;
  font-size: x-small;
}

.hebrewLanguage {
  font-family: Cardo !important;
  /* 	font-size: 18px !important; */
}

.greekLanguage {
  font-family: Cardo !important;
  /* 	font-size: 16px !important; */
}

.ancientLanguage {
  font-family: Cardo !important;
  /* 	font-size: 16px  !important;	 */
}

a.linkRef,
a.linkRef:hover,
sup.note a,
sup.note a:hover,
sup.note a:visited {
  color: var(--clrHighlight);
  cursor: pointer;
}

a.linkRef {
  font-weight: normal;
}

/* the following are for dictionary entries */
FONT.orth {
  font-weight: bold;
}

FONT.pron {
  font-style: italic;
}

FONT.def {
  font-style: italic;
}

FONT.usg {
  font-style: plain;
}

#previewReference {
  color: white;
  font-weight: solid;
  z-index: 9999999;
  max-width: 350px;
  max-height: 350px;
  background-color: #F6A828;
  border: 2px solid #E78F08;
  overflow: hidden;
  margin: 5px;
}

.leftPassagePreview, .rightPassagePreview, .closePassagePreview {
  font-size: 60%;
  float: right;
}

#previewReference H2.xgen {
  display: none;
}

#previewReference a {
  float: right;
}

#previewBar {
  border: 2px solid #E78F08;
  background-color: #E78F08;
  border-bottom: none;
  margin: 0px;
  height: 28px;
}

#previewReference p {
  margin: 0px;
}

#previewReference .previewReferenceKey {
  font-style: italic;
}

.emphasisePassagePhrase {
  background-color: #F3E5B4;
}

/* .relatedWordEmphasis {
  text-decoration: underline;
}

.relatedWordEmphasisHover {
  text-decoration: underline;
} */
/**********************************************/
/** Grammar colour coding                     */
/**********************************************/
.plur {
  font-weight: bold;
}

.mas {
  color: #206bce;
}

.fem {
  color: #b84dc3;
}

.neut {
  color: #121f23;
}

.ui-tooltip-content {
  max-height: 400px;
  overflow: auto;
}

.commentaryItalic {
  font-style: italic;
}

.commentaryVerse {
  display: block;
  padding-bottom: 5px;
}

/**********************************************/
/** Grammar colour coding                     */
/**********************************************/
.passageToolbarContainer {
  margin-top: 5px;
}

.passageToolbarFloatingContainer {
  text-align: right;
  display: block;
}

.passageContainer .passageLookupButtons, .passageContainer .passageSizeButtons {
  font-size: 0.8em;
}

.passageContainer .ui-buttonset .ui-button {
  margin-right: -0.5em;
}

.filterTagLine {
  font-size: 10px;
  font-style: italic;
  text-align: right;
  color: #33339F;
}

.infoAboutVersion, .versionInfo {
  font-size: 120%;
  color: #33339F;
}

.resetVersions {
  font-weight: bold;
  color: #33339F;
}

.quickLexiconDefinition {
  width: 300px;
  overflow: auto;
  /* 	position: absolute; */
  /* 	bottom: 0px; */
  z-index: 10000;
}

.quickLexiconDefinition h1 {
  font-size: 1em;
  font-weight: bold;
}

.versionBreakMenuItem {
  border-bottom: 1px dashed #33339F;
}

.introduction {
  display: none;
  color: darkgrey;
  font-style: italic;
}

.colophon {
  color: darkgrey;
  font-style: italic;
  display: block;
  text-align: right;
  margin-top: 10px;
}

.figureImage {
  width: 100%;
}

.alternativePartialMatch {
  text-decoration: overline;
}

.alternativeContext {
  text-decoration: underline;
}

.alternativeVersion {
  background-color: #EEF;
}

.alternativeVersion:hover {
  text-decoration: overline;
}

.alternative {
  color: #33339F;
  font-weight: bold;
}

.singleAlternative {
  white-space: nowrap;
}

.noQtipWidth {
  max-width: none !important;
}

.altered {
  color: red;
  font-family: Comic Sans MS;
}

/****************************/
/* verse numbers            */
/****************************/
.verseNumberStrong {
  border-spacing: 0px;
  border-collapse: collapse;
}

.verseNumberStrongs th {
  color: #822433;
}

.verseNumberStrongs a, .verseNumberStrongs a:visited {
  color: #33339F;
}

.verseNumberStrongs td {
  padding-left: 25px;
  padding-left: 0px;
}

.verseNumberStrongs td.even {
  padding-right: 25px;
}

.strongCount {
  width: 5ex;
  text-align: center;
}

a.related, a.related:visited {
  font-weight: bold;
  color: #33339F;
}

/**
Analysis tabs
*/
.passageContent .ui-tabs {
  margin-top: 10px;
}

.passageContent .ui-tabs, .passageContent .ui-tabs-nav {
  background-color: transparent;
  background-image: none;
  border: none;
}

.passageContent .ui-tabs-panel {
  border: thin solid lightgrey;
}

.searchPassageButtons {
  font-size: 75% !important;
}

.noWrapCell {
  white-space: nowrap;
}

.analysisButton {
  float: right;
  font-style: normal;
  font-size: 10px !important;
  font-variant: normal;
}

/* Added by Patrick Tang on May 2019 to highlight tense and mood of verbs.
Indicative:			   Subjunctive:			 Optative:		Imperative:			  Infinitive:			Participle:
Active  Middle Passive Active Middle Passive Active	Middle Passive	Active Middle Passive Active Middle	Passive	Active Middle Passive */
.vpai, .vpmi, .vppi, .vpas, .vpms, .vpps, .vpao, .vpmo, .vpam, .vpmm, .vppm, .vpan, .vpmn, .vppn, .vpap, .vpmp, .vppp,
.viai, .vimi, .vipi, .vias, .viap,
.vrai, .vrmi, .vrpi, .vras, .vrao, .vram, .vrmm, .vrpm, .vran, .vrmn, .vrpn, .vrap, .vrmp, .vrpp,
.vlai, .vlmi, .vlpi, .vlmp, .vlpp,
.vaai, .vami, .vapi, .vaas, .vams, .vaps, .vaao, .vamo, .vapo, .vaam, .vamm, .vapm, .vaan, .vamn, .vapn, .vaap, .vamp, .vapp,
.vfai, .vfmi, .vfpi, .vfas, .vfms, .vfps, .vfao, .vfmo, .vfam, .vfan, .vfmn, .vfpn, .vfap, .vfmp, .vfpp {
  text-decoration: none;
  white-space: nowrap;
  padding-bottom: 7px;
  border: none;
  text-shadow: 1px 1px white;
}

.vot_r0c0, .vot_r0c1, .vot_r0c2, .vot_r0c3, .vot_r0c4, .vot_r0c5, .vot_r0c6, .vot_r0c7, .vot_r0c8, .vot_r0c9, .vot_r0c10, .vot_r0c11, .vot_r0c12, .vot_r0c13, .vot_r0c14, .vot_r0c15, .vot_r0c16, .vot_r0c17,
.vot_r1c0, .vot_r1c1, .vot_r1c2, .vot_r1c3, .vot_r1c4, .vot_r1c5, .vot_r1c6, .vot_r1c7, .vot_r1c8, .vot_r1c9, .vot_r1c10, .vot_r1c11, .vot_r1c12, .vot_r1c13, .vot_r1c14, .vot_r1c15, .vot_r1c16, .vot_r1c17,
.vot_r2c0, .vot_r2c1, .vot_r2c2, .vot_r2c3, .vot_r2c4, .vot_r2c5, .vot_r2c6, .vot_r2c7, .vot_r2c8, .vot_r2c9, .vot_r2c10, .vot_r2c11, .vot_r2c12, .vot_r2c13, .vot_r2c14, .vot_r2c15, .vot_r2c16, .vot_r2c17,
.vot_r3c0, .vot_r3c1, .vot_r3c2, .vot_r3c3, .vot_r3c4, .vot_r3c5, .vot_r3c6, .vot_r3c7, .vot_r3c8, .vot_r3c9, .vot_r3c10, .vot_r3c11, .vot_r3c12, .vot_r3c13, .vot_r3c14, .vot_r3c15, .vot_r3c16, .vot_r3c17,
.vot_r4c0, .vot_r4c1, .vot_r4c2, .vot_r4c3, .vot_r4c4, .vot_r4c5, .vot_r4c6, .vot_r4c7, .vot_r4c8, .vot_r4c9, .vot_r4c10, .vot_r4c11, .vot_r4c12, .vot_r4c13, .vot_r4c14, .vot_r4c15, .vot_r4c16, .vot_r4c17,
.vot_r5c0, .vot_r5c1, .vot_r5c2, .vot_r5c3, .vot_r5c4, .vot_r5c5, .vot_r5c6, .vot_r5c7, .vot_r5c8, .vot_r5c9, .vot_r5c10, .vot_r5c11, .vot_r5c12, .vot_r5c13, .vot_r5c14, .vot_r5c15, .vot_r5c16, .vot_r5c17,
.vot_r6c0, .vot_r6c1, .vot_r6c2, .vot_r6c3, .vot_r6c4, .vot_r6c5, .vot_r6c6, .vot_r6c7, .vot_r6c8, .vot_r6c9, .vot_r6c10, .vot_r6c11, .vot_r6c12, .vot_r6c13, .vot_r6c14, .vot_r6c15, .vot_r6c16, .vot_r6c17,
.vot_r7c0, .vot_r7c1, .vot_r7c2, .vot_r7c3, .vot_r7c4, .vot_r7c5, .vot_r7c6, .vot_r7c7, .vot_r7c8, .vot_r7c9, .vot_r7c10, .vot_r7c11, .vot_r7c12, .vot_r7c13, .vot_r7c14, .vot_r7c15, .vot_r7c16, .vot_r7c17,
.vot_r8c0, .vot_r8c1, .vot_r8c2, .vot_r8c3, .vot_r8c4, .vot_r8c5, .vot_r8c6, .vot_r8c7, .vot_r8c8, .vot_r8c9, .vot_r8c10, .vot_r8c11, .vot_r8c12, .vot_r8c13, .vot_r8c14, .vot_r8c15, .vot_r8c16, .vot_r8c17,
.vot_r9c0, .vot_r9c1, .vot_r9c2, .vot_r9c3, .vot_r9c4, .vot_r9c5, .vot_r9c6, .vot_r9c7, .vot_r9c8, .vot_r9c9, .vot_r9c10, .vot_r9c11, .vot_r9c12, .vot_r9c13, .vot_r9c14, .vot_r9c15, .vot_r9c16, .vot_r9c17,
.vot_r10c0, .vot_r10c1, .vot_r10c2, .vot_r10c3, .vot_r10c4, .vot_r10c5, .vot_r10c6, .vot_r10c7, .vot_r10c8, .vot_r10c9, .vot_r10c10, .vot_r10c11, .vot_r10c12, .vot_r10c13, .vot_r10c14, .vot_r10c15, .vot_r10c16, .vot_r10c17,
.vot_r11c0, .vot_r11c1, .vot_r11c2, .vot_r11c3, .vot_r11c4, .vot_r11c5, .vot_r11c6, .vot_r11c7, .vot_r11c8, .vot_r11c9, .vot_r11c10, .vot_r11c11, .vot_r11c12, .vot_r11c13, .vot_r11c14, .vot_r11c15, .vot_r11c16, .vot_r11c17,
.vot_r12c0, .vot_r12c1, .vot_r12c2, .vot_r12c3, .vot_r12c4, .vot_r12c5, .vot_r12c6, .vot_r12c7, .vot_r12c8, .vot_r12c9, .vot_r12c10, .vot_r12c11, .vot_r12c12, .vot_r12c13, .vot_r12c14, .vot_r12c15, .vot_r12c16, .vot_r12c17,
.vot_r13c0, .vot_r13c1, .vot_r13c2, .vot_r13c3, .vot_r13c4, .vot_r13c5, .vot_r13c6, .vot_r13c7, .vot_r13c8, .vot_r13c9, .vot_r13c10, .vot_r13c11, .vot_r13c12, .vot_r13c13, .vot_r13c14, .vot_r13c15, .vot_r13c16, .vot_r13c17,
.vot_r14c0, .vot_r14c1, .vot_r14c2, .vot_r14c3, .vot_r14c4, .vot_r14c5, .vot_r14c6, .vot_r14c7, .vot_r14c8, .vot_r14c9, .vot_r14c10, .vot_r14c11, .vot_r14c12, .vot_r14c13, .vot_r14c14, .vot_r14c15, .vot_r14c16, .vot_r14c17,
.vot_r15c0, .vot_r15c1, .vot_r15c2, .vot_r15c3, .vot_r15c4, .vot_r15c5, .vot_r15c6, .vot_r15c7, .vot_r15c8, .vot_r15c9, .vot_r15c10, .vot_r15c11, .vot_r15c12, .vot_r15c13, .vot_r15c14, .vot_r15c15, .vot_r15c16, .vot_r15c17 {
  text-decoration: none;
  white-space: nowrap;
  padding-bottom: 7px;
  border: none;
  text-shadow: 1px 1px white;
}

.accordion-row {
  width: 100%;
  border: 1px solid #f1f1f1;
  border: 1px solid var(--clrBackground);
  padding: 5px 10px;
  margin: 0;
  background: #ffffff;
  background: var(--clrBackground);
}

.accordion-heading {
  padding: 5px 10px;
  margin: 0;
  cursor: pointer;
  font-size: 12px;
}

.accordion-body {
  display: none;
  padding: 5px 10px;
}

.modal {
  z-index: 10002;
}

.modal-backdrop.in {
  z-index: 10001;
}

#restorePassages form {
  max-height: 200px;
  overflow-y: scroll;
}

.search-sub-suggestion-part:first-child {
  flex: 0 0 auto;
  /* Only as wide as its content */
}

.search-sub-suggestion-part:last-child {
  flex: 1;
  /* Grow to fill the remaining space */
  overflow-wrap: break-word;
  /* Prevent overflow of long text */
}

.search-sub-suggestion {
  display: flex;
  /* Enable flex layout */
  flex-wrap: nowrap;
  /* Prevent wrapping to the next line */
  gap: 10px;
  /* Optional: Add space between the parts */
  align-items: flex-start;
}

#searchmodalbody h4,
#bookchaptermodalbody h4 {
  margin-bottom: 15px;
}
#searchmodalbody h5,
#bookchaptermodalbody h5 {
  background-color: #dcdcdc;
  padding: 6px;
  margin-top: 0.5em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#searchmodalbody table,
#bookchaptermodalbody table {
  width: 100%;
  text-align: center;
}
#searchmodalbody table tbody,
#bookchaptermodalbody table tbody {
  vertical-align: top;
}
#searchmodalbody table td > a,
#bookchaptermodalbody table td > a {
  display: block;
  padding: 8px 0;
  font-size: 14px;
}
#searchmodalbody table td > a:hover,
#bookchaptermodalbody table td > a:hover {
  text-decoration: none;
  background-color: #dcdcdc;
}
#searchmodalbody a,
#bookchaptermodalbody a {
  cursor: pointer;
}
#searchmodalbody .header,
#bookchaptermodalbody .header {
  padding: 10px 0;
}
#searchmodalbody .header h4,
#bookchaptermodalbody .header h4 {
  display: inline;
}
#searchmodalbody tr th,
#searchmodalbody tr td,
#bookchaptermodalbody tr th,
#bookchaptermodalbody tr td {
  padding: 4px 6px 4px 8px;
  font-size: 14px;
}
#searchmodalbody .closeMark,
#bookchaptermodalbody .closeMark {
  color: white;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0%;
  padding: 12px 16px;
  transform: translate(0%, -50%);
}
#searchmodalbody .closeMark:hover,
#bookchaptermodalbody .closeMark:hover {
  background: red;
}

.listOPSul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.listOPSli {
  border: 1px solid #dddddd;
  background-color: #498098;
  color: white;
  padding: 4px 6px 4px 8px;
  font-size: 14px;
  display: block;
  position: relative;
}
.listOPSli hover {
  background-color: #366072;
}

@media screen and (min-height: 400px) {
  .scrollPart {
    max-height: 70%;
    width: 100%;
    overflow-y: scroll;
  }
}
@media screen and (min-height: 600px) {
  .scrollPart {
    max-height: 80%;
    width: 100%;
    overflow-y: scroll;
  }
}
@media screen and (min-height: 900px) {
  .scrollPart {
    max-height: 85%;
    width: 100%;
    overflow-y: scroll;
  }
}
.modalonoffswitch .append {
  float: right;
}
.modalonoffswitch .append h6,
.modalonoffswitch .append .onoffswitch2 {
  display: inline-block;
  vertical-align: middle;
}
.modalonoffswitch .append h6 {
  font-weight: normal;
  line-height: 20px;
  margin: 0 5px 0 0;
}
.modalonoffswitch .append h6.checked {
  font-weight: bold;
}
.modalonoffswitch .onoffswitch2 {
  position: relative;
  width: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.modalonoffswitch .onoffswitch2-checkbox {
  display: none;
}
.modalonoffswitch .onoffswitch2-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 14px;
  margin: 0;
}
.modalonoffswitch .onoffswitch2-inner, .modalonoffswitch .onoffswitch3-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.modalonoffswitch .onoffswitch2-inner:before, .modalonoffswitch .onoffswitch2-inner:after, .modalonoffswitch .onoffswitch3-inner:before, .modalonoffswitch .onoffswitch3-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 16px;
  padding: 0;
  line-height: 16px;
  font-size: 10px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.modalonoffswitch .onoffswitch2-inner:before, .modalonoffswitch .onoffswitch3-inner:before {
  content: "On";
  padding-left: 8px;
  background-color: green;
  color: #FFFFFF;
}
.modalonoffswitch .onoffswitch2-inner:after {
  content: "";
  padding-right: 10px;
  background-color: #EEEEEE;
  color: #999999;
  text-align: right;
}
.modalonoffswitch .onoffswitch3-inner:after {
  content: "off";
  padding-right: 8px;
  background-color: #C85937;
  color: #FFFFFF;
  text-align: right;
}
.modalonoffswitch .onoffswitch2-switch {
  display: block;
  width: 6px;
  margin: 3.5px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  border: 1px solid #999999;
  border-radius: 14px;
  transition: all 0.3s ease-in 0s;
}
.modalonoffswitch .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
  margin-left: 0;
}
.modalonoffswitch .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch3-inner {
  margin-left: 0;
}
.modalonoffswitch .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
  right: 0px;
}

#bibleVersions .modal-body {
  padding: 5px;
}
#bibleVersions .modal-footer {
  padding: 10px 20px 10px 0px;
}
#bibleVersions .modal-footer .tagLine {
  float: left;
  padding-top: 10px;
  color: darkgrey;
  font-style: italic;
}
#bibleVersions span.form-group {
  margin-left: 3px;
}
#bibleVersions .list-group-item {
  padding: 2px;
}
#bibleVersions .list-group {
  margin-bottom: 5px;
}
#bibleVersions .tab-pane {
  overflow-y: scroll;
  padding: 2px;
}
#bibleVersions h1 {
  font-size: 10pt;
  margin: 0px 0px 4px;
}
#bibleVersions .closeModal label {
  margin-bottom: 0px;
}
#bibleVersions li.list-group-item {
  cursor: pointer;
}
#bibleVersions li.list-group-item a.glyphicon-info-sign {
  margin-right: 15px;
}
#bibleVersions li.list-group-item a.glyphicon-info-sign:hover {
  text-decoration: none;
}
#bibleVersions li.list-group-item.active {
  color: white;
}
#bibleVersions li.list-group-item.active a {
  color: white;
}
@media screen and (min-height: 350px) {
  #bibleVersions .tab-pane {
    height: 140px;
  }
}
@media screen and (min-height: 400px) {
  #bibleVersions .tab-pane {
    height: 180px;
  }
}
@media screen and (min-height: 600px) {
  #bibleVersions .tab-pane {
    height: 355px;
  }
}
@media screen and (min-height: 750px) {
  #bibleVersions .tab-pane {
    height: 510px;
  }
}
@media screen and (min-height: 900px) {
  #bibleVersions .tab-pane {
    height: 645px;
  }
}

#advancedSearch button.closeModal, #advancedSearch button.closeAndAdd {
  margin-left: 10px;
  margin-top: 20px;
  font-size: 100%;
}
#advancedSearch button.closeModal label, #advancedSearch button.closeAndAdd label {
  margin-bottom: 0px;
  margin-right: 0;
}
#advancedSearch form {
  padding: 5px;
}
#advancedSearch form label {
  margin-right: 5px;
}
#advancedSearch form .col-sm-1, #advancedSearch form .col-sm-2, #advancedSearch form .col-sm-3, #advancedSearch form .col-sm-4, #advancedSearch form .col-sm-5, #advancedSearch form .col-sm-6 {
  margin-top: 5px;
}
#advancedSearch form input, #advancedSearch form select {
  padding: 2px;
  width: 100% !important;
}
#advancedSearch form input.join, #advancedSearch form select.join {
  max-width: 100px;
  float: right;
}
#advancedSearch form #infoAboutQuerySyntax {
  padding: 3;
  font-size: 14px;
  text-decoration: none;
}
#advancedSearch form #infoAboutQuerySyntax .infoAboutQuerySyntaxText {
  font-size: 12px;
}
#advancedSearch form #infoAboutQuerySyntax .infoAboutQuerySyntaxText:hover {
  text-decoration: underline;
}
#advancedSearch .footerContainer {
  text-align: right;
}
@media screen and (min-height: 350px) {
  #advancedSearch .tab-pane {
    height: 160px;
  }
}
@media screen and (min-height: 400px) {
  #advancedSearch .tab-pane {
    height: 200px;
  }
}
@media screen and (min-height: 600px) {
  #advancedSearch .tab-pane {
    height: 375px;
  }
}
@media screen and (min-height: 750px) {
  #advancedSearch .tab-pane {
    height: 530px;
  }
}
@media screen and (min-height: 900px) {
  #advancedSearch .tab-pane {
    height: 665px;
  }
}
#advancedSearch .modal-dialog {
  width: 90%;
}
#advancedSearch .nav-tabs {
  border-bottom: none;
}
#advancedSearch .nav-tabs > li > a {
  background-color: #e6e6e6;
}
#advancedSearch .nav-tabs > li > a:hover {
  background-color: f4f4f4;
}
#advancedSearch .nav-tabs > li.active > a {
  background-color: #fff;
}
#advancedSearch .modal-content {
  background-color: transparent;
  background-color: var(--clrBackground);
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#advancedSearch .modal-content .tab-content {
  border-radius: 0 6 6 6;
  background-color: white;
  padding: 0px;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modalVerseComplete {
  z-index: 99999999;
}

#exactForm {
  position: relative;
}
#exactForm .dropdown-menu {
  margin-top: -3px;
  left: initial;
}
#exactForm .dropdown-menu .col-xs-4 {
  overflow-x: hidden;
}
@media screen and (min-height: 350px) {
  #exactForm .formsDropdown {
    height: 60px;
  }
}
@media screen and (min-height: 400px) {
  #exactForm .formsDropdown {
    height: 100px;
  }
}
@media screen and (min-height: 600px) {
  #exactForm .formsDropdown {
    height: 275px;
  }
}
@media screen and (min-height: 750px) {
  #exactForm .formsDropdown {
    height: 430px;
  }
}
@media screen and (min-height: 900px) {
  #exactForm .formsDropdown {
    height: 565px;
  }
}
#exactForm .formsDropdown {
  overflow-y: auto;
  overflow-x: hidden;
}

#subjectByRef .dropdown-menu {
  margin-top: -3px;
}
@media screen and (min-height: 350px) {
  #subjectByRef .kolumnyRefs {
    height: 60px;
  }
}
@media screen and (min-height: 400px) {
  #subjectByRef .kolumnyRefs {
    height: 100px;
  }
}
@media screen and (min-height: 600px) {
  #subjectByRef .kolumnyRefs {
    height: 275px;
  }
}
@media screen and (min-height: 750px) {
  #subjectByRef .kolumnyRefs {
    height: 430px;
  }
}
@media screen and (min-height: 900px) {
  #subjectByRef .kolumnyRefs {
    height: 565px;
  }
}
#subjectByRef .kolumnyRefs {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
}

#querySyntax textarea {
  width: 100%;
  min-height: 100px;
  margin-bottom: 5px;
}

#advancedTextSearch button.addRow {
  margin: 0 0 15 25;
  padding: 2 3 4 4;
}
#advancedTextSearch label[for='addRow'] {
  margin: 3 0 2 10px;
  vertical-align: top;
}
#advancedTextSearch textarea {
  cursor: auto;
  float: left;
  margin-left: 10px;
  width: 50%;
}

#sidebar {
  display: none;
  background-color: var(--clrBackground);
  background-color: var(--clrBackground);
  padding-top: 0;
  border-top: 1px solid var(--clrHighlightBg);
}
#sidebar .tab-content {
  padding: 15px;
}
#sidebar .tab-pane .closeColumn {
  display: none;
}

.active #sidebar {
  display: block;
}

@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas .sidebar-offcanvas {
    right: -75%;
    top: 50px;
  }
  .row-offcanvas.active {
    right: 75%;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%;
  }
}
@media screen and (min-width: 768px) {
  #columnHolder {
    width: 100%;
  }

  #columnHolder, #sidebar {
    position: relative;
    min-height: 1px;
    float: left;
  }

  .active #columnHolder {
    width: 77.0833333333%;
  }

  .active #sidebar {
    width: 22.9166666667%;
    overflow-y: scroll;
    height: 100%;
    padding-right: 0px;
  }
}
#sidebar .nav-tabs {
  background-color: white;
  background-color: var(--clrBackground);
  border-bottom: none;
  padding-left: 10px;
  position: relative;
  top: -1px;
}
#sidebar .nav-tabs > li {
  text-align: center;
}
#sidebar .nav-tabs > li > a {
  border: none;
  border-radius: 0;
  cursor: pointer;
  color: var(--clrText);
  font-size: 14px;
  padding: 8px;
  line-height: 20px;
}
#sidebar .nav-tabs > li > a.stepglyph-help {
  font-size: 18px;
  font-weight: bold;
}
#sidebar .nav-tabs > li.active > a {
  color: var(--clrHighlight);
}
#sidebar .nav-tabs > li > a:hover, #sidebar .nav-tabs > li.active > a, #sidebar .nav-tabs > li.active > a:hover, #sidebar .nav-tabs > li.active > a:focus {
  border: none;
  background-color: var(--clrBackground);
}
#sidebar .nav-tabs > li.closeSidebar {
  float: right;
}
#sidebar .nav-tabs > li.closeSidebar > a:hover {
  background-color: transparent;
}

#lexicon {
  color: var(--clrText);
  font-size: 14px;
  font-family: Georgia, serif;
}
#lexicon h1,
#lexicon h2,
#lexicon h3 {
  font-family: "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  margin-bottom: 10px;
}
#lexicon h1 {
  font-size: 24px;
  margin-top: 0;
}
#lexicon h2 {
  font-size: 17px;
}
#lexicon h3 {
  font-size: 12px;
  display: inline;
}
#lexicon h3:after {
  content: ": ";
}
#lexicon ul {
  padding-left: 20px;
}
#lexicon .strongNumberTagLine, #lexicon .grammarExplained {
  color: darkgrey;
}

#animateWordle {
  font-size: 90%;
  padding-top: 3px;
  padding-bottom: 4px;
}

.scopeContainer {
  margin-top: 5px;
  margin-bottom: 20px;
  border-bottom: lightgrey solid 1px;
  padding: 5px;
}
.scopeContainer label {
  font-size: 17px;
}
.scopeContainer .btn {
  font-size: 110%;
}
.scopeContainer .btn > .caret {
  margin-left: 4px;
}
.scopeContainer input[type="checkbox"] {
  margin-top: 8px;
}

#statsContainer {
  line-height: 1;
}

#wordScope input {
  width: 85%;
}
#wordScope a {
  cursor: pointer;
}

#history ul.list-group {
  box-shadow: none;
  -webkit-box-shadow: none;
}
#history .list-group-item {
  background-color: transparent;
  border: none;
  padding: 1px 0;
  line-height: 19pt;
}
#history .list-group-item a {
  padding: 0;
  margin-right: 5px;
}
#history .openBookmark .glyphicon {
  top: 0;
}
#history .glyphicon {
  font-size: 1em;
  line-height: 1em;
  padding: 0;
}
#history .glyphicon:hover {
  color: #111;
  cursor: pointer;
}
#history .glyphicon.glyphicon-open {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#history .glyphicon.glyphicon-pushpin {
  transition: transform 100ms;
}
#history .glyphicon.glyphicon-pushpin:hover {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
#history .glyphicon.glyphicon-pushpin-pinned {
  transition: transform 100ms;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
#history .glyphicon.glyphicon-pushpin-pinned:before {
  content: "\e146";
}
#history .glyphicon.glyphicon-pushpin-pinned:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
#history .historyItem .argSummary {
  display: inline;
  cursor: pointer;
}

#help {
  margin-top: 5px;
}

#sidebar h2 {
  margin-top: 1em;
  font-size: 17px;
}
#sidebar h2:first-child {
  margin-top: 0;
}

div.versePopup.qtip-default.qtip {
  max-width: 650px !important;
  border: 1px solid #666;
  border: 1px solid var(--clrBackground);
  border-radius: 5px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
}
div.versePopup.qtip-default.qtip .qtip-tip canvas {
  background-color: #666;
  background-color: var(--clrBackground);
}
div.versePopup.qtip-default.qtip .heading {
  padding: 0 0 5 0;
}
div.versePopup.qtip-default.qtip a {
  font-size: 12px;
  padding: 0px;
}
div.versePopup.qtip-default.qtip h1 {
  font-size: 12px;
  white-space: nowrap;
  margin: 0px;
}
div.versePopup.qtip-default.qtip .vocabTable {
  display: inline-table !important;
  overflow: auto;
}
div.versePopup.qtip-default.qtip .vocabTable [data-strong] {
  white-space: nowrap;
}
div.versePopup.qtip-default.qtip .vocabTable [data-strong] a {
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  div.versePopup.qtip-default.qtip .vocabTable .even {
    border-left: solid 1 lightgrey;
    padding-left: 20px;
  }
}
div.versePopup.qtip-default.qtip .vocabTable .definition {
  overflow: hidden;
}
div.versePopup.qtip-default.qtip .verseVocabLinks {
  display: block;
  clear: both;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
div.versePopup.qtip-default.qtip .verseVocabLinks a {
  margin-right: 10px;
  border-right: 1px dotted #ccc;
  padding-right: 10px;
}
div.versePopup.qtip-default.qtip .verseVocabLinks a:last-child {
  border-right: none;
}

#errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  max-width: 500px;
  z-index: 10000;
}
#errorContainer button {
  margin-left: 10px;
}

#aboutLogo {
  float: left;
  margin-right: 20px;
}

.aboutModal .modal-header {
  padding: 5 5;
}
.aboutModal .modal-body {
  clear: left;
  margin-top: 15px;
}
.aboutModal .footer {
  text-align: right;
}
.aboutModal .footer button {
  padding: 5px;
}
.aboutModal .footer button label {
  margin-bottom: 0px;
}

.unicodeFont {
  font-family: Cardo;
  font-size: 100%;
}

.unicodeFontMini {
  font-family: Cardo;
  font-size: 100%;
}

.copticFont {
  font-family: Conv_newathu405;
  font-size: 130%;
}

.syriacFont {
  font-family: SyrCOMEdessa;
  font-size: 170%;
}

.burmeseFont {
  font-family: Padauk;
  font-size: 150%;
}

.arabicFont {
  font-family: Amiri;
  line-height: 1.8 !important;
  font-size: 160%;
}

.chineseFont {
  font-size: 120%;
  line-height: 1.4;
}

.khmerFont {
  font-family: Hanuman;
  font-size: 150%;
}

.farsiFont {
  font-family: Nazli;
  font-size: 160%;
}

.hbFont, .hbFontSmall, .hbFontMini {
  font-family: SIL_EZRA !important;
  font-size: 160%;
}

.hbFontSmall, .hbFontMini {
  font-weight: normal;
}

.hbFontMini {
  font-size: 130%;
}

td.copticFont, td.syriacFont, td.burmeseFont, td.chineseFont, td.khmerFont {
  font-size: 100%;
}

#quickLexicon {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 0 0;
  width: 100%;
  z-index: 15000;
}
#quickLexicon .close {
  color: #fff;
  opacity: 0.8;
}
#quickLexicon .close:hover {
  opacity: 1;
}
#quickLexicon a {
  color: inherit;
  text-decoration: underline;
}
#quickLexicon .sideNote {
  text-decoration: none;
}
#quickLexicon [strong] {
  color: inherit;
  cursor: default;
}
#quickLexicon br {
  display: inline;
  margin-left: 10px;
  content: ' ';
}
#quickLexicon br:last-child {
  margin-left: 0;
  content: '';
}
#quickLexicon .mediumDef {
  font-size: 13px;
  max-height: 108px;
  margin-top: 0;
  margin-left: 10px;
  overflow: hidden;
}
#quickLexicon .mediumDef:after {
  content: "\2026";
}
#quickLexicon > div {
  padding: 10px;
  background: #17758F;
  background: var(--clrHighlightBg);
  color: white;
  min-height: 50px;
}
#quickLexicon h1 {
  color: white;
  display: inline-block;
  clear: left;
  font-size: 18px;
}
#quickLexicon .hbFontSmall, #quickLexicon .hbFontMini {
  font-size: 120%;
}
#quickLexicon .infoTagLine {
  font-size: x-small;
  text-align: left;
  display: block;
  font-family: tahoma;
  border-top: 1px dotted #f07f88;
  margin: 12px 10px 5px;
  opacity: .6;
}
#quickLexicon .infoTagLine:hover {
  opacity: 1;
}
#quickLexicon .strongCount {
  opacity: 0.7;
  display: block;
  width: auto;
  text-align: left;
}
#quickLexicon .close {
  color: white;
  opacity: .8;
  padding-left: 10px;
}

#supportContainer {
  z-index: 10;
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#supportContainer #raiseSupportTrigger {
  border-radius: 3 0 0 0;
}
#supportContainer #stepDisclaimer {
  border-radius: 3 3 0 0;
}
#supportContainer #stepDisclaimer:hover {
  background-position: inherit;
}

#raiseSupport .modal-body {
  padding: 20 20 0 20;
}

.mandatory {
  color: #111;
  font-weight: bold;
}

/*# sourceMappingURL=step-template.css.map */