body {
  background: #f5f5ff;
  padding-top: 130px;
}

body:after {
  content: " ";
  display: block;
  z-index: -1;
  background-image: url(../img/ofr1.png);
  position: absolute;
  background-size: 80%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.12;
  background-position: 76px 300px;
  pointer-events: none;
}

.navbar-header {
  margin-left: -15px !important;
}

.navbar-logo-container {
  margin-left: 5px;
  margin-top: 5px;
  display: block;
}

.navbar-logo {
  background-image: url(../img/ofr1.png);
  width: 120px;
  height: 120px;
  background-size: 100% 100%;
  pointer-events: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.navbar-logo-margin {
  margin-left: 120px !important;
}

/* Article */
.sentence {
  margin-bottom: 5px;
}

.audio-button {
  /* background: white; */
  /* border: 1px solid hsl(120, 100%, 31%); */
  margin-right: 10px;
  font-size: 14px;
  height: 24px;
  width: 24px;
  padding: 0;
  line-height: 1.5em;
  border-radius: 100px;
  /* padding: 5px; */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/** Below css was generated from style-template.scss */
a, a:hover, a:focus, a:active,
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.text-primary,
.text-primary:hover,
.text-primary:focus,
.text-primary:active {
  color: hsl(345, 90%, 36%);
}

.pagination > li:not(.disabled) > span,
.pagination > li:not(.disabled) > a {
  color: hsl(345, 90%, 36%) !important;
}
.pagination > li.active > span,
.pagination > li.active > a, .pagination > li.current > span,
.pagination > li.current > a {
  color: white !important;
  background: hsl(345, 90%, 36%) !important;
  border-color: hsl(345, 90%, 36%) !important;
}
.pagination > li.active > input, .pagination > li.current > input {
  color: hsl(345, 90%, 36%) !important;
  border-color: hsl(345, 90%, 36%) !important;
}
.pagination > li.active > .fa, .pagination > li.current > .fa {
  color: hsl(345, 90%, 36%) !important;
  background: none !important;
}

.dropdown-menu > .active > a,
.combobox-menu .menu-option.active {
  background-color: hsl(345, 92.5%, 31.5%) !important;
}

ul.nav-tabs.cf-panel-tab-header {
  background-color: hsl(345, 90%, 36%) !important;
  border-top-color: hsl(345, 90%, 36%) !important;
  border-bottom-color: hsl(345, 90%, 36%) !important;
}
ul.nav-tabs.cf-panel-tab-header > li.active > a,
ul.nav-tabs.cf-panel-tab-header > li:not(.active):hover > a {
  border-right-color: hsl(345, 90%, 36%) !important;
  border-left-color: hsl(345, 90%, 36%) !important;
}

.group-size-indicator > .progress-bar {
  background-color: hsl(345, 90%, 36%) !important;
}

.panel-primary {
  border-color: hsl(345, 92.5%, 31.5%);
}
.panel-primary > .panel-heading {
  background-color: hsl(345, 90%, 36%);
  border-color: hsl(345, 92.5%, 31.5%);
}

.btn-primary, .btn-primary[disabled], .btn-primary.disabled,
.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary[disabled],
.open > .dropdown-toggle.btn-primary.disabled {
  background-color: hsl(345, 90%, 36%) !important;
  border-color: hsl(345, 92.5%, 31.5%) !important;
}
.btn-primary:not([disabled]):not(.disabled):hover, .btn-primary:not([disabled]):not(.disabled):focus,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):hover,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):focus {
  background-color: hsl(345, 92.5%, 31.5%) !important;
  border-color: hsl(345, 95%, 27%) !important;
}
.btn-primary:not([disabled]):not(.disabled):active,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):active {
  background-color: hsl(345, 95%, 27%) !important;
  border-color: hsl(345, 97.5%, 22.5%) !important;
}
.btn-primary:not([disabled]):not(.disabled):active:focus,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):active:focus {
  background-color: hsl(345, 97.5%, 22.5%) !important;
  border-color: hsl(345, 100%, 18%) !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: hsl(345, 90%, 36%);
  border-color: hsl(345, 90%, 36%);
}

.groupby-editor-slider > .vue-slider {
  background: #ccc;
}
.groupby-editor-slider > .vue-slider:hover, .groupby-editor-slider > .vue-slider:focus {
  background: #bbb;
}
.groupby-editor-slider > .vue-slider:active {
  background: #aaa;
}
.groupby-editor-slider > .vue-slider > .vue-slider-process {
  background: hsl(345, 90%, 36%);
}
.groupby-editor-slider > .vue-slider > .vue-slider-process:hover, .groupby-editor-slider > .vue-slider > .vue-slider-process:focus {
  background: hsl(345, 92.5%, 31.5%);
}
.groupby-editor-slider > .vue-slider > .vue-slider-process:active {
  background: hsl(345, 95%, 27%);
}

.groupby-editor-slider-handle {
  background-color: hsl(345, 90%, 36%);
  border-color: hsl(345, 92.5%, 31.5%);
}
.groupby-editor-slider-handle:hover, .groupby-editor-slider-handle:focus {
  background-color: hsl(345, 92.5%, 31.5%);
  border-color: hsl(345, 95%, 27%);
}
.groupby-editor-slider-handle:active {
  background-color: hsl(345, 95%, 27%);
  border-color: hsl(345, 95%, 27%);
}

.hl {
  --bg-color: hsl(345, 90%, 36%) !important;
}

/** End style-template.scss */
.pagenumber {
  display: block;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: 2em;
}

.line_number {
  font-size: 9pt;
  font-style: italic;
  color: #aaaaaa;
  display: inline-box;
  position: absolute;
  margin-left: -2em;
  vertical-align: bottom;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22custom.scss%22,%22../../../_style-template.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC;;;AAED;AACC;AACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;EACA;EACA;;;AC5CD;AAIC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKC,ODsCK;;;AC/BL;AAAA;EAEC;;AAMD;AAAA;AAAA;EAEC;EACA;EACA;;AAGD;EACC;EACA;;AAED;EACC;EACA;;;AAMH;AAAA;EAEC;;;AAGD;EACC;EACA;EACA;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;;;AAGD;EACC,cAzEY;;AA0EZ;EACC,kBDpBK;ECqBL,cA5EW;;;AAkFZ;AAAA;AAAA;AAAA;EAGC;EACA;;AAIA;AAAA;AAAA;EAEC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;;AAMF;EACC,kBDvDK;ECwDL,cDxDK;;;AC4DP;EAEC;;AAEA;EAEC;;AAED;EACC;;AAGD;EACC,YDzEK;;AC2EL;EAEC,YApIU;;AAsIX;EACC,YAtIU;;;AA2Ib;EACC,kBDtFM;ECuFN,cA9IY;;AAgJZ;EAEC,kBAlJW;EAmJX,cAlJW;;AAoJZ;EACC,kBArJW;EAsJX,cAtJW;;;AA2Jb;EACC;;;AAGD;ADtGA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA%22,%22file%22:%22custom.css%22%7D */