form.aa-Form {
    background: transparent;
    border: 0;
    outline: 0;
}

.aa-Form:focus, .aa-InputWrappert:focus {
  outline: none!important; /* or outline: unset; */
  box-shadow:none!important;
}

/* Turn off focus-within styles for all elements */
.aa-Form:focus-within, .aa-InputWrapper:focus-within {
  outline: none!important; /* or outline: unset; */
  box-shadow:none!important;
}

.aa-Form:focus, .aa-InputWrapper:focus-visible {
  outline: none!important; /* or outline: unset; */
  box-shadow:none!important;
}


.searchbox {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 37px;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 13px;
    font-family: arial, sans-serif;
    font-size: 16px;
}

.searchbox .algolia-autocomplete {
    display: block;
    height: 100%;
    width: 100%;
}

.searchbox__wrapper {
    width: 100%;
    height: 100%;
}

.searchbox__input {
    display: inline-block;
    -webkit-transition: box-shadow 0.4s ease, background 0.4s ease;
    transition: box-shadow 0.4s ease, background 0.4s ease;
    border: 0;
    /* border-radius: 19px; */
    box-shadow: inset 0 0 0 1px #d9d9d9;
    background: #ffffff;
    padding: 0;
    padding-right: 30px;
    padding-left: 37px;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    white-space: normal;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 500px;
}

.searchbox__input::-webkit-search-decoration,
.searchbox__input::-webkit-search-cancel-button,
.searchbox__input::-webkit-search-results-button,
.searchbox__input::-webkit-search-results-decoration {
    display: none;
}

.searchbox__input:hover {
    box-shadow: inset 0 0 0 1px silver;

}


.searchbox__input:focus,
.searchbox__input:active {
    outline: 0;
    /* box-shadow: inset 0 0 0 1px #4098ce; */
    background: #ffffff;
}

.searchbox__input::-webkit-input-placeholder {
    color: #aaaaaa;
}

.searchbox__input::-moz-placeholder {
    color: #aaaaaa;
}

.searchbox__input:-ms-input-placeholder {
    color: #aaaaaa;
}

.searchbox__input::placeholder {
    color: #aaaaaa;
}

.searchbox__submit {
    position: absolute;
    top: 0;
    right: inherit;
    left: 0;
    margin: 0;
    border: 0;
    /* border-radius: 18px 0 0 18px; */
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    width: 37px;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.searchbox__submit::before {
    display: inline-block;
    margin-right: -4px;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.searchbox__submit:hover,
.searchbox__submit:active {
    /* cursor: pointer; */
}

.searchbox__submit:focus {
    outline: 0;
}

.searchbox__submit svg {
    width: 17px;
    height: 17px;
    vertical-align: middle;
    fill: #666666;
}

.searchbox__reset {
    position: absolute;
    top: 8px;
    right: 8px;
    margin: 0;
    border: 0;
    background: none;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: rgba(0, 0, 0, 0.5);
}

.searchbox__reset.hide {
    display: none;
}

.searchbox__reset:focus {
    outline: 0;
}

.searchbox__reset svg {
    display: block;
    margin: 4px;
    width: 13px;
    height: 13px;
}

.searchbox__input:valid ~ .searchbox__reset {
    display: block;
    -webkit-animation-name: sbx-reset-in;
    animation-name: sbx-reset-in;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
}

@-webkit-keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes sbx-reset-in {
    0% {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0);
        opacity: 0;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.aa-dropdown-menu {
    position: relative;
    top: -6px;
    /* border-radius: 3px; */
    margin: 12px 0 0;
    padding: 0;
    text-align: left;
    height: auto;
    position: relative;
    background: transparent;
    border: none;
    width: 100%;
    left: 0 !important;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.aa-dropdown-menu:before {
    position: absolute;
    content: "";
    width: 14px;
    height: 14px;
    background: #fff;
    z-index: 0;
    top: -7px;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    transform: rotate(-45deg);
    /* border-radius: 2px; */
    z-index: 999;
    display: block;
    left: 24px;
}

.aa-dropdown-menu .aa-suggestions {
    position: relative;
    z-index: 1000;
}

.aa-dropdown-menu [class^=aa-dataset-] {
    position: relative;
    border: solid 1px #d9d9d9;
    /* border-radius: 3px; */
    overflow: auto;
    /* padding: 8px 8px 8px; */
    background: white;
}

.aa-dropdown-menu * {
    box-sizing: border-box;
}

.aa-suggestion {
    font-size: 1.1em;
    /* 	padding: 4px 4px 0; */
    display: block;
    width: 100%;
    /* height: 38px; */
    clear: both;
}

.aa-suggestion span {
    white-space: nowrap !important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    float: left;
    line-height: 2em;
    width: calc(100% - 30px);
}

.aa-suggestion.aa-cursor {
    background: #eee;
}

.aa-suggestion img {
    float: left;
    vertical-align: middle;
    height: 30px;
    width: 20px;
    margin-right: 6px;
}

.aa-suggestion em {
    font-weight: bold;
    color: inherit;
    font-style: normal
}

.aa-suggestion .row {
    display: block;
    padding: 10px 0;
    padding-top: 17px;

    margin: 0;

    border-bottom: 1px solid rgb(218, 218, 218)
}

.aa-suggestion .row:last-child {
    /* 	border:0; */
}

.aa-suggestion .title {
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.aa-suggestion .content {
    font-size: 13px;
    line-height: 125%;
    padding: 0 20px;
    color: rgb(48, 48, 48);
    /* padding-bottom: 10px; */
}

.aa-suggestion a {
    color: black;
    text-decoration: none;
}

.aa-suggestion a:hover {
    /* color:red; */
}

form.searchbox {
    /* left: 0; */
    /* right: 0; */
    /* position: absolute; */
    /* margin: auto; */
    /* margin-top: 100px; */
}

#hledator.search-modal input.searchbox__input {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 50px;
    font-size: 16px;
    padding-left: 47px;
    background: white;
    border: 0;
    max-width: 550px;
    width: 100%;
    border-radius: 0;
}

.searchbox__reset {
    top: 15px;
    right: 15px;
}

.searchbox__submit {
    height: 50px;
    padding: 10px;
    width: 50px;
}
.aa-Panel .aa-PanelLayout{
    padding: 0;
    --aa-scrollbar-track-background-color-rgb: 255, 255, 255;
    --aa-scrollbar-thumb-background-color-rgb: 196, 1, 10;
}
.aa-Panel .aa-PanelLayout.aa-Panel--scrollable{
    --aa-panel-max-height: 60vh
}
.aa-Panel .aa-PanelLayout.aa-Panel--scrollable::-webkit-scrollbar-thumb{
    border-width: 4px;
}
.aa-Panel .aa-PanelLayout .aa-Source .aa-SourceHeader{
    position: sticky;
    top: 0;
    z-index: 2;
    margin: 0;
    padding: .5em calc(var(--aa-spacing-half) * 1.5);
    font-size: 1.125em;
    background-color: #c4010a;
    color: #fff;
}
.aa-Panel .aa-PanelLayout .aa-Source .aa-List{
    padding: calc(var(--aa-spacing-half) / 2);
}
.aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item{
    padding: var(--aa-spacing-half) calc(var(--aa-spacing-half) / 2);
    border-radius: 0;

}
.aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item:not(:last-child){
    border-bottom: 1px solid rgb(var(--aa-input-border-color-rgb));
}