.asp_r .item { .price { --regular-price-color: #666; --sale_price_color: #666; color: var(--regular-price-color); del { opacity: .5; display: inline-block; text-decoration: line-through; color: var(--regular-price-color); } ins { margin-left: 0.5em; text-decoration: none; font-weight: 700; display: inline-block; color: var(--sale_price_color); } } .stock { .quantity { color: #666; } .out-of-stock { color: #a00; } .on-backorder { color: #eaa600; } .in-stock { color: #7ad03a; } } .add-to-cart-container { display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 10; width: 100%; margin: 12px 0; .add-to-cart-quantity { padding: 8px 0 8px 8px; background: #eaeaea; width: 32px; border-radius: 4px 0 0 4px; height: 18px; min-height: unset; display: inline-block; font-size: 13px; line-height: normal; } .add-to-cart-button { padding: 8px; border-radius: 4px; background: #6246d7; color: white; height: 18px; min-height: unset; display: block; text-align: center; min-width: 90px; font-size: 13px; line-height: normal; &.add-to-cart-variable { border-radius: 4px; } &.loading { content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } } a.added_to_cart { flex-basis: 100%; margin-top: 8px; } } .add-to-cart-container:has(.add-to-cart-quantity) { .add-to-cart-button { border-radius: 0 4px 4px 0; } } .sale-badge { --font-size: 14px; --font-color: white; --background-color: #6246d7; position: absolute; top: 12px; right: 12px; padding: 6px 12px; font-size: var(--font-size); color: var(--font-color); background: var(--background-color); box-shadow: 0 0 6px -3px rgb(0, 0, 0); &.sale-badge-capsule { border-radius: 50px; } &.sale-badge-round { border-radius: 3px; } &.sale-badge-top-left { right: unset; left: 12px; } &.sale-badge-bottom-left { right: unset; top: unset; bottom: 12px; left: 12px; } &.sale-badge-bottom-right { top: unset; bottom: 12px; } } }.asp_r .item { /* To override .overlap */ .asp__af-tt-container { position: relative; z-index: 2; .asp__af-tt-link { transition: opacity 0.2s; &:hover { opacity: 0.7; } } } .average-rating { --percent: 0%; --color: #2EA3F2; --bg-color: rgba(0,0,0,0.2); --size: 17px; position: relative; appearance: none; width: auto; display: inline-block; vertical-align: baseline; font-size: var(--size); line-height: calc(var(--size) - 15%); color: var(--bg-color); background: linear-gradient(90deg, var(--color) var(--percent), var(--bg-color) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } }/* AJAX SEARCH PRO FOR WORDPRESS PLUGIN BASIC CSS */ /* CONTENTS: 0. ANIMATIONS AND TRANSITIONS 1. GENERICS AND CSS RESET - Some basic CSS classes and reset 2. INPUT BOX - input box and form layout 3. ICONS - loading, closing, magnifier, settings icons 4. RESULT STYLES 4.1 GENERAL RESULT STYLES 4.2 VERTICAL RESULT STYLES 4.3 HORIZONTAL RESULT STYLES 4.4 ISOTOPIC RESULT STYLES 4.5 POLAROID RESULT STYLES 5. SETTINGS STYLES 6. CUSTOM FIELD FIELDSETS 7. ARROW BOX 8. COLUMN STYLES 9. NO-UI DRAGGER STYLES 10. SUGGESTED KEYWORDS 11. JQUERY UI STYLES 12. AUTOCOMPLETE STYLES 13. RTL SPECIFIC STYLES AND CHANGES 14. SELECT2 SCRIPT STYLES 15. MISC SHORTHAND CLASSES .asp_w -> Main class, each element is a descendant .asp_m .asp_m_1 .asp_m_1_1 -> Main search box class, with instance ID, with instance and count ID .asp_s .asp_s_1 .asp_s_1_1 -> Settings box class, with instance ID, with instance and count ID .asp_r .asp_r_1 .asp_r_1_1 -> Results box class, with instance ID, with instance and count ID .asp_sb -> Block settings layout .asp_rb -> Block results layout */ /* *******************************************************************************************************************\ 0. ANIMATIONS AND TRANSITIONS & FONTS \**********************************************************************************************************************/ @keyframes aspAnFadeIn { 0% {opacity: 0;} 50% {opacity: 0.6;} 100% {opacity: 1;} } @-webkit-keyframes aspAnFadeIn { 0% {opacity: 0;} 50% {opacity: 0.6;} 100% {opacity: 1;} } @keyframes aspAnFadeOut { 0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 0;} } @-webkit-keyframes aspAnFadeOut { 0% {opacity: 1;} 50% {opacity: 0.6;} 100% {opacity: 0;} } @keyframes aspAnFadeInDrop { 0% {opacity: 0; transform: translate(0, -50px);} 100% {opacity: 1; transform: translate(0, 0);} } @-webkit-keyframes aspAnFadeInDrop { 0% {opacity: 0; transform: translate(0, -50px); -webkit-transform: translate(0, -50px);} 100% {opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0);} } @keyframes aspAnFadeOutDrop { 0% {opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0);} 100% {opacity: 0; transform: translate(0, -50px); -webkit-transform: translate(0, -50px);} } @-webkit-keyframes aspAnFadeOutDrop { 0% {opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0);} 100% {opacity: 0; transform: translate(0, -50px); -webkit-transform: translate(0, -50px);} } div.ajaxsearchpro.asp_an_fadeIn, div.ajaxsearchpro.asp_an_fadeOut, div.ajaxsearchpro.asp_an_fadeInDrop, div.ajaxsearchpro.asp_an_fadeOutDrop { -webkit-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */ animation-fill-mode: forwards; } .asp_an_fadeIn, div.ajaxsearchpro.asp_an_fadeIn { animation-name: aspAnFadeIn; -webkit-animation-name: aspAnFadeIn; } .asp_an_fadeOut, div.ajaxsearchpro.asp_an_fadeOut { animation-name: aspAnFadeOut; -webkit-animation-name: aspAnFadeOut; } div.ajaxsearchpro.asp_an_fadeInDrop { animation-name: aspAnFadeInDrop; -webkit-animation-name: aspAnFadeInDrop; } div.ajaxsearchpro.asp_an_fadeOutDrop { animation-name: aspAnFadeOutDrop; -webkit-animation-name: aspAnFadeOutDrop; } div.ajaxsearchpro.asp_main_container { transition: width 130ms linear; -webkit-transition: width 130ms linear; } /* *******************************************************************************************************************\ 1. GENERIC CSS RESET \**********************************************************************************************************************/ asp_w_container, div.asp_w.ajaxsearchpro, div.asp_w.asp_r, div.asp_w.asp_s, div.asp_w.asp_sb, div.asp_w.asp_sb * { -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; margin: 0; border: 0; border-radius: 0; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; text-indent: initial; letter-spacing: normal; font-display: swap; } div.asp_w_container div[id*=__original__] { display: none !important; } div.asp_w.ajaxsearchpro { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } div.asp_w.asp_r, div.asp_w.asp_r * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.asp_w.ajaxsearchpro input[type=text]::-ms-clear { display: none; width : 0; height: 0; } div.asp_w.ajaxsearchpro input[type=text]::-ms-reveal { display: none; width : 0; height: 0; } div.asp_w.ajaxsearchpro input[type="search"]::-webkit-search-decoration, div.asp_w.ajaxsearchpro input[type="search"]::-webkit-search-cancel-button, div.asp_w.ajaxsearchpro input[type="search"]::-webkit-search-results-button, div.asp_w.ajaxsearchpro input[type="search"]::-webkit-search-results-decoration { display: none; } div.asp_w.ajaxsearchpro input[type="search"] { appearance: auto !important; -webkit-appearance: none !important; } .clear { clear: both; } /* This clear class is bulletproof */ .asp_clear { display: block !important; clear: both !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: 0 !important; } .hiddend { display: none !important; } div.asp_w.ajaxsearchpro { width: 100%; height: auto; border-radius: 0; background: rgba(255, 255, 255, 0); overflow: hidden; } div.asp_w.ajaxsearchpro.asp_non_compact { min-width: 200px; } #asp_absolute_overlay { width: 0; height: 0; position: fixed; background: rgba(255, 255, 255, 0.5); top: 0; left: 0; display: block; z-index: 0; opacity: 0; transition: opacity 200ms linear; -webkit-transition: opacity 200ms linear; } /* *******************************************************************************************************************\ 2. INPUT FORM and BOX \**********************************************************************************************************************/ div.asp_m.ajaxsearchpro .proinput input:before, div.asp_m.ajaxsearchpro .proinput input:after, div.asp_m.ajaxsearchpro .proinput form:before, div.asp_m.ajaxsearchpro .proinput form:after { display: none; } div.asp_w.ajaxsearchpro textarea:focus, div.asp_w.ajaxsearchpro input:focus { outline: none; } /* Remove IE X from the input */ div.asp_m.ajaxsearchpro .probox .proinput input::-ms-clear { display: none; } div.asp_m.ajaxsearchpro .probox { width: auto; border-radius: 5px; background: #FFF; overflow: hidden; border: 1px solid #FFF; box-shadow: 1px 0 3px #CCCCCC inset; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; direction: ltr; align-items: stretch; isolation: isolate; /* Safari bleeding background corner with border radius fix */ } div.asp_m.ajaxsearchpro .probox .proinput { width: 1px; height: 100%; float: left; box-shadow: none; position: relative; flex: 1 1 auto; /* Let it grow, shrink, auto basis*/ -webkit-flex: 1 1 auto; /* Let it grow, shrink, auto basis*/ z-index: 0; } div.asp_m.ajaxsearchpro .probox .proinput form { height: 100%; /* some themes like to add un-removable margin and padding.. */ margin: 0 !important; padding: 0 !important; display: block !important; max-width: unset !important; } div.asp_m.ajaxsearchpro .probox .proinput input { height: 100%; width: 100%; border: 0px; background: transparent; box-shadow: none; padding: 0; left: 0; padding-top: 2px; min-width: 120px; min-height: unset; max-height: unset; } div.asp_m.ajaxsearchpro .probox .proinput input.autocomplete { border: 0px; background: transparent; width: 100%; box-shadow: none; margin: 0; padding: 0; left: 0; } div.asp_m.ajaxsearchpro .probox .proinput.iepaddingfix { padding-top: 0; } /* *******************************************************************************************************************\ 3. ICONS - loading, closing, magnifier, settings icons \**********************************************************************************************************************/ div.asp_m.ajaxsearchpro .probox .proloading, div.asp_m.ajaxsearchpro .probox .proclose, div.asp_m.ajaxsearchpro .probox .promagnifier, div.asp_m.ajaxsearchpro .probox .prosettings { width: 20px; height: 20px; min-width: unset; min-height: unset; background: none; background-size: 20px 20px; float: right; box-shadow: none; margin: 0; padding: 0; z-index: 1; } div.asp_m.ajaxsearchpro button.promagnifier:focus-visible { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.4); } div.asp_m.ajaxsearchpro .probox .proloading, div.asp_m.ajaxsearchpro .probox .proclose { background-position: center center; display: none; background-size: auto; background-repeat: no-repeat; background-color: transparent; } div.asp_m.ajaxsearchpro .probox .proloading { padding: 2px; box-sizing: border-box; } div.asp_m.ajaxsearchpro .probox .proclose { position: relative; cursor: pointer; z-index: 2; } div.asp_m.ajaxsearchpro .probox .promagnifier .innericon, div.asp_m.ajaxsearchpro .probox .prosettings .innericon, div.asp_m.ajaxsearchpro .probox .proclose .innericon { background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; background-color: transparent; width: 100%; height: 100%; line-height: initial; text-align: center; overflow: hidden; } div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg, div.asp_m.ajaxsearchpro .probox .prosettings .innericon svg, div.asp_m.ajaxsearchpro .probox .proloading svg { height: 100%; width: 22px; vertical-align: baseline; display: inline-block; } div.asp_m.ajaxsearchpro .probox .proclose svg { background: #333333; position: absolute; top: 50%; width: 20px; height: 20px; left: 50%; fill: #fefefe; box-sizing: border-box; box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9); } /* *******************************************************************************************************************\ 4. RESULT STYLES \**********************************************************************************************************************/ /* 4.1 GENERAL RESULT STYLES \**********************************************************************************************************************/ .opacityOne { opacity: 1; } .opacityZero { opacity: 0; } div.asp_w.asp_s [disabled].noUi-connect, div.asp_w.asp_s [disabled] .noUi-connect { background: #B8B8B8; } div.asp_w.asp_s [disabled] .noUi-handle { cursor: not-allowed; } div.asp_w.asp_r p.showmore { display: none; margin: 0; } div.asp_w.asp_r.asp_more_res_loading p.showmore a, div.asp_w.asp_r.asp_more_res_loading p.showmore a span{ color: transparent !important; } @-webkit-keyframes shm-rot-simple { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.85; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } @keyframes shm-rot-simple { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 0.85; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } } div.asp_w.asp_r div.asp_showmore_container { position: relative; } div.asp_w.asp_r. div.asp_moreres_loader { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.2); } div.asp_w.asp_r.asp_more_res_loading div.asp_moreres_loader { display: block !important; } div.asp_w.asp_r div.asp_moreres_loader-inner { height: 24px; width: 24px; animation: shm-rot-simple 0.8s infinite linear; -webkit-animation: shm-rot-simple 0.8s infinite linear; border: 4px solid #353535; border-right-color: transparent; border-radius: 50%; box-sizing: border-box; position: absolute; top: 50%; margin: -12px auto auto -12px; left: 50%; } div.asp_hidden_data, div.asp_hidden_data * { display: none; } div.asp_w.asp_r { display: none; } div.asp_w.asp_r * { text-decoration: none; text-shadow: none; } div.asp_w.asp_r .results { overflow: hidden; width: auto; height: 0; margin: 0; padding: 0; } div.asp_w.asp_r .asp_nores { display: flex; flex-wrap: wrap; gap: 8px; overflow: hidden; width: auto; height: auto; position: relative; z-index: 2; } div.asp_w.asp_r .results .item { overflow: hidden; width: auto; margin: 0; padding: 3px; position: relative; background: #f4f4f4; border-left: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(255, 255, 255, 0.4); } div.asp_w.asp_r .results .item, div.asp_w.asp_r .results .asp_group_header { animation-delay: 0s; animation-duration: 0.5s; animation-fill-mode: both; animation-timing-function: ease; backface-visibility: hidden; -webkit-animation-delay: 0s; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease; -webkit-backface-visibility: hidden; } div.asp_w.asp_r .results .item .asp_image { overflow: hidden; background: transparent; padding: 0; float: left; background-position: center; background-size: cover; position: relative; } div.asp_w.asp_r .results .asp_image canvas { display: none; } div.asp_w.asp_r .results .asp_image .asp_item_canvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 100%; height: 100%; z-index: 1; display: block; opacity: 1; background-position: inherit; background-size: inherit; transition: opacity 0.5s; } div.asp_w.asp_r .results .item:hover .asp_image .asp_item_canvas, div.asp_w.asp_r .results figure:hover .asp_image .asp_item_canvas{ opacity: 0; } div.asp_w.asp_r a.asp_res_image_url, div.asp_w.asp_r a.asp_res_image_url:hover, div.asp_w.asp_r a.asp_res_image_url:focus, div.asp_w.asp_r a.asp_res_image_url:active { box-shadow: none !important; border: none !important; margin: 0 !important; padding: 0 !important; display: inline !important; } div.asp_w.asp_r .results .item .asp_image_auto { width: auto !important; height: auto !important; } div.asp_w.asp_r .results .item .asp_image img { width: 100%; height: 100%; } div.asp_w.asp_r .results a span.overlap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } div.asp_w.asp_r .resdrg { height: auto; } div.asp_w.ajaxsearchpro .asp_results_group { margin: 10px 0 0 0; } div.asp_w.ajaxsearchpro .asp_results_group:first-of-type { margin: 0 !important; } /* 4.2 VERTICAL RESULT STYLES \**********************************************************************************************************************/ /*[vertical]*/ div.asp_w.asp_r.vertical .results .item:first-child { border-radius: 0; } div.asp_w.asp_r.vertical .results .item:last-child { border-radius: 0; margin-bottom: 0; } div.asp_w.asp_r.vertical .results .item:last-child:after { height: 0; margin: 0; width: 0; } /*[vertical]*/ /* 4.3 HORIZONTAL RESULT STYLES \**********************************************************************************************************************/ /* 4.4 ISOTOPIC RESULT STYLES, ISOTOPIC NAVIGATION \**********************************************************************************************************************/ /* 4.4 POLAROID RESULT STYLES \**********************************************************************************************************************/ /* *******************************************************************************************************************\ 5. SETTINGS STYLES \**********************************************************************************************************************/ /*[settings]*/ div.asp_w.asp_s.searchsettings { width: auto; height: auto; position: absolute; display: none; z-index: 11001; border-radius: 0 0 3px 3px; visibility: hidden; opacity: 0; overflow: visible; } div.asp_w.asp_sb.searchsettings { display: none; visibility: hidden; direction: ltr; overflow: visible; position: relative; z-index: 1; } div.asp_w.asp_sb.searchsettings .asp_sett_scroll::-webkit-scrollbar-thumb { background: transparent; border-radius: 5px; border: none; } div.asp_w.asp_s.searchsettings form, div.asp_w.asp_sb.searchsettings form { display: flex; flex-wrap: wrap; /* some themes like to add un-removable margin and padding.. */ margin: 0 0 12px 0 !important; padding: 0 !important; } div.asp_w.asp_s.searchsettings .asp_option_inner, div.asp_w.asp_sb.searchsettings .asp_option_inner, div.asp_w.asp_sb.searchsettings input[type='text']{ margin: 2px 10px 0 10px; *padding-bottom: 10px; } div.asp_w.asp_s.searchsettings input[type='text']:not(.asp_select2-search__field), div.asp_w.asp_sb.searchsettings input[type='text']:not(.asp_select2-search__field) { width: 86% !important; padding: 8px 6px !important; margin: 0 0 0 10px !important; background-color: #FAFAFA !important; font-size: 13px; border: none !important; line-height: 17px; height: 20px; } div.asp_w.asp_s.searchsettings.ie78 .asp_option_inner, div.asp_w.asp_sb.searchsettings.ie78 .asp_option_inner { margin-bottom: 0 !important; padding-bottom: 0 !important; } div.asp_w.asp_s.searchsettings div.asp_option_label, div.asp_w.asp_sb.searchsettings div.asp_option_label { font-size: 14px; line-height: 20px !important; margin: 0; width: 150px; text-shadow: none; padding: 0; min-height: 20px; border: none; background: transparent; float: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.asp_w.asp_s.searchsettings .asp_label, div.asp_w.asp_sb.searchsettings .asp_label { line-height: 24px !important; vertical-align: middle; display: inline-block; cursor: pointer; } div.asp_w.asp_s.searchsettings input[type=radio], div.asp_w.asp_sb.searchsettings input[type=radio] { vertical-align: middle; margin: 0 6px 0 17px; display: inline-block; appearance: normal; -moz-appearance: normal; /* Firefox */ -webkit-appearance: radio; /* Safari and Chrome */ } /* SQUARED THREE */ div.asp_w.asp_s.searchsettings .asp_option_inner input[type=checkbox], div.asp_w.asp_sb.searchsettings .asp_option_inner input[type=checkbox] { display: none !important; } div.asp_w.asp_s.searchsettings.ie78 .asp_option_inner input[type=checkbox], div.asp_w.asp_sb.searchsettings.ie78 .asp_option_inner input[type=checkbox]{ display: block; } div.asp_w.asp_s.searchsettings.ie78 div.asp_option_label, div.asp_w.asp_sb.searchsettings.ie78 div.asp_option_label{ float: right !important; } div.asp_w.asp_s.searchsettings .asp_option_inner, div.asp_w.asp_sb.searchsettings .asp_option_inner { width: 17px; height: 17px; position: relative; flex-grow: 0; -webkit-flex-grow: 0; flex-shrink: 0; -webkit-flex-shrink: 0; } div.asp_w.asp_sb.searchsettings .asp_option_inner { border-radius: 3px; background: rgb(66, 66, 66); box-shadow: none; } div.asp_w.asp_s.searchsettings .asp_option_inner .asp_option_checkbox, div.asp_w.asp_sb.searchsettings .asp_option_inner .asp_option_checkbox { cursor: pointer; position: absolute; width: 17px; height: 17px; top: 0; padding: 0; border-radius: 2px; box-shadow: none; font-size: 0px !important; color: rgba(0, 0, 0, 0); } div.asp_w.asp_s.searchsettings.ie78 .asp_option_inner .asp_option_checkbox, div.asp_w.asp_sb.searchsettings.ie78 .asp_option_inner .asp_option_checkbox { display: none; } div.asp_w.asp_s.searchsettings .asp_option_inner .asp_option_checkbox:before, div.asp_w.asp_sb.searchsettings .asp_option_inner .asp_option_checkbox:before{ display: none !important; } div.asp_w.asp_s.searchsettings .asp_option_inner .asp_option_checkbox:after, div.asp_w.asp_sb.searchsettings .asp_option_inner .asp_option_checkbox:after{ opacity: 0; font-family: 'asppsicons2'; content: "\e800"; background: transparent; border-top: none; border-right: none; box-sizing: content-box; height: 100%; width: 100%; padding: 0 !important; position: absolute; top: 0; left: 0; } div.asp_w.asp_s.searchsettings.ie78 .asp_option_inner .asp_option_checkbox:after, div.asp_w.asp_sb.searchsettings.ie78 .asp_option_inner .asp_option_checkbox:after{ display: none; } div.asp_w.asp_s.searchsettings .asp_option_inner .asp_option_checkbox:hover::after, div.asp_w.asp_sb.searchsettings .asp_option_inner .asp_option_checkbox:hover::after{ opacity: 0.3; } div.asp_w.asp_s.searchsettings .asp_option_inner input[type=checkbox]:checked ~ div:after, div.asp_w.asp_sb.searchsettings .asp_option_inner input[type=checkbox]:checked ~ div:after { opacity: 1; } /* foundation.min.js compatibility */ div.asp_w.asp_sb.searchsettings span.checked ~ div:after, div.asp_w.asp_s.searchsettings span.checked ~ div:after { opacity: 1 !important; } div.asp_w.asp_s.searchsettings fieldset, div.asp_w.asp_sb.searchsettings fieldset { position: relative; float: left; } div.asp_w.asp_s.searchsettings fieldset, div.asp_w.asp_sb.searchsettings fieldset { background: transparent; font-size: 0.9em; /* some themes like to add un-removable margin and padding.. */ margin: 12px 0 0 !important; padding: 0 !important; width: 200px; min-width: 200px; } div.asp_w.asp_sb.searchsettings fieldset:last-child { margin: 5px 0 0 !important; } div.asp_w.asp_sb.searchsettings fieldset { margin: 10px 0 0; } div.asp_w.asp_sb.searchsettings fieldset legend { padding: 0 0 0 10px; margin: 0; font-weight: normal; font-size: 13px; } div.asp_w.asp_sb.searchsettings .asp_option, div.asp_w.asp_s.searchsettings .asp_option { display: flex; flex-direction: row; -webkit-flex-direction: row; align-items: flex-start; margin: 0 0 10px 0; cursor: pointer; } div.asp_w.asp_sb.searchsettings .asp_option:focus, div.asp_w.asp_s.searchsettings .asp_option:focus { outline: none; } div.asp_w.asp_sb.searchsettings .asp_option:focus-visible, div.asp_w.asp_s.searchsettings .asp_option:focus-visible { outline-style: auto; } div.asp_w.asp_s.searchsettings .asp_option.asp-o-last, div.asp_w.asp_s.searchsettings .asp_option:last-child { margin-bottom: 0; } div.asp_w.asp_s.searchsettings fieldset .asp_option, div.asp_w.asp_s.searchsettings fieldset .asp_option_cat, div.asp_w.asp_sb.searchsettings fieldset .asp_option, div.asp_w.asp_sb.searchsettings fieldset .asp_option_cat { width: auto; max-width: none; } div.asp_w.asp_s.searchsettings fieldset .asp_option_cat_level-1, div.asp_w.asp_sb.searchsettings fieldset .asp_option_cat_level-1 { margin-left: 12px; } div.asp_w.asp_s.searchsettings fieldset .asp_option_cat_level-2, div.asp_w.asp_sb.searchsettings fieldset .asp_option_cat_level-2 { margin-left: 24px; } div.asp_w.asp_s.searchsettings fieldset .asp_option_cat_level-3, div.asp_w.asp_sb.searchsettings fieldset .asp_option_cat_level-3 { margin-left: 36px; } div.asp_w.asp_s.searchsettings fieldset div.asp_option_label, div.asp_w.asp_sb.searchsettings fieldset div.asp_option_label { width: 70%; display: block; } div.asp_w.asp_s.searchsettings fieldset div.asp_option_label { width: auto; display: block; box-sizing: border-box; } div.asp_w.asp_s.searchsettings fieldset .asp_option_cat_level-2 div.asp_option_label { padding-right: 12px; } div.asp_w.asp_s.searchsettings fieldset .asp_option_cat_level-3 div.asp_option_label { padding-right: 24px; } div.asp_w.asp_s select, div.asp_w.asp_sb select { width: 100%; max-width: 100%; border-radius: 0; padding: 5px !important; background: #f9f9f9; background-clip: padding-box; -webkit-box-shadow: none; box-shadow: none; margin: 0; border: none; color: #111; margin-bottom: 0px !important; box-sizing: border-box; line-height: initial; outline: none !important; font-family: Roboto, Helvetica; font-size: 14px; height: 34px; min-height: unset !important; } div.asp_w.asp_s select[multiple], div.asp_w.asp_sb select[multiple] { background: #ffffff; } div.asp_w.asp_s select:not([multiple]), div.asp_w.asp_sb select:not([multiple]) { overflow: hidden !important; } div.asp_w.asp_s .asp-nr-container, div.asp_w.asp_sb .asp-nr-container { display: flex; gap: 8px; justify-content: space-between; } /* *******************************************************************************************************************\ 6. CUSTOM FIELD FIELDSETS \**********************************************************************************************************************/ div.ajaxsearchpro.searchsettings fieldset.asp_custom_f { margin-top: 9px; } /* Give the legend elements some margin... */ div.ajaxsearchpro.searchsettings fieldset legend { margin-bottom: 8px !important; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* .. but exclude some cases where checkboxes are presented */ div.ajaxsearchpro.searchsettings fieldset legend + div.asp_option_inner { margin-top: 0px !important; } div.ajaxsearchpro.searchsettings .asp_sett_scroll > .asp_option_cat:first-child > .asp_option_inner { margin-top: 0px !important; } div.ajaxsearchpro.searchsettings fieldset .asp_select_single, div.ajaxsearchpro.searchsettings fieldset .asp_select_multiple { padding: 0 10px; } /* *******************************************************************************************************************\ 7. ARROW BOX \**********************************************************************************************************************/ .asp_arrow_box { position: absolute; background: #444; padding: 12px; color: white; border-radius: 4px; font-size: 14px; max-width: 240px; display: none; z-index: 99999999999999999; } .asp_arrow_box:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #444; border-width: 6px; margin-left: -6px; } .asp_arrow_box.asp_arrow_box_bottom:after { bottom: 100%; top: unset; border-bottom-color: #444; border-top-color: transparent; } /*[settings]*/ /* *******************************************************************************************************************\ 8. COLUMN STYLES \**********************************************************************************************************************/ .asp_two_column { margin: 8px 0 12px 0; } .asp_two_column .asp_two_column_first, .asp_two_column .asp_two_column_last { width: 48%; padding: 1% 2% 1% 0; float: left; box-sizing: content-box; } .asp_two_column .asp_two_column_last { padding: 1% 0% 1% 2%; } .asp_shortcodes_container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -10px 0 12px -10px; box-sizing: border-box; } .asp_shortcodes_container .asp_shortcode_column { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 1; flex-shrink: 1; min-width: 120px; padding: 10px 0 0 10px; flex-basis: 33%; -webkit-flex-basis: 33%; box-sizing: border-box; } /* *******************************************************************************************************************\ 9. NO-UI DRAGGER STYLES \**********************************************************************************************************************/ /* *******************************************************************************************************************\ 10. SUGGESTED KEYWORDS \**********************************************************************************************************************/ p.asp-try { color: #555; font-size: 14px; margin-top: 5px; line-height: 28px; font-weight: 300; visibility: hidden; } p.asp-try a { color: #FFB556; margin-left: 10px; cursor: pointer; display: inline-block; } /* *******************************************************************************************************************\ 11. DATEPICKER STYLES \**********************************************************************************************************************/ /* *******************************************************************************************************************\ 12. AUTOCOMPLETE STYLES \**********************************************************************************************************************/ /* *******************************************************************************************************************\ 13. RTL SPECIFIC STYLES AND CHANGES \**********************************************************************************************************************/ .rtl .asp_content, .rtl .asp_nores, .rtl .asp_content *, .rtl .asp_nores *, .rtl .searchsettings form { text-align: right !important; direction: rtl !important; } .rtl .asp_nores >* { display: inline-block; } .rtl .searchsettings .asp_option { flex-direction: row-reverse !important; -webkit-flex-direction: row-reverse !important; } .rtl .asp_option { direction: ltr; /* Needs to stay like this */ } .rtl .asp_label, .rtl .asp_option div.asp_option_label { text-align: right !important; } .rtl .asp_label { max-width: 1000px !important; width: 100%; direction: rtl !important; } .rtl .asp_label input[type=radio] { margin: 0 0 0 6px !important; } .rtl .asp_option_cat_level-0 div.asp_option_label { font-weight: bold !important; } .rtl fieldset .asp_option_cat_level-1 { margin-right: 12px !important; margin-left: 0; } .rtl fieldset .asp_option_cat_level-2 { margin-right: 24px !important; margin-left: 0; } .rtl fieldset .asp_option_cat_level-3 { margin-right: 36px !important; margin-left: 0; } .rtl .searchsettings legend { text-align: right !important; display: block; width: 100%; } .rtl .searchsettings input[type=text], .rtl .searchsettings select { direction: rtl !important; text-align: right !important; } .rtl div.asp_w.asp_s.searchsettings form, .rtl div.asp_w.asp_sb.searchsettings form { flex-direction: row-reverse !important; } .rtl div.horizontal.asp_r div.item { float: right !important; } .rtl p.asp-try { direction: rtl; text-align: right; margin-right: 10px; width: auto !important; } /* *******************************************************************************************************************\ 14. SELECT2 SCRIPT STYLES \**********************************************************************************************************************/ /* *******************************************************************************************************************\ 15. Misc \**********************************************************************************************************************/ .asp_elementor_nores { text-align: center; } .elementor-sticky__spacer .asp_w, .elementor-sticky__spacer .asp-try { visibility: hidden !important; opacity: 0 !important; z-index: -1 !important; } div[id*='ajaxsearchpro1_'] div.asp_loader, div[id*='ajaxsearchpro1_'] div.asp_loader * { /* display: none; */ box-sizing: border-box !important; margin: 0; padding: 0; /* vertical-align: middle !important; */ box-shadow: none; } div[id*='ajaxsearchpro1_'] div.asp_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis:28px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; } div[id*='ajaxsearchpro1_'] div.asp_loader-inner { width: 100%; margin: 0 auto; text-align: center; /* vertical-align: text-top; */ height: 100%; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } div[id*='ajaxsearchpro1_'] div.asp_ball-scale-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro1_'] div.asp_ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } div[id*='ajaxsearchpro1_'] div.asp_ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } div[id*='ajaxsearchpro1_'] div.asp_ball-scale-multiple > div { background-color: rgb(241, 99, 33); border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_loader, div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_loader * { /* display: none; */ box-sizing: border-box !important; margin: 0; padding: 0; /* vertical-align: middle !important; */ box-shadow: none; } div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis:28px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; } div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_loader-inner { width: 100%; margin: 0 auto; text-align: center; /* vertical-align: text-top; */ height: 100%; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_ball-scale-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } div[id*='ajaxsearchprores1_'] .asp_res_loader div.asp_ball-scale-multiple > div { background-color: rgb(241, 99, 33); border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } #ajaxsearchpro1_1 div.asp_loader, #ajaxsearchpro1_2 div.asp_loader, #ajaxsearchpro1_1 div.asp_loader *, #ajaxsearchpro1_2 div.asp_loader * { /* display: none; */ box-sizing: border-box !important; margin: 0; padding: 0; /* vertical-align: middle !important; */ box-shadow: none; } #ajaxsearchpro1_1 div.asp_loader, #ajaxsearchpro1_2 div.asp_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis:28px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; } #ajaxsearchpro1_1 div.asp_loader-inner, #ajaxsearchpro1_2 div.asp_loader-inner { width: 100%; margin: 0 auto; text-align: center; /* vertical-align: text-top; */ height: 100%; } @-webkit-keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale-multiple { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } #ajaxsearchpro1_1 div.asp_ball-scale-multiple, #ajaxsearchpro1_2 div.asp_ball-scale-multiple { position: relative; width: 100%; height: 100%; } #ajaxsearchpro1_1 div.asp_ball-scale-multiple > div:nth-child(2), #ajaxsearchpro1_2 div.asp_ball-scale-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } #ajaxsearchpro1_1 div.asp_ball-scale-multiple > div:nth-child(3), #ajaxsearchpro1_2 div.asp_ball-scale-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } #ajaxsearchpro1_1 div.asp_ball-scale-multiple > div, #ajaxsearchpro1_2 div.asp_ball-scale-multiple > div { background-color: rgb(241, 99, 33); border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; -webkit-animation: ball-scale-multiple 1s 0s linear infinite; animation: ball-scale-multiple 1s 0s linear infinite; } @-webkit-keyframes asp_an_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes asp_an_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .asp_an_fadeIn { -webkit-animation-name: asp_an_fadeIn; animation-name: asp_an_fadeIn; } div.asp_r.asp_r_1, div.asp_r.asp_r_1 *, div.asp_m.asp_m_1, div.asp_m.asp_m_1 *, div.asp_s.asp_s_1, div.asp_s.asp_s_1 * { -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; border: 0; border-radius: 0; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; } div.asp_r.asp_r_1, div.asp_m.asp_m_1, div.asp_s.asp_s_1 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* Margin and padding gets wrecked if set with compatibility.. */ div.asp_r.asp_r_1, div.asp_r.asp_r_1 *, div.asp_m.asp_m_1, div.asp_m.asp_m_1 *, div.asp_s.asp_s_1, div.asp_s.asp_s_1 * { padding: 0; margin: 0; } .wpdreams_clear { clear: both; } .asp_w_container_1 { width: 100%; margin-left: auto; margin-right: auto; } #ajaxsearchpro1_1, #ajaxsearchpro1_2, div.asp_m.asp_m_1 { width: 100%; height: auto; max-height: none; border-radius: 5px; background: #d1eaff; margin-top: 0; margin-bottom: 0; background-image: -webkit-linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -moz-linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -o-linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -ms-linear-gradient(60deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); background-image: linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); overflow: hidden; border:3px solid rgba(204, 204, 204, 1);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px #000000 ;} #ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.asp_m.asp_m_1 .probox { margin: 0px; height: 41px; background-image: -webkit-linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-image: -moz-linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-image: -o-linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-image: -ms-linear-gradient(60deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-image: linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); border:0px none rgb(255, 255, 255);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px rgb(181, 181, 181) ;} p[id*=asp-try-1] { color: rgb(85, 85, 85) !important; display: block; } div.asp_main_container+[id*=asp-try-1] { margin-left: auto; margin-right: auto; width: 100%; } p[id*=asp-try-1] a { color: rgb(255, 181, 86) !important; } p[id*=asp-try-1] a:after { color: rgb(85, 85, 85) !important; display: inline; content: ','; } p[id*=asp-try-1] a:last-child:after { display: none; } #ajaxsearchpro1_1 .probox .proinput, #ajaxsearchpro1_2 .probox .proinput, div.asp_m.asp_m_1 .probox .proinput { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; flex-grow: 1; order: 5; margin: 0 0 0 10px; padding: 0 5px; } #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; border: 0; box-shadow: none; height: 41px; position: relative; z-index: 2; padding: 0 !important; padding-top: 2px !important; margin: -1px 0 0 -4px !important; width: 100%; background: transparent !important; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.asp_m.asp_m_1 .probox .proinput input.autocomplete { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; opacity: 0.25; height: 41px; display: block; position: relative; z-index: 1; padding: 0 !important; margin: -1px 0 0 -4px !important; margin-top: -41px !important; width: 100%; background: transparent !important; } .rtl #ajaxsearchpro1_1 .probox .proinput input.orig, .rtl #ajaxsearchpro1_2 .probox .proinput input.orig, .rtl #ajaxsearchpro1_1 .probox .proinput input.autocomplete, .rtl #ajaxsearchpro1_2 .probox .proinput input.autocomplete, .rtl div.asp_m.asp_m_1 .probox .proinput input.orig, .rtl div.asp_m.asp_m_1 .probox .proinput input.autocomplete { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; direction: rtl; text-align: right; } .rtl #ajaxsearchpro1_1 .probox .proinput, .rtl #ajaxsearchpro1_2 .probox .proinput, .rtl div.asp_m.asp_m_1 .probox .proinput { /*float: right;*/ margin-right: 2px; } .rtl #ajaxsearchpro1_1 .probox .proloading, .rtl #ajaxsearchpro1_1 .probox .proclose, .rtl #ajaxsearchpro1_2 .probox .proloading, .rtl #ajaxsearchpro1_2 .probox .proclose, .rtl div.asp_m.asp_m_1 .probox .proloading, .rtl div.asp_m.asp_m_1 .probox .proclose { order: 3; } div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; } div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; } div.asp_m.asp_m_1 .probox .proinput input.orig:-ms-input-placeholder { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; } div.asp_m.asp_m_1 .probox .proinput input.orig:-moz-placeholder { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; line-height: normal !important; } #ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.asp_m.asp_m_1 .probox .proinput input.autocomplete { font-weight:bold;font-family:"Open Sans";color:rgba(117, 117, 117, 1);font-size:17px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; border: 0; box-shadow: none; } #ajaxsearchpro1_1 .probox .proloading, #ajaxsearchpro1_1 .probox .proclose, #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_1 .probox .prosettings, #ajaxsearchpro1_2 .probox .proloading, #ajaxsearchpro1_2 .probox .proclose, #ajaxsearchpro1_2 .probox .promagnifier, #ajaxsearchpro1_2 .probox .prosettings, div.asp_m.asp_m_1 .probox .proloading, div.asp_m.asp_m_1 .probox .proclose, div.asp_m.asp_m_1 .probox .promagnifier, div.asp_m.asp_m_1 .probox .prosettings { width: 41px; height: 41px; flex: 0 0 41px; flex-grow: 0; order: 7; text-align: center; } #ajaxsearchpro1_1 .probox .proclose svg, #ajaxsearchpro1_2 .probox .proclose svg, div.asp_m.asp_m_1 .probox .proclose svg { fill: rgb(254, 254, 254); background: rgb(216, 0, 0); box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9); border-radius: 50%; box-sizing: border-box; margin-left: -10px; margin-top: -10px; padding: 4px; } #ajaxsearchpro1_1 .probox .proloading, #ajaxsearchpro1_2 .probox .proloading, div.asp_m.asp_m_1 .probox .proloading { width: 41px; height: 41px; min-width: 41px; min-height: 41px; max-width: 41px; max-height: 41px; } #ajaxsearchpro1_1 .probox .proloading .asp_loader, #ajaxsearchpro1_2 .probox .proloading .asp_loader, div.asp_m.asp_m_1 .probox .proloading .asp_loader { width: 37px; height: 37px; min-width: 37px; min-height: 37px; max-width: 37px; max-height: 37px; } #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier { width: auto; height: 41px; flex: 0 0 auto; order: 7; /* Ipad and stuff.. */ -webkit-flex: 0 0 auto; -webkit-order: 7; } div.asp_m.asp_m_1 .probox .promagnifier:focus-visible { outline: black outset; } #ajaxsearchpro1_1 .probox .proloading .innericon, #ajaxsearchpro1_2 .probox .proloading .innericon, #ajaxsearchpro1_1 .probox .proclose .innericon, #ajaxsearchpro1_2 .probox .proclose .innericon, #ajaxsearchpro1_1 .probox .promagnifier .innericon, #ajaxsearchpro1_2 .probox .promagnifier .innericon, #ajaxsearchpro1_1 .probox .prosettings .innericon, #ajaxsearchpro1_2 .probox .prosettings .innericon, div.asp_m.asp_m_1 .probox .proloading .innericon, div.asp_m.asp_m_1 .probox .proclose .innericon, div.asp_m.asp_m_1 .probox .promagnifier .innericon, div.asp_m.asp_m_1 .probox .prosettings .innericon { text-align: center; } #ajaxsearchpro1_1 .probox .promagnifier .innericon, #ajaxsearchpro1_2 .probox .promagnifier .innericon, div.asp_m.asp_m_1 .probox .promagnifier .innericon { display: block; width: 41px; height: 41px; float: right; } #ajaxsearchpro1_1 .probox .promagnifier .asp_text_button, #ajaxsearchpro1_2 .probox .promagnifier .asp_text_button, div.asp_m.asp_m_1 .probox .promagnifier .asp_text_button { display: block; width: auto; height: 41px; float: right; margin: 0; padding: 0 10px 0 2px; font-weight:bold;font-family:inherit;color:rgb(255, 255, 255);font-size:15px;line-height:38px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); /* to center the text, this must be identical with the height */ line-height: 41px; } #ajaxsearchpro1_1 .probox .promagnifier .innericon svg, #ajaxsearchpro1_2 .probox .promagnifier .innericon svg, div.asp_m.asp_m_1 .probox .promagnifier .innericon svg { fill: rgba(247, 247, 247, 1); } #ajaxsearchpro1_1 .probox .prosettings .innericon svg, #ajaxsearchpro1_2 .probox .prosettings .innericon svg, div.asp_m.asp_m_1 .probox .prosettings .innericon svg { fill: rgba(241, 99, 33, 1); } #ajaxsearchpro1_1 .probox .promagnifier, #ajaxsearchpro1_2 .probox .promagnifier, div.asp_m.asp_m_1 .probox .promagnifier { width: auto; height: 41px; background-image: -webkit-linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-image: -moz-linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-image: -o-linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-image: -ms-linear-gradient(180deg, rgba(0, 87, 168, 1) 0%, rgba(0, 87, 168, 1) 100%); background-image: linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-position:center center; background-repeat: no-repeat; order: 11; /* Ipad and stuff fix */ -webkit-order: 11; float: right; /* IE9, no flexbox */ border:0px solid rgb(255, 255, 255);border-radius:0px 0px 0px 0px; box-shadow:-1px 1px 0px 0px rgba(255, 255, 255, 0.64) ; cursor: pointer; background-size: 100% 100%; background-position:center center; background-repeat: no-repeat; cursor: pointer; } #ajaxsearchpro1_1 .probox .prosettings, #ajaxsearchpro1_2 .probox .prosettings, div.asp_m.asp_m_1 .probox .prosettings { width: 41px; height: 41px; background: transparent; background-position:center center; background-repeat: no-repeat; order: 10; /* Ipad and stuff fix*/ -webkit-order: 10; float: right; /* IE9, no flexbox */ border:0px solid rgb(255, 255, 255);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px rgba(255, 255, 255, 0.64) ; cursor: pointer; background-size: 100% 100%; align-self: flex-end; } #ajaxsearchprores1_1, #ajaxsearchprores1_2, div.asp_r.asp_r_1 { position: absolute; z-index: 11000; width: auto; margin: 12px 0 0 0; } #ajaxsearchprores1_1 .asp_nores, #ajaxsearchprores1_2 .asp_nores, div.asp_r.asp_r_1 .asp_nores { border:0px solid rgb(0, 0, 0);border-radius:0px 0px 0px 0px; box-shadow:0px 5px 5px -5px #dfdfdf; padding: 6px 12px 6px 12px; margin: 0 0 0 0; font-weight:normal;font-family:inherit;color:rgba(74, 74, 74, 1);font-size:1rem;line-height:1.2rem;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); font-weight: normal; background: rgb(255, 255, 255); } #ajaxsearchprores1_1 .asp_nores .asp_nores_kw_suggestions, #ajaxsearchprores1_2 .asp_nores .asp_nores_kw_suggestions, div.asp_r.asp_r_1 .asp_nores .asp_nores_kw_suggestions { color: rgba(234, 67, 53, 1); font-weight: normal; } #ajaxsearchprores1_1 .asp_nores .asp_keyword, #ajaxsearchprores1_2 .asp_nores .asp_keyword, div.asp_r.asp_r_1 .asp_nores .asp_keyword { padding: 0 8px 0 0; cursor: pointer; color: rgba(20, 84, 169, 1); font-weight: bold; } #ajaxsearchprores1_1 .asp_results_top, #ajaxsearchprores1_2 .asp_results_top, div.asp_r.asp_r_1 .asp_results_top { background: rgb(255, 255, 255); border:1px none rgb(81, 81, 81);border-radius:0px 0px 0px 0px; padding: 6px 12px 6px 12px; margin: 0 0 4px 0; text-align: center; font-weight:normal;font-family:"Open Sans";color:rgb(74, 74, 74);font-size:13px;line-height:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 .results .item, #ajaxsearchprores1_2 .results .item, div.asp_r.asp_r_1 .results .item { height: auto; background: rgb(255, 255, 255); } #ajaxsearchprores1_1 .results .item.hovered, #ajaxsearchprores1_2 .results .item.hovered, div.asp_r.asp_r_1 .results .item.hovered { background-image: -webkit-linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); background-image: -moz-linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); background-image: -o-linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); background-image: -ms-linear-gradient(60deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 100%); background-image: linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); } #ajaxsearchprores1_1 .results .item .asp_image, #ajaxsearchprores1_2 .results .item .asp_image, div.asp_r.asp_r_1 .results .item .asp_image { background-size: cover; background-repeat: no-repeat; } #ajaxsearchprores1_1 .results .item .asp_image img, #ajaxsearchprores1_2 .results .item .asp_image img, div.asp_r.asp_r_1 .results .item .asp_image img { object-fit: cover; } #ajaxsearchprores1_1 .results .item .asp_item_overlay_img, #ajaxsearchprores1_2 .results .item .asp_item_overlay_img, div.asp_r.asp_r_1 .results .item .asp_item_overlay_img { background-size: cover; background-repeat: no-repeat; } #ajaxsearchprores1_1 .results .item .asp_content, #ajaxsearchprores1_2 .results .item .asp_content, div.asp_r.asp_r_1 .results .item .asp_content { overflow: hidden; background: transparent; margin: 0; padding: 0 10px; } #ajaxsearchprores1_1 .results .item .asp_content h3, #ajaxsearchprores1_2 .results .item .asp_content h3, div.asp_r.asp_r_1 .results .item .asp_content h3 { margin: 0; padding: 0; display: inline-block; line-height: inherit; font-weight:bold;font-family:"Open Sans";color:rgba(99, 99, 99, 1);font-size:14px;line-height:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 .results .item .asp_content h3 a, #ajaxsearchprores1_2 .results .item .asp_content h3 a, div.asp_r.asp_r_1 .results .item .asp_content h3 a { margin: 0; padding: 0; line-height: inherit; display: block; font-weight:bold;font-family:"Open Sans";color:rgba(99, 99, 99, 1);font-size:14px;line-height:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 .results .item .asp_content h3 a:hover, #ajaxsearchprores1_2 .results .item .asp_content h3 a:hover, div.asp_r.asp_r_1 .results .item .asp_content h3 a:hover { font-weight:bold;font-family:"Open Sans";color:rgba(99, 99, 99, 1);font-size:14px;line-height:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 .results .item div.etc, #ajaxsearchprores1_2 .results .item div.etc, div.asp_r.asp_r_1 .results .item div.etc { padding: 0; font-size: 13px; line-height: 1.3em; margin-bottom: 6px; } #ajaxsearchprores1_1 .results .item .etc .asp_author, #ajaxsearchprores1_2 .results .item .etc .asp_author, div.asp_r.asp_r_1 .results .item .etc .asp_author { padding: 0; font-weight:bold;font-family:"Open Sans";color:rgb(161, 161, 161);font-size:11px;line-height:13px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 .results .item .etc .asp_date, #ajaxsearchprores1_2 .results .item .etc .asp_date, div.asp_r.asp_r_1 .results .item .etc .asp_date { margin: 0 0 0 10px; padding: 0; font-weight:normal;font-family:"Open Sans";color:rgb(173, 173, 173);font-size:11px;line-height:15px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 .results .item div.asp_content, #ajaxsearchprores1_2 .results .item div.asp_content, div.asp_r.asp_r_1 .results .item div.asp_content { margin: 0; padding: 0; font-weight:normal;font-family:"Open Sans";color:rgba(99, 99, 99, 1);font-size:12px;line-height:1.2em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 span.highlighted, #ajaxsearchprores1_2 span.highlighted, div.asp_r.asp_r_1 span.highlighted { font-weight: bold; color: rgba(217, 49, 43, 1); background-color: rgba(238, 238, 238, 1); } #ajaxsearchprores1_1 p.showmore, #ajaxsearchprores1_2 p.showmore, div.asp_r.asp_r_1 p.showmore { text-align: center; font-weight:normal;font-family:"Open Sans";color:rgb(5, 94, 148);font-size:14px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1 p.showmore a, #ajaxsearchprores1_2 p.showmore a, div.asp_r.asp_r_1 p.showmore a { font-weight:normal;font-family:"Open Sans";color:rgb(5, 94, 148);font-size:14px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); padding: 10px 5px; margin: 0 auto; background: rgba(255, 255, 255, 1); display: block; text-align: center; } #ajaxsearchprores1_1 .asp_res_loader, #ajaxsearchprores1_2 .asp_res_loader, div.asp_r.asp_r_1 .asp_res_loader { background: rgb(255, 255, 255); height: 200px; padding: 10px; } #ajaxsearchprores1_1.isotopic .asp_res_loader, #ajaxsearchprores1_2.isotopic .asp_res_loader, div.asp_r.asp_r_1.isotopic .asp_res_loader { background: rgba(255, 255, 255, 0); } #ajaxsearchprores1_1 .asp_res_loader .asp_loader, #ajaxsearchprores1_2 .asp_res_loader .asp_loader, div.asp_r.asp_r_1 .asp_res_loader .asp_loader { height: 200px; width: 200px; margin: 0 auto; } /* Search settings */ div.asp_s.asp_s_1.searchsettings, div.asp_s.asp_s_1.searchsettings, div.asp_s.asp_s_1.searchsettings { direction: ltr; padding: 0; background-image: -webkit-linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -moz-linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -o-linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -ms-linear-gradient(185deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); background-image: linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); box-shadow:0px 0px 0px 1px rgb(104, 174, 199) ;; max-width: 608px; z-index: 2; } div.asp_s.asp_s_1.searchsettings.asp_s, div.asp_s.asp_s_1.searchsettings.asp_s, div.asp_s.asp_s_1.searchsettings.asp_s { z-index: 11001; } #ajaxsearchprobsettings1_1.searchsettings, #ajaxsearchprobsettings1_2.searchsettings, div.asp_sb.asp_sb_1.searchsettings { max-width: 1208px; } div.asp_s.asp_s_1.searchsettings form, div.asp_s.asp_s_1.searchsettings form, div.asp_s.asp_s_1.searchsettings form { display: flex; } div.asp_sb.asp_sb_1.searchsettings form, div.asp_sb.asp_sb_1.searchsettings form, div.asp_sb.asp_sb_1.searchsettings form { display: flex; } #ajaxsearchprosettings1_1.searchsettings div.asp_option_label, #ajaxsearchprosettings1_2.searchsettings div.asp_option_label, #ajaxsearchprosettings1_1.searchsettings .asp_label, #ajaxsearchprosettings1_2.searchsettings .asp_label, div.asp_s.asp_s_1.searchsettings div.asp_option_label, div.asp_s.asp_s_1.searchsettings .asp_label { font-weight:bold;font-family:inherit;color:rgb(43, 43, 43);font-size:12px;line-height:15px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprosettings1_1.searchsettings .asp_option_inner .asp_option_checkbox, #ajaxsearchprosettings1_2.searchsettings .asp_option_inner .asp_option_checkbox, div.asp_sb.asp_sb_1.searchsettings .asp_option_inner .asp_option_checkbox, div.asp_s.asp_s_1.searchsettings .asp_option_inner .asp_option_checkbox { background-image: -webkit-linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); background-image: -moz-linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); background-image: -o-linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); background-image: -ms-linear-gradient(180deg, rgb(34, 34, 34) 0%, rgb(69, 72, 77) 100%); background-image: linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); } #ajaxsearchprosettings1_1.searchsettings .asp_option_inner .asp_option_checkbox:after, #ajaxsearchprosettings1_2.searchsettings .asp_option_inner .asp_option_checkbox:after, #ajaxsearchprobsettings1_1.searchsettings .asp_option_inner .asp_option_checkbox:after, #ajaxsearchprobsettings1_2.searchsettings .asp_option_inner .asp_option_checkbox:after, div.asp_sb.asp_sb_1.searchsettings .asp_option_inner .asp_option_checkbox:after, div.asp_s.asp_s_1.searchsettings .asp_option_inner .asp_option_checkbox:after { font-family: 'asppsicons2'; border: none; content: "\e800"; display: block; position: absolute; top: 0; left: 0; font-size: 11px; color: rgb(255, 255, 255); margin: 1px 0 0 0px !important; line-height: 17px; text-align: center; text-decoration: none; text-shadow: none; } div.asp_sb.asp_sb_1.searchsettings .asp_sett_scroll, div.asp_s.asp_s_1.searchsettings .asp_sett_scroll { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) transparent; } div.asp_sb.asp_sb_1.searchsettings .asp_sett_scroll::-webkit-scrollbar, div.asp_s.asp_s_1.searchsettings .asp_sett_scroll::-webkit-scrollbar { width: 7px; } div.asp_sb.asp_sb_1.searchsettings .asp_sett_scroll::-webkit-scrollbar-track, div.asp_s.asp_s_1.searchsettings .asp_sett_scroll::-webkit-scrollbar-track { background: transparent; } div.asp_sb.asp_sb_1.searchsettings .asp_sett_scroll::-webkit-scrollbar-thumb, div.asp_s.asp_s_1.searchsettings .asp_sett_scroll::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 5px; border: none; } #ajaxsearchprosettings1_1.searchsettings .asp_sett_scroll, #ajaxsearchprosettings1_2.searchsettings .asp_sett_scroll, div.asp_s.asp_s_1.searchsettings .asp_sett_scroll { max-height: 220px; overflow: auto; } #ajaxsearchprobsettings1_1.searchsettings .asp_sett_scroll, #ajaxsearchprobsettings1_2.searchsettings .asp_sett_scroll, div.asp_sb.asp_sb_1.searchsettings .asp_sett_scroll { max-height: 220px; overflow: auto; } #ajaxsearchprosettings1_1.searchsettings fieldset, #ajaxsearchprosettings1_2.searchsettings fieldset, div.asp_s.asp_s_1.searchsettings fieldset { width: 600px; min-width: 600px; max-width: 10000px; } #ajaxsearchprobsettings1_1.searchsettings fieldset, #ajaxsearchprobsettings1_2.searchsettings fieldset, div.asp_sb.asp_sb_1.searchsettings fieldset { width: 600px; min-width: 600px; max-width: 10000px; } #ajaxsearchprosettings1_1.searchsettings fieldset legend, #ajaxsearchprosettings1_2.searchsettings fieldset legend, div.asp_s.asp_s_1.searchsettings fieldset legend { padding: 0 0 0 10px; margin: 0; background: transparent; font-weight:normal;font-family:inherit;color:rgb(71, 71, 71);font-size:13px;line-height:15px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} .asp-sl-overlay { background: #FFFFFF !important; } #ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical { padding: 4px; background: rgb(255, 255, 255); border-radius: 3px; border:1px solid rgba(204, 204, 204, 1);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 1) ; visibility: hidden; display: none; } #ajaxsearchprores1_1.vertical .results, #ajaxsearchprores1_2.vertical .results, div.asp_r.asp_r_1.vertical .results { max-height: none; overflow-x: hidden; overflow-y: auto; } #ajaxsearchprores1_1.vertical .item, #ajaxsearchprores1_2.vertical .item, div.asp_r.asp_r_1.vertical .item { position: relative; box-sizing: border-box; } #ajaxsearchprores1_1.vertical .item .asp_content h3, #ajaxsearchprores1_2.vertical .item .asp_content h3, div.asp_r.asp_r_1.vertical .item .asp_content h3 { display: inline; } #ajaxsearchprores1_1.vertical .results .item .asp_content, #ajaxsearchprores1_2.vertical .results .item .asp_content, div.asp_r.asp_r_1.vertical .results .item .asp_content { overflow: hidden; width: auto; height: auto; background: transparent; margin: 0; padding: 8px; } #ajaxsearchprores1_1.vertical .results .item .asp_image, #ajaxsearchprores1_2.vertical .results .item .asp_image, div.asp_r.asp_r_1.vertical .results .item .asp_image { width: 160px; height: 80px; margin: 2px 8px 0 0; } #ajaxsearchprores1_1.vertical .asp_simplebar-scrollbar::before, #ajaxsearchprores1_2.vertical .asp_simplebar-scrollbar::before, div.asp_r.asp_r_1.vertical .asp_simplebar-scrollbar::before { background: transparent; background-image: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); } #ajaxsearchprores1_1.vertical .results .item::after, #ajaxsearchprores1_2.vertical .results .item::after, div.asp_r.asp_r_1.vertical .results .item::after { display: block; position: absolute; bottom: 0; content: ""; height: 1px; width: 100%; background: rgba(204, 204, 204, 1); } #ajaxsearchprores1_1.vertical .results .item.asp_last_item::after, #ajaxsearchprores1_2.vertical .results .item.asp_last_item::after, div.asp_r.asp_r_1.vertical .results .item.asp_last_item::after { display: none; } /* @deprecated - uses the one above */ .asp_spacer { display: none !important;; } .asp_v_spacer { width: 100%; height: 0; } #ajaxsearchprores1_1 .asp_group_header, #ajaxsearchprores1_2 .asp_group_header, div.asp_r.asp_r_1 .asp_group_header { background: #DDDDDD; background: rgb(246, 246, 246); border-radius: 3px 3px 0 0; border-top: 1px solid rgb(248, 248, 248); border-left: 1px solid rgb(248, 248, 248); border-right: 1px solid rgb(248, 248, 248); margin: 0 0 -3px; padding: 7px 0 7px 10px; position: relative; z-index: 1000; min-width: 90%; flex-grow: 1; font-weight:bold;font-family:"Open Sans";color:rgb(5, 94, 148);font-size:11px;line-height:13px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores1_1.vertical .results, #ajaxsearchprores1_2.vertical .results, div.asp_r.asp_r_1.vertical .results { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255, 255, 255); } #ajaxsearchprores1_1.vertical .results::-webkit-scrollbar, #ajaxsearchprores1_2.vertical .results::-webkit-scrollbar, div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar { width: 10px; } #ajaxsearchprores1_1.vertical .results::-webkit-scrollbar-track, #ajaxsearchprores1_2.vertical .results::-webkit-scrollbar-track, div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar-track { background: rgb(255, 255, 255); box-shadow: inset 0 0 12px 12px transparent; border: none; } #ajaxsearchprores1_1.vertical .results::-webkit-scrollbar-thumb, #ajaxsearchprores1_2.vertical .results::-webkit-scrollbar-thumb, div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar-thumb { /* background: transparent; border-radius: 5px; border: none;*/ background: transparent; box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0); border: solid 2px transparent; border-radius: 12px; } #ajaxsearchprores1_1.vertical:hover .results::-webkit-scrollbar-thumb, #ajaxsearchprores1_2.vertical:hover .results::-webkit-scrollbar-thumb, div.asp_r.asp_r_1.vertical:hover .results::-webkit-scrollbar-thumb { /*background: rgba(0, 0, 0, 0.5);*/ box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5); } @media (hover: none), (max-width: 500px) { #ajaxsearchprores1_1.vertical .results::-webkit-scrollbar-thumb, #ajaxsearchprores1_2.vertical .results::-webkit-scrollbar-thumb, div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar-thumb { box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5); } } #ajaxsearchprores5_1.vertical, #ajaxsearchprores5_2.vertical, div.asp_r.asp_r_1.vertical {padding:0} div.asp_w.asp_r .results .item {padding:10px;} .asp_res_image_url img {border:2px solid #ccc;} .wp-search-sku { line-height: 16px!important; color: #f16321; font-weight: 700; font-size: 16px!important; } #ajaxsearchprores5_1.vertical .results .item .asp_image, #ajaxsearchprores5_2.vertical .results .item .asp_image, div.asp_r.asp_r_1.vertical .results .item .asp_image { margin: 0px 10px 0px 0; border: 1px solid #ccc; } .wp-search-description { margin-top: 5px; color: #636363; font-style: italic; } #ajaxsearchprores5_1.vertical .results .item .asp_content, #ajaxsearchprores5_2.vertical .results .item .asp_content, div.asp_r.asp_r_5.vertical .results .item .asp_content { padding: 0 10px 0 0; }/* Generated at: 2026-01-06 20:29:17 */ div[id*='ajaxsearchpro2_'] div.asp_loader, div[id*='ajaxsearchpro2_'] div.asp_loader * { /* display: none; */ box-sizing: border-box !important; margin: 0; padding: 0; /* vertical-align: middle !important; */ box-shadow: none; } div[id*='ajaxsearchpro2_'] div.asp_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis:28px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; } div[id*='ajaxsearchpro2_'] div.asp_loader-inner { width: 100%; margin: 0 auto; text-align: center; /* vertical-align: text-top; */ height: 100%; } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } div[id*='ajaxsearchpro2_'] div.asp_ball-scale-ripple-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchpro2_'] div.asp_ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } div[id*='ajaxsearchpro2_'] div.asp_ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } div[id*='ajaxsearchpro2_'] div.asp_ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } div[id*='ajaxsearchpro2_'] div.asp_ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } div[id*='ajaxsearchpro2_'] div.asp_ball-scale-ripple-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 2px solid rgba(4, 154, 212, 1); -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_loader, div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_loader * { /* display: none; */ box-sizing: border-box !important; margin: 0; padding: 0; /* vertical-align: middle !important; */ box-shadow: none; } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis:28px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_loader-inner { width: 100%; margin: 0 auto; text-align: center; /* vertical-align: text-top; */ height: 100%; } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_ball-scale-ripple-multiple { position: relative; width: 100%; height: 100%; } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } div[id*='ajaxsearchprores2_'] .asp_res_loader div.asp_ball-scale-ripple-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 2px solid rgba(4, 154, 212, 1); -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); } #ajaxsearchpro2_1 div.asp_loader, #ajaxsearchpro2_2 div.asp_loader, #ajaxsearchpro2_1 div.asp_loader *, #ajaxsearchpro2_2 div.asp_loader * { /* display: none; */ box-sizing: border-box !important; margin: 0; padding: 0; /* vertical-align: middle !important; */ box-shadow: none; } #ajaxsearchpro2_1 div.asp_loader, #ajaxsearchpro2_2 div.asp_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis:28px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; } #ajaxsearchpro2_1 div.asp_loader-inner, #ajaxsearchpro2_2 div.asp_loader-inner { width: 100%; margin: 0 auto; text-align: center; /* vertical-align: text-top; */ height: 100%; } @-webkit-keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } @keyframes ball-scale-ripple-multiple { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 70% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } #ajaxsearchpro2_1 div.asp_ball-scale-ripple-multiple, #ajaxsearchpro2_2 div.asp_ball-scale-ripple-multiple { position: relative; width: 100%; height: 100%; } #ajaxsearchpro2_1 div.asp_ball-scale-ripple-multiple > div:nth-child(0), #ajaxsearchpro2_2 div.asp_ball-scale-ripple-multiple > div:nth-child(0) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } #ajaxsearchpro2_1 div.asp_ball-scale-ripple-multiple > div:nth-child(1), #ajaxsearchpro2_2 div.asp_ball-scale-ripple-multiple > div:nth-child(1) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } #ajaxsearchpro2_1 div.asp_ball-scale-ripple-multiple > div:nth-child(2), #ajaxsearchpro2_2 div.asp_ball-scale-ripple-multiple > div:nth-child(2) { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } #ajaxsearchpro2_1 div.asp_ball-scale-ripple-multiple > div:nth-child(3), #ajaxsearchpro2_2 div.asp_ball-scale-ripple-multiple > div:nth-child(3) { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } #ajaxsearchpro2_1 div.asp_ball-scale-ripple-multiple > div, #ajaxsearchpro2_2 div.asp_ball-scale-ripple-multiple > div { -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; border: 2px solid rgba(4, 154, 212, 1); -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8); } @-webkit-keyframes asp_an_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes asp_an_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .asp_an_fadeIn { -webkit-animation-name: asp_an_fadeIn; animation-name: asp_an_fadeIn; } div.asp_r.asp_r_2, div.asp_r.asp_r_2 *, div.asp_m.asp_m_2, div.asp_m.asp_m_2 *, div.asp_s.asp_s_2, div.asp_s.asp_s_2 * { -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: content-box; /* Firefox, other Gecko */ -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; border: 0; border-radius: 0; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; } div.asp_r.asp_r_2, div.asp_m.asp_m_2, div.asp_s.asp_s_2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* Margin and padding gets wrecked if set with compatibility.. */ div.asp_r.asp_r_2, div.asp_r.asp_r_2 *, div.asp_m.asp_m_2, div.asp_m.asp_m_2 *, div.asp_s.asp_s_2, div.asp_s.asp_s_2 * { padding: 0; margin: 0; } .wpdreams_clear { clear: both; } .asp_w_container_2 { width: 100%; } #ajaxsearchpro2_1, #ajaxsearchpro2_2, div.asp_m.asp_m_2 { width: 100%; height: auto; max-height: none; border-radius: 5px; background: #d1eaff; margin-top: 0; margin-bottom: 0; background-image: -webkit-linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -moz-linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -o-linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -ms-linear-gradient(60deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); background-image: linear-gradient(60deg, rgb(255, 255, 255), rgb(255, 255, 255)); overflow: hidden; border:4px solid rgba(204, 204, 204, 0.75);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px #444444 ;} #ajaxsearchpro2_1 .probox, #ajaxsearchpro2_2 .probox, div.asp_m.asp_m_2 .probox { margin: 0px; height: 50px; background-image: -webkit-linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-image: -moz-linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-image: -o-linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); background-image: -ms-linear-gradient(60deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-image: linear-gradient(60deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)); border:0px none rgb(255, 255, 255);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px rgb(181, 181, 181) ;} p[id*=asp-try-2] { color: rgb(85, 85, 85) !important; display: block; } div.asp_main_container+[id*=asp-try-2] { width: 100%; } p[id*=asp-try-2] a { color: rgb(255, 181, 86) !important; } p[id*=asp-try-2] a:after { color: rgb(85, 85, 85) !important; display: inline; content: ','; } p[id*=asp-try-2] a:last-child:after { display: none; } #ajaxsearchpro2_1 .probox .proinput, #ajaxsearchpro2_2 .probox .proinput, div.asp_m.asp_m_2 .probox .proinput { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; flex-grow: 1; order: 5; margin: 0 0 0 10px; padding: 0 5px; } #ajaxsearchpro2_1 .probox .proinput input.orig, #ajaxsearchpro2_2 .probox .proinput input.orig, div.asp_m.asp_m_2 .probox .proinput input.orig { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; border: 0; box-shadow: none; height: 50px; position: relative; z-index: 2; padding: 0 !important; padding-top: 2px !important; margin: -1px 0 0 -4px !important; width: 100%; background: transparent !important; } #ajaxsearchpro2_1 .probox .proinput input.autocomplete, #ajaxsearchpro2_2 .probox .proinput input.autocomplete, div.asp_m.asp_m_2 .probox .proinput input.autocomplete { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; opacity: 0.25; height: 50px; display: block; position: relative; z-index: 1; padding: 0 !important; margin: -1px 0 0 -4px !important; margin-top: -50px !important; width: 100%; background: transparent !important; } .rtl #ajaxsearchpro2_1 .probox .proinput input.orig, .rtl #ajaxsearchpro2_2 .probox .proinput input.orig, .rtl #ajaxsearchpro2_1 .probox .proinput input.autocomplete, .rtl #ajaxsearchpro2_2 .probox .proinput input.autocomplete, .rtl div.asp_m.asp_m_2 .probox .proinput input.orig, .rtl div.asp_m.asp_m_2 .probox .proinput input.autocomplete { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; direction: rtl; text-align: right; } .rtl #ajaxsearchpro2_1 .probox .proinput, .rtl #ajaxsearchpro2_2 .probox .proinput, .rtl div.asp_m.asp_m_2 .probox .proinput { /*float: right;*/ margin-right: 2px; } .rtl #ajaxsearchpro2_1 .probox .proloading, .rtl #ajaxsearchpro2_1 .probox .proclose, .rtl #ajaxsearchpro2_2 .probox .proloading, .rtl #ajaxsearchpro2_2 .probox .proclose, .rtl div.asp_m.asp_m_2 .probox .proloading, .rtl div.asp_m.asp_m_2 .probox .proclose { order: 3; } div.asp_m.asp_m_2 .probox .proinput input.orig::-webkit-input-placeholder { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; } div.asp_m.asp_m_2 .probox .proinput input.orig::-moz-placeholder { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; } div.asp_m.asp_m_2 .probox .proinput input.orig:-ms-input-placeholder { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; } div.asp_m.asp_m_2 .probox .proinput input.orig:-moz-placeholder { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); opacity: 0.85; line-height: normal !important; } #ajaxsearchpro2_1 .probox .proinput input.autocomplete, #ajaxsearchpro2_2 .probox .proinput input.autocomplete, div.asp_m.asp_m_2 .probox .proinput input.autocomplete { font-weight:normal;font-family:"Quicksand";color:rgba(117, 117, 117, 1);font-size:16px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); line-height: normal; border: 0; box-shadow: none; } #ajaxsearchpro2_1 .probox .proloading, #ajaxsearchpro2_1 .probox .proclose, #ajaxsearchpro2_1 .probox .promagnifier, #ajaxsearchpro2_1 .probox .prosettings, #ajaxsearchpro2_2 .probox .proloading, #ajaxsearchpro2_2 .probox .proclose, #ajaxsearchpro2_2 .probox .promagnifier, #ajaxsearchpro2_2 .probox .prosettings, div.asp_m.asp_m_2 .probox .proloading, div.asp_m.asp_m_2 .probox .proclose, div.asp_m.asp_m_2 .probox .promagnifier, div.asp_m.asp_m_2 .probox .prosettings { width: 50px; height: 50px; flex: 0 0 50px; flex-grow: 0; order: 7; text-align: center; } #ajaxsearchpro2_1 .probox .proclose svg, #ajaxsearchpro2_2 .probox .proclose svg, div.asp_m.asp_m_2 .probox .proclose svg { fill: rgb(254, 254, 254); background: rgb(216, 0, 0); box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.9); border-radius: 50%; box-sizing: border-box; margin-left: -10px; margin-top: -10px; padding: 4px; } #ajaxsearchpro2_1 .probox .proloading, #ajaxsearchpro2_2 .probox .proloading, div.asp_m.asp_m_2 .probox .proloading { width: 50px; height: 50px; min-width: 50px; min-height: 50px; max-width: 50px; max-height: 50px; } #ajaxsearchpro2_1 .probox .proloading .asp_loader, #ajaxsearchpro2_2 .probox .proloading .asp_loader, div.asp_m.asp_m_2 .probox .proloading .asp_loader { width: 46px; height: 46px; min-width: 46px; min-height: 46px; max-width: 46px; max-height: 46px; } #ajaxsearchpro2_1 .probox .promagnifier, #ajaxsearchpro2_2 .probox .promagnifier, div.asp_m.asp_m_2 .probox .promagnifier { width: auto; height: 50px; flex: 0 0 auto; order: 7; /* Ipad and stuff.. */ -webkit-flex: 0 0 auto; -webkit-order: 7; } div.asp_m.asp_m_2 .probox .promagnifier:focus-visible { outline: black outset; } #ajaxsearchpro2_1 .probox .proloading .innericon, #ajaxsearchpro2_2 .probox .proloading .innericon, #ajaxsearchpro2_1 .probox .proclose .innericon, #ajaxsearchpro2_2 .probox .proclose .innericon, #ajaxsearchpro2_1 .probox .promagnifier .innericon, #ajaxsearchpro2_2 .probox .promagnifier .innericon, #ajaxsearchpro2_1 .probox .prosettings .innericon, #ajaxsearchpro2_2 .probox .prosettings .innericon, div.asp_m.asp_m_2 .probox .proloading .innericon, div.asp_m.asp_m_2 .probox .proclose .innericon, div.asp_m.asp_m_2 .probox .promagnifier .innericon, div.asp_m.asp_m_2 .probox .prosettings .innericon { text-align: center; } #ajaxsearchpro2_1 .probox .promagnifier .innericon, #ajaxsearchpro2_2 .probox .promagnifier .innericon, div.asp_m.asp_m_2 .probox .promagnifier .innericon { display: block; width: 50px; height: 50px; float: right; } #ajaxsearchpro2_1 .probox .promagnifier .asp_text_button, #ajaxsearchpro2_2 .probox .promagnifier .asp_text_button, div.asp_m.asp_m_2 .probox .promagnifier .asp_text_button { display: block; width: auto; height: 50px; float: left; margin: 0; padding: 0 2px 0 10px; font-weight:normal;font-family:"Quicksand";color:rgb(255, 255, 255);font-size:15px;line-height:38px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); /* to center the text, this must be identical with the height */ line-height: 50px; } #ajaxsearchpro2_1 .probox .promagnifier .innericon svg, #ajaxsearchpro2_2 .probox .promagnifier .innericon svg, div.asp_m.asp_m_2 .probox .promagnifier .innericon svg { fill: rgba(247, 247, 247, 1); } #ajaxsearchpro2_1 .probox .prosettings .innericon svg, #ajaxsearchpro2_2 .probox .prosettings .innericon svg, div.asp_m.asp_m_2 .probox .prosettings .innericon svg { fill: rgb(242, 119, 7); } #ajaxsearchpro2_1 .probox .promagnifier, #ajaxsearchpro2_2 .probox .promagnifier, div.asp_m.asp_m_2 .probox .promagnifier { width: auto; height: 50px; background-image: -webkit-linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-image: -moz-linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-image: -o-linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-image: -ms-linear-gradient(180deg, rgba(0, 87, 168, 1) 0%, rgba(0, 87, 168, 1) 100%); background-image: linear-gradient(180deg, rgba(0, 87, 168, 1), rgba(0, 87, 168, 1)); background-position:center center; background-repeat: no-repeat; order: 11; /* Ipad and stuff fix */ -webkit-order: 11; float: right; /* IE9, no flexbox */ border:0px solid rgb(255, 255, 255);border-radius:0px 0px 0px 0px; box-shadow:-1px 1px 0px 0px rgba(255, 255, 255, 0.64) ; cursor: pointer; background-size: 100% 100%; background-position:center center; background-repeat: no-repeat; cursor: pointer; } #ajaxsearchpro2_1 .probox .prosettings, #ajaxsearchpro2_2 .probox .prosettings, div.asp_m.asp_m_2 .probox .prosettings { width: 50px; height: 50px; background: transparent; background-position:center center; background-repeat: no-repeat; order: 10; /* Ipad and stuff fix*/ -webkit-order: 10; float: right; /* IE9, no flexbox */ border:0px solid rgb(255, 255, 255);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px rgba(255, 255, 255, 0.64) ; cursor: pointer; background-size: 100% 100%; align-self: flex-end; } #ajaxsearchprores2_1, #ajaxsearchprores2_2, div.asp_r.asp_r_2 { position: absolute; z-index: 9999999999; width: auto; margin: 12px 0 0 0; } #ajaxsearchprores2_1 .asp_nores, #ajaxsearchprores2_2 .asp_nores, div.asp_r.asp_r_2 .asp_nores { border:0px solid rgb(0, 0, 0);border-radius:0px 0px 0px 0px; box-shadow:0px 5px 5px -5px #dfdfdf; padding: 6px 12px 6px 12px; margin: 0 0 0 0; font-weight:normal;font-family:inherit;color:rgba(74, 74, 74, 1);font-size:1rem;line-height:1.2rem;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); font-weight: normal; background: rgb(255, 255, 255); } #ajaxsearchprores2_1 .asp_nores .asp_nores_kw_suggestions, #ajaxsearchprores2_2 .asp_nores .asp_nores_kw_suggestions, div.asp_r.asp_r_2 .asp_nores .asp_nores_kw_suggestions { color: rgba(234, 67, 53, 1); font-weight: normal; } #ajaxsearchprores2_1 .asp_nores .asp_keyword, #ajaxsearchprores2_2 .asp_nores .asp_keyword, div.asp_r.asp_r_2 .asp_nores .asp_keyword { padding: 0 8px 0 0; cursor: pointer; color: rgba(20, 84, 169, 1); font-weight: bold; } #ajaxsearchprores2_1 .asp_results_top, #ajaxsearchprores2_2 .asp_results_top, div.asp_r.asp_r_2 .asp_results_top { background: rgb(255, 255, 255); border:1px none rgb(81, 81, 81);border-radius:0px 0px 0px 0px; padding: 6px 12px 6px 12px; margin: 0 0 4px 0; text-align: center; font-weight:normal;font-family:"Open Sans";color:rgb(74, 74, 74);font-size:13px;line-height:16px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 .results .item, #ajaxsearchprores2_2 .results .item, div.asp_r.asp_r_2 .results .item { height: auto; background: rgb(255, 255, 255); } #ajaxsearchprores2_1 .results .item.hovered, #ajaxsearchprores2_2 .results .item.hovered, div.asp_r.asp_r_2 .results .item.hovered { background-image: -webkit-linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); background-image: -moz-linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); background-image: -o-linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); background-image: -ms-linear-gradient(60deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 100%); background-image: linear-gradient(60deg, rgba(247, 247, 247, 1), rgba(247, 247, 247, 1)); } #ajaxsearchprores2_1 .results .item .asp_image, #ajaxsearchprores2_2 .results .item .asp_image, div.asp_r.asp_r_2 .results .item .asp_image { background-size: cover; background-repeat: no-repeat; } #ajaxsearchprores2_1 .results .item .asp_image img, #ajaxsearchprores2_2 .results .item .asp_image img, div.asp_r.asp_r_2 .results .item .asp_image img { object-fit: cover; } #ajaxsearchprores2_1 .results .item .asp_item_overlay_img, #ajaxsearchprores2_2 .results .item .asp_item_overlay_img, div.asp_r.asp_r_2 .results .item .asp_item_overlay_img { background-size: cover; background-repeat: no-repeat; } #ajaxsearchprores2_1 .results .item .asp_content, #ajaxsearchprores2_2 .results .item .asp_content, div.asp_r.asp_r_2 .results .item .asp_content { overflow: hidden; background: transparent; margin: 0; padding: 0 10px; } #ajaxsearchprores2_1 .results .item .asp_content h3, #ajaxsearchprores2_2 .results .item .asp_content h3, div.asp_r.asp_r_2 .results .item .asp_content h3 { margin: 0; padding: 0; display: inline-block; line-height: inherit; font-weight:bold;font-family:"Quicksand";color:rgba(68, 68, 68, 1);font-size:14px;line-height:14px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 .results .item .asp_content h3 a, #ajaxsearchprores2_2 .results .item .asp_content h3 a, div.asp_r.asp_r_2 .results .item .asp_content h3 a { margin: 0; padding: 0; line-height: inherit; display: block; font-weight:bold;font-family:"Quicksand";color:rgba(68, 68, 68, 1);font-size:14px;line-height:14px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 .results .item .asp_content h3 a:hover, #ajaxsearchprores2_2 .results .item .asp_content h3 a:hover, div.asp_r.asp_r_2 .results .item .asp_content h3 a:hover { font-weight:bold;font-family:"Quicksand";color:rgba(68, 68, 68, 1);font-size:14px;line-height:14px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 .results .item div.etc, #ajaxsearchprores2_2 .results .item div.etc, div.asp_r.asp_r_2 .results .item div.etc { padding: 0; font-size: 13px; line-height: 1.3em; margin-bottom: 6px; } #ajaxsearchprores2_1 .results .item .etc .asp_author, #ajaxsearchprores2_2 .results .item .etc .asp_author, div.asp_r.asp_r_2 .results .item .etc .asp_author { padding: 0; font-weight:bold;font-family:"Quicksand";color:rgb(161, 161, 161);font-size:11px;line-height:13px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 .results .item .etc .asp_date, #ajaxsearchprores2_2 .results .item .etc .asp_date, div.asp_r.asp_r_2 .results .item .etc .asp_date { margin: 0 0 0 10px; padding: 0; font-weight:normal;font-family:"Quicksand";color:rgb(173, 173, 173);font-size:11px;line-height:15px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 .results .item div.asp_content, #ajaxsearchprores2_2 .results .item div.asp_content, div.asp_r.asp_r_2 .results .item div.asp_content { margin: 0; padding: 0; font-weight:normal;font-family:"Quicksand";color:rgba(99, 99, 99, 1);font-size:12px;line-height:1.2em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 span.highlighted, #ajaxsearchprores2_2 span.highlighted, div.asp_r.asp_r_2 span.highlighted { font-weight: bold; color: rgba(217, 49, 43, 1); background-color: rgba(238, 238, 238, 1); } #ajaxsearchprores2_1 p.showmore, #ajaxsearchprores2_2 p.showmore, div.asp_r.asp_r_2 p.showmore { text-align: center; font-weight:normal;font-family:"Quicksand";color:rgb(5, 94, 148);font-size:14px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1 p.showmore a, #ajaxsearchprores2_2 p.showmore a, div.asp_r.asp_r_2 p.showmore a { font-weight:normal;font-family:"Quicksand";color:rgb(5, 94, 148);font-size:14px;line-height:1.625em;text-shadow:0px 0px 0px rgba(255, 255, 255, 0); padding: 10px 5px; margin: 0 auto; background: rgba(255, 255, 255, 1); display: block; text-align: center; } #ajaxsearchprores2_1 .asp_res_loader, #ajaxsearchprores2_2 .asp_res_loader, div.asp_r.asp_r_2 .asp_res_loader { background: rgb(255, 255, 255); height: 200px; padding: 10px; } #ajaxsearchprores2_1.isotopic .asp_res_loader, #ajaxsearchprores2_2.isotopic .asp_res_loader, div.asp_r.asp_r_2.isotopic .asp_res_loader { background: rgba(255, 255, 255, 0); } #ajaxsearchprores2_1 .asp_res_loader .asp_loader, #ajaxsearchprores2_2 .asp_res_loader .asp_loader, div.asp_r.asp_r_2 .asp_res_loader .asp_loader { height: 200px; width: 200px; margin: 0 auto; } /* Search settings */ div.asp_s.asp_s_2.searchsettings, div.asp_s.asp_s_2.searchsettings, div.asp_s.asp_s_2.searchsettings { direction: ltr; padding: 0; background-image: -webkit-linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -moz-linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -o-linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); background-image: -ms-linear-gradient(185deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); background-image: linear-gradient(185deg, rgb(255, 255, 255), rgb(255, 255, 255)); box-shadow:0px 0px 0px 1px rgb(104, 174, 199) ;; max-width: 382px; z-index: 2; } div.asp_s.asp_s_2.searchsettings.asp_s, div.asp_s.asp_s_2.searchsettings.asp_s, div.asp_s.asp_s_2.searchsettings.asp_s { z-index: 99999999999; } #ajaxsearchprobsettings2_1.searchsettings, #ajaxsearchprobsettings2_2.searchsettings, div.asp_sb.asp_sb_2.searchsettings { max-width: 756px; } div.asp_s.asp_s_2.searchsettings form, div.asp_s.asp_s_2.searchsettings form, div.asp_s.asp_s_2.searchsettings form { display: flex; } div.asp_sb.asp_sb_2.searchsettings form, div.asp_sb.asp_sb_2.searchsettings form, div.asp_sb.asp_sb_2.searchsettings form { display: flex; } #ajaxsearchprosettings2_1.searchsettings div.asp_option_label, #ajaxsearchprosettings2_2.searchsettings div.asp_option_label, #ajaxsearchprosettings2_1.searchsettings .asp_label, #ajaxsearchprosettings2_2.searchsettings .asp_label, div.asp_s.asp_s_2.searchsettings div.asp_option_label, div.asp_s.asp_s_2.searchsettings .asp_label { font-weight:normal;font-family:"Quicksand";color:rgba(68, 68, 68, 1);font-size:12px;line-height:15px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprosettings2_1.searchsettings .asp_option_inner .asp_option_checkbox, #ajaxsearchprosettings2_2.searchsettings .asp_option_inner .asp_option_checkbox, div.asp_sb.asp_sb_2.searchsettings .asp_option_inner .asp_option_checkbox, div.asp_s.asp_s_2.searchsettings .asp_option_inner .asp_option_checkbox { background-image: -webkit-linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); background-image: -moz-linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); background-image: -o-linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); background-image: -ms-linear-gradient(180deg, rgb(34, 34, 34) 0%, rgb(69, 72, 77) 100%); background-image: linear-gradient(180deg, rgb(34, 34, 34), rgb(69, 72, 77)); } #ajaxsearchprosettings2_1.searchsettings .asp_option_inner .asp_option_checkbox:after, #ajaxsearchprosettings2_2.searchsettings .asp_option_inner .asp_option_checkbox:after, #ajaxsearchprobsettings2_1.searchsettings .asp_option_inner .asp_option_checkbox:after, #ajaxsearchprobsettings2_2.searchsettings .asp_option_inner .asp_option_checkbox:after, div.asp_sb.asp_sb_2.searchsettings .asp_option_inner .asp_option_checkbox:after, div.asp_s.asp_s_2.searchsettings .asp_option_inner .asp_option_checkbox:after { font-family: 'asppsicons2'; border: none; content: "\e800"; display: block; position: absolute; top: 0; left: 0; font-size: 11px; color: rgb(255, 255, 255); margin: 1px 0 0 0px !important; line-height: 17px; text-align: center; text-decoration: none; text-shadow: none; } div.asp_sb.asp_sb_2.searchsettings .asp_sett_scroll, div.asp_s.asp_s_2.searchsettings .asp_sett_scroll { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) transparent; } div.asp_sb.asp_sb_2.searchsettings .asp_sett_scroll::-webkit-scrollbar, div.asp_s.asp_s_2.searchsettings .asp_sett_scroll::-webkit-scrollbar { width: 7px; } div.asp_sb.asp_sb_2.searchsettings .asp_sett_scroll::-webkit-scrollbar-track, div.asp_s.asp_s_2.searchsettings .asp_sett_scroll::-webkit-scrollbar-track { background: transparent; } div.asp_sb.asp_sb_2.searchsettings .asp_sett_scroll::-webkit-scrollbar-thumb, div.asp_s.asp_s_2.searchsettings .asp_sett_scroll::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius: 5px; border: none; } #ajaxsearchprosettings2_1.searchsettings .asp_sett_scroll, #ajaxsearchprosettings2_2.searchsettings .asp_sett_scroll, div.asp_s.asp_s_2.searchsettings .asp_sett_scroll { max-height: 220px; overflow: auto; } #ajaxsearchprobsettings2_1.searchsettings .asp_sett_scroll, #ajaxsearchprobsettings2_2.searchsettings .asp_sett_scroll, div.asp_sb.asp_sb_2.searchsettings .asp_sett_scroll { max-height: 220px; overflow: auto; } #ajaxsearchprosettings2_1.searchsettings fieldset, #ajaxsearchprosettings2_2.searchsettings fieldset, div.asp_s.asp_s_2.searchsettings fieldset { width: 374px; min-width: 374px; max-width: 10000px; } #ajaxsearchprobsettings2_1.searchsettings fieldset, #ajaxsearchprobsettings2_2.searchsettings fieldset, div.asp_sb.asp_sb_2.searchsettings fieldset { width: 374px; min-width: 374px; max-width: 10000px; } #ajaxsearchprosettings2_1.searchsettings fieldset legend, #ajaxsearchprosettings2_2.searchsettings fieldset legend, div.asp_s.asp_s_2.searchsettings fieldset legend { padding: 0 0 0 10px; margin: 0; background: transparent; font-weight:normal;font-family:"Quicksand";color:rgba(68, 68, 68, 1);font-size:13px;line-height:15px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} .asp-sl-overlay { background: #FFFFFF !important; } #ajaxsearchprores2_1.vertical, #ajaxsearchprores2_2.vertical, div.asp_r.asp_r_2.vertical { padding: 4px; background: rgb(255, 255, 255); border-radius: 3px; border:1px solid rgba(204, 204, 204, 1);border-radius:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px #444444 ; visibility: hidden; display: none; } #ajaxsearchprores2_1.vertical .results, #ajaxsearchprores2_2.vertical .results, div.asp_r.asp_r_2.vertical .results { max-height: none; overflow-x: hidden; overflow-y: auto; } #ajaxsearchprores2_1.vertical .item, #ajaxsearchprores2_2.vertical .item, div.asp_r.asp_r_2.vertical .item { position: relative; box-sizing: border-box; } #ajaxsearchprores2_1.vertical .item .asp_content h3, #ajaxsearchprores2_2.vertical .item .asp_content h3, div.asp_r.asp_r_2.vertical .item .asp_content h3 { display: inline; } #ajaxsearchprores2_1.vertical .results .item .asp_content, #ajaxsearchprores2_2.vertical .results .item .asp_content, div.asp_r.asp_r_2.vertical .results .item .asp_content { overflow: hidden; width: auto; height: auto; background: transparent; margin: 0; padding: 8px; } #ajaxsearchprores2_1.vertical .results .item .asp_image, #ajaxsearchprores2_2.vertical .results .item .asp_image, div.asp_r.asp_r_2.vertical .results .item .asp_image { width: 60px; height: 60px; margin: 2px 8px 0 0; } #ajaxsearchprores2_1.vertical .asp_simplebar-scrollbar::before, #ajaxsearchprores2_2.vertical .asp_simplebar-scrollbar::before, div.asp_r.asp_r_2.vertical .asp_simplebar-scrollbar::before { background: transparent; background-image: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); } #ajaxsearchprores2_1.vertical .results .item::after, #ajaxsearchprores2_2.vertical .results .item::after, div.asp_r.asp_r_2.vertical .results .item::after { display: block; position: absolute; bottom: 0; content: ""; height: 1px; width: 100%; background: rgba(204, 204, 204, 1); } #ajaxsearchprores2_1.vertical .results .item.asp_last_item::after, #ajaxsearchprores2_2.vertical .results .item.asp_last_item::after, div.asp_r.asp_r_2.vertical .results .item.asp_last_item::after { display: none; } /* @deprecated - uses the one above */ .asp_spacer { display: none !important;; } .asp_v_spacer { width: 100%; height: 0; } #ajaxsearchprores2_1 .asp_group_header, #ajaxsearchprores2_2 .asp_group_header, div.asp_r.asp_r_2 .asp_group_header { background: #DDDDDD; background: rgb(246, 246, 246); border-radius: 3px 3px 0 0; border-top: 1px solid rgb(248, 248, 248); border-left: 1px solid rgb(248, 248, 248); border-right: 1px solid rgb(248, 248, 248); margin: 0 0 -3px; padding: 7px 0 7px 10px; position: relative; z-index: 1000; min-width: 90%; flex-grow: 1; font-weight:bold;font-family:"Quicksand";color:rgb(5, 94, 148);font-size:11px;line-height:13px;text-shadow:0px 0px 0px rgba(255, 255, 255, 0);} #ajaxsearchprores2_1.vertical .results, #ajaxsearchprores2_2.vertical .results, div.asp_r.asp_r_2.vertical .results { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255, 255, 255); } #ajaxsearchprores2_1.vertical .results::-webkit-scrollbar, #ajaxsearchprores2_2.vertical .results::-webkit-scrollbar, div.asp_r.asp_r_2.vertical .results::-webkit-scrollbar { width: 10px; } #ajaxsearchprores2_1.vertical .results::-webkit-scrollbar-track, #ajaxsearchprores2_2.vertical .results::-webkit-scrollbar-track, div.asp_r.asp_r_2.vertical .results::-webkit-scrollbar-track { background: rgb(255, 255, 255); box-shadow: inset 0 0 12px 12px transparent; border: none; } #ajaxsearchprores2_1.vertical .results::-webkit-scrollbar-thumb, #ajaxsearchprores2_2.vertical .results::-webkit-scrollbar-thumb, div.asp_r.asp_r_2.vertical .results::-webkit-scrollbar-thumb { /* background: rgba(0, 0, 0, 0.5); border-radius: 5px; border: none;*/ background: transparent; box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5); border: solid 2px transparent; border-radius: 12px; } #ajaxsearchprores2_1.vertical, #ajaxsearchprores2_2.vertical, div.asp_r.asp_r_1.vertical {padding:0} div.asp_w.asp_r .results .item {padding:10px;} .asp_res_image_url img {border:2px solid #ccc;} .wp-search-sku { line-height: 20px!important; color: #f16321; font-weight: normal; font-size: 12px!important; padding: 0 0 5px 0!important; } #ajaxsearchprores2_1.vertical .results .item .asp_image, #ajaxsearchprores2_2.vertical .results .item .asp_image, div.asp_r.asp_r_1.vertical .results .item .asp_image { margin: 0px 10px 0 0; border: 1px solid #ccc; } .wp-search-description { margin-top: 5px; color: #636363; font-style: italic; } #ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical, #ajaxsearchprores1_1.vertical .results .item .asp_content, #ajaxsearchprores1_2.vertical .results .item .asp_content, div.asp_r.asp_r_1.vertical .results .item .asp_content { padding: 0; }/* Generated at: 2026-01-06 20:29:17 */