.esriSimpleSlider {
    border: none;
    background-color: transparent;
}

.esriSimpleSlider div {
    cursor: pointer;
    font-family: verdana,helvetica;
    font-size: 24px;
    height: 37px;
    line-height: 25px;
    width: 37px;
}

.esriSimpleSliderTL {
    left: 55px;
    top: 20px;
}

.esriSimpleSliderVertical .esriSimpleSliderIncrementButton {
    background-image: url("../images/nav-plus-inactive.svg");
    border-bottom: none;
    height: 37px;
    width: 37px;
    background-size: 37px;
}

.esriSimpleSliderDecrementButton {
    background-image: url("../images/nav-minus-inactive.svg");
    position: absolute;
    top: 70px;
    width: 37px;
    height: 37px;
    background-size: 37px;
}

.esriSimpleSliderIncrementButton:hover {
    background-color: transparent;
    background-image: url("../images/nav-plus.svg");
}

.esriSimpleSliderDecrementButton:hover {
    background-color: transparent;
    background-image: url("../images/nav-minus.svg");
}
.esriSimpleSliderDisabledButton, .esriSimpleSliderDisabledButton:hover{
    /*background-image: url("../images/nav_minus_blocked.png");*/
    background-color: transparent;
}

.LocateButton .zoomLocateButton {
    background-color: transparent;
    background-image: url("../images/nav-locate-inactive.svg");
    background-size: 37px auto;
    border: medium none;
    cursor: pointer;
    height: 37px;
    left: -2px;
    position: absolute;
    top: 223px;
    width: 37px;
}

.LocateButton .zoomLocateButton:hover {
    background-color: transparent;
    background-image: url("../images/nav-locate.svg");
    background-size: 37px auto;
    border: medium none;
    cursor: pointer;
    height: 37px;
    left: -2px;
    position: absolute;
    top: 223px;
    width: 37px;
}

.LocateButton .zoomLocateButton.tracking {
    background-color: transparent;
    background-image: url("../images/nav-locate-active.svg") !important;
    border: none;
}

#fullExtentBtn {
    left: 0px;
    position: absolute;
    top: 35px;
    width: 37px;
}

/*#fullExtentBtn:hover {
    background: url("../images/fullExtent.svg") no-repeat scroll 0 0 / 37px auto transparent;
}*/

#zoomByExtentBtn {
    background: url("../images/nav-magnifier-inactive.svg") no-repeat scroll 0 0 / 37px auto transparent;
    left: 0px;
    position: absolute;
    top: 190px;
	width: 37px;
}

#zoomByExtentBtn:hover {
    background: url("../images/nav-magnifier.svg") no-repeat scroll 0 0 / 37px auto transparent;
}

#zoomByExtentBtn.activeBtn {
    background: url("../images/nav-magnifier.svg") no-repeat scroll 0 0 / 37px auto transparent;
}

/*ukrycie domyślnego guzika dla narzędzia lokalizacji*/
/*.locateContainer{
    display:block;
    z-index: 30;
}*/

#navigation{
    top: 10px;
    left:15px;
    position:absolute;
    z-index:30;
}

.nav{
    display:none;
}

.dijitToasterMessage{ 
    color:#fff;
}

.dijitToasterContent {
    padding:1em;
    padding-top:0.25em;
    background:#0088ce;
    border-radius: 8px;
}

#previousViewBtn {
    background: url("../images/prevView-inactive.svg") no-repeat scroll 0 0 / 37px auto transparent;
    cursor: pointer;
    left: 0px;
    position: absolute;
    top: 120px;
    width: 37px;
/*    opacity: 0.5;*/
    display: inline-block;
}

#previousViewBtn:hover {
    background: url("../images/prevView.svg") no-repeat scroll 0 0 / 37px auto transparent;
}

/*#previousViewBtn.disabledBtn {
	display: none;
}*/

#nextViewBtn {
    background: url("../images/nextView-inactive.svg") no-repeat scroll 0 0 / 37px auto transparent;
    cursor: pointer;
    left: 0px;
    position: absolute;
    top: 155px;
    width: 37px;
/*    opacity: 0.5;*/
}

#nextViewBtn:hover {
    background: url("../images/nextView.svg") no-repeat scroll 0 0 / 37px auto transparent;
}

/*#nextViewBtn.disabledBtn {
	display: none;
}*/