.vue-slider-mark-label {
  white-space: pre-wrap;
  margin-bottom: 0;
}

.collapsed > .when-open,
.not-collapsed > .when-closed {
  display: none !important;
}

hr {
  border-top: 1px solid #3498db;
}

.heading {
  color: #3498db;
  text-transform: uppercase;
}

.color-primary {
  color: #3498db;
}

div.modal-content header {
  background: #3498db;
  height: 60px;
}

.modal {
  overflow-y: auto;
}

#modal-close:hover {
  color: #d9d9d9;
  cursor: pointer;
}

.btn-primary {
  background: #3498db;
}

#modal-close-button {
  border-color: #3498db;
}

#mediatorResultModal .modal-footer {
  border-top: 0;
}

#mediatorAnswerModal .modal-footer {
  border-top: 0;
}

.w-90 {
  width: 90%;
}

#bar-chart {
  max-height: 250px;
}

.change_size {
  transition: transform 1s;
  margin-left: 0;
  margin-right: 0;
}

.w-85 {
  width: 85%;
}

a.color-primary {
  color: #3498db !important;
}
a.color-primary:hover {
  color: #1d6fa5 !important;
}

a:hover {
  cursor: pointer;
}

section .section-title h2 {
  color: #3498db;
  font-size: 170%;
  font-weight: 600;
}

#pagination-container .page-item .page-link {
  color: #3498db;
}
#pagination-container .page-item.active .page-link {
  color: white;
  background-color: #3498db;
}
#pagination-container .page-item.disabled .page-link {
  color: #7E7585;
}