/**
 * The zoomslider in the second map shall be placed between the zoom-in and
 * zoom-out buttons.
 */

/*.ol-zoomslider {*/
    /*top: 4.5em;*/
    /*left: .7em;*/
    /*width: 1.375em;*/
    /*height: 100px*/
/*}*/

/*.ol-zoomslider-thumb {*/
    /*position: absolute;*/
    /*background: #7b98bc;*/
    /*background: rgba(0, 60, 136, .5);*/
    /*border-radius: 2px;*/
    /*cursor: pointer;*/
    /*height: 10px;*/
    /*width: 21px;*/
    /*margin: 0;*/
/*}*/

/*.ol-zoom .ol-zoom-out {*/
    /*margin-top: 104px;*/
/*}*/
/*.ol-zoomslider {*/
    /*background-color: transparent;*/
    /*top: 2.3em;*/
/*}*/

/*.ol-touch .ol-zoom .ol-zoom-out {*/
    /*margin-top: 112px;*/
/*}*/
/*.ol-touch .ol-zoomslider {*/
    /*top: 2.75em;*/
/*}*/

/*.ol-zoom-in.ol-has-tooltip:hover [role=tooltip],*/
/*.ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {*/
    /*top: 3px;*/
/*}*/

/*.ol-zoom-out.ol-has-tooltip:hover [role=tooltip],*/
/*.ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {*/
    /*top: 232px;*/
/*}*/

.ol-zoom {
    left: 10px;
    top:38px;
}

.ol-control {
    position: absolute;
    /*background-color: #eee;*/
    /*background-color: rgba(255, 255, 255, .4);*/
    background: none;
    border-radius: 0;
    padding: 0;
}

.ol-control:hover {
    background-color: transparent;
    /*background: none;*/
}

.ol-zoomslider {
    top: 56px;
    left: 10px;
    width: 18px;
    height: 88px;
}

.ol-zoomslider-thumb {
    position: absolute;
    /*background: #7b98bc;*/
    /*background: rgba(0, 60, 136, .5);*/
    /*border-radius: 2px;*/
    background: url("../../js/plugins/mapsGraph/img/slider.png");
    cursor: pointer;
    height: 9px;
    width: 20px;
    margin: 0 0 0 -1px;
}

.ol-control button {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    color: #fff;
    /*font-size: 1.14em;*/
    /*font-weight: 700;*/
    text-decoration: none;
    text-align: center;
    height: 18px;
    width: 18px;
    /*line-height: .4em;*/
    background: none;
    /*background-color: rgba(0, 60, 136, .5);*/
    border: none;
    /*border-radius: 2px;*/
}

.ol-control button:focus,
.ol-control button:hover {
    text-decoration: none;
    background-color: transparent;
}

.ol-zoom .ol-zoom-in {
    background: url("../../js/plugins/mapsGraph/img/zoom-plus-mini.png");
    border-radius: 0;
}

.ol-zoom .ol-zoom-out {
    background: url("../../js/plugins/mapsGraph/img/zoom-minus-mini.png");
    border-radius: 0;
    margin-top: 88px;
}

.ol-control-kml-toggler{
    top: 10px;
    left: 60px;
}

.ol-control-kml-toggler button,
.ol-control-kml-toggler button:hover,
.ol-control-kml-toggler button:focus{
    background: #00008B !important;
    font-size: 10px !important;
    color: white !important;
    width: 40px;
}

.ol-control-map-toggler{
    top: 10px;
    left: 10px;
}

.ol-control-map-toggler button,
.ol-control-map-toggler button:hover,
.ol-control-map-toggler button:focus{
    background: #00008B !important;
    font-size: 10px !important;
    color: white !important;
    width: 40px;
}





.ol-zoomslider {
    background: url("../../js/plugins/mapsGraph/img/zoombar.png");
    top: 56px;
}

.ol-touch .ol-zoom .ol-zoom-out {
    margin-top: 112px;
}
.ol-touch .ol-zoomslider {
    top: 2.75em;
}

.ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
.ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
    top: 3px;
}

.ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
.ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
    top: 232px;
}

.ol-mouse-position{
    bottom: 8px;
    right: 8px;
    top: auto;
    position: absolute;
}


.map-tooltip{
    background-color:#FFFFE1;
    border:1px solid #000;
    padding:2px 3px;
    z-index:10000;
    position: absolute;
    top: -10000px;
    left: -10000px;
}


.ol-control-pie-size{
    left: 10px;
    height: 124px;
    top: 200px;
    width: 18px;
}

.ol-control-pie-size .ol-zoom-in {
    background: url("../../js/plugins/mapsGraph/img/zoom-plus-mini.png");
    border-radius: 0;
}

.ol-control-pie-size .ol-zoom-out {
    background: url("../../js/plugins/mapsGraph/img/zoom-minus-mini.png");
    border-radius: 0;
}

.ol-control-pie-size-scale{
    background: url("../../js/plugins/mapsGraph/img/zoombar.png") no-repeat;
    height: 88px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 18px;
}

.ol-control-pie-size-slider{
    height: 77px;
    margin-top: 11px;
    width: 18px;
}

.ol-control-pie-size-slider .ui-slider-handle,
.ol-control-pie-size-slider .ui-slider-handle.ui-state-hover{
    background: url("../../js/plugins/mapsGraph/img/slider.png");
    border: 0;
    cursor: pointer;
    height: 9px;
    left: 0;
    margin: 0 0 0 -1px;
    position: absolute;
    width: 20px;
}