sparnatural
Version:
Visual client-side SPARQL query builder and knowledge graph exploration tool
1,003 lines (891 loc) • 224 kB
CSS
.awesomplete [hidden] {
display: none;
}
.awesomplete .visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
}
.awesomplete {
display: inline-block;
position: relative;
}
.awesomplete > input {
display: block;
}
.awesomplete > ul {
position: absolute;
left: 0;
z-index: 1;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
margin: 0;
background: #fff;
}
.awesomplete > ul:empty {
display: none;
}
/**
Note how the theme applies to Sparnatural as well as other technical classes with absolute positioning that
also needs to benefits from the variables.
**/
.Sparnatural,
.SparnaturalForm,
.select2-container--default,
.tippy-box
{
/**
* Color of the criteria arrows (orange)
**/
--primary-color-main: rgb(250,136,3);
/**
* Color of the "unselect" buttons in criterias (dark orange)
**/
--primary-color-important: rgb(182, 97, 0) ;
/**
* Color of the bottom : folded variable selector, and of a selected value in a criteria (light orange)
**/
--primary-color-medium: rgb(255, 210, 157) ;
/**
* variable selector background & tooltip background (even lighter orange)
**/
--primary-color-light: rgb(255, 231, 203) ;
/**
* Color of the options arrow (optional / negation) (strong green)
**/
--secondary-color-main: rgb(107,215,171) ;
/**
* Color of the highlight of arrows
**/
--secondary-color-important: rgb(2,184,117) ;
/**
* Color of the options arrow when not selected (light green)
**/
--secondary-color-light: rgb(151,227,196) ;
/**
* Color of the service option enabled
**/
--ternary-color-main: rgb(3, 201, 250) ;
/**
* Color of the hover of autocomplete selection
**/
--ternary-color-light: rgb(184, 211, 224);
/**
* Color of variable d&d grip, disabled query button, disabled options
**/
--silver-color-main: rgb(167,167,167) ;
/**
*
**/
--silver-color-light: rgb(230, 230, 230) ;
/**
* Default text color
**/
--default-text-color: #666 ;
/**
* Red, Green and Blue components for the background color.
* An alpha is added to this color at each line (0.1, 0.2, 0.3, etc.)
**/
--bg-red: 29 ;
--bg-green: 224 ;
--bg-blue: 153 ;
}
span.unselect{cursor:pointer;top:12px;right:25px;border-radius:100%}span.unselect svg{fill:var(--primary-color-important);width:18px;background-color:#fff;border-radius:100%}.optionalArrow{height:48px;width:34px;margin-right:-20px;position:relative;cursor:pointer}.optionalArrow svg{stroke:var(--silver-color-light);stroke-width:3px;fill:var(--secondary-color-main);stroke-width:2.5px;position:absolute;z-index:1;left:-7px}.optionalArrow svg path{filter:url(#filter19278)}.optionalArrow.disabledbutton{pointer-events:none}.optionalArrow.disabledbutton svg{fill:gray;opacity:.4}#icon_reset{fill:none;stroke:#1d1d1b;stroke-linecap:round;stroke-linejoin:round}.StartClassGroup .selectViewVariableBtn{color:#fff;position:absolute;top:50%;right:20px;height:16px;margin-top:-8px;z-index:2;cursor:pointer}.StartClassGroup .selectViewVariableBtn.disabled{opacity:.5;cursor:default}.StartClassGroup .selectViewVariableBtn svg{width:100%;height:100%;vertical-align:top}.EndClassGroup .selectViewVariableBtn{color:#fff;position:absolute;top:50%;right:43px;height:16px;margin-top:-8px;z-index:2;cursor:pointer}.EndClassGroup .selectViewVariableBtn.disabled{opacity:.5;cursor:default}.EndClassGroup .selectViewVariableBtn svg{width:100%;height:100%;vertical-align:top}.button-add{border:3px solid var(--primary-color-main);border-radius:15px;background:#fff;padding:0 10px;line-height:25px;margin-left:5px}.button-add:hover{color:var(--primary-color-main);cursor:pointer}.circle-info{margin-left:5px}.AddWidgetValueBtn{display:flex;color:#000;font-size:20px;cursor:pointer;vertical-align:middle;max-width:220px;height:48px;margin-right:-13px;position:relative;padding:0}.AddWidgetValueBtn .componentBackArrow svg{height:48px}.AddWidgetValueBtn .componentBackArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.AddWidgetValueBtn .componentFrontArrow svg{height:48px}.AddWidgetValueBtn .componentFrontArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.AddWidgetValueBtn .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.AddWidgetValueBtn p{height:inherit;background:var(--primary-color-medium);padding:0 0 0 3px;border:3px solid #fff;border-left:0;border-right:0;width:0px;overflow:visible;position:relative;margin-top:0}.AddWidgetValueBtn p span{line-height:42px;color:var(--default-text-color)}.AddWidgetValueBtn span.label-two-line{line-height:24px;line-height:21px}div.edit span{display:inline-block}div.edit svg{fill:var(--primary-color-important);width:18px;background-color:#fff;border-radius:100%}.EndClassWidgetGroup{width:auto;padding:0 15px 0 0;margin-left:-43px;display:flex}.EndClassWidgetGroup span.unselect{top:-10px}.EndClassWidgetGroup div.edit{display:block;position:absolute;top:-10px;right:32px;width:22px;height:22px !important;padding:0 0;text-align:center;cursor:pointer;color:var(--primary-color-important);line-height:22px;font-size:18px;box-sizing:border-box;border-radius:11px;z-index:2}.EndClassWidgetValue{position:relative;display:flex;color:#000;font-size:14px;padding:0;max-width:220px;height:46px;margin-right:-13px}.EndClassWidgetValue .componentBackArrow svg{height:48px}.EndClassWidgetValue .componentBackArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.EndClassWidgetValue .componentFrontArrow svg{height:48px}.EndClassWidgetValue .componentFrontArrow svg path{fill:var(--primary-color-medium);stroke:#fff}.EndClassWidgetValue .componentFrontArrow svg rect{fill:rgba(0,0,0,0)}.EndClassWidgetValue span.label-two-line{line-height:24px;line-height:21px}.EndClassWidgetValue p{line-height:48px;height:48px;background:var(--primary-color-medium);background-clip:padding-box;margin:0;padding:0 5px 0 5px;display:inline-block;overflow:hidden;border:3px solid #fff;border-left:0;border-right:0;text-align:center}.EndClassWidgetValue p>span{line-height:42px;display:inline-block;vertical-align:baseline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--default-text-color);width:100%}.nb-choice-2 .WidgetWrapper{border-left:3px solid var(--primary-color-main)}.nb-choice-2 .WidgetWrapper:before{display:none}.WidgetWrapper{position:relative;height:51px;padding-bottom:3px;padding-left:25px;padding-right:5px;line-height:48px;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;min-width:1px}.WidgetWrapper:before{content:"";display:block;position:absolute;top:0;left:-3px;width:3px;height:20px;background:var(--primary-color-main)}.WidgetWrapper:after{content:"";display:block;position:absolute;top:-10px;left:-6px;width:9px;height:9px;-moz-box-shadow:0px 6px 3px -3px #cfcfcf;-webkit-box-shadow:0px 6px 3px -3px #cfcfcf;-o-box-shadow:0px 6px 3px -3px #cfcfcf;box-shadow:0px 6px 3px -3px #cfcfcf;filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3)}.WidgetWrapper .underline{text-decoration:underline}.WidgetWrapper .boolean-value{text-decoration:underline;cursor:pointer}.WidgetWrapper .or{color:var(--primary-color-main);font-weight:600}.WidgetWrapper .selectAll .underline{cursor:pointer}.WidgetWrapper>a,.WidgetWrapper>div{position:absolute;left:100%;top:0}.awesomplete>ul{border-radius:.3em;margin:.2em 0 0;background:rgba(255,255,255,.9);background:linear-gradient(to bottom right, white, hsla(0deg, 0%, 100%, 0.8));border:1px solid rgba(0,0,0,.3);box-shadow:.05em .2em .6em rgba(0,0,0,.2);text-shadow:none}@supports(transform: scale(0)){.awesomplete>ul{transition:.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);transform-origin:1.43em -0.43em}.awesomplete>ul[hidden],.awesomplete>ul:empty{opacity:0;transform:scale(0);display:block;transition-timing-function:ease}}.awesomplete>ul:before{content:"";position:absolute;top:-0.43em;left:1em;width:0;height:0;padding:.4em;background:#fff;border:inherit;border-right:0;border-bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.awesomplete>ul>li{position:relative;padding:.2em .5em;cursor:pointer}.awesomplete>ul>li:hover{background:var(--ternary-color-light);color:#000}.awesomplete>ul>li[aria-selected=true]{background:var(--ternary-color-light);color:#fff}.awesomplete mark{background:var(--primary-color-medium)}.awesomplete li:hover mark{background:var(--primary-color-main)}.awesomplete li[aria-selected=true] mark{background:#3d6b00;color:inherit}.awesomplete{line-height:normal}.awesomplete ul{background:#fff !important}.list-widget{width:100%;min-width:275px}.map-widget{display:flex}.map-widget .map-wrapper{z-index:3;height:480px;width:600px}.map-widget .leaflet-pm-toolbar .icon-map-validate{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6Ii8+PC9zdmc+)}.EndClassWidgetValue p>span span{display:inline-block;padding-left:5px}.tree-widget{height:100%}.tree-widget .treeBtnDisplay{position:absolute;left:100%;top:50%;transform:translate(0, -50%);border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0px 2px 3px 0px #cfcfcf;padding:5px;line-height:1;z-index:1;cursor:pointer}.tree-widget .treeBtnDisplay img{height:26px}.tree-widget .treeLayer{display:none;position:absolute;top:50%;margin-top:-19px;left:95%;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0px 2px 3px 0px #cfcfcf;z-index:2}.tree-widget .treeLayer .treeClose{position:absolute;top:5px;right:5px;width:22px;height:22px;vertical-align:top;line-height:22px;cursor:pointer}.tree-widget .treeLayer .treeClose i{text-align:center;color:var(--primary-color-important);background:#fff !important;font-size:18px}.tree-widget .treeLayer .treeNotice{padding:5px;display:none;line-height:20px}.tree-widget .treeLayer .treeDisplay{overflow:auto;max-height:500px;min-width:275px;padding:25px 10px 5px}.tree-widget .treeLayer .treeDisplay.jstree-default .jstree-disabled{opacity:.5}.tree-widget .treeLayer .treeDisplay.jstree-default .jstree-checkbox-disabled{opacity:.5}.tree-widget .treeLayer .treeActions{border-top:2px solid #ddd;padding:5px 10px;text-align:right}.tree-widget .treeLayer .treeActions a{border-radius:5px;color:#fff;display:inline-block;margin-left:10px;padding:15px 5px;line-height:1;cursor:pointer}.tree-widget .treeLayer .treeActions a.treeCancel{background:#ee8d67}.tree-widget .treeLayer .treeActions a.treeSubmit{background:#84c99e}.list-widget>div,.list-widget>input,.search-widget>div,.search-widget>input,.timedatepicker-widget>div,.timedatepicker-widget>input{display:inline-block}.list-widget>input,.search-widget>input,.timedatepicker-widget>input{height:35px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.list-widget>input.day,.search-widget>input.day,.timedatepicker-widget>input.day{width:105px}.list-widget>input.year,.search-widget>input.year,.timedatepicker-widget>input.year{width:60px}.date-widget>.easy-autocomplete{width:176px !important}.date-widget>.easy-autocomplete .easy-autocomplete-container ul li{position:relative;width:296px;padding-right:120px}.date-widget>.easy-autocomplete .easy-autocomplete-container ul li span{display:block;position:absolute;top:0;right:0;height:30px;width:60px;line-height:20px;text-align:left;padding:5px 12px;font-size:14px}.date-widget>.easy-autocomplete .easy-autocomplete-container ul li span.start{right:60px}.date-widget input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 10px}.search-widget>input{width:150px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.number-widget>form{display:inline-block}.number-widget>form>input{height:35px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.number-widget>div{display:inline-block}.SearchWidget,.DatesWidget{max-width:600px;white-space:nowrap}.SearchWidget>div,.SearchWidget>input,.DatesWidget>div,.DatesWidget>input{display:inline-block}.SearchWidget>input,.DatesWidget>input{width:70px;height:48px;border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.1) inset;color:#555;float:none;padding:6px 12px}.SearchWidget .easy-autocomplete>input,.DatesWidget .easy-autocomplete>input{width:100%}.SearchWidget>input{width:200px}.loadingspinner{position:absolute;z-index:1;top:.6em;left:100%;line-height:32px;border-radius:0 0 4px 4px;padding:0 5px;margin-left:7px;font-style:italic;font-size:.9em}.loadingspinner.show{display:block}.loadingspinner .load{display:none;width:32px;height:32px}.loadingspinner .load svg{vertical-align:top}.loadingspinner .load svg path{fill:var(--primary-color-main)}.loadingspinner .load.show{display:inline-block}@media(prefers-color-scheme: light){:root{--light: true}}sparnatural-form{display:block;background-color:#e8fcf5;border-radius:5px;margin-bottom:20px;padding-top:15px}sparnatural-form .sparnatural-form-container{max-height:70vh;overflow-y:auto;position:relative}sparnatural-form .sparnatural-form-container.scrollable+.submitSection::after{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));pointer-events:none;z-index:-1}sparnatural-form .sparnatural-form-container+.submitSection::after{content:none}sparnatural-form .formField{padding-left:20px;margin-bottom:10px;padding-right:10px}sparnatural-form .value-display-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}sparnatural-form .selected-value-container{display:flex;align-items:center;padding:5px 10px;background-color:var(--primary-color-medium);border-radius:5px;font-size:13px;margin-bottom:5px}sparnatural-form .selected-value-container{flex-direction:row;padding:5px;display:inline-block;margin-right:10px;margin-bottom:10px}sparnatural-form .selected-value-label{margin-right:10px;font-weight:normal;color:var(--default-text-color)}sparnatural-form .button-container{display:flex;justify-content:flex-end;margin-top:20px}sparnatural-form .submitSection{position:sticky;bottom:0;z-index:1000;justify-content:flex-end;display:flex;padding:4px;background-color:#e8fcf5;height:max-content;gap:10px;border-radius:10%}sparnatural-form .submitSection .gui-split-button{display:inline-flex;border-radius:6px;background:var(--secondary-color-important);color:#fff;fill:#fff;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}sparnatural-form .submitSection .gui-split-button button{cursor:pointer;appearance:none;background:none;border:none;display:inline-flex;align-items:center;gap:1ch;white-space:nowrap;font-family:inherit;font-size:inherit;font-weight:500;padding-block:1.25ch;padding-inline:2.5ch;color:#fff;outline-color:#fff;outline-offset:-5px;border-right:1px solid #c6d2ec}sparnatural-form .submitSection .gui-split-button button:is(:hover,:focus-visible){background:#016d45;color:#f5f8fe}sparnatural-form .submitSection .gui-split-button button:is(:hover,:focus-visible)>svg{stroke:currentColor;fill:none}sparnatural-form .submitSection .gui-split-button button:active{background:#016d45}sparnatural-form .submitSection .gui-split-button>button{border-end-start-radius:6px;border-start-start-radius:6px}sparnatural-form .submitSection .gui-split-button>button>svg{fill:none;stroke:#fff}sparnatural-form .submitSection .gui-popup-button{inline-size:4ch;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;border-inline-start:6px;border-start-end-radius:6px;border-end-end-radius:6px}sparnatural-form .submitSection .gui-popup-button:is(:hover,:focus-within){background:#016d45}sparnatural-form .submitSection .gui-popup-button:focus{outline:none}sparnatural-form .submitSection .gui-popup-button:active{background:#016d45}sparnatural-form .submitSection .gui-popup-button:focus-within>svg{transition-duration:.2s;transform:rotateZ(0.5turn)}sparnatural-form .submitSection .gui-popup-button:focus-within>.gui-popup{transition-duration:.2s;opacity:1;transform:translateY(0);pointer-events:auto}sparnatural-form .submitSection .gui-popup-button[aria-expanded=true] .gui-popup{display:block}sparnatural-form .submitSection .gui-popup-button.disabled{pointer-events:none;cursor:not-allowed;background-color:#ccc;opacity:.5}sparnatural-form .submitSection .gui-popup{opacity:0;pointer-events:none;list-style:none;position:absolute;top:100%;left:-90px;background-color:#fff;border:1px solid #ddd;box-shadow:0px 4px 6px rgba(0,0,0,.1);border-radius:5px;z-index:1000;padding:0;margin:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(-10px)}sparnatural-form .submitSection .gui-popup:not(.hidden){opacity:1;pointer-events:auto;transform:translateY(0)}sparnatural-form .submitSection .gui-popup li button{padding:10px 20px;border:none;border-radius:5px;background:none;text-align:left;cursor:pointer;color:#000}sparnatural-form .submitSection .gui-popup li button:hover{background-color:#016d45;color:#fff}sparnatural-form .submitSection .gui-split-button svg{inline-size:2ch;box-sizing:content-box;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}sparnatural-form .submitSection button[id=Reset]{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative}sparnatural-form .submitSection button[id=Search]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}sparnatural-form .submitSection button[id=Export]:disabled{background-color:#ccc;color:#666;cursor:not-allowed}sparnatural-form .submitSection button[id=Reset]{font-size:15px;background-color:#fff;color:#000;transition:background-color .2s ease}sparnatural-form .submitSection button[id=Reset]:hover{background-color:#cacaca}sparnatural-form .option-container{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}sparnatural-form .any-value-container,sparnatural-form .not-exist-container{display:flex;flex-wrap:wrap;gap:px}sparnatural-form .option-pill{display:inline-flex;align-items:center;padding:5px 3px;background-color:var(--primary-color-light, #ffcc99);border-radius:5px;font-size:13px;color:var(--default-text-color, #333);border:1px solid var(--primary-color-medium, #aaa);font-weight:normal}sparnatural-form .option-pill.any-value{background-color:#ffd699}sparnatural-form .option-pill.not-exist{background-color:#ffd699}sparnatural-form .option-pill .unselect{margin-left:10px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;width:20px;height:20px}sparnatural-form .spinner{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #4caf50;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-left:10px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}sparnatural-form .tree-widget{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:10px}sparnatural-form .tree-widget .treeBtnDisplay{position:relative;left:0;top:auto;transform:none}sparnatural-form .tree-widget .treeLayer{top:20px;left:0;transform:none}sparnatural-form .tree-widget .treeLayer .treeDisplay{max-height:200px;min-width:none;max-width:300px;padding:25px 10px 5px}sparnatural-form .tree-close svg{z-index:2000;position:relative}sparnatural-form .loadingspinner{display:none;left:0}sparnatural-form .spinner{border:3px solid #f3f3f3;border-top:3px solid #4caf50;border-radius:50%;width:16px;height:16px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle; }
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px; }
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap; }
.select2-container .select2-search--inline {
float: left; }
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051; }
.select2-results {
display: block; }
.select2-results__options {
list-style: none;
margin: 0;
padding: 0; }
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none; }
.select2-results__option[aria-selected] {
cursor: pointer; }
.select2-container--open .select2-dropdown {
left: 0; }
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-search--dropdown {
display: block;
padding: 4px; }
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box; }
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
display: none; }
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0); }
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; }
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto; }
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none; }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto; }
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0; }
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none; }
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa; }
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield; }
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--default .select2-results__option[role=group] {
padding: 0; }
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999; }
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd; }
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white; }
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left; }
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto; }
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto; }
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto; }
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0; }
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none; }
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent; }
.select2-container--classic .select2-dropdown--above {
border-bottom: none; }
.select2-container--classic .select2-dropdown--below {
border-top: none; }
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto; }
.select2-container--classic .select2-results__option[role=group] {
padding: 0; }
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey; }
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white; }
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px; }
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb; }
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
max-width: none !important;
max-height: none !important;
}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
max-width: none !important;
max-height: none !important;
width: auto;
padding: 0;
}
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
svg.leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline-offset: 1px;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
font-size: 13px;
font-size: 1.08333em;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9