.FooterZoomInOutGeoLocDisplayer {
    width: 30px;
    float: right;
    margin-bottom: 24px;
    height: 100px;
    z-index: 1010;
    display: inline-block;
    margin-right: 20px;
}

/* Dynamic positioning for southFooterRight based on ETB authorization */
.southFooterRight {
    bottom: 25px !important;
}

.southFooterRight.with-custom-group {
    bottom: 67px !important;
}

    .FooterZoomInOutGeoLocDisplayer > .buttonGeoloc {
        float: left;
        width: 29px;
        height: 29px;
        margin-bottom: 13px;
        background: url('location.png') no-repeat center;
        background-color: #FFFFFF;
        border-radius: 2px;
        opacity: 1;
        cursor: pointer;
        box-shadow: 0px 3px 6px #00000066;
    }

    .FooterZoomInOutGeoLocDisplayer > .buttonOut {
        float: left;
        width: 29px;
        height: 29px;
        background: url('zoom_out.png') no-repeat center;
        background-color: #FFFFFF;
        cursor: pointer;
        border-radius: 0px 0px 2px 2px;
        box-shadow: 0px 3px 6px #00000066;
    }

    .FooterZoomInOutGeoLocDisplayer > .buttonCustomGroupFilter {
        float: left;
        width: 29px;
        height: 29px;
        margin-bottom: 13px;
        background-color: #FFFFFF;
        border-radius: 2px;
        cursor: pointer;
        box-shadow: 0px 3px 6px #00000066;
        text-align: center;
        line-height: 29px;
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        transition: all 0.3s ease;
        user-select: none;
        display: none; /* Hidden by default until authorization check */
    }

    .FooterZoomInOutGeoLocDisplayer > .buttonCustomGroupFilter[on="on"] {
        background-color: #4CAF50;
        color: #FFFFFF;
    }

    .FooterZoomInOutGeoLocDisplayer > .buttonCustomGroupFilter[on="off"] {
        background-color: #FFFFFF;
        color: #666666;
    }

    .FooterZoomInOutGeoLocDisplayer > .buttonCustomGroupFilter:hover {
        opacity: 0.8;
    }

    .FooterZoomInOutGeoLocDisplayer > .buttonCustomGroupFilter:disabled,
    .FooterZoomInOutGeoLocDisplayer > .buttonCustomGroupFilter[disabled="disabled"] {
        opacity: 0.5;
        cursor: not-allowed;
        background-color: #F0F0F0;
        color: #999999;
    }

    .FooterZoomInOutGeoLocDisplayer > .buttonIn {
        float: left;
        width: 29px;
        height: 29px;
        background: url('zoom_in.png') no-repeat center;
        background-color: #FFFFFF;
        border-radius: 2px 2px 0px 0px;
        cursor: pointer;
        box-shadow: 0px 3px 6px #00000066;
    }