/*

* Override Pages default styles or create your own styles here

*/
.jumbotron h1.large-demo-text {
  font-size: 150px;
}

.icon-text-search {
  font-size: 42px;
  width: 150%;
}

#page-header-select>.select2-container {
  z-index: 10 !important;
}

.dropdown-menu .router-link-exact-active {
  background: #0f8ff9 !important;
}

.menu-items .router-link-exact-active {
  color: white !important;
}

.menu-items .router-link-exact-active+span {
  color: white !important;
}

.dropdown-menu .router-link-active {
  background: #0f8ff9 !important;
}

.menu-items .router-link-active {
  color: white !important;
}

.menu-items .router-link-active+span {
  color: white !important;
}

.bg-orange {
  background-color: #fd7e14 !important;
}

.text-orange {
  color: #fd7e14 !important;
}

.text-yellow {
  color: #ffff00 !important;
}

.component-header {
  display: flex;
  align-items: center;
  width: 100% !important;
}

.component-header-left {
  justify-content: flex-start;
}

.component-header-right {
  justify-content: flex-end;
}

.swal-custom {
  width: 400px !important;
}

.swal-title {
  font-size: 20px;
}

.swal-text {
  font-size: 12px;
}

a.linkified {
  color: rgb(23, 162, 184) !important;
  opacity: 1 !important;
}

mark {
  background: orange;
  color: black;
}

.no-text-overflow {
  text-overflow: clip !important;
  white-space: normal !important;
}

.highcharts-menu hr {
  display: none !important;
}

.highcharts-menu-item {
  margin-top: -5px !important;
  z-index: 999 !important;
}

.hoverable:hover {
  opacity: 0.5 !important;
}

.clickable {
  cursor: pointer !important;
}

.ql-editor {
  text-align: justify !important;
}