.obss-remote-filter { position:relative; display:inline-block; width:250px; max-width:100%; vertical-align:top; }
.obss-observer-fields { width:100%; }
.obss-observer-search { position:relative; width:100%; max-width:100%; margin:0 0 .5rem; }
.obss-observer-search input { width:100%; box-sizing:border-box; min-height:40px; padding-right:2.5rem; }
.obss-observer-results { position:absolute; z-index:20; box-sizing:border-box; background:#fff; width:100%; max-height:220px; overflow:auto; border:1px solid #adb5bd; border-top:0; }
.obss-observer-results:empty { display:none; }
.obss-observer-results button, .obss-observer-more, .obss-observer-retry { display:block; width:100%; text-align:left; border:0; background:#fff; padding:.45rem .5rem; }
.obss-observer-results button:hover, .obss-observer-results button:focus-visible { background:#eaf2f8; }
.obss-observer-status { min-height:1.25em; margin:.2rem 0; font-size:.9em; }
.obss-observer-clear { position:absolute; right:.25rem; top:.35rem; border:0; background:transparent; text-decoration:underline; }
.obss-observer-search input:focus-visible, .obss-observer-search button:focus-visible { outline:2px solid #176b93; outline-offset:2px; }
.obss-remote-filter summary { cursor:pointer; border:1px solid #adb5bd; border-radius:4px; background:#fff; padding:7px 10px; color:#283849; overflow-wrap:anywhere; }
.obss-remote-filter summary:focus-visible, .obss-remote-panel button:focus-visible { outline:2px solid #176b93; outline-offset:2px; }
.obss-remote-value[hidden] { display:none !important; }
.obss-remote-panel { position:absolute; top:100%; left:0; z-index:1050; background:white; color:#283849; border:1px solid #adb5bd; border-radius:4px; padding:10px; width:350px; max-width:85vw; box-shadow:0 4px 12px #0003; }
.obss-remote-panel label { display:block; }
.obss-remote-panel input { box-sizing:border-box; width:100%; margin-bottom:8px; }
.obss-remote-panel button { display:block; width:100%; text-align:left; border:0; background:#fff; color:inherit; padding:7px; cursor:pointer; white-space:normal; }
.obss-remote-panel button:hover { background:#eaf2f8; }
.obss-remote-results { max-height:240px; overflow:auto; }
.obss-remote-panel [hidden] { display:none !important; }
.obss-remote-status { font-size:.9em; padding:4px 0; }

/* Shared controls for the Records and Statistics filter panels. */
#adminForm .js-stools-container-filters { --obss-filter-font-size:14px; }
#adminForm .js-stools-container-filters .js-stools-field-filter { min-width:0; }
#adminForm { --obss-filter-font-size:14px; }
#adminForm .js-stools-search-string { font-family:inherit; font-size:var(--obss-filter-font-size); font-weight:400; }
#adminForm .js-stools-container-filters .chosen-container,
#adminForm .js-stools-container-filters .obss-remote-filter,
#adminForm .js-stools-container-filters .field-calendar { width:100% !important; max-width:100%; }
#adminForm .js-stools-container-filters .chosen-single,
#adminForm .js-stools-container-filters select:not(.obss-remote-value),
#adminForm .js-stools-container-filters .obss-remote-filter summary,
#adminForm .js-stools-container-filters .field-calendar .input-group > input {
    box-sizing:border-box; height:40px; min-height:40px; margin:0;
    border:1px solid #adb5bd; border-radius:4px; background:#fff;
    box-shadow:none; color:#283849; font-family:inherit; font-size:var(--obss-filter-font-size);
    font-weight:400; line-height:24px; padding:7px 32px 7px 12px;
    text-shadow:none;
}
#adminForm .js-stools-container-filters .chosen-single,
#adminForm .js-stools-container-filters .obss-remote-filter summary {
    position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; list-style:none;
}
#adminForm .js-stools-container-filters .obss-remote-filter summary::-webkit-details-marker { display:none; }
#adminForm .js-stools-container-filters .chosen-single > span { margin:0; line-height:24px; }
#adminForm .js-stools-container-filters .chosen-single > div { display:none; }
#adminForm .js-stools-container-filters .chosen-single::after,
#adminForm .js-stools-container-filters .obss-remote-filter summary::after {
    content:''; position:absolute; right:13px; top:14px; width:7px; height:7px;
    border-right:2px solid #637282; border-bottom:2px solid #637282; transform:rotate(45deg);
}
#adminForm .js-stools-container-filters .chosen-with-drop .chosen-single::after,
#adminForm .js-stools-container-filters .obss-remote-filter[open] summary::after { top:18px; transform:rotate(225deg); }
#adminForm .js-stools-container-filters .chosen-container-active .chosen-single,
#adminForm .js-stools-container-filters .obss-remote-filter summary:focus-visible,
#adminForm .js-stools-container-filters .field-calendar input:focus { border-color:#176b93; outline:2px solid #176b9333; outline-offset:1px; }
#adminForm .js-stools-container-filters .field-calendar .input-group { flex-wrap:nowrap; }
#adminForm .js-stools-container-filters .field-calendar .input-group > input { min-width:0; padding-right:12px; border-radius:4px 0 0 4px; }
#adminForm .js-stools-container-filters .field-calendar .input-group > .btn { box-sizing:border-box; height:40px; min-height:40px; padding:7px 12px; border-radius:0 4px 4px 0; }
#adminForm .js-stools-container-filters .chosen-drop { border-color:#adb5bd; background:#fff; }

#adminForm .js-stools-container-filters select:not(.obss-remote-value) { width:100%; }
#adminForm .js-stools-container-filters .chosen-container,
#adminForm .js-stools-container-filters .chosen-single > span,
#adminForm .js-stools-container-filters .chosen-search input,
#adminForm .js-stools-container-filters .chosen-results,
#adminForm .js-stools-container-filters .obss-remote-panel,
#adminForm .js-stools-container-filters .obss-remote-panel input,
#adminForm .js-stools-container-filters .obss-remote-panel button,
#adminForm .js-stools-container-filters .obss-remote-panel label,
#adminForm .js-stools-container-filters .obss-remote-status {
    font-family:inherit; font-size:var(--obss-filter-font-size); font-weight:400; line-height:24px;
}
@media (max-width:991px) {
    .obss-remote-panel { box-sizing:border-box; width:100%; max-width:100%; }
}
@media (max-width:767px) {
	.obss-observer-fields, .obss-observer-search { width:100%; max-width:100%; }
	.obss-observer-search input, .obss-observer-results button, .obss-observer-more, .obss-observer-retry { min-height:44px; font-size:16px; }
    #adminForm { --obss-filter-font-size:16px; }
    #adminForm .js-stools-container-filters { --obss-filter-font-size:16px; }
    .obss-remote-panel { position:relative; margin-top:4px; }
    .obss-remote-panel input { min-height:40px; }
    .obss-remote-panel button { min-height:40px; }
    #adminForm .ordering-select { flex-wrap:wrap; justify-content:center; max-width:100%; row-gap:6px; }
}
@media (max-width:360px) {
    #sp-header .logo-image-phone { height:75px; width:auto; max-width:155px; }
}

.obss-observer-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px; }
.obss-observer-clear { position:static; grid-column:2; grid-row:1; }
.obss-observer-results { position:relative; grid-column:1 / -1; }
.obss-observer-status, .obss-observer-more, .obss-observer-retry { grid-column:1 / -1; }
.obss-observer-status:empty, .obss-observer-search [hidden] { display:none !important; }
