/*Deze css is alleen bedoeld om de panel smaller te laten zijn dan standaard bij jquery mobile. De verschllende regels zijn aangepaste kopieen van de jquery mobile style sheet.
Omdat deze css file later geladen wordt worden de style eigenschappen overschreven*/
.ui-panel-position-left.ui-panel-display-reveal, .ui-panel-position-left.ui-panel-open {
left: 0;
width: 115px;
}

.ui-panel{
	width:115px;
}
	
.ui-panel-position-left{
	left:-115px;
}

.ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay,.ui-panel-animate.ui-panel-position-left.ui-panel-display-push{
	left:0;
	-webkit-transform:translate3d(-115px,0,0);
	-moz-transform:translate3d(-115px,0,0);
	transform:translate3d(-115px,0,0)
}

.ui-panel-position-right{
	right:-115px
}

.ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay,.ui-panel-animate.ui-panel-position-right.ui-panel-display-push{
	right:0;
	-webkit-transform:translate3d(115px,0,0);
	-moz-transform:translate3d(115px,0,0);
	transform:translate3d(115px,0,0)
}

.ui-panel-page-content-position-left{
	left:115px;
	right:-115px
}

.ui-panel-animate.ui-panel-page-content-position-left{
	left:0;
	right:0;
	-webkit-transform:translate3d(115px,0,0);
	-moz-transform:translate3d(115px,0,0);
	transform:translate3d(115px,0,0)
}

.ui-panel-page-content-position-right{
	left:-115px;
	right:115px
}

.ui-panel-animate.ui-panel-page-content-position-right{
	left:0;
	right:0;
	-webkit-transform:translate3d(-115px,0,0);
	-moz-transform:translate3d(-115px,0,0);
	transform:translate3d(-115px,0,0)
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-left{
	left:115px
}

.ui-panel-dismiss-open.ui-panel-dismiss-position-right{
	right:115px
}

@media (min-width:55em){
	.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left{
		margin-right:115px
	}

	.ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right{
		margin-left:115px
	}

	.ui-responsive-panel .ui-panel-page-content-open{
		width:auto
	}

	.ui-responsive-panel .ui-panel-dismiss-display-push,.ui-responsive-panel.ui-page-active~.ui-panel-dismiss-display-push{
		display:none
	}

}
.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;  
	text-align:center;
	}
	
.leaflet-popup {
position: absolute;
text-align: center;
width:35px;
margin:0px;
border:0px;
padding:0px;
}
.leaflet-popup-content-wrapper {
padding: 2px;
text-align: center;
-webkit-border-radius: 35px;
border-radius: 35px;
}
.leaflet-popup-content {
margin: 1px -10px;
line-height: 1;
}
.leaflet-popup-content p {
margin: 0px -10px;
}
.leaflet-popup-tip-container {
margin: 0 auto;
width: 20px;
height: 20px;
position: relative;
overflow: hidden;
}
.leaflet-popup-tip {
width: 10px;
height: 10px;
padding: 0px;


margin: -5px auto 0;

-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper{
background: rgba(238,242,247,0.7);

box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-popup-tip {
background: rgba(255,255,255,0.7);

box-shadow: 0 3px 14px rgba(0,0,0,0);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 5px 0 0;
text-align: center;
width: 0px;
height: 0px;
font: 0px/0px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}