@charset "UTF-8";
@media (min-width: 1200px) {
  .geolocation-yform > div:not(.alert) > *:not(.control-label), .geolocation-yform > fieldset > div:not(.alert) > *:not(.control-label):not(.btn-toolbar) {
    width: calc(100% - 188px);
    margin-left: 180px;
  }
  .geolocation-yform div.rex-form-panel-footer > div.btn-toolbar {
    width: 100%;
    margin-left: 0;
  }
  .geolocation-yform > div > .control-label, .geolocation-yform > fieldset > div > .control-label {
    width: 180px;
    padding-right: 8px;
    float: left;
    clear: both;
  }
}
/**
 * CSS für das Custom-HTMLElement "geolocation-layerselect"
 * Die Struktur des Markup, auf die sich diese CSS-Formate beziehen,
 * ist im YTemplate "value.layerselect.tpl.php" zu finden.
 * 
 * Damit die .list-group und ihre .list-group-items optisch besser in die
 * Formular-Formate passen, werden padding und margin etwas korrigiert.
 * 
 * Die Mindesthähe von 50px ist nur gschätzt mangels valider Erkenntnisse
 * zur Berechnung der Mindesthöhe bzw. der automatischen Anpassung.
 */
geolocation-layerselect {
  display: block;
}
geolocation-layerselect .form-control {
  min-height: 50px;
  padding-left: 6px;
  padding-right: 6px;
}
geolocation-layerselect .form-control .list-group {
  margin: 0;
}
geolocation-layerselect .form-control .list-group :not(:last-child) {
  margin-bottom: 1px;
}
geolocation-layerselect .form-control .list-group .list-group-item {
  padding: 3px 6px;
}
geolocation-layerselect .form-control .list-group .list-group-item:first-of-type gelocation-trigger[event$=".up"], geolocation-layerselect .form-control .list-group .list-group-item:last-of-type gelocation-trigger[event$=".down"] {
  visibility: hidden;
}
geolocation-layerselect .form-control p {
  position: absolute;
  top: 14px;
  padding-left: 6px;
  color: #9ca5b2;
}
geolocation-layerselect select[id^="YFORM_DATASETLIST_SELECT_"] {
  display: none;
}
body.rex-theme-dark geolocation-layerselect [geolocation-layer-empty] {
  color: rgba(255, 255, 255, 0.45);
}
@media (prefers-color-scheme: dark) {
  body.rex-has-theme:not(.rex-theme-light) geolocation-layerselect [geolocation-layer-empty] {
    color: rgba(255, 255, 255, 0.45);
  }
}
/**
 * Die per Tab selektierbaren Elemente farblich so kennzeichnen
 * wie andere tab-bare Formularelemente auch.
 */
/* dark: $color-blue-2*/
geolocation-layerselect-item:focus {
  border-color: #66afe9 !important;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
geolocation-layerselect .btn-popup:focus {
  border-color: #66afe9 !important;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
body.rex-theme-dark geolocation-layerselect-item:focus, body.rex-theme-dark geolocation-layerselect .btn-popup:focus {
  border-color: #114b7a !important;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(17, 75, 122, 0.6);
}
@media (prefers-color-scheme: dark) {
  body.rex-has-theme:not(.rex-theme-light) geolocation-layerselect-item:focus, body.rex-has-theme:not(.rex-theme-light) geolocation-layerselect .btn-popup:focus {
    border-color: #114b7a !important;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(17, 75, 122, 0.6);
  }
}