#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-top:28px;} #cboxTitle{position:absolute; top:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; top:0; left:0; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; top:0; left:27px; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; top:0; right:0; background:url(//parfum7.bg/wp-content/plugins/woocommerce-econt/inc/css/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.econt_shipping_to_door, .econt_shipping_to_office, .econt_shipping_to_machine, .econt_shipping_from_door, .econt_shipping_from_office, .econt_shipping_from_machine, .econt_shipping_cost, #econt_city_courier_field, .econt_shipping_post_code { display:none; }
.econt_clear {clear:both; }
#woocommerce_econt_shipping_method_live_description {
margin: 2px 0 5px;
color: #666;
font-style: italic;
font-size: 14px;
margin-bottom: 8px;
} #econtLoader {
position: fixed;
left: 50%;
top: 50%;
z-index: 1;
width: 100px;
height: 100px;
margin: -75px 0 0 -75px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 100px;
height: 100px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.ui-autocomplete-loading {
background: url(//parfum7.bg/wp-includes/images/spinner.gif) no-repeat !important;
background-position: right 10px center !important;
}
.ui-autocomplete {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;   
padding: 4px 0;
margin: 0 0 10px 25px;
list-style: none;
background-color: #ffffff;
border-color: #ccc;
border-color: rgba(0, 0, 0, 0.2);
border-style: solid;
border-width: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #555555;
white-space: nowrap;
text-decoration: none;
}
.ui-state-hover, .ui-state-active {
color: #ffffff;
text-decoration: none;
background-color: #0088cc;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background-image: none;
}
.econt-table {
border: 1px solid #ccc;
border-collapse: collapse;
margin:0;
padding:0;
width: 100%;
}
.econt-table tr {
border: 1px solid #ddd;
padding: 5px;
}
.econt-table th, .econt-table td {
padding: 10px;
text-align: center;
}
.econt-table th {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
@media screen and (max-width: 600px) {
.econt-table {
border: 0;
}
.econt-table thead {
display: none;
}
.econt-table tr {
border-bottom: 2px solid #ddd;
display: block;
margin-bottom: 10px;
}
.econt-table td {
border-bottom: 1px dotted #ccc;
display: block;
font-size: 13px;
text-align: left;
}
.econt-table td:last-child {
border-bottom: 0;
}
.econt-table td:before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
}
.edit_econt_address, a.edit_econt_address::after  {
font-family: Dashicons;
content: '\f464';
position: absolute;
top: 0;
left: 0;
text-align: center;
vertical-align: top;
line-height: 14px;
font-size: 14px;
font-weight: 400;
}
a.edit_econt_address {
width: 14px;
height: 0;
padding: 14px 0 0;
margin: 0 0 0 6px;
overflow: hidden;
position: relative;
color: #999;
border: 0;
float: right;
}
a.edit_econt_address:hover {
color: #000000;
}
#econt_door_postcode, #econt_offices_postcode, #econt_machines_postcode {
pointer-events: none;
} #cboxTitle {
z-index: -1;
}
@media (min-width: 768px) {
#econt_door_street_field, #econt_door_quarter_field {
width: 60%;
}
#econt_offices_postcode_field, #econt_door_postcode_field, #econt_door_street_num_field, #econt_door_street_bl_field, #econt_machines_postcode_field, #econt_door_street_vh_field, #econt_door_street_et_field, #econt_door_street_ap_field {
width: 30%;
}
#econt_door_street_vh_field, #econt_door_street_et_field, #econt_door_street_ap_field {
float: left;
}
#econt_door_street_vh_field, #econt_door_street_et_field {
margin-right: 4.7% !important;
}
} .select2-selection--single {
height: 100% !important;
}
.select2-selection__rendered{
word-wrap: break-word !important;
text-overflow: inherit !important;
white-space: normal !important;
}
.econt_hide {
display: none!important;
}
.edit_econt_address, a.edit_econt_address::after, #edit_econt_address_user_checkout, a#edit_econt_address_user_checkout::after  {
font-family: Dashicons;
content: '\f464';
position: absolute;
top: 0;
left: 0;
text-align: center;
vertical-align: top;
line-height: 14px;
font-size: 14px;
font-weight: 400;
}
a.edit_econt_address, a#edit_econt_address_user_checkout {
width: 14px;
height: 0;
padding: 14px 0 0;
margin: 0 0 0 6px;
overflow: hidden;
position: relative;
color: #999;
border: 0;
float: right;
}
a.edit_econt_address:hover {
color: #000000;
}                            
#econt_user_checkout_field {
cursor: pointer;
}
#econt_shipping_to_field {
overflow: hidden;
}
.econt_shipping_to label {
float: left;
clear: none;
padding: 2px 1em 0 0;
}
.econt_shipping_to_input {
float: left;
clear: none;
margin:  10px 5px 0 0;
}
@media (max-width: 532px) {
label[for=econt_shipping_to_buttons_DOOR]:first-child {
display: none !important;
}
}
#econt_shipping_to_buttons_field {
padding-bottom: 20px;
}
.select2-results__option.loading-results,
.select2-results__option.select2-results__option--load-more {
background-image: url(//parfum7.bg/wp-admin/images/spinner.gif);
background-repeat: no-repeat;
padding-left: 35px;
background-position: 10px 50%;
}
.econt_wc_orders_list { 
appearance: none; 
background-color: inherit; 
border: none; 
border-radius: 6px; 
box-shadow: none; 
box-sizing: initial; 
color: #2271b1; 
cursor: pointer; 
display: inline-block; 
font-weight: inherit; 
padding: 5px; 
position: relative; 
text-align: center; 
text-decoration: none; 
user-select: none; 
-webkit-user-select: none; 
touch-action: manipulation; 
vertical-align: middle; 
white-space: nowrap; 
margin: 5px; 
}
.econt_wc_orders_list:hover { 
background-color: #234182; 
color: #fff; 
cursor: pointer; 
margin: 5px; 
}
.econt-colorbox-table {
width: 100%;
border-collapse: collapse;
}
.econt-colorbox-table th, .econt-colorbox-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
.econt-colorbox-table th {
background-color: #f4f4f4;
font-weight: bold;
}
.econt-logo {
height: 32px !important;
}.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, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 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, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 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, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 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, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 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:#fff;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:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.ol-box{box-sizing:border-box;border-radius:2px;border:2px solid #00f}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-control i {
cursor: default;
} .ol-control.ol-bar {
left: 50%;
min-height: 1em;
min-width: 1em;
position: absolute;
top: 0.5em;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
white-space: nowrap;
} .ol-control.ol-toggle .ol-option-bar {
display: none;
} .ol-control.ol-bar .ol-bar {
position: static;
}
.ol-control.ol-bar .ol-control {
position: relative;
top: auto;
left:auto;
right:auto;
bottom: auto;
display: inline-block;
vertical-align: middle;
background: none;
padding: 0;
margin: 0;
transform: none;
-webkit-transform: none;
}
.ol-control.ol-bar .ol-bar {
position: static;
}
.ol-control.ol-bar .ol-control button {
margin:2px 1px;
} .ol-control.ol-bar.ol-left {
left: 0.5em;
top: 50%;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.ol-control.ol-bar.ol-left .ol-control {
display: block;
}
.ol-control.ol-bar.ol-right {
left: auto;
right: 0.5em;
top: 50%;
-webkit-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.ol-control.ol-bar.ol-right .ol-control {
display: block;
}
.ol-control.ol-bar.ol-bottom {
top: auto;
bottom: 0.5em;
}
.ol-control.ol-bar.ol-top.ol-left,
.ol-control.ol-bar.ol-top.ol-right {
top: 4.5em;
-webkit-transform:none;
transform:none;
}
.ol-touch .ol-control.ol-bar.ol-top.ol-left,
.ol-touch .ol-control.ol-bar.ol-top.ol-right {
top: 5.5em; 
}
.ol-control.ol-bar.ol-bottom.ol-left,
.ol-control.ol-bar.ol-bottom.ol-right {
top: auto;
bottom: 0.5em;
-webkit-transform:none;
transform:none;
} .ol-control.ol-bar.ol-group {
margin: 1px 1px 1px 0;
}
.ol-control.ol-bar.ol-right .ol-group,
.ol-control.ol-bar.ol-left .ol-group {
margin: 1px 1px 0 1px;
}
.ol-control.ol-bar.ol-group button {
border-radius:0;
margin: 0 0 0 1px;
}
.ol-control.ol-bar.ol-right.ol-group button,
.ol-control.ol-bar.ol-left.ol-group button,
.ol-control.ol-bar.ol-right .ol-group button,
.ol-control.ol-bar.ol-left .ol-group button {
margin: 0 0 1px 0;
}
.ol-control.ol-bar.ol-group .ol-control:first-child > button {
border-radius: 5px 0 0 5px;
}
.ol-control.ol-bar.ol-group .ol-control:last-child > button {
border-radius: 0 5px 5px 0;
}
.ol-control.ol-bar.ol-left.ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-right.ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-left .ol-group .ol-control:first-child > button,
.ol-control.ol-bar.ol-right .ol-group .ol-control:first-child > button {
border-radius: 5px 5px 0 0;
}
.ol-control.ol-bar.ol-left.ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-right.ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-left .ol-group .ol-control:last-child > button,
.ol-control.ol-bar.ol-right .ol-group .ol-control:last-child > button {
border-radius: 0 0 5px 5px;
} .ol-control.ol-bar .ol-rotate {
opacity:1;
visibility: visible;
}
.ol-control.ol-bar .ol-rotate button {
display: block
} .ol-control.ol-bar .ol-toggle.ol-active > button {
background: rgba(60, 136, 0, 0.7)
}
.ol-control.ol-bar .ol-toggle.ol-active button:hover {
background: rgba(60, 136, 0, 0.7)
}
.ol-control.ol-toggle button:disabled {
background: rgba(0,60,136,.3);
} .ol-control.ol-bar .ol-control.ol-option-bar {
display: none;
position:absolute;
top:100%;
left:0;
margin: 5px 0;
border-radius: 0;
background: rgba(255,255,255, 0.8); -webkit-box-shadow: 0 0 0 1px rgba(0, 60, 136, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 0 1px rgba(0, 60, 136, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.ol-control.ol-bar .ol-option-bar:before {
content: "";
border: 0.5em solid transparent;
border-color: transparent transparent rgba(0, 60, 136, 0.5);
position: absolute;
bottom: 100%;
left: 0.3em;
}
.ol-control.ol-bar .ol-option-bar .ol-control {
display: table-cell;
}
.ol-control.ol-bar .ol-control .ol-bar
{	display: none;
}
.ol-control.ol-bar .ol-control.ol-active > .ol-option-bar {
display: block;
}
.ol-control.ol-bar .ol-control.ol-collapsed ul {
display: none;
}
.ol-control.ol-bar .ol-control.ol-text-button > div:hover,
.ol-control.ol-bar .ol-control.ol-text-button > div {
background: none;
color: rgba(0, 60, 136, 0.5);
width: auto;
min-width: 1.375em;
margin: 0;
}
.ol-control.ol-bar .ol-control.ol-text-button {
font-size:0.9em;
border-left: 1px solid rgba(0, 60, 136, 0.8);
border-radius: 0;
}
.ol-control.ol-bar .ol-control.ol-text-button:first-child {
border-left:0;
}
.ol-control.ol-bar .ol-control.ol-text-button > div {
padding: .11em 0.3em;
font-weight: normal;
font-size: 1.14em;
font-family: Arial,Helvetica,sans-serif;
}
.ol-control.ol-bar .ol-control.ol-text-button div:hover {
color: rgba(0, 60, 136, 1);
}
.ol-control.ol-bar.ol-bottom .ol-option-bar {
top: auto;
bottom: 100%;
}
.ol-control.ol-bar.ol-bottom .ol-option-bar:before {
border-color: rgba(0, 60, 136, 0.5) transparent transparent ;
bottom: auto;
top: 100%;
}
.ol-control.ol-bar.ol-left .ol-option-bar {
left:100%;
top: 0;
bottom: auto;
margin: 0 5px;
}
.ol-control.ol-bar.ol-left .ol-option-bar:before {
border-color: transparent rgba(0, 60, 136, 0.5) transparent transparent;
bottom: auto;
right: 100%;
left: auto;
top: 0.3em;
}
.ol-control.ol-bar.ol-right .ol-option-bar {
right:100%;
left:auto;
top: 0;
bottom: auto;
margin: 0 5px;
}
.ol-control.ol-bar.ol-right .ol-option-bar:before {
border-color: transparent transparent transparent rgba(0, 60, 136, 0.5);
bottom: auto;
left: 100%;
top: 0.3em;
}
.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar,
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
top: 100%;
bottom: auto;
left: 0.3em;
right: auto;
margin: 5px 0;
}
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar {
right: 0.3em;
left: auto;
}
.ol-control.ol-bar.ol-left .ol-option-bar .ol-option-bar:before,
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
border-color: transparent transparent rgba(0, 60, 136, 0.5);
bottom: 100%;
top: auto;
left: 0.3em;
right: auto;
}
.ol-control.ol-bar.ol-right .ol-option-bar .ol-option-bar:before {
right: 0.3em;
left: auto;
}
.ol-control-title {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.ol-center-position {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: rgba(255,255,255,.8);
padding: .1em 1em;
}
.ol-ext-dialog {
position: fixed;
top: -100%;
left: 0;
width: 150%;
height: 100%;
opacity: 0;
background-color: rgba(0,0,0,.5);
z-index: 1000;
pointer-events: none;
-webkit-transition: opacity .2s, top 0s .2s;
transition: opacity .2s, top 0s .2s;
}
.ol-ext-dialog.ol-visible {
opacity: 1;
top: 0;
pointer-events: auto;
-webkit-transition: opacity .2s, top 0s;
transition: opacity .2s, top 0s;
}
.ol-viewport .ol-ext-dialog {
position: absolute;
}
.ol-ext-dialog h2 {
margin: 0 .5em .5em 0;
display: none;
}
.ol-ext-dialog > form.ol-title h2 {
display: block;;
}
.ol-ext-dialog > form {
position: absolute;
top: 0;
left: 33.33%;
min-width: 5em;
max-width: 60%;
min-height: 3em;
max-height: 100%;
background-color: #fff;
border: 1px solid #333;
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0, 0.5);
box-shadow: 3px 3px 4px rgba(0,0,0, 0.5);
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
-webkit-transition: top .2s, -webkit-transform .2s;
transition: top .2s, -webkit-transform .2s;
transition: top .2s, transform .2s;
transition: top .2s, transform .2s, -webkit-transform .2s;
padding: 1em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
}
.ol-ext-dialog > form.ol-closebox {
padding-top: 1.5em;
}
.ol-ext-dialog > form.ol-title {
padding-top: 1em;
}
.ol-ext-dialog > form.ol-button {
padding-bottom: .5em;
}
.ol-ext-dialog.ol-zoom > form {
top: 30%;
-webkit-transform: translate(-30%, -50%) scale(0);
transform: translate(-30%, -50%) scale(0);
}
.ol-ext-dialog.ol-visible > form {
top: 30%;
}
.ol-ext-dialog.ol-zoom.ol-visible > form {
-webkit-transform: translate(-30%, -50%) scale(1);
transform: translate(-30%, -50%) scale(1);
}
.ol-ext-dialog > form .ol-content {
overflow-x: hidden;
}
.ol-ext-dialog > form .ol-closebox {
position: absolute;
top: .5em;
right: .5em;
width: 1em;
height: 1em;
cursor: pointer;
display: none;
}
.ol-ext-dialog > form.ol-closebox .ol-closebox {
display: block;
}
.ol-ext-dialog > form .ol-closebox:before,
.ol-ext-dialog > form .ol-closebox:after {
content: "";
position: absolute;
background-color: currentColor;
top: 50%;
left: 50%;
width: 1em;
height: .1em;
border-radius: .1em;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.ol-ext-dialog > form .ol-closebox:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-ext-dialog > form .ol-buttons {
text-align: right;
}
.ol-ext-dialog > form .ol-buttons input {
margin-top: .5em;
padding: .5em;
background: none;
border: 0;
font-size: 1em;
color: rgba(0,60,136,1);
cursor: pointer;
}
.ol-ext-dialog > form .ol-buttons input:hover {
background-color:  rgba(0,60,136,.1);
}
.ol-ext-dialog > form .ol-buttons input[type=submit] {
font-weight: bold;
}
.ol-editbar .ol-button button {
position: relative;
display: inline-block;
font-style: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}
.ol-editbar .ol-button button:before, 
.ol-editbar .ol-button button:after {
content: "";
border-width: 0;
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: currentColor;
}
.ol-editbar .ol-button button:focus {
outline: none;
}
.ol-editbar .ol-selection > button:before {
width: .6em;
height: 1em;
background-color: transparent;
border: .5em solid currentColor;
border-width: 0 .25em .65em;
border-color: currentColor transparent;
-webkit-box-shadow:0 0.6em 0 -0.23em;
box-shadow:0 0.6em 0 -0.23em;
top: .35em;
left: .5em;
-webkit-transform: translate(-50%, -50%) rotate(-30deg);
transform: translate(-50%, -50%) rotate(-30deg);
}
.ol-editbar .ol-selection0 > button:after {
width: .28em;
height: .6em;
background-color: transparent;
border: .5em solid currentColor;
border-width: 0 .05em .7em;
border-color: currentColor transparent;
top: .5em;
left: .7em;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ol-editbar .ol-delete button:after,
.ol-editbar .ol-delete button:before {
width: 1em;
height: .2em;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.ol-editbar .ol-delete button:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-editbar .ol-info button:before {
width: .25em;
height: .6em;
border-radius: .03em;
top: .47em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-editbar .ol-info button:after {
width: .25em;
height: .2em;
border-radius: .03em;
-webkit-box-shadow: -0.1em 0.35em, -0.1em 0.82em, 0.1em 0.82em;
box-shadow: -0.1em 0.35em, -0.1em 0.82em, 0.1em 0.82em;
top: .12em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-editbar .ol-drawpoint button:before {
width: .7em;
height: .7em;
border-radius: 50%;
border: .15em solid currentColor;
background-color: transparent;
top: .2em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-editbar .ol-drawpoint button:after {
width: .4em;
height: .4em;
border: .15em solid currentColor;
border-color: currentColor transparent;
border-width: .4em .2em 0;
background-color: transparent;
top: .8em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-editbar .ol-drawline > button:before,
.ol-editbar .ol-drawpolygon > button:before,
.ol-editbar .ol-drawhole > button:before {
width: .8em;
height: .8em;
border: .13em solid currentColor;
background-color: transparent;
border-width: .2em .13em .09em;
top: .2em;
left: .25em;
-webkit-transform: rotate(10deg) perspective(1em) rotateX(40deg);
transform: rotate(10deg) perspective(1em) rotateX(40deg);
}
.ol-editbar .ol-drawline > button:before {
border-bottom: 0;
}
.ol-editbar .ol-drawline > button:after,
.ol-editbar .ol-drawhole > button:after,
.ol-editbar .ol-drawpolygon > button:after {
width: .3em;
height: .3em;
top: 0.2em;
left: .25em;
-webkit-box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em;
box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em;
}
.ol-editbar .ol-drawhole > button:after {
-webkit-box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em, 0.25em 0.35em;
box-shadow: -0.2em 0.55em, 0.6em 0.1em, 0.65em 0.7em, 0.25em 0.35em;
}
.ol-editbar .ol-offset > button i,
.ol-editbar .ol-transform > button i {
position: absolute;
width: .9em;
height: .9em;
overflow: hidden;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-editbar .ol-offset > button i{
width: .8em;
height: .8em;
}
.ol-editbar .ol-offset > button i:before,
.ol-editbar .ol-transform > button i:before,
.ol-editbar .ol-transform > button i:after {
content: "";
height: 1em;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
-webkit-box-shadow: 0.5em 0 0 0.1em, -0.5em 0 0 0.1em;
box-shadow: 0.5em 0 0 0.1em, -0.5em 0 0 0.1em;
width: .1em;
position: absolute;
background-color: currentColor;
}
.ol-editbar .ol-offset > button i:before{
-webkit-box-shadow: 0.45em 0 0 0.1em, -0.45em 0 0 0.1em;
box-shadow: 0.45em 0 0 0.1em, -0.45em 0 0 0.1em;
}
.ol-editbar .ol-transform > button i:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-editbar .ol-split > button:before {
width: .3em;
height: .3em;
top: .81em;
left: .75em;
border-radius: 50%;
-webkit-box-shadow: 0.1em -0.4em, -0.15em -0.25em;
box-shadow: 0.1em -0.4em, -0.15em -0.25em;
}
.ol-editbar .ol-split > button:after {
width: .8em;
height: .8em;
top: .15em;
left: -.1em;
border: .1em solid currentColor;
border-width: 0 .2em .2em 0;
background-color: transparent;
border-radius: .1em;
-webkit-transform: rotate(20deg) scaleY(.6) rotate(-45deg);
transform: rotate(20deg) scaleY(.6) rotate(-45deg);
}
.ol-editbar .ol-drawregular > button:before {
width: .9em;
height: .9em;
top: 50%;
left: 50%;
border: .1em solid currentColor;
background-color: transparent;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div {
border: .5em solid currentColor;
border-color: transparent currentColor;
display: inline-block;
cursor: pointer;
vertical-align: text-bottom;
}
.ol-editbar .ol-drawregular .ol-bar:before,
.ol-control.ol-bar.ol-editbar .ol-drawregular .ol-bar {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button {
min-width: 6em;
text-align: center;
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:first-child {
border-width: .5em .5em .5em 0;
margin: 0 .5em 0 0;
}
.ol-editbar .ol-drawregular .ol-bar .ol-text-button > div > div > div:last-child {
border-width: .5em 0 .5em .5em;
margin: 0 0 0 .5em;
}
.ol-gauge {
top: 0.5em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-gauge > * {
display: inline-block;
vertical-align: middle;
}
.ol-gauge > span {
margin: 0 0.5em;
}
.ol-gauge > div {
display: inline-block;
width: 200px;
border: 1px solid rgba(0,60,136,.5);
border-radius: 3px;
padding:1px;
}
.ol-gauge button {
height: 0.8em;
margin:0;
max-width:100%;
}
.ol-control.ol-bookmark 
{	top: 0.5em;
left: 3em;
}
.ol-control.ol-bookmark button
{	position: relative;
}
.ol-control.ol-bookmark > button::before
{	content: "";
position: absolute;
border-width: 10px 5px 4px;
border-style: solid;
border-color: #fff;
border-bottom-color: transparent;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 0;
}
.ol-control.ol-bookmark > div
{	display: none;
min-width: 5em;
}
.ol-control.ol-bookmark input
{	font-size: 0.9em;
margin: 0.1em 0 ;
padding: 0 0.5em;
}
.ol-control.ol-bookmark ul
{	margin:0;
padding: 0;
list-style: none;
min-width: 10em;
}
.ol-control.ol-bookmark li
{	color: rgba(0,60,136,0.8);
font-size: 0.9em;
padding: 0 0.2em 0 0.5em;
cursor: default;
clear:both;
}
.ol-control.ol-bookmark li:hover
{	background-color: rgba(0,60,136,.5);
color: #fff;
}
.ol-control.ol-bookmark > div button
{	width: 1em;
height: 0.8em;
float: right;
background-color: transparent;
cursor: pointer;
border-radius: 0;
}
.ol-control.ol-bookmark > div button:before
{	content: "\2A2F";
color: #936;
font-size: 1.2em;
line-height: 1em;
border-radius: 0;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-bookmark ul li button,
.ol-bookmark input
{	display: none;
}
.ol-bookmark.ol-editable ul li button,
.ol-bookmark.ol-editable input
{	display: block;
}
.ol-control.ol-geobt {
top: auto;
left: auto;
right: .5em;
bottom: 3em;
}
.ol-touch .ol-control.ol-geobt {
bottom: 3.5em;
}
.ol-control.ol-geobt button:before {
content: "";
position: absolute;
background: transparent;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: .16em solid currentColor;
width: .4em;
height: .4em;
border-radius: 50%;
}
.ol-control.ol-geobt button:after {
content: "";
position: absolute;
width: .2em;
height: .2em;
background: transparent;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
box-shadow: .42em 0, -.42em 0, 0 .42em, 0 -.42em;
}
.ol-control.ol-bar.ol-geobar .ol-control {
display: inline-block;
vertical-align: middle;
}
.ol-control.ol-bar.ol-geobar .ol-bar {
display: none;
}
.ol-bar.ol-geobar.ol-active .ol-bar {
display: inline-block;
}
.ol-bar.ol-geobar .geolocBt button:before,
.ol-bar.ol-geobar .geolocBt button:after {
content: "";
display: block;
position: absolute;
border: 1px solid transparent;
border-width: 0.3em 0.8em 0 0.2em;
border-color: #fff transparent transparent;
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg);
top: .45em;
left: 0.15em;
font-size: 1.2em;
}
.ol-bar.ol-geobar .geolocBt button:after {
border-width: 0 0.8em .3em 0.2em;
border-color: transparent transparent #fff;
-webkit-transform: rotate(-61deg);
transform: rotate(-61deg);
}
.ol-bar.ol-geobar .startBt button:before {
content: "";
display: block;
position: absolute;
width: 1em;
height: 1em;
background-color: #800;
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.ol-bar.ol-geobar .pauseBt button:before,
.ol-bar.ol-geobar .pauseBt button:after {
content: "";
display: block;
position: absolute;
width: .25em;
height: 1em;
background-color: #fff;
top: 50%;
left: 35%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.ol-bar.ol-geobar .pauseBt button:after {
left: 65%;
}
.ol-control.ol-bar.ol-geobar .centerBt,
.ol-control.ol-bar.ol-geobar .pauseBt,
.ol-bar.ol-geobar.pauseTrack .startBt,
.ol-bar.ol-geobar.centerTrack .startBt,
.ol-bar.ol-geobar.centerTrack.pauseTrack .pauseBt,
.ol-bar.ol-geobar.centerTrack .pauseBt {
display: none;
}
.ol-bar.ol-geobar.pauseTrack .pauseBt,
.ol-bar.ol-geobar.centerTrack .centerBt{
display: inline-block;
}
.ol-control.ol-globe
{	position: absolute;
left: 0.5em;
bottom: 0.5em;
border-radius: 50%;
opacity: 0.7;
transform: scale(0.5);
transform-origin: 0 100%;
-webkit-transform: scale(0.5);
-webkit-transform-origin: 0 100%;
}
.ol-control.ol-globe:hover
{	opacity: 0.9;
}
.ol-control.ol-globe .panel
{	display:block;
width:170px;
height:170px;
background-color:#fff;
cursor: pointer;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.5);
}
.ol-control.ol-globe .panel .ol-viewport
{	border-radius: 50%;
}
.ol-control.ol-globe .ol-pointer
{	display: block;
background-color: #fff;
width:10px;
height: 10px;
border:10px solid red;
position: absolute;
top: 50%;
left:50%;
transform: translate(-15px, -40px);
-webkit-transform: translate(-15px, -40px);
border-radius: 50%;
z-index:1;
transition: opacity 0.15s, top 0s, left 0s;
-webkit-transition: opacity 0.15s, top 0s, left 0s;
}
.ol-control.ol-globe .ol-pointer.hidden
{	opacity:0;
transition: opacity 0.15s, top 3s, left 5s;
-webkit-transition: opacity 0.15s, top 3s, left 5s;
}
.ol-control.ol-globe .ol-pointer::before
{	border-radius: 50%;
-webkit-box-shadow: 6px 6px 10px 5px #000;
box-shadow: 6px 6px 10px 5px #000;
content: "";
display: block;
height: 0;
left: 0;
position: absolute;
top: 23px;
width: 0;
}
.ol-control.ol-globe .ol-pointer::after
{	content:"";
width:0;
height:0;
display: block;
position: absolute;
border-width: 20px 10px 0;
border-color: red transparent;
border-style: solid;
left: -50%;
top: 100%;
}
.ol-control.ol-globe .panel::before {
border-radius: 50%;
-webkit-box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, 0.7) inset;
box-shadow: -20px -20px 80px 2px rgba(0, 0, 0, 0.7) inset;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.ol-control.ol-globe .panel::after {
border-radius: 50%;
-webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
content: "";
display: block;
height: 0;
left: 23%;
position: absolute;
top: 20%;
-webkit-transform: rotate(-40deg);
transform: rotate(-40deg);
width: 20%;
z-index: 1;
}
.ol-control.ol-globe.ol-collapsed .panel
{	display:none;
}
.ol-control-top.ol-globe
{	bottom: auto;
top: 5em;
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.ol-control-right.ol-globe
{	left: auto;
right: 0.5em;
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
}
.ol-control-right.ol-control-top.ol-globe
{	left: auto;
right: 0.5em;
transform-origin: 100% 0;
-webkit-transform-origin: 100% 0;
}
.ol-gridreference
{	background: #fff;
border: 1px solid #000;
overflow: auto;
max-height: 100%;
top:0;
right:0;
}
.ol-gridreference input
{	width:100%;
}
.ol-gridreference ul
{	margin:0;
padding:0;
list-style: none;
} 
.ol-gridreference li
{	padding: 0 0.5em;
cursor: pointer;
}
.ol-gridreference ul li:hover 
{	background-color: #ccc;
}
.ol-gridreference li.ol-title,
.ol-gridreference li.ol-title:hover
{	background:rgba(0,60,136,.5);
color:#fff;
cursor:default;
}
.ol-gridreference ul li .ol-ref
{	margin-left: 0.5em;
}
.ol-gridreference ul li .ol-ref:before
{	content:"(";
}
.ol-gridreference ul li .ol-ref:after
{	content:")";
}
.ol-control.ol-imageline {
bottom:0;
left: 0;
right: 0;
padding: 0;
overflow: visible;
-webkit-transition: .3s;
transition: .3s;
}
.ol-control.ol-imageline.ol-collapsed {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.ol-imageline > div {
height: 4em;
position: relative;
white-space: nowrap;
scroll-behavior: smooth;
overflow: hidden;
width: 100%;
}
.ol-imageline.ol-touch > div {
overflow-x: auto;
}
.ol-imageline > div.ol-move {
scroll-behavior: unset;
}
.ol-control.ol-imageline button {
position: absolute;
top: -1em;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
margin: .65em;
-webkit-box-shadow: 0 0 0 0.15em rgba(255,255,255,.4);
box-shadow: 0 0 0 0.15em rgba(255,255,255,.4);
}
.ol-control.ol-imageline button:before {
content: '';
position: absolute;
-webkit-transform: translate(-50%, -50%) rotate(135deg);
transform: translate(-50%, -50%) rotate(135deg);
top: 40%;
left: 50%;
width: .4em;
height: .4em;
border: .1em solid currentColor;
border-width: .15em .15em 0 0;
}
.ol-control.ol-imageline.ol-collapsed button:before {
top: 60%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.ol-imageline,
.ol-imageline:hover {
background-color: rgba(0,0,0,.75);
}
.ol-imageline.ol-arrow:after,
.ol-imageline.ol-arrow:before {
content: "";
position: absolute;
top: 50%;
left: .2em;
border-color: #fff #000;
border-width: 1em .6em 1em 0;
border-style: solid;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
opacity: .8;
pointer-events: none;
-webkit-box-shadow: -0.6em 0 0 1em #fff;
box-shadow: -0.6em 0 0 1em #fff;
}
.ol-imageline.ol-arrow:after {
border-width: 1em 0 1em .6em;
left: auto;
right: .2em;
-webkit-box-shadow: 0.6em 0 0 1em #fff;
box-shadow: 0.6em 0 0 1em #fff;
}
.ol-imageline .ol-image {
position: relative;
height: 100%;
display: inline-block;
cursor: pointer;
}
.ol-imageline img {
max-height: 100%;
border: .25em solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 1s;
transition: 1s;
}
.ol-imageline img.ol-loaded {
opacity:1;
}
.ol-imageline .ol-image.select {
background-color: #fff;
}
.ol-imageline .ol-image span {
position: absolute;
width: 125%;
max-height: 2.4em;
left: 50%;
bottom: 0;
display: none;
color: #fff;
background-color: rgba(0,0,0,.5);
font-size: .8em;
overflow: hidden;
white-space: normal;
text-align: center;
line-height: 1.2em;
-webkit-transform: translateX(-50%) scaleX(.8);
transform: translateX(-50%) scaleX(.8);
} .ol-imageline .ol-image:hover span {
display: block;
}
.ol-control.ol-routing.ol-isochrone .ol-method-time,
.ol-control.ol-routing.ol-isochrone .ol-method-distance,
.ol-control.ol-routing.ol-isochrone > button {
position: relative;
}
.ol-control.ol-routing.ol-isochrone .ol-method-time:before,
.ol-control.ol-routing.ol-isochrone > button:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: .1em solid currentColor;
width: .8em;
height: .8em;
border-radius: 50%;
-webkit-box-shadow: 0 -0.5em 0 -0.35em, 0.4em -0.35em 0 -0.35em;
box-shadow: 0 -0.5em 0 -0.35em, 0.4em -0.35em 0 -0.35em;
clip: unset;
}
.ol-control.ol-routing.ol-isochrone .ol-method-time:after,
.ol-control.ol-routing.ol-isochrone > button:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-60deg);
transform: translate(-50%, -50%) rotate(-60deg);
border-radius: 50%;
border: .3em solid transparent;
border-right-color: currentColor;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clip: unset;
}
.ol-control.ol-routing.ol-isochrone .ol-method-distance:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-30deg);
transform: translate(-50%, -50%) rotate(-30deg);
width: 1em;
height: .5em;
border: .1em solid currentColor;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ol-control.ol-routing.ol-isochrone .ol-method-distance:after {
content: '';
position: absolute;
width: .1em;
height: .15em;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-30deg);
transform: translate(-50%, -50%) rotate(-30deg);
-webkit-box-shadow: inset 0 -0.15em, 0 0.1em, 0.25em 0.1em, -0.25em 0.1em;
box-shadow: inset 0 -0.15em, 0 0.1em, 0.25em 0.1em, -0.25em 0.1em;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-direct:before,
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:before {
content: '';
position: absolute;
top: 50%;
left: 30%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: .3em;
height: .3em;
border-radius: 50%;
border: .1em solid currentColor;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0.25em 0 0 -0.05em;
box-shadow: 0.25em 0 0 -0.05em;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-direct:after,
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
content: '';
position: absolute;
top: 50%;
left: 70%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: .4em solid transparent;
border-width: .4em 0 .4em .4em;
border-color: transparent currentColor;
}
.ol-control.ol-routing.ol-isochrone .ol-direction-reverse:after {
border-width: .4em .4em .4em 0;
}
.ol-control.ol-isochrone.ol-collapsed .content {
display: none;
}
.ol-control.ol-isochrone input[type="number"] {
width: 3em;
text-align: right;
margin: 0 .1em;
}
.ol-control.ol-isochrone .ol-distance input[type="number"] {
width: 5em;
}
.ol-isochrone .ol-time,
.ol-isochrone .ol-distance {
display: none;
}
.ol-isochrone .ol-time.selected,
.ol-isochrone .ol-distance.selected {
display: block;
}
.ol-control.ol-layerswitcher-popup {
position: absolute;
right: 0.5em;
text-align: left;
top: 3em;
}
.ol-control.ol-layerswitcher-popup .panel {
clear:both;
background:#fff;
}
.ol-layerswitcher-popup .panel {
list-style: none;
padding: 0.25em;
margin:0;
overflow: hidden;
}
.ol-layerswitcher-popup .panel ul {
list-style: none;
padding: 0 0 0 20px;
overflow: hidden;
}
.ol-layerswitcher-popup.ol-collapsed .panel {
display:none;
}
.ol-layerswitcher-popup.ol-forceopen .panel {
display:block;
}
.ol-layerswitcher-popup button  {
background-color: white;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==);
background-position: center;
background-repeat: no-repeat;
float: right;
height: 38px;
width: 38px;
}
.ol-layerswitcher-popup li {
color:#369;
padding:0.25em 1em;
font-family:"Trebuchet MS",Helvetica,sans-serif;
cursor:pointer;
}
.ol-layerswitcher-popup li.ol-header {
display: none;
}
.ol-layerswitcher-popup li.select,
.ol-layerswitcher-popup li.ol-visible {
background:rgba(0, 60, 136, 0.7);
color:#fff;
}
.ol-layerswitcher-popup li:hover {
background:rgba(0, 60, 136, 0.9);
color:#fff;
}
.ol-control.ol-layerswitcher
{	position: absolute;
right: 0.5em;
text-align: left;
top: 3em;
max-height: calc(100% - 6em);
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv
{	display: block
}
.ol-control.ol-layerswitcher.ol-collapsed .ol-switchertopdiv,
.ol-control.ol-layerswitcher.ol-collapsed .ol-switcherbottomdiv
{	display: none;
}
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switchertopdiv,
.ol-layerswitcher.ol-forceopen.ol-collapsed .ol-switcherbottomdiv
{	display: block;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv
{	position: absolute;
top:0;
left:0;
right:0;
height: 45px;
background: #fff; 
z-index:2;
opacity:1;
cursor: pointer;
border-top:2px solid transparent;
border-bottom:2px solid #369;
margin:0 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv
{	top: auto;
bottom: 0;
height: 2em;
border-top:2px solid #369;
border-bottom:2px solid transparent;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:before,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before
{	content:"";
position: absolute;
left:50%;
top:50%;
border:10px solid transparent;
width:0;
height:0;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
opacity:0.8;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:hover:before,
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:hover:before
{	opacity:1;
}
.ol-control.ol-layerswitcher .ol-switchertopdiv:before
{	border-bottom-color: #369;
border-top: 0;
}
.ol-control.ol-layerswitcher .ol-switcherbottomdiv:before
{	border-top-color: #369;
border-bottom: 0;
}
.ol-control.ol-layerswitcher .panel 
{	background-color: #fff;
border-radius: 0 0 2px 2px;
clear: both;
display: block; }
.ol-layerswitcher .panel
{	list-style: none;
padding: 0.5em 0.5em 0;
margin:0;
overflow: hidden;
font-family: Tahoma,Geneva,sans-serif;
font-size:0.9em;
-webkit-transition: top 0.3s;
transition: top 0.3s;
position: relative;
top:0;
}
.ol-layerswitcher .panel ul
{	list-style: none;
padding: 0 0 0 20px;
overflow: hidden;
clear: both;
} .ol-layerswitcher input[type="radio"],
.ol-layerswitcher input[type="checkbox"]
{	display:none;
}
.ol-layerswitcher .panel li
{	-weblit-transition: -webkit-transform 0.2s linear;
-webkit-transition: -webkit-transform 0.2s linear;
transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear;
transition: transform 0.2s linear, -webkit-transform 0.2s linear;
clear: both;
display: block;
border:1px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .ol-layerswitcher .panel li.drag
{	opacity: 0.5;
transform:scale(0.8);
-webkit-transform:scale(0.8);
}
.ol-dragover
{	background:rgba(51,102,153,0.5);
opacity:0.8;
}
.ol-layerswitcher .panel li.forbidden,
.forbidden .ol-layerswitcher-buttons div,
.forbidden .layerswitcher-opacity div
{	background:rgba(255,0,0,0.5);
color:#f00!important;
} .ol-layerswitcher.drag,
.ol-layerswitcher.drag *
{	cursor:not-allowed!important;
cursor:no-drop!important;
}
.ol-layerswitcher.drag .panel li.dropover,
.ol-layerswitcher.drag .panel li.dropover *
{	cursor: pointer!important;
cursor: n-resize!important;
cursor: ns-resize!important;
cursor: -webkit-grab!important;
cursor: grab!important;
cursor: -webkit-grabbing!important;
cursor: grabbing!important;
}
.ol-layerswitcher .panel li.dropover
{	background: rgba(51, 102, 153, 0.5);
}
.ol-layerswitcher .panel li label
{	display: inline-block;
height: 1.4em;
max-width: 12em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 0.2em 0 1.7em;
position: relative;
}
.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="checkbox"] + label:before,
.ol-layerswitcher [type="radio"]:checked + label:after,
.ol-layerswitcher [type="checkbox"]:checked + label:after
{	content: '';
position: absolute;
left: 0.1em; top: 0.1em;
width: 1.2em; height: 1.2em; 
border: 2px solid #369;
background: #fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="radio"] + label:after
{	border-radius: 50%;
}
.ol-layerswitcher [type="radio"]:checked + label:after
{	background: #369 none repeat scroll 0 0;
margin: 0.3em;
width: 0.6em;
height: 0.6em;
}
.ol-layerswitcher [type="checkbox"]:checked + label:after
{	background: transparent;
border-width: 0 3px 3px 0;
border-style: solid;
border-color: #369;
width: 0.7em;
height: 1em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 0.55em;
top: -0.05em;
-webkit-box-shadow: 1px 0px 1px 1px #fff;
box-shadow: 1px 0px 1px 1px #fff;
}
.ol-layerswitcher .panel li.ol-layer-hidden
{	opacity: 0.6;
}
.ol-layerswitcher.ol-collapsed .panel
{	display:none;
}
.ol-layerswitcher.ol-forceopen .panel
{	display:block;
}
.ol-layerswitcher > button {
background-color: white;
float: right;
z-index: 10;
position: relative;
font-size: 1.7em;
}
.ol-touch .ol-layerswitcher > button {
font-size: 2.5em;
}
.ol-layerswitcher > button:before,
.ol-layerswitcher > button:after {
content: "";
position:absolute;
width: .75em;
height: .75em;
border-radius: 0.15em;
-webkit-transform: scaleY(.8) rotate(45deg);
transform: scaleY(.8) rotate(45deg);
}
.ol-layerswitcher > button:before {
background: #e2e4e1;
top: .32em;
left: .34em;
-webkit-box-shadow: 0.1em 0.1em #325158;
box-shadow: 0.1em 0.1em #325158;
}
.ol-layerswitcher > button:after {
top: .22em;
left: .34em;
background: #83bcc5;
background-image: radial-gradient( circle at .85em .6em, #70b3be 0, #70b3be .65em, #83bcc5 .65em);
}
.ol-layerswitcher-buttons 
{	display:block;
float: right;
text-align:right;
}
.ol-layerswitcher-buttons > div
{	display: inline-block;
position: relative;
cursor: pointer;
height:1em;
width:1em;
margin:2px;
line-height: 1em;
text-align: center;
background: #369;
vertical-align: middle;
color: #fff;
}
.ol-layerswitcher .panel li > div
{	display: inline-block;
position: relative;
} .ol-layerswitcher .ol-separator
{	display:block;
width:0;
height:0;
padding:0;
margin:0;
}
.ol-layerswitcher .layerup
{	float: right;
height:2.5em;
background-color: #369;
opacity: 0.5;
cursor: move;
cursor: ns-resize;
}
.ol-layerswitcher .layerup:before,
.ol-layerswitcher .layerup:after
{	border-color: #fff transparent;
border-style: solid;
border-width: 0.4em 0.4em 0;
content: "";
height: 0;
position: absolute;
bottom: 3px;
left: 0.1em;
width: 0;
}
.ol-layerswitcher .layerup:after
{	border-width: 0 0.4em 0.4em;
top:3px;
bottom: auto;
}
.ol-layerswitcher .layerInfo
{	background: #369;
border-radius: 100%;
}
.ol-layerswitcher .layerInfo:before
{	color: #fff;
content: "i";
display: block;
font-size: 0.8em;
font-weight: bold;
text-align: center;
width: 1.25em;
position:absolute;
left: 0;
top: 0;
}
.ol-layerswitcher .layerTrash
{	background: #369;
}
.ol-layerswitcher .layerTrash:before
{	color: #fff;
content: "\00d7";
font-size:1em;
top: 50%;
left: 0;
right: 0;
text-align: center;
line-height: 1em;
margin: -0.5em 0;
position: absolute;
}
.ol-layerswitcher .layerExtent
{	background: #369;
}
.ol-layerswitcher .layerExtent:before
{	border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
content: "";
display: block;
position: absolute;
left: 6px;
right: 2px;
top: 6px;
bottom: 3px;
}
.ol-layerswitcher .layerExtent:after
{	border-left: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
display: block;
position: absolute;
bottom: 6px;
left: 2px;
right: 6px;
top: 3px;
}
.ol-layerswitcher .expend-layers,
.ol-layerswitcher .collapse-layers
{	margin: 0 2px;
background-color: transparent;
}
.ol-layerswitcher .expend-layers:before,
.ol-layerswitcher .collapse-layers:before
{	content:"";
position:absolute;
top:50%;
left:0;
margin-top:-2px;
height:4px;
width:100%;
background:#369;
}
.ol-layerswitcher .expend-layers:after
{	content:"";
position:absolute;
left:50%;
top:0;
margin-left:-2px;
width:4px;
height:100%;
background:#369;
} .ol-layerswitcher .layerswitcher-opacity
{	position:relative;
border: 1px solid #369;
height: 3px;
width: 120px;
margin:5px 1em 10px 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
background: #69c;
background: -webkit-gradient(linear, left top, right top, from(rgba(0,60,136,0)), to(rgba(0,60,136,0.6)));
background: linear-gradient(to right, rgba(0,60,136,0), rgba(0,60,136,0.6));
cursor: pointer;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor,
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before
{	position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
background: rgba(0,60,136,0.5);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before
{	content: "";
position: absolute;
width: 50%;
height: 50%;
}
.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor
{	width: 26px;
height: 26px;
}
.ol-layerswitcher .layerswitcher-opacity-label { 
display:none;
position: absolute;
right: -2.5em;
bottom: 5px;
font-size: 0.8em;
}
.ol-layerswitcher .layerswitcher-opacity-label::after {
content:"%";
}
.ol-layerswitcher .layerswitcher-progress
{	display:block;
margin:-4px 1em 2px 7px;
width: 120px;
}
.ol-layerswitcher .layerswitcher-progress div
{	background-color: #369;
height:2px;
display:block;
width:0;
}
.ol-control.ol-layerswitcher-image {
position: absolute;
right: 0.5em;
text-align: left;
top: 1em;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
}
.ol-control.ol-layerswitcher-image.ol-collapsed {
top:3em;
-webkit-transition: none;
transition: none;
}
.ol-layerswitcher-image .panel {
list-style: none;
padding: 0.25em;
margin:0;
overflow: hidden;
}
.ol-layerswitcher-image .panel ul {
list-style: none;
padding: 0 0 0 20px;
overflow: hidden;
}
.ol-layerswitcher-image.ol-collapsed .panel {
display:none;
}
.ol-layerswitcher-image.ol-forceopen .panel {
display:block;
clear:both;
}
.ol-layerswitcher-image button {
background-color: white;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==);
background-position: center;
background-repeat: no-repeat;
float: right;
height: 38px;
width: 38px;
display:none;
}
.ol-layerswitcher-image.ol-collapsed button {
display:block;
position:relative;
}
.ol-layerswitcher-image li {
border-radius: 4px;
border: 3px solid transparent;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
display: inline-block;
width: 64px;
height: 64px;
margin:2px;
position: relative;
background-color: #fff;
overflow: hidden;
vertical-align: middle;
cursor:pointer;
}
.ol-layerswitcher-image li.ol-layer-hidden {
opacity: 0.5;
border-color:#555;
}
.ol-layerswitcher-image li.ol-header {
display: none;
}
.ol-layerswitcher-image li img {
position:absolute;
max-width:100%;
}
.ol-layerswitcher-image li.select,
.ol-layerswitcher-image li.ol-visible {
border: 3px solid red;
}
.ol-layerswitcher-image li p {
display:none;
}
.ol-layerswitcher-image li:hover p {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
bottom: 0;
display: block;
left: 0;
margin: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
height:1.2em;
font-family:Verdana, Geneva, sans-serif;
font-size:0.8em;
}
.ol-control.ol-legend {
bottom: .5em;
left: .5em;
z-index: 1;
max-height: 90%;
max-width: 90%;
overflow-x: hidden;
overflow-y: auto;
}
.ol-control.ol-legend button {
position: relative;
display: none;
}
.ol-control.ol-legend.ol-collapsed button {
display: block;
}
.ol-control.ol-legend.ol-uncollapsible button {
display: none;
}
.ol-control.ol-legend button.ol-closebox {
display: block;
position: absolute;
top: 0;
right: 0;
background: none;
cursor: pointer;
z-index: 1;
}
.ol-control.ol-legend.ol-uncollapsible button.ol-closebox,
.ol-control.ol-legend.ol-collapsed button.ol-closebox {
display: none;
}
.ol-control.ol-legend button.ol-closebox:before {
content: "\D7";
background: none;
color: rgba(0,60,136,.5);
font-size: 1.3em;
}
.ol-control.ol-legend button.ol-closebox:hover:before {
color: rgba(0,60,136,1);
}
.ol-control.ol-legend.ol-uncollapsible .ol-legendImg,
.ol-control.ol-legend .ol-legendImg {
position: absolute;
z-index: -1;
}
.ol-control.ol-legend.ol-collapsed .ol-legendImg {
display: none;
}
.ol-control.ol-legend.ol-uncollapsible .ol-legendImg {
display: block  ;
}
.ol-control.ol-legend .ol-legendImg canvas {
height: 100%;;
}
.ol-control.ol-legend > button:first-child:before,
.ol-control.ol-legend > button:first-child:after {
content: "";
position: absolute;
top: .25em;
left: .2em;
width: .2em;
height: .2em;
background-color: currentColor;
-webkit-box-shadow: 0 0.35em, 0 0.7em;
box-shadow: 0 0.35em, 0 0.7em;
}
.ol-control.ol-legend button:first-child:after {
top: .27em;
left: .55em;
height: .15em;
width: .6em;
}
.ol-legend ul {
min-width: 1.5em;
min-height: 1.5em;
margin: 0 0 2px;
padding: 0;
list-style: none;
display: inline-block;
}
.ol-control.ol-legend.ol-collapsed ul {
display: none;
}
.ol-control.ol-legend.ol-uncollapsible ul {
display: block;
}
.ol-legend ul li.ol-title {
text-align: center;
font-weight: bold;
}
.ol-legend ul li {
overflow: hidden;
padding: 0 .5em;
}
.ol-legend ul li div {
display: inline-block;
vertical-align: middle;
}
.ol-control.ol-legend .ol-legend {
display: inline-block;
}
.ol-control.ol-legend.ol-collapsed .ol-legend {
display: none;
}
.ol-control.ol-mapzone {
position: absolute;
right: 0.5em;
text-align: left;
top: .5em;
max-height: calc(100% - 6em);
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.ol-control.ol-mapzone.ol-collapsed {
top: 3em;
}
.ol-control.ol-mapzone button {
position: relative;
float: right;
margin-top: 2.2em;
}
.ol-touch .ol-control.ol-mapzone button {
margin-top: 1.67em;
}
.ol-control.ol-mapzone.ol-collapsed button {
margin-top: 0;
}
.ol-control.ol-mapzone button i {
border: .1em solid currentColor;
border-radius: 50%;
width: .9em;
height: .9em; 
overflow: hidden;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-control.ol-mapzone button i:before {
content: "";
background-color: currentColor;
width: 0.4em;
height: .4em;
position: absolute;
left: .5em;
top: 0.3em;
border-radius: 50%;
-webkit-box-shadow: .05em .3em 0 -.051em currentColor,
-.05em -.35em 0 -.1em currentColor,
-.5em -.35em 0 0em currentColor,
-.65em .1em 0 -.03em currentColor,
-.65em -.05em 0 -.05em currentColor;
box-shadow: .05em .3em 0 -.051em currentColor,
-.05em -.35em 0 -.1em currentColor,
-.5em -.35em 0 0em currentColor,
-.65em .1em 0 -.03em currentColor,
-.65em -.05em 0 -.05em currentColor
}
.ol-mapzone > div {
position: relative;
display: inline-block;
width: 5em;
height: 5em;
margin: 0 .2em 0 0;
}
.ol-control.ol-mapzone.ol-collapsed > div {
display: none;
}
.ol-mapzone > div p {
margin: 0;
position: absolute;
bottom: 0; color: #fff;
font-weight: bold;
text-align: center;
width: 160%;
overflow: hidden;
font-family: 'Lucida Grande',Verdana,Geneva,Lucida,Arial,Helvetica,sans-serif;
-webkit-transform: scaleX(.625);
transform: scaleX(.625);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
cursor: default;
}
.ol-notification {
width: 150%;
bottom: 0;
border: 0;
background: none;
margin: 0;
padding: 0;
}
.ol-notification > div,
.ol-notification > div:hover {
position: absolute;
background-color: rgba(0,0,0,.8);
color: #fff;
bottom: 0;
left: 33.33%;
max-width: calc(66% - 4em);
min-width: 5em;
max-height: 5em;
min-height: 1em;
border-radius: 4px 4px 0 0;
padding: .2em .5em;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: .3s;
transition: .3s;
opacity: 1;
}
.ol-notification.ol-collapsed > div {
bottom: -5em;
opacity: 0;
}
.ol-notification a {
color: #9cf;
cursor: pointer;
}
.ol-overlay {
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
padding: 1em;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
opacity: 0;
display: none;
cursor: default;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
pointer-events: none;
}
.ol-overlay.slide-up {
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.ol-overlay.slide-down {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.ol-overlay.slide-left
{	-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.ol-overlay.slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.ol-overlay.zoom {
top: 50%;
left: 50%;
opacity:0.5;
-webkit-transform: translate(-50%,-50%) scale(0);
transform: translate(-50%,-50%) scale(0);
}
.ol-overlay.zoomout {
-webkit-transform: scale(3);
transform: scale(3);
}
.ol-overlay.zoomrotate {
top: 50%;
left: 50%;
opacity:0.5;
-webkit-transform: translate(-50%,-50%) scale(0) rotate(360deg);
transform: translate(-50%,-50%) scale(0) rotate(360deg);
}
.ol-overlay.stretch {
top: 50%;
left: 50%;
opacity:0.5;
-webkit-transform: translate(-50%,-50%) scaleX(0);
transform: translate(-50%,-50%) scaleX(0) ;
}
.ol-overlay.stretchy {
top: 50%;
left: 50%;
opacity:0.5;
-webkit-transform: translate(-50%,-50%) scaleY(0);
transform: translate(-50%,-50%) scaleY(0) ;
}
.ol-overlay.wipe {
opacity: 1;  }
.ol-overlay.flip {
-webkit-transform: perspective(600px) rotateY(180deg);
transform: perspective(600px) rotateY(180deg);
}
.ol-overlay.card {
opacity: 0.5;
-webkit-transform: translate(-80%, 100%) rotate(-0.5turn);
transform: translate(-80%, 100%) rotate(-0.5turn);
}
.ol-overlay.book {
-webkit-transform: perspective(600px) rotateY(-180deg) scaleX(0.6);
transform: perspective(600px) rotateY(-180deg) scaleX(0.6) ;
-webkit-transform-origin: 10% 50%;
transform-origin: 10% 50%;
}
.ol-overlay.book.visible {
-webkit-transform-origin: 10% 50%;
transform-origin: 10% 50%;
}
.ol-overlay.ol-visible {
opacity:1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: none;
transform: none;
pointer-events: all;  
}
.ol-overlay .ol-closebox {
position: absolute;
top: 1em;
right: 1em;
width: 1em;
height: 1em;
cursor: pointer;
z-index:1;
}
.ol-overlay .ol-closebox:before {
content: "\274c";
display: block;
text-align: center;
vertical-align: middle;
}
.ol-overlay .ol-fullscreen-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.ol-overlay .ol-fullscreen-image img {
position: absolute;
max-width: 100%;
max-height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1em;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-overlay .ol-fullscreen-image.ol-has-title img {
padding-bottom: 3em;
}
.ol-overlay .ol-fullscreen-image p {
background-color: rgba(0,0,0,.5);
padding: .5em;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0;
text-align: center;
}
.ol-control.ol-overview
{	position: absolute;
left: 0.5em;
text-align: left;
bottom: 0.5em;
}
.ol-control.ol-overview .panel
{	display:block;
width:150px;
height:150px;
margin:2px;
background-color:#fff;
border:1px solid #369;
cursor: pointer;
}
.ol-overview:not(.ol-collapsed) button
{	position:absolute;
bottom:2px;
left:2px;
z-index:2;
}
.ol-control.ol-overview.ol-collapsed .panel
{	display:none;
}
.ol-overview.ol-collapsed button:before
{	content:'\00bb';
}
.ol-overview button:before
{	content:'\00ab';
}
.ol-control-right.ol-overview
{	left: auto;
right: 0.5em;
}
.ol-control-right.ol-overview:not(.ol-collapsed) button
{	left:auto;
right:2px;
}
.ol-control-right.ol-overview.ol-collapsed button:before
{	content:'\00ab';
}
.ol-control-right.ol-overview button:before
{	content:'\00bb';
}
.ol-control-top.ol-overview
{	bottom: auto;
top: 5em;
}
.ol-control-top.ol-overview:not(.ol-collapsed) button
{	bottom:auto;
top:2px;
}
.ol-permalink
{	position: absolute;
top:0.5em;
right: 2.5em;
}
.ol-touch .ol-permalink
{	right: 3em;
}
.ol-permalink button
{	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AcFBjYE1ZK03gAAAUlJREFUOMuVk71KA1EQhc/NaiP+gCRpFHwGBSFlCrFVfAsbwSJCBMv06QIGJOBziI3EYAgkjU8gIloIAasIn4WzMqx34zrN7J6de+6ZmbNSgQDSfADcATPgHbgCyvonSYv8KEzWdofegH3gwmG9Ikq67sAESFzNueHThTyiEIKAmr2OJCUhhO30Aou+5aUQU2Ik65K2JC1KegohPGfUBkmvksqShnntHEcGOs60NXHfjmKz6czZTsNqbhzW+muwY2ATWAWawCOwBgxcTfvnvCPxKx4Cy5bPgBWgauRpdL2ImNlGhp3MabETm8mh94nDk4yCNE5/KTGg7xxbyhYAG0AN2AEqURIDZ0a0Fxn+LXAPXDpzRqMk6cOedz1ubdYl1b6NHgZRJe72nuu/CdSBl+yKi/zZlTnbaeXOJIesClwDU+ATeEhtX5TkCwAWUyAsHH1QAAAAAElFTkSuQmCC);
background-position: center;
background-repeat: no-repeat;
}
.ol-control.ol-print {
top:.5em;
left: 3em;
}
.ol-control.ol-print button:before {
content: "";
width: .9em;
height: .35em;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: inset 0 0 0 0.1em, inset 0.55em 0, 0 0.2em 0 -0.1em;
box-shadow: inset 0 0 0 0.1em, inset 0.55em 0, 0 0.2em 0 -0.1em;
}
.ol-control.ol-print button:after {
content: "";
width: .7em;
height: .6em;
position: absolute;
left: 50%;
top: 25%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: inset 0 0 0 0.15em;
box-shadow: inset 0 0 0 0.15em;
}
.ol-profil {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ol-control.ol-profil {
position: absolute;
top: 0.5em;
right: 3em;
text-align: right;
overflow: hidden;
}
.ol-profil .ol-zoom-out {
position: absolute;
top: 10px;
right: 10px;
width: 1em;
height: 1em;
padding: 0;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
}
.ol-profil .ol-zoom-out:before {
content: '';
height: 2px;
width: 60%;
background: currentColor;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-profil .ol-inner  {
position: relative;
padding: 0.5em;
font-size: 0.8em;
}
.ol-control.ol-profil .ol-inner {
display: block;
background-color: rgba(255,255,255,0.7);
margin: 2.3em 2px 2px;
}
.ol-control.ol-profil.ol-collapsed .ol-inner {
display: none;
}
.ol-profil canvas {
display: block;
}
.ol-profil button {
display: block;
position: absolute;
right: 2px;
background-position: center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AgXCR4dn7j9TAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAz0lEQVQ4y7WTMU4CURRFz0xIpLUBEhdAY2tJYW1jaWlsXYVxDWyBhWCFCYugYgnDFPMOhTMJGf3AwHiqn/uTk5v/3gfAH6b0RH7sMiIe1Ts162z+q2lVVbd1XqijLuJk0zzP1/VxCGyApLgsy+HJphGx8DeFOm6L1bn6eVQaEW+m2amTRqx+1fkqKY2Ie0+zUx/U7WGYfNMsy57PmMMN8A1MWsWeUoPyivV8PWtPOzL7D+lYHfUtBXgHGLTCJfBxodD6k9Dsm8BLE17LobQ39nJC61aLVoVsAAAAAElFTkSuQmCC);
}
.ol-profil.ol-collapsed button {
position: static;
}
.ol-profil .ol-profilbar,
.ol-profil .ol-profilcursor {
position:absolute;
pointer-events: none;
width: 1px;
display: none;
}
.ol-profil .ol-profilcursor {
width: 0;
height: 0;
}
.ol-profil .ol-profilcursor:before {
content:"";
pointer-events: none;
display: block;
margin: -2px;
width:5px;
height:5px;
}
.ol-profil .ol-profilbar,
.ol-profil .ol-profilcursor:before {
background: red;
}
.ol-profil table {
text-align: center;
width: 100%;
}
.ol-profil table span {
display: block;
}
.ol-profilpopup {
background-color: rgba(255, 255, 255, 0.5);
margin: 0.5em;
padding: 0 0.5em;
position: absolute;
top:-1em;
white-space: nowrap;
}
.ol-profilpopup.ol-left {
right:0;
}
.ol-profil table td {
padding: 0 2px;
}
.ol-profil table .track-info {
display: table-row;
}
.ol-profil table .point-info {
display: none;
}
.ol-profil .over table .track-info {
display: none;
}
.ol-profil .over table .point-info {
display: table-row;
}
.ol-profil p {
text-align: center;
margin:0;
}
.ol-control.ol-routing {
top: 0.5em;
left: 3em;
max-height: 90%;
overflow-y: auto;
}
.ol-touch .ol-control.ol-routing {
left: 3.5em;
}
.ol-control.ol-routing.ol-searching {
opacity: .5;
}
.ol-control.ol-routing .ol-car,
.ol-control.ol-routing > button {
position: relative;
}
.ol-control.ol-routing .ol-car:after,
.ol-control.ol-routing > button:after {
content: "";
position: absolute;
width: .78em;
height: 0.6em;
border-radius: 40% 50% 0 0 / 50% 70% 0 0;
-webkit-box-shadow: inset 0 0 0 0.065em, -0.35em 0.14em 0 -0.09em, inset 0 -0.37em, inset -0.14em 0.005em;
box-shadow: inset 0 0 0 0.065em, -0.35em 0.14em 0 -0.09em, inset 0 -0.37em, inset -0.14em 0.005em;
clip: rect(0 1em .5em -1em);
top: .35em;
left: .4em;
}
.ol-control.ol-routing .ol-car:before,
.ol-control.ol-routing > button:before {
content: "";
position: absolute;
width: .28em;
height: .28em;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 1em, 0.65em 0;
box-shadow: inset 0 0 0 1em, 0.65em 0;
top: 0.73em;
left: .20em;
}
.ol-control.ol-routing .ol-pedestrian:after {
content: "";
position: absolute;
width: .3em;
height: .4em;
top: .25em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: inset 0.3em 0, 0.1em 0.5em 0 -0.1em, -0.1em 0.5em 0 -0.1em, 0.25em 0.1em 0 -0.1em, -0.25em 0.1em 0 -0.1em;
box-shadow: inset 0.3em 0, 0.1em 0.5em 0 -0.1em, -0.1em 0.5em 0 -0.1em, 0.25em 0.1em 0 -0.1em, -0.25em 0.1em 0 -0.1em;
border-top: .2em solid transparent;
}
.ol-control.ol-routing .ol-pedestrian:before {
content: "";
position: absolute;
width: .3em;
height: .3em;
top: .1em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 50%;
background-color: currentColor;
}
.ol-control.ol-routing.ol-collapsed .content {
display: none;
}
.ol-routing .ol-search.ol-collapsed ul {
display: none;
}
.ol-routing .ol-search ul .copy {
display: none;
}
.ol-routing .ol-search ul.history { }
.ol-routing .content .search-input > div > * {
display: inline-block;
vertical-align: top;
}
.ol-routing .ol-result ul {
list-style: none;
display: block;
}
.ol-routing .ol-result li {
position: relative;
min-height: 1.65em;
}
.ol-routing .ol-result li i {
display: block;
font-size: .8em;
font-weight: bold;
}
.ol-routing .ol-result li:before {
content: "";
border: 5px solid transparent;
position: absolute;
left: -1.75em;
border-bottom-color: #369;
border-width: .6em .4em .6em;
-webkit-transform-origin: 50% 125%;
transform-origin: 50% 125%;
-webkit-box-shadow: 0 0.65em 0 -0.25em #369;
box-shadow: 0 0.65em 0 -0.25em #369;
top: -.8em;
}
.ol-routing .ol-result li:after {
content: "";
position: absolute;
width: 0.3em;
height: .6em;
left: -1.5em;
background: #369;
top: .6em;
}
.ol-routing .ol-result li.R:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.ol-routing .ol-result li.FR:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.ol-routing .ol-result li.L:before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.ol-routing .ol-result li.FL:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ol-routing .content > i {
vertical-align: middle;
margin: 0 .3em 0 .1em;
font-style: normal;
}
.ol-routing .ol-button,
.ol-routing .ol-button:focus,
.ol-routing .ol-pedestrian,
.ol-routing .ol-car {
font-size: 1.1em;
position: relative;
display: inline-block;
width: 1.4em;
height: 1.4em;
color: rgba(0,60,136,1);
background-color: transparent;
margin: 0 .1em;
opacity: .5;
vertical-align: middle;
outline: none;
cursor: pointer;
}
.ol-routing .ol-button:hover,
.ol-routing .ol-button.selected,
.ol-routing i.selected {
opacity: 1;
background: transparent;
}
.ol-control.ol-routing:hover {
background-color: rgba(255,255,255,.85);
}
.search-input > div > button:before {
content: '\00b1';
}
.ol-viewport .ol-scale {
left: .5em;
bottom: 2.5em;
text-align: center;
-webkit-transform: scaleX(.8);
-webkit-transform-origin: 0 0;
transform: scaleX(.8);
transform-origin: 0 0;
}
.ol-viewport .ol-scale input {
background: none;
border: 0;
width: 8em;
text-align: center;
}
.ol-search{
top: 0.5em;
left: 3em;
}
.ol-touch .ol-search {
left: 3.5em;
}
.ol-search button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABPUlEQVQoU41SwXHCQAzUHh58eoUOIBWEDkI6oAToIKkg7iAuwakgpAIowXRACcnrzp6BzchjMx4wE/S6kW5XK60gvQghzJIkmVoqSZI9gJ9+/fINS5Cc1HX9QXIlIr/tpwcRyb33b7cIGnAIYQdg4pxbjcfj0nJ1Xc+Px+PGObdN03Q9RIAQwgpAnqbp7FKmjQGgJLlU1d2V7BjjRkQO3vvXIXarkyxVNbsCm2QR2Q0V7XOMMReRmfd+OQQubN6hYgs22ZtbnRcAtiRfLueqqmpJ8ovko6oeBq0KIWQA3gFkzrlmMafTaUEyI/mpqmbhVTRWWbRdbClPbeobQNES5KPRqOxs7DBn8K1DsAOKMZYApiTXqlrcDe4d0XN7jWeCfzt351tVle2iGalTcBd4gGDvvZ/fDe4RmCOFLe8Pr7mvEP2N9PQAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: center center;
background-size: 1em;
top: 2px;
left: 2px;
float: left;
}
.ol-search button.ol-revers {
float: none;
background-image: none;
display: inline-block;
vertical-align: bottom;
position: relative;
top: 0;
left: 0;
}
.ol-search.ol-revers button.ol-revers {
background-color: rgba(0,136,60,.5)
}
.ol-control.ol-search.ol-collapsed button.ol-revers {
display: none;
}
.ol-search button.ol-revers:before {
content: "";
border: .1em solid currentColor;
position: absolute;
left: 50%;
right: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border-radius: 50%;
width: .55em;
height: .55em;
}
.ol-search button.ol-revers:after {
content: "";
position: absolute;
left: 50%;
right: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: .2em;
height: .2em;
background-color: transparent;
-webkit-box-shadow: .4em 0 currentColor, 0 .4em currentColor, -.4em 0 currentColor, 0 -.4em currentColor;
box-shadow: .4em 0 currentColor, 0 .4em currentColor, -.4em 0 currentColor, 0 -.4em currentColor;
}
.ol-search input {
display: inline-block;
border: 0;
margin: 1px 1px 1px 2px;
font-size: 1.14em;
padding-left: 0.3em;
height: 1.375em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.ol-touch .ol-search input,
.ol-touch .ol-search ul {
font-size: 1.5em;
}
.ol-search.ol-revers > ul,
.ol-control.ol-search.ol-collapsed > * {
display: none;
}
.ol-control.ol-search.ol-collapsed > button {
display: block;
}
.ol-search ul {
list-style: none;
padding: 0;
margin: 0;
display: block;
clear: both;
cursor: pointer;
max-width: 17em;
overflow-x: hidden;
z-index: 1;
background: #fff;
} .ol-search ul li {
padding: 0.1em 0.5em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ol-search ul li.select,
.ol-search ul li:hover {
background-color: rgba(0,60,136,.5);
color: #fff;
}
.ol-search ul li img {
float: left;
max-height: 2em;
}
.ol-search li.copy {
background: rgba(0,0,0,.5);
color: #fff;
}
.ol-search li.copy a {
color: #fff;
text-decoration: none;
}
.ol-search.searching:before {
content: '';
position: absolute;
height: 3px;
left: 0;
top: 1.6em;
-webkit-animation: pulse .5s infinite alternate linear;
animation: pulse .5s infinite alternate linear;
background: red;
z-index: 2;
}
@-webkit-keyframes pulse {
0% { left:0; right: 95%; }
50% {	left: 30%; right: 30%; }
100% {	left: 95%; right: 0; }
}
@keyframes pulse {
0% { left:0; right: 95%; }
50% {	left: 30%; right: 30%; }
100% {	left: 95%; right: 0; }
}
.ol-search.IGNF-parcelle input {
width: 13.5em;
}
.ol-search.IGNF-parcelle input:-moz-read-only {
background: #ccc;
opacity: .8;
}
.ol-search.IGNF-parcelle input:read-only {
background: #ccc;
opacity: .8;
}
.ol-search.IGNF-parcelle.ol-collapsed-list > ul.autocomplete {
display: none;
}
.ol-search.IGNF-parcelle label {
display: block;
clear: both;
}
.ol-search.IGNF-parcelle > div input,
.ol-search.IGNF-parcelle > div label {
width: 5em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
margin: .1em;
font-size: 1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page {
margin-top:.5em;
width:100%;
text-align: center;
display: none;
}
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-parcelle,
.ol-search.IGNF-parcelle.ol-collapsed-list ul.autocomplete-page {
display: block;
}
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-page,
.ol-search.IGNF-parcelle.ol-collapsed ul.autocomplete-parcelle,
.ol-search.IGNF-parcelle ul.autocomplete-parcelle {
display: none;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li {
display: inline-block;
color: #fff;
background: rgba(0,60,136,.5);
border-radius: 50%;
width: 1.3em;
height: 1.3em;
padding: .1em;
margin: 0 .1em;
}
.ol-search.IGNF-parcelle ul.autocomplete-page li.selected {
background: rgba(0,60,136,1);
} .ol-searchgps input.search {
display: none;
}
.ol-control.ol-searchgps > button:first-child {
background-image: none;
}
.ol-control.ol-searchgps > button:first-child:before {
content: "x/y";
display: block;
-webkit-transform: scaleX(.8);
transform: scaleX(.8);
}
.ol-control.ol-searchgps .ol-latitude,
.ol-control.ol-searchgps .ol-longitude {
clear: both;
}
.ol-control.ol-searchgps .ol-latitude label,
.ol-control.ol-searchgps .ol-longitude label {
width: 5.5em;
display: inline-block;
text-align: right;
-webkit-transform: scaleX(.8);
transform: scaleX(.8);
margin: 0 -.8em 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.ol-control.ol-searchgps .ol-latitude input,
.ol-control.ol-searchgps .ol-longitude input {
max-width: 10em;
}
.ol-control.ol-searchgps .ol-switch {
cursor: pointer;
float: right;
margin: .5em;
font-size: .9em;
}
.ol-control.ol-searchgps .ol-switch input {
display: none;
}
.ol-control.ol-searchgps .ol-switch span {
color: rgba(0,60,136,.5);
position: relative;
cursor: pointer;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
width: 1.6em;
height: 1em;
display: inline-block;
border-radius: 1em;
font-size: 1.3em;
vertical-align: middle;
margin: 0 .2em;
}
.ol-control.ol-searchgps .ol-switch span:before {
position: absolute;
content: "";
height: 1em;
width: 1em;
left: 0;
top: 50%;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
border-radius: 1em;
display: block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 2px solid #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ol-control.ol-searchgps .ol-switch input:checked + span {
background-color: currentColor;
}
.ol-control.ol-searchgps .ol-switch input:checked + span:before {
-webkit-transform: translate(.6em,-50%);
transform: translate(.6em,-50%);
border-color: currentColor;
}
.ol-searchgps .ol-decimal{
display: inline-block;
}
.ol-searchgps .ol-dms,
.ol-searchgps.ol-dms .ol-decimal {
display: none;
width: 3em;
text-align: right;
}
.ol-searchgps.ol-dms .ol-dms {
display: inline-block;
}
.ol-searchgps span.ol-dms {
width: auto;
}
.ol-searchgps.ol-control.ol-collapsed button.ol-geoloc {
display: none;
}
.ol-searchgps button.ol-geoloc {
top: 0;
float: right;
margin-right: 3px;
background-image: none;
position: relative;
}
.ol-searchgps button.ol-geoloc:before {
content:"";
position: absolute;
left: 50%;
top: 50%;
width: .6em;
height: .6em;
border: .1em solid currentColor;
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.ol-searchgps button.ol-geoloc:after {
content:"";
position: absolute;
left: 50%;
top: 50%;
width: .2em;
height: .2em;
background-color: transparent;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-box-shadow: 
.45em 0 currentColor, -.45em 0 currentColor, 0 -.45em currentColor, 0 .45em currentColor,
.25em 0 currentColor, -.25em 0 currentColor, 0 -.25em currentColor, 0 .25em currentColor;
box-shadow: 
.45em 0 currentColor, -.45em 0 currentColor, 0 -.45em currentColor, 0 .45em currentColor,
.25em 0 currentColor, -.25em 0 currentColor, 0 -.25em currentColor, 0 .25em currentColor;
}
.ol-control.ol-select {
top: .5em;
left: 3em;
}
.ol-control.ol-select > button:before {
content: "";
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: .73em;
height: .73em;
background-color: transparent;
border: .12em solid currentColor;
border-radius: 100%;
top: .35em;
left: .35em;
}
.ol-control.ol-select > button:after {
content: "";
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 1.1em;
left: 1em;
border-width: .08em .23em;
border-style: solid;
border-radius: .03em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: -0.18em 0 0 -0.03em;
box-shadow: -0.18em 0 0 -0.03em;
}
.ol-select > div button {
width: auto;
padding: 0 .5em;
float: right;
font-weight: normal;
}
.ol-select .ol-delete {
width: 1.5em;
height: 1em;
vertical-align: middle;
display: inline-block;
position: relative;
cursor: pointer;
}
.ol-select .ol-delete:before {
content:'\00d7';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
text-align: center;
font-weight: bold;
}
.ol-control.ol-select input {
font-size: 1em;
}
.ol-control.ol-select select {
font-size: 1em;
max-width: 10em;
}
.ol-control.ol-select select option.ol-default {
color: #999;
font-style: italic;
}
.ol-control.ol-select > div {
display: block;
}
.ol-control.ol-select.ol-collapsed > div {
display: none;
}
.ol-control.ol-select.ol-select-check {
max-width: 20em;
}
.ol-control.ol-select.ol-select-check label,
.ol-control.ol-select-check div {
position: relative;
display: inline-block;
}
.ol-control.ol-select.ol-select-condition input,
.ol-control.ol-select.ol-select-check input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.ol-control.ol-select.ol-select-condition label div {
position: relative;
padding: 0 1em 0 2em;
}
.ol-control.ol-select.ol-select-condition label div:before {
content: "";
position: absolute;
left: 0;
height: 1.1em;
width: 1.8em;
background-color: rgba(192,192,192,.7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 1em;
}
.ol-control.ol-select.ol-select-condition label div:after {
content: "";
position: absolute;
left: .1em;
top: .1em;
height: .9em;
width: .9em;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 1em;
-webkit-transition: .3s;
transition: .3s;
}
.ol-control.ol-select.ol-select-condition input:checked ~ div:after {
left: .7em;
}
.ol-control.ol-select.ol-select-check label > div {
padding: 0 1em 0 1.5em;
}
.ol-control.ol-select.ol-select-check label > div:before {
content: "";
position: absolute;
width: 1.1em;
height: 1.1em;
left: .2em;
background-color: rgba(192,192,192,.7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ol-control.ol-select.ol-select-check label.ol-radio > div:before {
border-radius: 50%;
}
.ol-control.ol-select.ol-select-condition label > div:hover:before,
.ol-control.ol-select.ol-select-check label > div:hover:before {
background-color: rgba(128,128,128,.7);
}
.ol-control.ol-select.ol-select-condition input:checked ~ div:before,
.ol-control.ol-select.ol-select-check input:checked ~ div:before {
background-color: rgba(0,60,136,.7);
}
.ol-control.ol-select.ol-select-check label.ol-checkbox input:checked ~ div:after {
content: "";
position: absolute;
width: .5em;
height: .8em;
top: .05em;
left: .5em;
border: 2px solid #fff;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ol-control.ol-select.ol-select-check label.ol-radio input:checked ~ div:before {
border: .3em solid rgba(0,60,136,.7);
background-color: #fff;
}
.ol-select ul {
list-style: none;
margin: 0;
padding: 0;
}
.ol-control.ol-select input[type="text"]  {
width: 8em;
}
.ol-select .ol-autocomplete {
display: inline;
}
.ol-select .ol-autocomplete ul {
position: absolute;
display: block;
background: #fff;
border: 1px solid #999;
min-width: 10em;
font-size: .85em;
}
.ol-select .ol-autocomplete ul li {
padding: 0 .5em;
}
.ol-select .ol-autocomplete ul li:hover {
color: #fff;
background: rgba(0,60,136,.5);
}
.ol-select ul.ol-hidden {
display: none;
}
.ol-select-multi li > div:hover,
.ol-select-multi li > div.ol-control.ol-select {
position: relative;
top: unset;
left: unset;
background: transparent;
}
.ol-select-multi li > div  > button,
.ol-select-multi li > div  .ol-ok {
display: none;
}
.ol-select-multi li .ol-control.ol-select.ol-collapsed > div,
.ol-select-multi li > div  > div {
display: block;
}
.ol-control.ol-status {
top: 0;
left: 0;
background: rgba(0,0,0,.2);
color: #fff;
font-size: .9em;
padding: .3em 3em;
border-radius: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
pointer-events: none!important;
display: none;
}
.ol-control.ol-status.ol-visible {
display: initial;
}
.ol-control.ol-status.ol-bottom {
top: auto;
bottom: 0;
}
.ol-control.ol-status.ol-left {
top: 0;
bottom: 0;
padding: .3em .5em .3em 3em;
width: auto;
}
.ol-control.ol-status.ol-right {
top: 0;
bottom: 0;
left: auto;
right: 0;
padding: .3em 3em .3em .5em;
width: auto;
}
.ol-control.ol-status.ol-center {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ol-control.ol-storymap {
top: .5em;
left: .5em;
bottom: .5em;
max-width: 35%;
border-radius: .5em;
position: absolute;
height: auto;
}
.ol-storymap {
overflow: hidden;
padding: 0;
height: 100%;
position: relative;
scroll-behavior: smooth;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ol-storymap.ol-move {
scroll-behavior: unset;
}
.ol-storymap.ol-touch {
overflow-y: auto;
}
.ol-control.ol-storymap .chapter {
padding: .5em;
}
.ol-storymap .chapter {
cursor: pointer;
opacity: .4;
}
.ol-storymap .chapter.ol-select {
cursor: default;
opacity: 1;
}
.ol-storymap .ol-scroll-top,
.ol-storymap .ol-scroll-next {
position: relative;
min-height: 1.7em;
color: rgba(0,60,136,.5);
text-align: center;
cursor: pointer;
}
.ol-storymap .ol-scroll-next span {
padding-bottom: 1.4em;
display: block;
}
.ol-storymap .ol-scroll-top span {
padding-top: 1.4em;
display: block;
}
.ol-storymap .ol-scroll-top:before,
.ol-storymap .ol-scroll-next:before {
content: "";
border: .3em solid currentColor;
border-radius: .3em;
border-color: transparent currentColor currentColor transparent;
width: .8em;
height: .8em;
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
-webkit-animation: ol-bounce-bottom 0.35s linear infinite alternate;
animation: ol-bounce-bottom 0.35s linear infinite alternate;
pointer-events: none;
}
.ol-storymap .ol-scroll-top:before {
border-color: currentColor transparent transparent currentColor;
-webkit-animation: ol-bounce-top 0.35s linear infinite alternate;
animation: ol-bounce-top 0.35s linear infinite alternate;
}
@-webkit-keyframes ol-bounce-top{
from {top: -.2em;}
to   {top: .5em;}
}
@keyframes ol-bounce-top{
from {top: -.2em;}
to   {top: .5em;}
}
@-webkit-keyframes ol-bounce-bottom{
from {bottom: -.2em;}
to   {bottom: .5em;}
}
@keyframes ol-bounce-bottom{
from {bottom: -.2em;}
to   {bottom: .5em;}
}
.ol-storymap img[data-title] {
cursor: pointer;
}
.ol-swipe
{	position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.ol-swipe:before
{	content: "";
position: absolute;
top: -5000px;
bottom: -5000px;
left: 50%;
width: 4px;
background: #fff;
z-index:-1;
transform: translate(-2px, 0);
-webkit-transform: translate(-2px, 0);
}
.ol-swipe.horizontal:before
{	left: -5000px;
right: -5000px;
top: 50%;
bottom: auto;
width: auto;
height: 4px;
}
.ol-swipe,
.ol-swipe button
{	cursor: ew-resize;
}
.ol-swipe.horizontal,
.ol-swipe.horizontal button
{	cursor: ns-resize;
}
.ol-swipe:after,
.ol-swipe button:before,
.ol-swipe button:after
{	content: "";
position: absolute;
top: 25%;
bottom: 25%;
left: 50%;
width: 2px;
background: rgba(255,255,255,0.8);
transform: translate(-1px, 0);
-webkit-transform: translate(-1px, 0);
}
.ol-swipe button:after
{	transform: translateX(5px);
-webkit-transform: translateX(5px);
}
.ol-swipe button:before
{	transform: translateX(-7px);
-webkit-transform: translateX(-7px);
}
.ol-control.ol-timeline {
bottom: 0;
left: 0;
right: 0;
-webkit-transition: .3s;
transition: .3s;
}
.ol-control.ol-timeline.ol-collapsed {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.ol-timeline {
overflow: hidden;
padding: 2px 0 0;
}
.ol-timeline .ol-scroll {
overflow: hidden;
padding: 0;
scroll-behavior: smooth;
line-height: 1em;
height: 6em;
padding: 0 50%;
}
.ol-timeline .ol-scroll.ol-move {
scroll-behavior: unset;
}
.ol-timeline.ol-touch .ol-scroll{
overflow-x: auto;
}
.ol-timeline.ol-hasbutton .ol-scroll {
margin-left: 1.5em;
padding: 0 calc(50% - .75em);
}
.ol-timeline .ol-buttons {
display: none;
position: absolute;
top: 0;
background: rgba(255,255,255,.5);
width: 1.5em;
bottom: 0;
left: 0;
z-index: 10;
}
.ol-timeline.ol-hasbutton .ol-buttons {
display: block;
}
.ol-timeline .ol-buttons button {
font-size: 1em;
margin: 1px;
position: relative;
}
.ol-timeline .ol-buttons .ol-zoom-in:before,
.ol-timeline .ol-buttons .ol-zoom-out:before {
content: "+";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-timeline .ol-buttons .ol-zoom-out:before{
content: '−';
}
.ol-timeline .ol-scroll > div {
height: 100%;
position: relative;
}
.ol-timeline .ol-scroll .ol-times {
background: rgba(255,255,255,.5);
height: 1em;
bottom: 0;
position: absolute;
left: -1000px;
right: -1000px;
}
.ol-timeline .ol-scroll .ol-time {
position: absolute;
font-size: .7em;
color: #999;
bottom: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-timeline .ol-scroll .ol-time.ol-year {
color: #666;
z-index: 1;
}
.ol-timeline .ol-scroll .ol-time:before {
content: "";
position: absolute;
bottom: 1.2em;
left: 50%;
height: 500px;
border-left: 1px solid currentColor;
}
.ol-timeline .ol-scroll .ol-features {
position: absolute;
top: 0;
bottom: 1em;
left: -200px;
right: -1000px;
margin: 0 0 0 200px;
overflow: hidden;
}
.ol-timeline .ol-scroll .ol-feature {
position: absolute;
font-size: .7em;
color: #999;
top: 0;
background: #fff;
max-width: 3em;
max-height: 2.4em;
min-height: 1em;
line-height: 1.2em;
border: 1px solid #ccc;
overflow: hidden;
padding: 0 .5em 0 0;
-webkit-transition: all .3s;
transition: all .3s;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ol-timeline.ol-zoomhover .ol-scroll .ol-feature:hover,
.ol-timeline.ol-zoomhover .ol-scroll .ol-feature.ol-select {
z-index: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
background: #eee; } .ol-timeline .ol-center-date {
display: none;
position: absolute;
left: 50%;
height: 100%;
width: 2px;
bottom: 0;
z-index: 2;
pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #f00;
opacity: .4;
}
.ol-timeline.ol-hasbutton .ol-center-date {
left: calc(50% + .75em);
} .ol-timeline.ol-pointer .ol-center-date {
display: block;
}
.ol-timeline.ol-pointer .ol-center-date:before, 
.ol-timeline.ol-pointer .ol-center-date:after {
content: '';
border: 0.3em solid transparent;
border-width: .3em .25em;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.ol-timeline.ol-pointer .ol-center-date:before {
border-top-color: #f00;
top: 0;
}
.ol-timeline.ol-pointer .ol-center-date:after {
border-bottom-color: #f00;
bottom: 0
} .ol-timeline.ol-interval .ol-center-date {
display: block;
background-color: transparent;
border: 0 solid #000;
border-width: 0 10000px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
opacity: .2;
}
.ol-control.ol-wmscapabilities {
top: .5em;
right: 2.5em;
}
.ol-touch .ol-control.ol-wmscapabilities {
right: 3em;
}
.ol-control.ol-wmscapabilities.ol-hidden {
display: none;
}
.ol-control.ol-wmscapabilities button:before {
content: "+";
position: absolute;
top: calc(50% - .35em);
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-control.ol-wmscapabilities button:after {
content: "";
width: .75em;
height: .75em;
position: absolute;
background: transparent;
top: calc(50% - .05em);
left: 50%;
-webkit-transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
transform: scaleY(.6) translate(-50%, -50%) rotate(45deg);
-webkit-box-shadow: inset -.18em -.18em currentColor, -.4em .1em 0 -.25em currentColor, .1em -.35em 0 -.25em currentColor, .15em .15em currentColor;
box-shadow: inset -.18em -.18em currentColor, -.4em .1em 0 -.25em currentColor, .1em -.35em 0 -.25em currentColor, .15em .15em currentColor;
border-radius: .1em 0;
border: .15em solid transparent;
border-width: 0 .15em .15em 0;
}
.ol-wmscapabilities .ol-searching {
opacity: .5;
}
.ol-wmscapabilities .ol-searching .ol-url:after{
content: "";
width: .7em;
height: .7em;
background-color: currentColor;
position: absolute;
top: 6em;
border-radius: 50%;
display: block;
left: calc(50% - .35em);
-webkit-box-shadow: 0 1em currentColor, 0 -1em currentColor, 1em 0 currentColor, -1em 0 currentColor;
box-shadow: 0 1em currentColor, 0 -1em currentColor, 1em 0 currentColor, -1em 0 currentColor;
-webkit-animation:ol-wmscapabilities-rotate 2s linear infinite;
animation:ol-wmscapabilities-rotate 2s linear infinite;
}
@-webkit-keyframes ol-wmscapabilities-rotate { 
100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
}
@keyframes ol-wmscapabilities-rotate { 
100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } 
}
.ol-wmscapabilities .ol-url input {
width: calc(100% - 10em);
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: min(100%, 20em);
}
.ol-wmscapabilities .ol-url select {
width: 2em;
text-align: center;
height: 100%;
padding: 1px;
}
.ol-wmscapabilities .ol-url button {
width: 7.5em;
margin-left: .5em;
}
.ol-wmscapabilities .ol-result {
display: none;
margin-top: .5em;
}
.ol-wmscapabilities .ol-result.ol-visible {
display: block;
}
.ol-wmscapabilities .ol-select-list {
border: 1px solid #369;
overflow-x: hidden;
width: calc(100% - 120px);
min-width: min(200px, 100%);
}
.ol-wmscapabilities .ol-select-list options {
padding: 0 .5em;
}
.ol-wmscapabilities .ol-select-list .level-1 {
padding-left: 1em;
}
.ol-wmscapabilities .ol-select-list .level-2 {
padding-left: 1.5em;
}
.ol-wmscapabilities .ol-select-list .level-3 {
padding-left: 2em;
}
.ol-wmscapabilities .ol-select-list .level-4 {
padding-left: 2.5em;
}
.ol-wmscapabilities .ol-select-list .level-5 {
padding-left: 3em;
}
.ol-wmscapabilities .ol-select-list .ol-info {
font-style: italic;
}
.ol-wmscapabilities .ol-select-list .ol-title {
background-color: rgba(0,60,136,.1);
}
.ol-wmscapabilities .ol-select-list option:hover {
background-color: rgba(0,60,136,.5);
color: #fff;
}
.ol-wmscapabilities .ol-select-list option.selected {
background-color: rgba(0,60,136,.7);
color: #fff;
}
.ol-wmscapabilities .ol-preview {
width: 100px;
float: right;
background: rgba(0,60,136,.1);
color: #666;
padding: 0 5px 5px;
text-align: center;
margin-left: 10px;
}
.ol-wmscapabilities .ol-preview.tainted {
width: 100px;
float: right;
background: rgba(136,0,60,.1);
color: #666;
padding: 0 5px 5px;
text-align: center;
margin-left: 10px;
}
.ol-wmscapabilities .ol-preview img {
width: 100%;
display: block;
background: #fff;
}
.ol-wmscapabilities .ol-legend {
max-width: 100%;
display: none;
}
.ol-wmscapabilities .ol-legend.visible {
display: block;
}
.ol-wmscapabilities .ol-buttons {
clear: both;
text-align: right;
}
.ol-wmscapabilities .ol-data p {
margin: 0;
}
.ol-wmscapabilities .ol-data p.ol-title {
font-weight: bold;
margin: 1em 0 .5em;
}
.ol-wmscapabilities .ol-error {
color: #800;
}
.ol-wmscapabilities ul.ol-wmsform {
display: none;
}
.ol-wmscapabilities ul.ol-wmsform.visible {
display: block;
}
.ol-wmscapabilities .ol-wmsform label {
display: inline-block;
text-align: right;
width: calc(40% - .5em);
margin-right: .5em;
}
.ol-wmscapabilities .ol-wmsform input {
display: inline-block;
width: 60%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ol-wmscapabilities .ol-wmsform input[type="checkbox"] {
width: auto;
}
.ol-wmscapabilities .ol-wmsform button {
float: right;
margin: 1em 0;
}
.ol-ext-dialog.ol-wmscapabilities form {
max-height: calc(85% - 1em);
width: 600px;
min-height: 15em;
top: 15%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.ol-target-overlay .ol-target 
{	border: 1px solid transparent;
-webkit-box-shadow: 0 0 1px 1px #fff;
box-shadow: 0 0 1px 1px #fff;
display: block;
height: 20px;
width: 0;
}
.ol-target-overlay .ol-target:after,
.ol-target-overlay .ol-target:before
{	content:"";
border: 1px solid #369;
-webkit-box-shadow: 0 0 1px 1px #fff;
box-shadow: 0 0 1px 1px #fff;
display: block;
width: 20px;
height: 0;
position:absolute;
top:10px;
left:-10px;
}
.ol-target-overlay .ol-target:after
{	-webkit-box-shadow: none;	box-shadow: none;
height: 20px;
width: 0;
top:0px;
left:0px;
}
.ol-overlaycontainer .ol-touch-cursor { width: 56px;
height: 56px;
margin: 6px;
border-radius: 50%;
cursor: pointer;
background: rgba(255,255,255,.4);
-webkit-box-shadow: inset 0 0 0 5px #369;
box-shadow: inset 0 0 0 5px #369;
}
.ol-overlaycontainer .ol-touch-cursor:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
background: radial-gradient(circle at 100% 100%, transparent, transparent 70%, #369 70%, #369)
}
.ol-overlaycontainer .ol-touch-cursor .ol-button {
position: absolute;
color: #369;
height: 55%;
width: 55%;
border-radius: 50%;
cursor: pointer;
background: rgba(255,255,255,.4);
-webkit-box-shadow: inset 0 0 0 3px currentColor;
box-shadow: inset 0 0 0 3px currentColor;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: all .5s, opacity 0s, background 0s;
transition: all .5s, opacity 0s, background 0s;
overflow: hidden;
}
.ol-overlaycontainer .ol-touch-cursor.active.disable .ol-button {
opacity: .8;
background: rgba(51, 102, 153, .2);
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-0 {
top: -18%;
left: 118%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-1 {
top: 50%;
left: 140%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-2 {
top: 120%;
left: 120%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-3 {
top: 140%;
left: 50%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-4 {
top: 118%;
left: -18%;
} .ol-overlaycontainer .ol-touch-cursor.active .ol-button-5 {
top: 50%;
left: -40%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-6 {
top: -18%;
left: -18%;
}
.ol-overlaycontainer .ol-touch-cursor.active .ol-button-7 {
top: -40%;
left: 50%;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button:before {
content: "";
width: 1.5em;
height: 1em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1em;
text-align: center;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before,
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-remove:before {
content: "−";
line-height: .95em;
font-size: 1.375em;
font-weight: bold;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-add:before {
content: "+";
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-x:before {
content: "\00D7";
font-size: 1.2em;
font-weight: bold;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-move:before {
content: "\2725";
font-size: 1.2em;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button.ol-button-check:before {
content: "\2713";
font-weight: bold;
}
.ol-overlaycontainer .ol-touch-cursor .ol-button > div {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-overlaycontainer .ol-touch-cursor .ol-button-type:before {
content: "\21CE";
font-weight: bold;
}
.ol-perspective-map {
position: absolute;
left: 50%;
top: 50%;
width: 200%;
height: 200%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-perspective-map .ol-layer {
z-index: -1!important; }
.ol-perspective-map .ol-layers {
-webkit-transform: translateY(0) perspective(200px) rotateX(0deg) scaleY(1);
transform: translateY(0) perspective(200px) rotateX(0deg) scaleY(1);
}
.ol-perspective-map .ol-overlaycontainer,
.ol-perspective-map .ol-overlaycontainer-stopevent {
width: 50%!important;
height: 50%!important;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.ol-overlay-container .ol-magnify 
{	background: rgba(0,0,0, 0.5);
border:3px solid #369;
border-radius: 50%;
height: 150px;
width: 150px;
overflow: hidden;
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
position:relative;
z-index:0;
}
.ol-overlay-container .ol-magnify:before 
{	border-radius: 50%;
-webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.25) inset;
box-shadow: 0 0 40px 2px rgba(0, 0, 0, 0.25) inset;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.ol-overlay-container .ol-magnify:after 
{
border-radius: 50%;
-webkit-box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
box-shadow: 0 0 20px 7px rgba(255, 255, 255, 1);
content: "";
display: block;
height: 0;
left: 23%;
position: absolute;
top: 20%;
width: 20%;
z-index: 1;
transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
} .ol-popup.anim {
visibility: hidden;
}
.ol-popup.anim.visible {
visibility: visible;
} .ol-popup.anim.visible > div {
visibility: visible;
-webkit-transform: none;
transform: none;
-webkit-animation: ol-popup_bounce 0.4s ease 1;
animation: ol-popup_bounce 0.4s ease 1;
}
@-webkit-keyframes ol-popup_bounce {
from { -webkit-transform: scale(0); transform: scale(0); }
50%  { -webkit-transform: scale(1.1); transform: scale(1.1) }
80%  { -webkit-transform: scale(0.95); transform: scale(0.95) }
to   { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes ol-popup_bounce {
from { -webkit-transform: scale(0); transform: scale(0); }
50%  { -webkit-transform: scale(1.1); transform: scale(1.1) }
80%  { -webkit-transform: scale(0.95); transform: scale(0.95) }
to   { -webkit-transform: scale(1); transform: scale(1); }
} .ol-popup.anim.ol-popup-bottom.ol-popup-left > div  {
-webkit-transform-origin:0 100%;
transform-origin:0 100%;
}
.ol-popup.anim.ol-popup-bottom.ol-popup-right > div {
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;
}
.ol-popup.anim.ol-popup-bottom.ol-popup-center > div {
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
}
.ol-popup.anim.ol-popup-top.ol-popup-left > div {
-webkit-transform-origin:0 0;
transform-origin:0 0;
}
.ol-popup.anim.ol-popup-top.ol-popup-right > div {
-webkit-transform-origin:100% 0;
transform-origin:100% 0;
}
.ol-popup.anim.ol-popup-top.ol-popup-center > div {
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
}
.ol-popup.anim.ol-popup-middle.ol-popup-left > div {
-webkit-transform-origin:0 50%;
transform-origin:0 50%;
}
.ol-popup.anim.ol-popup-middle.ol-popup-right > div {
-webkit-transform-origin:100% 50%;
transform-origin:100% 50%;
}
.ol-overlaycontainer-stopevent { } .ol-popup {
font-size:0.9em;
-webkit-user-select: none;  
-moz-user-select: none;    
-ms-user-select: none;      
user-select: none;
}
.ol-popup .ol-popup-content {
overflow:hidden;
cursor: default;
padding: 0.25em 0.5em;
}
.ol-popup.hasclosebox .ol-popup-content {
margin-right: 1.7em;
}
.ol-popup .ol-popup-content:after {
clear: both;
content: "";
display: block;
font-size: 0;
height: 0;
} .ol-popup .anchor {
display: block;
width: 0px;
height: 0px;
background:red;
position: absolute;
margin: -11px 22px;
pointer-events: none;
}
.ol-popup .anchor:after,
.ol-popup .anchor:before {
position:absolute;
}
.ol-popup-right .anchor:after,
.ol-popup-right .anchor:before {
right:0;
}
.ol-popup-top .anchor { top:0; }
.ol-popup-bottom .anchor { bottom:0; }
.ol-popup-right .anchor { right:0; }
.ol-popup-left .anchor { left:0; }
.ol-popup-center .anchor { 
left:50%; 
margin-left: 0!important;
}
.ol-popup-middle .anchor { 
top:50%; 
margin-top: 0!important;
}
.ol-popup-center.ol-popup-middle .anchor { 
display:none; 
} .ol-popup.ol-fixed {
margin: 0!important;
top: .5em!important;
right: .5em!important;
left: auto!important;
bottom: auto!important;
-webkit-transform: none!important;
transform: none!important;
}
.ol-popup.ol-fixed .anchor {
display: none;
}
.ol-popup.ol-fixed.anim > div {
-webkit-animation: none;
animation: none;
}
.ol-popup .ol-fix {
width: 1em;
height: .9em;
background: #fff;
position: relative;
float: right;
margin: .2em;
cursor: pointer;
}
.ol-popup .ol-fix:before {
content: "";
width: .8em;
height: .7em;
display: block;
border: .1em solid #666;
border-right-width: 0.1em;
border-right-width: .3em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: .1em;
} .ol-popup.shadow {
-webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
} .ol-popup .closeBox {
background-color: rgba(0, 60, 136, 0.5);
color: #fff;
border: 0;
border-radius: 2px;
cursor: pointer;
float: right;
font-size: 0.9em;
font-weight: 700;
width: 1.4em;
height: 1.4em;
margin: 5px 5px 0 0;
padding: 0;
position: relative;
display:none;
}
.ol-popup.hasclosebox .closeBox {
display:block;
}
.ol-popup .closeBox:hover {
background-color: rgba(0, 60, 136, 0.7);
} .ol-popup .closeBox:after {
content: "\00d7";
font-size:1.5em;
top: 50%;
left: 0;
right: 0;
width: 100%;
text-align: center;
line-height: 1em;
margin: -0.5em 0;
position: absolute;
} .ol-popup.modifytouch {
background-color: #eee;
}
.ol-popup.modifytouch .ol-popup-content {	
padding: 0 0.25em;
font-size: 0.85em;
white-space: nowrap;
}
.ol-popup.modifytouch .ol-popup-content a {
text-decoration: none;
} .ol-popup.tooltips {
background-color: #ffa;
}
.ol-popup.tooltips .ol-popup-content{
padding: 0 0.25em;
font-size: 0.85em;
white-space: nowrap;
} .ol-popup.default > div {
background-color: #fff;
border:1px solid #69f;
border-radius: 5px;
}
.ol-popup.default {
margin: -11px 0;
-webkit-transform: translate(0, -22px);
transform: translate(0, -22px);
}
.ol-popup-top.ol-popup.default {
margin: 11px 0;
-webkit-transform: none;
transform: none;
}
.ol-popup-left.default {
margin: -11px -22px;
-webkit-transform: translate(0, -22px);
transform: translate(0, -22px);
}
.ol-popup-top.ol-popup-left.default {
margin: 11px -22px;
-webkit-transform: none;
transform: none;
}
.ol-popup-right.default {
margin: -11px 22px;
-webkit-transform: translate(44px, -22px);
transform: translate(44px, -22px);
}
.ol-popup-top.ol-popup-right.default {
margin: 11px 22px;
-webkit-transform: translate(44px, 0);
transform: translate(44px, 0);
}
.ol-popup-middle.default {
margin:0 10px;
-webkit-transform: none;
transform: none;
}
.ol-popup-middle.ol-popup-right.default {
margin:0 -10px;
-webkit-transform: translate(-20, 0);
transform: translate(-20, 0);
}
.ol-popup.default .anchor {
color: #69f;
}
.ol-popup.default .anchor:after,
.ol-popup.default .anchor:before {
content:"";
border-color: currentColor transparent;
border-style: solid;
border-width: 11px;
margin: 0 -11px;
}
.ol-popup.default .anchor:after {
border-color: #fff transparent;
border-width: 11px;
margin: 2px -11px;
}
.ol-popup-top.default .anchor:before,
.ol-popup-top.default .anchor:after {
border-top:0;
top:0;
}
.ol-popup-bottom.default .anchor:before,
.ol-popup-bottom.default .anchor:after {
border-bottom:0;
bottom:0;
}
.ol-popup-middle.default .anchor:before {
margin: -11px -33px;
border-color: transparent currentColor;
}
.ol-popup-middle.default .anchor:after {
margin: -11px -31px;
border-color: transparent #fff;
}
.ol-popup-middle.ol-popup-left.default .anchor:before,
.ol-popup-middle.ol-popup-left.default .anchor:after {
border-left:0;
}
.ol-popup-middle.ol-popup-right.default .anchor:before,
.ol-popup-middle.ol-popup-right.default .anchor:after {
border-right:0;
} .ol-popup.placemark {
color: #c00;
margin: -.65em 0;
-webkit-transform: translate(0, -1.3em);
transform: translate(0, -1.3em);
}
.ol-popup.placemark > div {
position: relative;
font-size: 15px;	
background-color: #fff;
border: 0;
-webkit-box-shadow: inset 0 0 0 0.45em;
box-shadow: inset 0 0 0 0.45em;
width: 2em;
height: 2em;
border-radius: 50%;
min-width: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ol-popup.placemark .ol-popup-content {
overflow: hidden;
cursor: default;
text-align: center;
padding: .25em 0;
width: 1em;
height: 1em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1em;
}
.ol-popup.placemark .anchor {
margin: 0;
}
.ol-popup.placemark .anchor:before {
content: "";
margin: -.5em -.5em;
background: transparent;
width: 1em;
height: .5em;
border-radius: 50%;
-webkit-box-shadow: 0 1em 0.5em rgba(0,0,0,.5);
box-shadow: 0 1em 0.5em rgba(0,0,0,.5);
}
.ol-popup.placemark .anchor:after {
content: "";
border-color: currentColor transparent;
border-style: solid;
border-width: 1em .7em 0;
margin: -.75em -.7em;
bottom:0;
} .ol-popup.placemark.shield > div {
border-radius: .2em;
}
.ol-popup.placemark.shield .anchor:after {
border-width: .8em 1em 0;
margin: -.7em -1em;
} .ol-popup.placemark.blazon > div {
border-radius: .2em;
} .ol-popup.placemark.pushpin {	
margin: -2.2em 0;
-webkit-transform: translate(0, -4em);
transform: translate(0, -4em);
}
.ol-popup.placemark.pushpin > div {	
border-radius: 0;
background: transparent!important;
-webkit-box-shadow: inset 2em 0 currentColor;
box-shadow: inset 2em 0 currentColor;
width: 1.1em;
}
.ol-popup.placemark.pushpin > div:before {
content: "";
width: 1.3em;
height: 1.5em;
border-style: solid;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border-color: currentColor transparent;
border-width: .3em .5em .5em;
pointer-events: none;
}
.ol-popup.placemark.needle {	
margin: -2em 0;
-webkit-transform: translate(0, -4em);
transform: translate(0, -4em);
}
.ol-popup.placemark.pushpin .anchor,
.ol-popup.placemark.needle .anchor {
margin: -1.2em;
}
.ol-popup.placemark.pushpin .anchor:after,
.ol-popup.placemark.needle .anchor:after {
border-style: solid;
border-width: 2em .15em 0;
margin: -.55em -0.2em;
width: .1em;
}
.ol-popup.placemark.pushpin .anchor:before,
.ol-popup.placemark.needle .anchor:before {
margin: -.75em -.5em;
} .ol-popup.placemark.flagv {
margin: -2em 1em;
-webkit-transform: translate(0, -4em);
transform: translate(0, -4em);
}
.ol-popup.placemark.flagv > div {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.ol-popup.placemark.flagv > div:before {
content: "";
border: 1em solid transparent;
position: absolute;
border-left: 2em solid currentColor;
pointer-events: none;
}
.ol-popup.placemark.flagv .anchor {
margin: -1.4em;
}
.ol-popup.placemark.flag {	
margin: -2em 1em;
-webkit-transform: translate(0, -4em);
transform: translate(0, -4em);
}
.ol-popup.placemark.flag > div {	
border-radius: 0;
-webkit-transform-origin: 0% 150%!important;
transform-origin: 0% 150%!important;
}
.ol-popup.placemark.flag .anchor {
margin: -1.4em;
}
.ol-popup.placemark.flagv .anchor:after, 
.ol-popup.placemark.flag .anchor:after {
border-style: solid;
border-width: 2em .15em 0;
margin: -.55em -1em;
width: .1em;
}
.ol-popup.placemark.flagv .anchor:before,
.ol-popup.placemark.flag .anchor:before {
margin: -.75em -1.25em;
}
.ol-popup.placemark.flag.finish {
margin: -2em 1em;
}
.ol-popup.placemark.flag.finish > div {
background-image: 
linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor), 
linear-gradient(45deg, currentColor 25%, transparent 25%, transparent 75%, currentColor 75%, currentColor);
background-size: 1em 1em;
background-position: .5em 0, 0 .5em;
-webkit-box-shadow: inset 0 0 0 .25em;
box-shadow: inset 0 0 0 .25em;
} .ol-popup.black .closeBox {
background-color: rgba(0,0,0, 0.5);
border-radius: 5px;
color: #f80;
}
.ol-popup.black .closeBox:hover {
background-color: rgba(0,0,0, 0.7);
color:#da2;
}
.ol-popup.black {
margin: -20px 0;
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
.ol-popup.black > div{
background-color: rgba(0,0,0,0.6);
border-radius: 5px;
color:#fff;
}
.ol-popup-top.ol-popup.black {
margin: 20px 0;
-webkit-transform: none;
transform: none;
}
.ol-popup-left.black {
margin: -20px -22px;
-webkit-transform: translate(0, -40px);
transform: translate(0, -40px);
}
.ol-popup-top.ol-popup-left.black {
margin: 20px -22px;
-webkit-transform: none;
transform: none;
}
.ol-popup-right.black {
margin: -20px 22px;
-webkit-transform: translate(44px, -40px);
transform: translate(44px, -40px);
}
.ol-popup-top.ol-popup-right.black {
margin: 20px 22px;
-webkit-transform: translate(44px, 0);
transform: translate(44px, 0);
}
.ol-popup-middle.black {
margin: 0 11px;
-webkit-transform: none;
transform: none;
}
.ol-popup-left.ol-popup-middle.black {
-webkit-transform: none;
transform: none;
}
.ol-popup-right.ol-popup-middle.black {
margin:0 -11px;
-webkit-transform: translate(-22px, 0);
transform: translate(-22px, 0);
}
.ol-popup.black .anchor {
margin: -20px 11px;
color: rgba(0,0,0,0.6);
} 
.ol-popup.black .anchor:before {
content:"";
border-color: currentColor transparent;
border-style: solid;
border-width: 20px 11px;
}
.ol-popup-top.black .anchor:before {
border-top:0;
top:0;
}
.ol-popup-bottom.black .anchor:before {
border-bottom:0;
bottom:0;
}
.ol-popup-middle.black .anchor:before {
margin: -20px -22px;
border-color: transparent currentColor;
}
.ol-popup-middle.ol-popup-left.black .anchor:before {
border-left:0;
}
.ol-popup-middle.ol-popup-right.black .anchor:before {
border-right:0;
}
.ol-popup-center.black .anchor:before {
margin: 0 -10px;
} .ol-popup.tips .closeBox {
background-color: #f00;
border-radius: 50%;
color: #fff;
width:1.2em;
height:1.2em;
}
.ol-popup.tips .closeBox:hover {
background-color: #f40;
}
.ol-popup.tips {
margin: -20px 0;
-webkit-transform: translate(0,-40px);
transform: translate(0,-40px);
}
.ol-popup.tips > div {
background-color: #cea;
border: 5px solid #ad7;
border-radius: 5px;
color:#333;
}
.ol-popup-top.ol-popup.tips {
margin: 20px 0;
-webkit-transform: none;
transform: none;
}
.ol-popup-left.tips {
margin: -20px -22px;
-webkit-transform: translate(0,-40px);
transform: translate(0,-40px);
}
.ol-popup-top.ol-popup-left.tips {
margin: 20px -22px;
-webkit-transform: none;
transform: none;
}
.ol-popup-right.tips {
margin: -20px 22px;
-webkit-transform: translate(44px,-40px);
transform: translate(44px,-40px);
}
.ol-popup-top.ol-popup-right.tips {
margin: 20px 22px;
-webkit-transform: translate(44px,0);
transform: translate(44px,0);
}
.ol-popup-middle.tips {
margin:0;
-webkit-transform: none;
transform: none;
}
.ol-popup-left.ol-popup-middle.tips {
margin: 0 22px;
-webkit-transform: none;
transform: none;
}
.ol-popup-right.ol-popup-middle.tips {
margin: 0 -22px;
-webkit-transform: translate(-44px,0);
transform: translate(-44px,0);
}
.ol-popup.tips .anchor {
margin: -18px 22px;
color: #ad7;
} 
.ol-popup.tips .anchor:before {
content:"";
border-color: currentColor transparent;
border-style: solid;
border-width: 20px 11px;
}
.ol-popup-top.tips .anchor:before {
border-top:0;
top:0;
}
.ol-popup-bottom.tips .anchor:before {
border-bottom:0;
bottom:0;
}
.ol-popup-center.tips .anchor:before {
border-width: 20px 6px;
margin: 0 -6px;
}
.ol-popup-left.tips .anchor:before {
border-left:0;
margin-left:0;
}
.ol-popup-right.tips .anchor:before {
border-right:0;
margin-right:0;
}
.ol-popup-middle.tips .anchor:before {
margin: -6px -41px;
border-color: transparent currentColor;
border-width:6px 20px;
}
.ol-popup-middle.ol-popup-left.tips .anchor:before {
border-left:0;
}
.ol-popup-middle.ol-popup-right.tips .anchor:before {
border-right:0;
} .ol-popup.warning .closeBox {
background-color: #f00;
border-radius: 50%;
color: #fff;
font-size: 0.83em;
}
.ol-popup.warning .closeBox:hover {
background-color: #f40;
}
.ol-popup.warning {
background-color: #fd0;
border-radius: 3px;
border:4px dashed #f00;
margin:20px 0;
color:#900;
margin: -28px 10px;
-webkit-transform: translate(0, -56px);
transform: translate(0, -56px);
}
.ol-popup-top.ol-popup.warning {
margin: 28px 10px;
-webkit-transform: none;
transform: none;
}
.ol-popup-left.warning {
margin: -28px -22px;
-webkit-transform: translate(0, -56px);
transform: translate(0, -56px);
}
.ol-popup-top.ol-popup-left.warning {
margin: 28px -22px;
-webkit-transform: none;
transform: none;
}
.ol-popup-right.warning {
margin: -28px 22px;
-webkit-transform: translate(44px, -56px);
transform: translate(44px, -56px);
}
.ol-popup-top.ol-popup-right.warning {
margin: 28px 22px;
-webkit-transform: translate(44px, 0);
transform: translate(44px, 0);
}
.ol-popup-middle.warning {
margin:0;
-webkit-transform: none;
transform: none;
}
.ol-popup-left.ol-popup-middle.warning {
margin:0 22px;
-webkit-transform: none;
transform: none;
}
.ol-popup-right.ol-popup-middle.warning {
margin:0 -22px;
-webkit-transform: translate(-44px, 0);
transform: translate(-44px, 0);
}
.ol-popup.warning .anchor {
margin: -33px 7px;
} 
.ol-popup.warning .anchor:before {
content:"";
border-color: #f00 transparent;
border-style: solid;
border-width: 30px 11px;
}
.ol-popup-top.warning .anchor:before {
border-top:0;
top:0;
}
.ol-popup-bottom.warning .anchor:before {
border-bottom:0;
bottom:0;
}
.ol-popup-center.warning .anchor:before {
margin: 0 -21px;
}
.ol-popup-middle.warning .anchor:before {
margin: -10px -33px;
border-color: transparent #f00;
border-width:10px 22px;
}
.ol-popup-middle.ol-popup-left.warning .anchor:before {
border-left:0;
}
.ol-popup-middle.ol-popup-right.warning .anchor:before {
border-right:0;
}
.ol-popup .ol-popupfeature table {
width: 100%;
}
.ol-popup .ol-popupfeature table td {
max-width: 25em;
overflow: hidden;
text-overflow: ellipsis;
}
.ol-popup .ol-popupfeature table td img {
max-width: 100px;
max-height: 100px;
}
.ol-popup .ol-popupfeature tr:nth-child(2n+1) {
background-color: #eee;
}
.ol-popup .ol-popupfeature .ol-zoombt {
border: 0;
width: 2em;
height: 2em;
display: inline-block;
color: rgba(0,60,136,.5);
position: relative;
background: transparent;
outline: none;
}
.ol-popup .ol-popupfeature .ol-zoombt:before {
content: "";
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1em;
height: 1em;
background-color: transparent;
border: .17em solid currentColor;
border-radius: 100%;
top: .3em;
left: .3em;
}
.ol-popup .ol-popupfeature .ol-zoombt:after {
content: "";
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 1.35em;
left: 1.15em;
border-width: .1em .3em;
border-style: solid;
border-radius: .03em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: -0.2em 0 0 -0.04em;
box-shadow: -0.2em 0 0 -0.04em;
}
.ol-popup .ol-popupfeature .ol-count{
float: right;
margin: .25em 0;
}
.ol-popup .ol-popupfeature .ol-prev,
.ol-popup .ol-popupfeature .ol-next {
border-style: solid;
border-color: transparent rgba(0,60,136,.5);
border-width: .5em 0 .5em .5em;
display: inline-block;
vertical-align: bottom;
margin: 0 .5em;
cursor: pointer;
}
.ol-popup .ol-popupfeature .ol-prev{
border-width: .5em .5em .5em 0;
}
.ol-popup.tooltips.black {
background-color: transparent;
}
.ol-popup.tooltips.black > div {
-webkit-transform: scaleY(1.3);
transform: scaleY(1.3);
padding: .2em .5em;
background-color: rgba(0,0,0, 0.5);
}
.ol-popup-middle.tooltips.black .anchor:before {
border-width: 5px 10px;
margin: -5px -21px;
}
.ol-fixedoverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//parfum7.bg/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - 32px);top:32px}@media screen and (max-width:782px){.admin-bar .pswp{height:calc(100% - 46px);top:46px}}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//parfum7.bg/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//parfum7.bg/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//parfum7.bg/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}