.septimasearch {
  background-color: #fff;
}

.septimasearch li.ssDetailHeader .ssBackButton:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

/*
Dark - bit, header, buttons
#D59F00
#F2E2B2
#F9F1D9
#FDFAF2
 */
.septimasearch .ssTargetbit {
  background-color: #D59F00;
  color: #fff;
}

.septimasearch ul.better-autocomplete li.ssDetailHeader {
  background-color: #D59F00;
}

.septimasearch .ssDetailContent .ssDetailsGrid .ssValue.ssButton,
.septimasearch .ssDetailContent .ssDetailsGrid .ssValue.ssResult {
  color: white;
  background-color: #D59F00;
}

.septimasearch .ssDetailContent .ssDetailsGrid .ssValue.ssButton:hover,
.septimasearch .ssDetailContent .ssDetailsGrid .ssValue.ssResult:hover {
  background-color: #b18400;
}

.septimasearch .ssDetailContent .ssDetailsGrid .ssValue.ssLink {
  color: #0051A2;
}

/*
lighter - active detail header, button
 */

.septimasearch .ssDetailPanel.ssActive .ssDetailTitle {
  background-color: #F2E2B2;
}


.septimasearch .ssPromotes {
  background-color: #F2E2B2;
}

.septimasearch .ssPromotes .ssPromotedIcon:hover{
  background-color: #F2E2B2;
}


/*
even lighter - detail header
 */

.septimasearch .ssDetailTitle {
  background-color: #F9F1D9;
}

/*
lightest - section background
 */

.septimasearch .ssPromotes .ssPromotedIcon{
  background-color: #FDFAF2;
}


.septimasearch .ssDetailContent>.item:nth-child(odd) {
  background-color: #FDFAF2;
}

/*
unordered
 */
.septimasearch ul.better-autocomplete > li.result {
  border-bottom: 1px solid rgba(236, 240, 241, 1);
}

.septimasearch ul.better-autocomplete > li.result.highlight {
  background-color: #ecf0f1;
  border-bottom: 1px solid #ecf0f1;
}

.septimasearch ul.better-autocomplete > li.result.selected {
  background-color: #D1DFED;
}

.septimasearch .ssSearchBackground input.ssInput,
.septimasearch .ssSearchBackground .ssFixedText {
  color: #34495e;
}

.septimasearch li.ssDetailHeader .ssBackButton .ssTxt {
  color: rgba(255, 255, 255, 0);
}

.septimasearch li.ssDetailHeader .ssResult .ssResultTitle {
  color: #fff;
}

.septimasearch li.ssDetailHeader .ssResult .ssResultDescription {
  color: rgba(255, 255, 255, 0.7);
}

.septimasearch .ssDetailContent .ssDetailsGrid.ssHoverable:hover {
  background-color: #eee;
}



/*
Scroll bars
 */
/*
.septimasearch .ssDetailBody::-webkit-scrollbar,
.septimasearch .ssSearchResult::-webkit-scrollbar,
.septimasearch .ssDetailContent::-webkit-scrollbar {
  width: 20px;
}
 */


.septimasearch .ssDetailBody::-webkit-scrollbar-track,
.septimasearch .ssSearchResult::-webkit-scrollbar-track,
.septimasearch .ssDetailContent::-webkit-scrollbar-track {
  background: #FDFAF2;
  border-radius: 5px;
}

.septimasearch .ssDetailBody::-webkit-scrollbar-thumb,
.septimasearch .ssSearchResult::-webkit-scrollbar-thumb,
.septimasearch .ssDetailContent::-webkit-scrollbar-thumb {
  background: #F2E2B2;
  border-radius: 5px;
  border: 2px #FDFAF2 solid;
}

.septimasearch .ssDetailBody::-webkit-scrollbar-thumb:hover,
.septimasearch .ssSearchResult::-webkit-scrollbar-thumb:hover,
.septimasearch .ssDetailContent::-webkit-scrollbar-thumb:hover {
  background: #D59F00;
  border-radius: 5px;
}