.mapp-layout{border:1px solid #d3d3d3;color:#000;margin:5px;max-width:none!important;min-width:100px;padding:0;font-family:sans-serif}.mapp-layout *{box-sizing:border-box;font-size:13px}.mapp-layout input,.mapp-layout button,.mapp-layout select,.mapp-layout textarea,.mapp-layout p,.mapp-layout a{font-family:sans-serif}.mapp-layout .mapp-wrapper{min-height:50px;position:relative}.mapp-layout .mapp-content{display:flex;flex-direction:column;position:absolute;top:0;left:0;bottom:0;right:0}.mapp-layout .mapp-main{display:flex;flex:1;overflow:hidden;position:relative}.mapp-hidden{display:none}.mapp-canvas-panel{flex:1;height:100%;margin:0;overflow:hidden!important;padding:0!important;position:relative}.mapp-canvas{height:100%;word-wrap:normal}.mapp-canvas img{background:0 0;box-shadow:none!important;border-radius:0!important;visibility:inherit!important}.leaflet-container .leaflet-control-attribution *{font-size:8px}.leaflet-popup-close-button{box-shadow:none!important;text-decoration:none!important}a.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-decoration:none!important}@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){background-size: 640px 640px; } .mapp-dialog { background-color: white; color: black; display: none; min-height: 40px; opacity: .95; padding: 10px; position: absolute; text-align: center; top: 0; left: 0; right: 0; z-index: 1000; } .mapp-dialog .mapp-spinner { display: inline-block; } .mapp-list { display : none; } .mapp-has-list .mapp-list { background-color: white; border-right: 1px solid lightgray; display: flex; flex-direction: column; max-width: 45%; position: relative; transition-property : all; transition-duration: .1s; width: 0; } .mapp-list-open .mapp-list { width: 250px; } .mapp-list-toggle { align-items: center; background-color: white; border: 1px solid lightgray; display: flex; height: 40px; justify-content: center; margin: auto; position: absolute; top: 0; left: 100%; bottom: 0; width: 20px; z-index: 1000; } .mapp-list-toggle::before { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid black; content: ''; } .mapp-list-open .mapp-list-toggle::before { width: 0; height: 0; border-left: none; border-right: 6px solid black; } .mapp-list .mapp-list-header { border-bottom: 1px solid lightgray; padding: 5px; text-align: center; } .mapp-list .mapp-items { overflow: auto; } .mapp-list .mapp-item { border-bottom: 1px solid lightgray; cursor: pointer; overflow: hidden; padding: 5px; } .mapp-list .mapp-item.mapp-selected { background-color: #f6f6f6; } .mapp-list .mapp-item.mapp-selected .mapp-title { font-weight: 500; } .mapp-list .mapp-item:hover { background-color: #f6f6f6; } .mapp-list .mapp-item .mapp-title { overflow: hidden; vertical-align: middle; } .mapp-list .mapp-item .mapp-icon { border: none; float: left; margin-right: 5px; max-width: 24px !important; max-height: 24px; padding: 0; } .mapp-header { background-color: #eee; border-bottom: 1px solid lightgray; display: flex; } .mapp-header-button { cursor: pointer; min-width: 70px; padding: 5px; text-align: center; text-transform: uppercase; } .mapp-search { flex: 1; position: relative; } .mapp-search input.mapp-error { outline: 1px solid red !important; } .mapp-search input.mapp-places { background-color: white !important; color: black !important; } .mapp-search ::placeholder { color: black !important; } .mapp-search .mapp-geolocate { background: white url('../images/geolocate-2x.png') no-repeat center center; background-size: 18px 18px; height: 18px; margin: -9px 10px; position: absolute; top: 50%; right:0; width: 18px; } .mapp-places { border: 1px solid #bbb ; box-shadow: none ; color: black ; height: 34px ; line-height: 34px ; margin: 0 ; padding: 5px 28px 5px 5px ; vertical-align: middle ; width: 100% ; } .mapp-search .ui-autocomplete { background: none; background-color: white; border: 1px solid lightgray; box-shadow: 0px 1px 2px grey; color: inherit; cursor: pointer; font: inherit; list-style: none; margin: 0; max-width: 100%; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; z-index: 10000; } .mapp-search .ui-autocomplete li.ui-menu-item { background-color: inherit; border-bottom: 1px solid lightgray; border-top: none; border-right: none; border-left: none; box-shadow: none; color: inherit; cursor: inherit; font: inherit; margin: 0; padding: 5px; } .mapp-search .ui-autocomplete li.ui-menu-item:hover { background-color: #fafafa; } .mapp-search .ui-autocomplete div.ui-menu-item-wrapper { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .mapp-search .ui-autocomplete li.ui-state-focus { background-image: none; background-color: #f6f6f6; } .mapp-filters-toggle { vertical-align: middle; } .mapp-filters { background-color: white; border-bottom: 1px solid lightgray; display: none; max-height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .mapp-filters-list { flex: 1; overflow: auto; padding: 5px 10px 5px 10px; } .mapp-filters-toolbar { border-top: 1px solid lightgray; padding: 5px; } .mapp-filter { margin-bottom: 5px; } .mapp-filter-label { font-weight: bold; } .mapp-filter.mapp-select .mapp-filter-label { display: inline-block; margin-right: 20px; } .mapp-filter.mapp-select .mapp-filter-values { display: inline-block; } .mapp-filter-values { display: flex; display: grid; grid-template-columns: auto auto auto auto; } .mapp-filter-values>label { display: inline-block; font-weight: normal; margin-right: 10px; white-space: nowrap; } .mapp-filter-values input[type=checkbox] { margin-right: 5px; } .mapp-filters-reset { float: right; } .mapp-layout .leaflet-popup-content { height: auto !important; width: auto !important; } .mapp-iw { display: flex; flex-direction: column; min-width: 150px; overflow: hidden; } .mapp-layout .mapp-iw * { color: black; line-height: normal; margin: 0; padding: 0; } .mapp-iw p { margin: 5px 0 5px 0 !important; } .mapp-iw .mapp-body { flex: 1; overflow: auto; overflow-wrap: break-word; } .mapp-iw .mapp-title { font-weight: bold; } .mapp-iw .mapp-body .wp-post-image { padding-right: 10px !important; vertical-align: top; float: left; margin: 3px 3px 3px 0px; width: 32px; height: 32px; } .mapp-iw .mapp-links { clear: both; white-space: nowrap; margin: 0 !important; padding-top: 4px !important; } .mapp-iw a,.mapp-iw a:link,.mapp-iw a:active,.mapp-iw a:visited,.mapp-iw a:hover { border: none !important; box-shadow: none !important; color: #4272db !important; text-decoration: none !important; } .mapp-ib-wrapper { display: none; position: absolute; z-index: 100; } .mapp-ib-wrapper.mapp-open { display: flex; flex-direction: column; } :fullscreen~.mapp-ib-wrapper { z-index: 10000000000; } :-webkit-full-screen~.mapp-ib-wrapper { z-index: 10000000000; } :-moz-full-screen~.mapp-ib-wrapper { z-index: 10000000000; } :-ms-fullscreen~.mapp-ib-wrapper { z-index: 10000000000; } .mapp-ib { background-color: white; border: 1px solid lightgray; box-sizing: border-box; outline: none; overflow: hidden; padding: 10px; } .mapp-ib-tip { height: 10px; z-index: 1; } .mapp-ib-tip:after { border-top: 10px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: none; content: ""; width: 0; height: 0; font-size: 0; left: 50%; line-height: 0; margin-left: -10px; margin-top: -1px; position: absolute; } .mapp-inline .mapp-main { flex-direction: column-reverse; } .mapp-inline .mapp-list { border-right: none; border-top: 1px solid lightgray; max-height: 250px; max-width: none; width: auto; } .mapp-inline .mapp-directions { width: auto; } .mapp-view-filters .mapp-filters { display: flex; flex-direction: column; z-index: 1001; } .mapp-view-menu .mapp-menu { display: block; } .mapp-view-directions .mapp-directions { display: block; } .mapp-view-directions .mapp-list { display: none; } .mapp-footer { background-color: #f5f5f5; border-top: 1px solid lightgray; display: none; padding: 7px; text-align: center; } .mapp-footer [data-mapp-action=view-map] { display: none; } .mapp-view-mini .mapp-main { flex-direction: column-reverse; } .mapp-view-mini .mapp-main { position: relative; } .mapp-view-mini .mapp-list { bottom: 0; height: 0; max-width: none; position: absolute; transition-property : all; transition-duration: .3s; width: 100%; z-index: 10000; } .mapp-view-mini.mapp-list-open .mapp-list { height: 100%; } .mapp-view-mini.mapp-poi-open .mapp-list { height: 0; } .mapp-view-mini .mapp-footer { display: block; } .mapp-view-mini.mapp-list-open .mapp-footer [data-mapp-action=view-list] { display: none; } .mapp-view-mini.mapp-list-open .mapp-footer [data-mapp-action=view-map] { display: block; } .mapp-directions { background-color: white; display: none; padding: 10px; position: relative; overflow: auto; width: 250px; } .mapp-view-mini .mapp-directions { width: auto; } .mapp-directions input { border: 1px solid gray; padding: 3px; } .mapp-dir-toolbar { margin-top: 10px; } .mapp-dir-google { float: right; } .mapp-dir-swap { display:inline-block; border: none !important; text-align: center ; vertical-align: middle ; width: 24px ; height: 24px ; line-height: 24px ; background-color: transparent; padding: 0px ; margin: 0px ; position: relative; vertical-align: bottom; } .mapp-route { margin: 10px 0 0px 0 ; } .mapp-dir-saddr,.mapp-dir-daddr { width: 80% ; line-height: normal ; } .mapp-dir-saddr { margin-bottom: 5px; } .mapp-dir-arrows { background: transparent url('../images/directions.png') no-repeat center center; background-position: -10px -489px; cursor: pointer; display: inline-block; height: 12px; margin: 0; padding: 0; position: relative; top: 10px; left: 5px; vertical-align: middle; width: 10px; } .mapp-menu-toggle { background: white url('../images/menu-2x.png') no-repeat center center; background-size: 24px 24px; box-shadow: rgba(0,0,0,0.298039) 0px 1px 4px -1px; color: #777; cursor: pointer; height: 29px; outline: none; outline: none; position: absolute; top: 10px; left: 10px; bottom: 0; right: 0; width: 32px; z-index: 1000; } .mapp-menu { background-color: white; border: 1px solid lightgray; color: #606060; cursor: default; display: none; overflow: auto; padding: 5px 0 5px 0; position: absolute; top: 0; left: 0; bottom: 0; width: 150px; z-index: 1001; } .mapp-menu-item { cursor: pointer; line-height: 20px; padding: 5px 10px 5px 10px; } .mapp-menu-item:hover { background-color: #f8f8f8; color: black; } .mapp-menu-item.mapp-active { background-color: #f6f6f6; color: black; font-weight: bold; } .mapp-menu-separator { padding: 0; border-bottom: 1px solid lightgray; } .mapp-table { display: table; width: 100%; } .mapp-table>div { display: table-row; } .mapp-table>div>div,.mapp-table>div>label { display: table-cell; } .mapp-align-left { float: left; } .mapp-align-right { float: right; } .mapp-align-center { margin-left: auto; margin-right: auto; } .mapp-align-default {} .mapp-close { color: gray; cursor: pointer; display: inline-block; font-family: "Helvetica Neue",helvetica,arial,sans-serif; font-size: 18px; font-weight: bold; height: 20px; line-height: 20px; position: absolute; text-align: center; top: 0px; right: 0px; width: 20px; z-index: 1; } .mapp-close:after { content: "x"; } .mapp-close:hover { color: black; } img.mapp-icon,.mapp-icon img { max-width: 24px !important; max-height: 24px; vertical-align: middle; box-shadow: none !important; } .mapp-error { background-color: #ffebe8; margin: 0; padding: 2px; background-color: pink; border: 1px solid red !important; } .mapp-spinner { background: transparent url(../images/loading.gif) no-repeat center center; height:16px; width: 16px; margin-left: 10px; margin-right: 10px; } *[data-mapp-action] { cursor: pointer; } .mapp-max { width: 100%; } .mapp-caret:after { content: ""; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid black; border-bottom: none; margin-left: 5px; vertical-align: middle; } .mapp-button,.mapp-button-submit { color: #666; margin-right: 5px; text-transform: uppercase; } .mapp-button-submit { color: #4285F4; }}