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;
}

.navbar-logo-margin {
  margin-left: 188px !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: #9c1c2f;
}

.pagination > li:not(.disabled) > span,
.pagination > li:not(.disabled) > a {
  color: #9c1c2f !important;
}
.pagination > li.active > span,
.pagination > li.active > a, .pagination > li.current > span,
.pagination > li.current > a {
  color: white !important;
  background: #9c1c2f !important;
  border-color: #9c1c2f !important;
}
.pagination > li.active > input, .pagination > li.current > input {
  color: #9c1c2f !important;
  border-color: #9c1c2f !important;
}
.pagination > li.active > .fa, .pagination > li.current > .fa {
  color: #9c1c2f !important;
  background: none !important;
}

.dropdown-menu > .active > a,
.combobox-menu .menu-option.active {
  background-color: #8f1225 !important;
}

ul.nav-tabs.cf-panel-tab-header {
  background-color: #9c1c2f !important;
  border-top-color: #9c1c2f !important;
  border-bottom-color: #9c1c2f !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: #9c1c2f !important;
  border-left-color: #9c1c2f !important;
}

.group-size-indicator > .progress-bar {
  background-color: #9c1c2f !important;
}

.panel-primary {
  border-color: #8f1225;
}
.panel-primary > .panel-heading {
  background-color: #9c1c2f;
}

.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: #9c1c2f !important;
  border-color: #8f1225 !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: #8f1225 !important;
  border-color: #7f0a1c !important;
}
.btn-primary:not([disabled]):not(.disabled):active,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):active {
  background-color: #7f0a1c !important;
  border-color: #6e0414 !important;
}
.btn-primary:not([disabled]):not(.disabled):active:focus,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):active:focus {
  background-color: #6e0414 !important;
  border-color: #5c000e !important;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: #9c1c2f;
  border-color: #9c1c2f;
}

.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: #9c1c2f;
}
.groupby-editor-slider > .vue-slider > .vue-slider-process:hover, .groupby-editor-slider > .vue-slider > .vue-slider-process:focus {
  background: #8f1225;
}
.groupby-editor-slider > .vue-slider > .vue-slider-process:active {
  background: #7f0a1c;
}

.groupby-editor-slider-handle {
  background-color: #9c1c2f;
  border-color: #8f1225;
}
.groupby-editor-slider-handle:hover, .groupby-editor-slider-handle:focus {
  background-color: #8f1225;
  border-color: #7f0a1c;
}
.groupby-editor-slider-handle:active {
  background-color: #7f0a1c;
  border-color: #7f0a1c;
}

/** End style-template.scss */

/*# 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;;;AAGD;EACC;;;AAGD;AACA;EACC;;;AAED;AACC;AACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EAEA;EACA;EACA;;;AC3CD;AAIC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKC,ODqCK;;;AC9BL;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,kBDrBK;;;AC2BN;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,YAnIU;;AAqIX;EACC,YArIU;;;AA0Ib;EACC,kBDtFM;ECuFN,cA7IY;;AA+IZ;EAEC,kBAjJW;EAkJX,cAjJW;;AAmJZ;EACC,kBApJW;EAqJX,cArJW;;;AA0Jb%22,%22file%22:%22custom.css%22%7D */