.geotoolbar {
    /*height:32px;
    padding:2px;*/
}
.geotoolbar .ui-widget {
    /*font-size: 0.9em;*/
    font-size: 14px !important;
}

.geotoolbar .ui-menu {
    width: 210px;
}

.geotoolbar .ui-button .ui-icon {
    height: 24px;
    width: 24px;
    left: 50% !important;
    top: 50% !important;
    margin-left: -12px !important;
    margin-top: -12px !important;
}

.geotoolbar .ui-menu-item {
    font-size: 12px !important;
}

.geotoolbar .ui-widget-header {
    border: 0px !important;
    background: none !important;
}

.ui-button.geo-icon-narrow, .geo-icon-narrow:hover, .geo-icon-narrow.ui-state-hover {
    width: 16px !important;

    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;

    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.ui-button:hover {
    outline: 1px solid rgb(55,55,55);
}

.ui-buttonset {
    background: transparent !important;
}

/*.ui-button, .lagenOpenen*//*, #inzomenbtn, #uitzomenbtn*/ /*{
    border-color: rgb(148 163 184) !important;
    border-style: solid !important;
    border-width: 1px !important;

    box-shadow: none !important;

    width: 30px !important;
    height: 30px !important;
}*/


.ui-buttonset > span, ui-buttonset > span > label {
    margin: 0 !important;
}

.geotoolbar .ui-buttonset .ui-button {
    margin: 0 !important;
}

/* Interaction states */

.geotoolbar .green .ui-state-default,
.geotoolbar .green .ui-widget-content .ui-state-default,
.geotoolbar .green .ui-widget-header .ui-state-default {
	border: 1px solid #006838;
	font-weight: normal;
	color: #ffffff;
}
.geotoolbar .green .ui-state-default a,
.geotoolbar .green .ui-state-default a:link,
.geotoolbar .green .ui-state-default a:visited {
	color: #ffffff;
	text-decoration: none;
}
.geotoolbar .green .ui-state-hover,
.geotoolbar .green .ui-widget-content .ui-state-hover,
.geotoolbar .green .ui-widget-header .ui-state-hover,
.geotoolbar .green .ui-state-focus,
.geotoolbar .green .ui-widget-content .ui-state-focus,
.geotoolbar .green .ui-widget-header .ui-state-focus {
	border: 1px solid #006838;
	font-weight: normal;
	color: #026890;
}
.geotoolbar .green .ui-state-hover a,
.geotoolbar .green .ui-state-hover a:hover,
.geotoolbar .green .ui-state-hover a:link,
.geotoolbar .green .ui-state-hover a:visited,
.geotoolbar .green .ui-state-focus a,
.geotoolbar .green .ui-state-focus a:hover,
.geotoolbar .green .ui-state-focus a:link,
.geotoolbar .green .ui-state-focus a:visited {
	color: #026890;
	text-decoration: none;
}
.geotoolbar .green .ui-state-active,
.geotoolbar .green .ui-widget-content .ui-state-active,
.geotoolbar .green .ui-widget-header .ui-state-active {
	border: 1px solid #39b54a;
	background: #1c75bc url("images/ui-bg_gloss-wave_50_64d574_500x100.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #ffffff;
}
.geotoolbar .green .ui-state-active a,
.geotoolbar .green .ui-state-active a:link,
.geotoolbar .green .ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

.geotoolbar .green .ui-state-default{
    background-color:white;
    border: 1px solid #006838;
    color: #ffffff;
    font-weight: normal;
}
 .geotoolbar .green .ui-state-default:hover {
    background-color:#78b6e4;
  }

/* Icons */

.geo-icon-home {
    background-image: url(../img/homeBlauw.png) !important;
}

.geo-icon-back {
    background-image: url(../img/backBlauw.png) !important;
}

.geo-icon-forward {
    background-image: url(../img/forwardBlauw.png) !important;
}

.geo-icon-zoomin {
    background-image: url(../img/inzoomen.png) !important;
}

.geo-icon-zoomout {
    background-image: url(../img/uitzoomen.png) !important;
}

.geo-icon-deselect {
    background-image: url(../img/stopSelectie.png) !important;
}
.geo-icon-bewerk {
    background-image: url(../img/bewerk.png) !important;
}
.geo-icon-measureLijn18 {
    background-image: url(../img/measureBlauw18.png) !important;
    margin-right:4px;
}
.geo-icon-measureLijn {
    background-image: url(../img/measureBlauw.png) !important;
    margin-right:4px;
}

.geo-icon-measurecircle18 {
    background-image: url(../img/cirkel18px.png) !important;
}
.geo-icon-measure {
    background-image: url(../img/measureBlauw.png) !important;
    margin-right:4px;
}

.geo-icon-measurecircle {
    background-image: url(../img/cirkel.png) !important;
}

.geo-icon-measurepolygon {
    background-image: url(../img/polygon.png) !important;
}

.geo-icon-measurepolygon18px {
    background-image: url(../img/polygon18px.png) !important;
}

.geo-icon-info {
    background-image: url(../img/infoBlauw.png) !important;
}
/*Kleine selectie style*/
.geo-icon-selecteer{
	background-image: url(../img/selectBlauw.png) !important;
}
.geo-icon-pdf{
	background-image: url(../img/pdf.png) !important;
}
.geo-icon-selectionrectangle {
    background-image: url(../img/rechthoek.png) !important;
}

.geo-icon-selectionrectangle18px {
    background-image: url(../img/rechthoek18px.png) !important;
}

.geo-icon-selectionpolygon {
    background-image: url(../img/polygon.png) !important;
}

.geo-icon-selectionpolygon18px {
    background-image: url(../img/polygon18px.png) !important;
}

.geo-icon-selectioncircle {
    background-image: url(../img/cirkel.png) !important;
}

.geo-icon-selectioncircle18px {
    background-image: url(../img/cirkel18px.png) !important;
}

.geo-icon-selectionlinestring {
    background-image: url(../img/lijn.png) !important;
}

.geo-icon-selectionlinestring18px {
    background-image: url(../img/lijn18px.png) !important;
}

.geo-icon-reportrectangle {
    background-image: url(../img/rechthoek.png) !important;
}

.geo-icon-reportrectangle18px {
    background-image: url(../img/rechthoek18px.png) !important;
}

.geo-icon-reportpolygon {
    background-image: url(../img/polygon.png) !important;
    /* TODO: De report/selectie-icoontjes zijn 20x20 ipv 16x16 :-\
        background-size: 16px;*/
}

.geo-icon-reportpolygon18px {
    background-image: url(../img/polygon18px.png) !important;
    /* TODO: De report/selectie-icoontjes zijn 20x20 ipv 16x16 :-\
        background-size: 16px;*/
}
.geo-icon-reportcircle {
    background-image: url(../img/cirkel.png) !important;
}

.geo-icon-reportcircle18px {
    background-image: url(../img/cirkel18px.png) !important;
}

.geo-icon-reportlinestring {
    background-image: url(../img/lijn.png) !important;
}

.geo-icon-reportlinestring18px {
    background-image: url(../img/lijn18px.png) !important;
}

.geo-icon-lock {
    background-image: url(../img/lockBlauw.png) !important;
}

.geo-icon-unlocked {
    background-image: url(../img/unlockBlauw.png) !important;
}

.geo-icon-save {
    background-image: url(../img/save.png) !important;
}

.geo-icon-addpoint {
    background-image: url(../img/addpoint.png) !important;
}

.geo-icon-addline {
    background-image: url(../img/lijn.png) !important;
}

.geo-icon-addpolygon {
    background-image: url(../img/addpolygon.png) !important;
}

.geo-icon-delete {
    background-image: url(../img/delete.png) !important;
}

.geo-icon-geometrieovernemen {
    background-image: url(../img/copy-geometry.png) !important;
}

.geo-icon-adreszoeker{
    background-image: url(../img/zoekOpAdres.png) !important;
}

.geo-icon-perceelzoeker{
    background-image: url(../img/zoekOpPerceel.png) !important;
}

.geo-icon-pdokzoeker{
    background-image: url(../img/zoekOpPdok.png) !important;
}

.geo-icon-NazcaBagZoeker{
    background-image: url(../img/zoekOpPdok.png) !important; /*TODO! Add an icon*/
}

#geo-icon-togglelegend {
    background-image: url(../img/lagen.png) !important;
    background-repeat: no-repeat;
}
#geo-icon-select-menu, #geo-icon-report-menu, #geo-icon-meten-menu {
    background-image: url(../img/meeroptieBlauw.png) !important;
    background-repeat: no-repeat;
}

#geo-iconset-tools {
    margin-right:0px;
    background-color:white;
}

#geo-iconset-tools span {
    margin-right:5px;
}


.geolocator-popup {
    background: white;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
    /*transform:  translateY(-8px);*/
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}
    .geolocator-popup.show {
        opacity: 1;
    }