body {
  padding-top: 130px;
}

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

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

.navbar-logo {
  background-image: url(../img/logo.png);
  width: 172px;
  height: 64px;
  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: #337ab7;
}

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

.dropdown-menu > .active > a,
.combobox-menu .menu-option.active {
  background-color: hsl(207.7272727273, 67.3076923077%, 40.1470588235%) !important;
}

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

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

.panel-primary {
  border-color: hsl(207.7272727273, 67.3076923077%, 40.1470588235%);
}
.panel-primary > .panel-heading {
  background-color: #337ab7;
  border-color: hsl(207.7272727273, 67.3076923077%, 40.1470588235%);
}

.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: #337ab7 !important;
  border-color: hsl(207.7272727273, 67.3076923077%, 40.1470588235%) !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(207.7272727273, 67.3076923077%, 40.1470588235%) !important;
  border-color: hsl(207.7272727273, 78.2051282051%, 34.4117647059%) !important;
}
.btn-primary:not([disabled]):not(.disabled):active,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):active {
  background-color: hsl(207.7272727273, 78.2051282051%, 34.4117647059%) !important;
  border-color: hsl(207.7272727273, 89.1025641026%, 28.6764705882%) !important;
}
.btn-primary:not([disabled]):not(.disabled):active:focus,
.open > .dropdown-toggle.btn-primary:not([disabled]):not(.disabled):active:focus {
  background-color: hsl(207.7272727273, 89.1025641026%, 28.6764705882%) !important;
  border-color: hsl(207.7272727273, 100%, 22.9411764706%) !important;
}

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

.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: #337ab7;
}
.groupby-editor-slider > .vue-slider > .vue-slider-process:hover, .groupby-editor-slider > .vue-slider > .vue-slider-process:focus {
  background: hsl(207.7272727273, 67.3076923077%, 40.1470588235%);
}
.groupby-editor-slider > .vue-slider > .vue-slider-process:active {
  background: hsl(207.7272727273, 78.2051282051%, 34.4117647059%);
}

.groupby-editor-slider-handle {
  background-color: #337ab7;
  border-color: hsl(207.7272727273, 67.3076923077%, 40.1470588235%);
}
.groupby-editor-slider-handle:hover, .groupby-editor-slider-handle:focus {
  background-color: hsl(207.7272727273, 67.3076923077%, 40.1470588235%);
  border-color: hsl(207.7272727273, 78.2051282051%, 34.4117647059%);
}
.groupby-editor-slider-handle:active {
  background-color: hsl(207.7272727273, 78.2051282051%, 34.4117647059%);
  border-color: hsl(207.7272727273, 78.2051282051%, 34.4117647059%);
}

.hl {
  --bg-color: #337ab7 !important;
}

/** End style-template.scss */

/*# sourceMappingURL=custom.css.map */