#mappaint-map{position:absolute;top:0;right:0;left:0;bottom:0}canvas.mappaint-canvas{cursor:crosshair;position:absolute;z-index:999;top:0;right:0;left:0;bottom:0}#mappaint-colors{position:absolute;right:0;top:0;bottom:0}#mappaint-colors div{width:6em;height:3em}.mappaint-control{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mappaint-control>div{background:rgba(255,255,255,.8);border-radius:4px;padding:4px;width:230px;position:relative;z-index:3}.leaflet-left .mappaint-control>div{width:auto}.mappaint-control>div>*{display:inline-block}.mappaint-color,.mappaint-eraser{margin:.4em;width:2.3em;height:2.3em;border-radius:50% 43%;box-shadow:-3px -4px 0 0 rgba(0,0,0,.35) inset,2px 2px 0 0 rgba(255,255,255,.3) inset;cursor:pointer}.mappaint-color.selected{box-shadow:3px 4px 0 0 rgba(0,0,0,.52) inset,-2px -2px 0 0 rgba(255,255,255,.35) inset}.mappaint-color:hover,.mappaint-eraser:hover{box-shadow:-3px -4px 0 0 rgba(0,0,0,.55) inset,2px 2px 0 0 rgba(255,255,255,.5) inset}.mappaint-color.selected:hover{box-shadow:3px 4px 0 0 rgba(0,0,0,.65) inset,-2px -2px 0 0 rgba(255,255,255,.5) inset}.mappaint-eraser{text-align:center;background:-webkit-linear-gradient(left,#5981d8 39%,#ff003d 39%);background:-moz-linear-gradient(left,#5981d8 39%,#ff003d 39%);background:linear-gradient(left,#5981d8 39%,#ff003d 39%);border-radius:20% 30%;height:16px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:0;width:28px;position:relative;top:10px;margin-right:10px;margin-left:10px}.mappaint-eraser.selected{background:-webkit-linear-gradient(left,#4369bb 39%,#ff0606 39%);background:-moz-linear-gradient(left,#4369bb 39%,#ff0606 39%);background:linear-gradient(left,#4369bb 39%,#ff0606 39%)}.mappaint-eraser:hover{color:#880e4f}.leaflet-mappaint{background:#fff}.leaflet-mappaint button{padding:1em;padding:20px}.mappaint-filler{cursor:pointer;height:25px;width:25px;background:#2c4e74;margin-top:8px;margin-left:9px;margin-bottom:15px;border-radius:3px;box-shadow:1px 1px 0 2px rgba(0,0,0,.13) inset;flex-shrink:0;margin-right:11px}.mappaint-filler:after{content:"\00a0";height:25px;width:25px;background:#ff2400;border-radius:50%;display:block;position:relative;top:8px;left:8px;box-shadow:1px 1px 0 2px rgba(255,255,255,.3) inset}.mappaint-filler.enabled:after{z-index:-1}.mappaint-control .action-button-save{background:#5f6264;border:0;width:60px;border-radius:4px;color:#fff;box-shadow:-2px -2px 0 1px rgba(0,0,0,.5) inset;height:26px;margin:2px;padding:4px}.mappaint-control .action-button-save:active{background:#525456;box-shadow:2px 2px 0 1px rgba(0,0,0,.5) inset}.mappaint-pencil{margin:1px;background:#fff;text-align:center;padding:4px 14px 4px 32px;border-radius:4px;height:28px;line-height:28px;box-shadow:-2px -1px 0 1px rgba(0,0,0,.1) inset;cursor:pointer;color:#000}.mappaint-pencil.selected{background-color:#f0f0f0}@media screen and (max-width:800px){.leaflet-right .mappaint-control{margin-top:70px}}@media screen and (max-width:600px){.leaflet-right .mappaint-control{margin-top:110px}}.mappaint-crayonpencil,.mappaint-proceduralpencil,.mappaint-uglyfeltpen{background:#fff url(../img/icons/ic_edit_black_24dp.png) no-repeat 4px center}.mappaint-circlespencil{background:#fff url(../img/icons/ic_grain_black_24dp.png) no-repeat 4px center}.mappaint-stripespencil{background:#fff url(../img/icons/ic_texture_black_24dp.png) no-repeat 4px center}.mappaint-switch{cursor:pointer;height:32px;width:32px;background:#fff url(../img/icons/ic_edit_black_24dp.png) no-repeat center center}.mappaint-switch.enabled{background:#fff url(../img/icons/ic_close_black_24dp.png) no-repeat center center}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.mappaint-crayonpencil,.mappaint-proceduralpencil,.mappaint-uglyfeltpen{background-image:url(../img/icons/ic_edit_black_48dp.png);background-size:24px 24px}.mappaint-circlespencil{background-image:url(../img/icons/ic_grain_black_48dp.png);background-size:24px 24px}.mappaint-stripespencil{background-image:url(../img/icons/ic_texture_black_48dp.png);background-size:24px 24px}.mappaint-switch{background-image:url(../img/icons/ic_edit_black_48dp.png);background-size:24px 24px}.mappaint-switch.enabled{background-image:url(../img/icons/ic_close_black_48dp.png);background-size:24px 24px}}