.lswitch-panel .panel-heading-layersearch {
    /*width: 260px; removed because it was wrong width in many situations, also tried 280 but activating search field expanded width. 271 seems ok. */
    max-width: 271px; /*271px; 2024-08-19*/  /* replaces width */
    display: block;
}
@media (min-width:992px) {
    .lswitch-panel .panel-heading-layersearch {
        min-width: 260px; /*271px; 2024-08-19*/ 
    }
 }

.lswitch-panel.lswitch-hidden .panel-heading-layersearch {
    display: none;
}
.panel-heading.panel-heading-layersearch {
    padding-top: 5px;
    padding-bottom: 5px;
}

.layersearch-hits-container {
    /*
    left: 350px;
    top: -50px;
    */
    left: 298px;
    top: 50px;
    position: absolute;
    width:100%
}
.aa-Panel {
    left: 0px!important;
    top: 0px!important;
}
/* Testing box arrow */
.aa-PanelLayout.aa-Panel--scrollable {
    margin:0px;
    padding:0px;
}
.aa-Item {
    border-bottom: 1px solid rgb(211,211,211);
}
.layersearch-hit-header {
    margin: 2px;
}
.layersearch-hit-category {
    margin: 2px;
    color: rgb(153 153 153);
    font-size: small;

}
.aa-SubmitButton {
    padding-top: 5px;
}

/* .aa-SubmitIcon {
    -webkit-mask: url(magnifying-glass-solid.svg) no-repeat center;
    mask: url(magnifying-glass-solid.svg) no-repeat center;
}
  */

@media (max-width:991px) {
    .panel-heading-layersearch {
        max-width: 250px;
    }
    .panel-heading.panel-heading-layersearch {
        padding-top: 2px;
        padding-bottom: 3px;
    }
}