openaire-assets/library-css/search-utils.scss

ul.recentyears {
  padding-left: 0 !important;
  display: inline-flex;
  vertical-align: middle;
  flex-wrap: nowrap;
}

.recentyears.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
  margin-right: 10px !important;
  border-left: 1px solid var(--portal-main-color) !important;
}

.recentyears.uk-subnav > * {
  padding-left: 10px;
  flex: inherit;
}

.recentyears.uk-subnav > *:nth-child(1) {
  padding-left: 0 !important;
}

search-bar .entitiesSelection {
  max-width: 115px;
  border: solid 1px var(--portal-main-color) !important;
  background: white !important;
  color: var(--portal-main-color);
}

search-bar .entitiesSelection span, search-bar .entitiesSelection div, search-bar .entitiesSelection .mat-select-arrow, search-bar .entitiesSelection .mat-select-value {
  color: var(--portal-main-color) !important;
}

.searchFormMinHeight {
  min-height: 400px;
}

.search-results {
  min-height: 600px;
}

.search-results li {
  padding-top: 15px !important;
}

.search-results li .uk-card {
  padding: 15px 30px;
}

.search-results li .type {
  color: var(--portal-main-color);
  opacity: 0.8;
}

.other-results {
  min-height: 300px;
}

.searchPaging {
  min-height: 46px;
  font-size: 14px;
}

.uk-pagination > * > * {
  font-family: "Open Sans", sans-serif;
}

.quickSelectionsBox {
  border: 1px solid #E6E6E6;
  border-top: 0;
  background-color: white;
}

.selectedFilterLabel {
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  border-radius: 5px;
  color: inherit;
  line-height: 15px;
  padding: 6px 10px;
}

.selectedFilterLabel.customFilterLabel {
  color: var(--portal-main-color);
}

.searchFilterItem {
  margin-bottom: 5px;
}

.entitiesSelection {
  width: 150px;
  padding: 10px;
  display: inline-block
}

.text-input-box {
  border: 1px solid #DFE1E5 !important;
}

.searchFilterTitle {
  /* text-decoration-color: var(--portal-main-color);
  text-decoration: underline; */
  border-bottom: 1px solid var(--portal-main-color) !important;
  padding: 5px 0;
  color: var(--portal-main-color);
}

.offcanvas-white {
  background: white !important;
  color: inherit !important;
}

.offcanvas-white .uk-close, .offcanvas-white .uk-close:hover,
.offcanvas-white a:not([class*="portal-link"]) {
  color: inherit !important;
}

.offcanvas-white a:not([class*="portal-link"]):hover {
  color: #222080 !important;;
}

.offcanvas-white h4, .offcanvas-white .uk-h4, .offcanvas-white h6, .offcanvas-white .uk-h6 {
  color: #1a1a1a !important;;
}

.offcanvas-white h5 {
  font-size: 18px !important;;
  line-height: 1.4 !important;;
  color: #1a1a1a !important;;
  font-family: 'Open Sans', sans-serif !important;;
}

.offcanvas-white .uk-text-muted {
  color: #bfbfbf !important;
}

.offcanvas-white .uk-input:not(.text-input-box) {
  background: #fff !important;
  color: #666 !important;
}

.offcanvas-white .text-input-box {
  border: 1px solid #ededed !important;
  background: #fff !important;
  color: #666 !important;
}

.offcanvas-white .uk-input::placeholder {
  color: #bfbfbf !important;
}

.offcanvas-white .uk-select:not([multiple]):not([size]) {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
  background-repeat: no-repeat !important;
  background-position: 100% 50% !important;
  border-bottom: 1px solid !important;;
  border-color: #ededed !important;
  color: #666 !important;
}

.offcanvas-white .uk-input:focus, .offcanvas-white .uk-select:not([multiple]):not([size]):focus {
  background-color: #fff !important;
  color: #666 !important;
  border-color: #222080 !important;
}

.offcanvas-white .uk-radio:checked:not(:disabled), .offcanvas-white input[type="radio"]:checked:not(:disabled) {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}

offcanvas-white .uk-radio:disabled:checked, offcanvas-white input[type="radio"]:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23bfbfbf%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}

.offcanvas-white .uk-checkbox:checked:not(:disabled), .offcanvas-white input[type="checkbox"]:checked:not(:disabled) {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
}

.offcanvas-white .uk-checkbox:disabled:checked, .offcanvas-white input[type="checkbox"]:disabled:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23bfbfbf%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
}

.offcanvas-white input[type="radio"]:checked:not(:disabled),
.offcanvas-white input[type="checkbox"]:checked:not(:disabled) {
  background-color: #222080 !important;;
  border-color: transparent !important;;
}

.offcanvas-white .uk-radio, .offcanvas-white input[type="radio"],
.offcanvas-white .uk-checkbox, .offcanvas-white input[type="checkbox"] {
  border: 1px solid #d4d4d4 !important;;
}

.offcanvas-white .uk-radio:disabled, .offcanvas-white .uk-checkbox:disabled {
  background-color: #f9f9f9 !important;
  border-color: #ededed !important;
}

.offcanvas-white .uk-button-default:not(:disabled) {
  background-color: #fff !important;
  color: #222080 !important;
  border: 1px solid #222080 !important;
}

.offcanvas-white .uk-button-default:hover:not(:disabled) {
  background-color: #222080 !important;
  color: #fff !important;
  border-color: #222080 !important;
}

.offcanvas-white .uk-button-default:disabled {
  color: #bfbfbf !important;
  border: 1px solid #ededed !important;
}

/* Advanced Search Form*/
.advancedSearchFormBackground {
  background-repeat: no-repeat !important;
  background-size: 100% 320px;
  height: auto !important;
}

.advancedSearchForm {
  /*box-shadow: 0 1px 10px #444444;*/
  background-color: white;
  border: 1px solid #ccc;
}

.advancedSearchForm .uk-icon-button {
  fill: #296EE9 !important;
}

/* Autocomplete */
.custom-autocomplete .uk-nav-autocomplete > li > a:hover {
  background: #00a8e6 none repeat scroll 0 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
  color: #FFF;
  outline: medium none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.custom-autocomplete .uk-nav-navbar > li > a {
  color: #444;
}