/* basic control existence and toggle button - and custom positoning */

.leaflet-atlassearch {
    color: #0D0D0D;
    font-family: "Roboto";
    font-size: 14px;

    box-shadow: 0px 1px 5px rgba(0,0,0,0.65);
    border-radius: 3px;
    background-color: white;
}

.leaflet-atlassearch {
    position: absolute;
    top: 0px;
    right: 50px;
    float: none;
}

.leaflet-atlassearch .leaflet-atlassearch-toggler {
    cursor: pointer;
    padding: 0.25em .75em 0.25em .75em;
    line-height: 2.3;
    font-weight: bold;

    white-space: nowrap;
}

.leaflet-atlassearch.leaflet-atlassearch-panel-hidden .leaflet-atlassearch-panel,
.leaflet-atlassearch.leaflet-atlassearch-panel-hidden .leaflet-atlassearch-clearbutton {
    display:none !important;
}

/* hide this whole control on mobile; see also the separate-but-synchronized MobileKeywordSearch on the page, which is visible only on mobile */

@media screen and (max-width: 767px) {
    .leaflet-atlassearch { display: none; }
}


/* the panel and search controls */

.leaflet-atlassearch-panel {
    max-height: 100%;  /* see max-height code which adapts to map height */
    overflow-y: auto;
}

.leaflet-atlassearch-panel form {
    white-space: nowrap;
    padding: 0 0.5rem;
}

.leaflet-atlassearch-panel div.leaflet-atlassearch-keyword-section {
    position: relative;
}
.leaflet-atlassearch-panel button.leaflet-atlassearch-keyword-clear {
    position: absolute;
    top: 4px;
    right: 40px;
    z-index: 5;

    border: 0 none transparent;
    background: none;
}
.leaflet-atlassearch-panel button.leaflet-atlassearch-keyword-clear.leaflet-atlassearch-keyword-clear-empty {
    display: none;
}

/* the clear button up in the toggler, but hidden when collapsed */

.leaflet-atlassearch .leaflet-atlassearch-clearbutton {
    font-size: 12px;
    float: right;
    margin-top: 2px;
}

/* accordion */

.leaflet-atlassearch-panel div.accordion h2 button {
    font-size: 14px;
    font-weight: bold;
}

.leaflet-atlassearch-panel div.accordion h2 button span {
    float: right;
}

.leaflet-atlassearch-panel div.accordion div.accordion-body {
    white-space: normal;
}


/* a few miscelleneous quirks and tweaks */

.leaflet-atlassearch-panel span.leaflet-atlassearch-s4wflag {
    background-color: #001489;
    border: 1px solid white;
    border-radius: 50%;
    padding: 4px 3px 3px 3px;
    font-size: 12px;
    color: white;
}
.leaflet-atlassearch-panel span.leaflet-atlassearch-s4wflag.leaflet-atlassearch-s4wflag-story {
}
.leaflet-atlassearch-panel span.leaflet-atlassearch-s4wflag.leaflet-atlassearch-s4wflag-member {
    padding-top: 3px;
}

.leaflet-atlassearch-panel div.form-check {
    min-height: unset;
}