.bg-custom-success {
   background-color: #d1e7dd !important;
}

.bg-custom-info {
    background-color: #d1ecf1 !important;
}

.bg-custom-danger {
  background-color: #F1DEDE !important;
}

.bg-custom-primary {
  background-color: #007bff !important;
}

.bg-custom-warning {
  background-color: #FCF8E4 !important;
}

.bg-custom-shaded {
  background-color: #DEDEDE !important;
}

.cluster-rec-3-wrapper { 
  background: linear-gradient(to right, 
    #f1dede 0%,
    #f1dede 33.3%,
    #FCF8E4 33.3%,
    #FCF8E4 66.6%,
    #d1e7dd 66.6%,
    #d1e7dd 100%);
}

.rec-1-colour     { background: #f1dede; }
.rec-2-colour     { background: #fcf8e4; }
.rec-3-colour     { background: #d1e7dd; }
.rec-4-colour     { background: #f0a505; }
.rec-3-wrapper    { 
  background: linear-gradient(to right, 
    #f1dede 0%,
    #f1dede 33.3%,
    #fcf8e4 33.3%,
    #fcf8e4 66.6%,
    #d1e7dd 66.6%,
    #d1e7dd 100%);
}
.rec-3-wrapper-reversed { 
  background: linear-gradient(to right, 
    #d1e7dd 0%,
    #d1e7dd 33.3%,
    #fcf8e4 33.3%,
    #fcf8e4 66.6%,
    #f1dede 66.6%,
    #f1dede 100%);
}
.rec-4-wrapper    { 
  background: linear-gradient(to right, 
    #f1dede 0%,
    #f1dede 25%,
    #fcf8e4 25%,
    #fcf8e4 50%,
    #d1e7dd 50%,
    #d1e7dd 75%,
    #f1dede 75%,
    #f1dede 100%);
}

h3.page-titles    { margin: 0px 0px 20px; padding: 0px; font-size: 1.4em; }

.suggestion-box {
    position: absolute;
    margin-top: 10px;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 500px;
    max-height: 200px;
    overflow-y: auto;
}
.suggestion-item {
    padding: 10px;
    display: block;
    cursor: pointer;
}
.suggestion-item:hover {
    background-color: #f0f0f0;
    cursor: pointer;
}


.quick-nav {
  margin: 20px 0 30px;
}

.quick-tab {
  display: inline-block;
  padding: 8px 18px;
  margin: 4px;
  border: 1px solid #337ab7;
  background: #fff;
  color: #337ab7;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}

.quick-tab:hover {
  background: #337ab7;
  color: #fff;
  text-decoration: none;
}

/* Optional active state */
.quick-tab.active {
  background: #337ab7;
  color: #fff;
}