/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px 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;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}


 .leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url('images/spritesheet.png');background-image:linear-gradient(transparent,transparent),url('images/spritesheet.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url('images/spritesheet-2x.png');background-image:linear-gradient(transparent,transparent),url('images/spritesheet.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:rosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}c


 /* css comment 2011-08-19 10:48  ../cache.manifest */
/* fileupload */
@charset "UTF-8";
.btn{display:inline-block;*display:inline;padding:4px 12px;margin-bottom:0;*margin-left:.3em;font-size:14px;line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;border:1px solid #bbbbbb;*border:0;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-bottom-color:#a2a2a2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);*zoom:1;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);}
.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress .bar{float:left;width:0;height:100%;font-size:12px;color:#ffffff;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
.progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15),inset 0 -1px 0 rgba(0, 0, 0, 0.15);}
.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);}
.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);}
.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
#qsxpopupdiv {padding:10px; border-radius:8px; background-image:linear-gradient(to top, silver 0%, #ddd 50%)}
.whitedigital   { background-color:white; font-weight:bolder}
.tdimg {height:2em;}
.tdimgg {color:#AE8}
.center {text-align:center}
/* hover auf mobilen Geräten ist nicht gut 2023-07-27 07:43  
td[onclick]:hover{opacity:0.3;}
span[onclick]:hover{opacity:0.3}
div[onclick]:hover{opacity:0.5}
*/
/* für trac darstellungen */

.flexcont   { border:10px ridge silver;display:flex}
.screentab  {text-align:center; width:100%; font-family:arial}
.bordertab   {border-radius:20px;border:10px ridge #ddd; background-color:#f8f8f8;}

.butstart    {text-align:center; background:#8b8; color:white}
.butblue     {text-align:center; background:blue; color:white}
.butgruppe   {text-align:center; background:#ffff80}
.butlupe     {text-align:center; background:lightblue}
.butliste    {text-align:center; background:lightgreen}
.butgras     {text-align:center; background:#564; color:white; height:2em;}
.butgraslist {text-align:center; background:#564; color:lightgreen}
.butgrastier {text-align:center; background:#564; color:yellow}




.vertical {
    transform: rotate(90deg);
    transform-origin: left top 0;
}
.padzahl {padding-left:1em;padding-right:0.5em;text-align:right}
.fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
  }

#cross {
  background: #880000;
    height: 3em;
  position: relative;
    width: 1em;
    left: 1.35em;
    border-radius: 5px;
}
#cross:after {
  background: #880000;
    content: "";
  height: 1em;
    left: -1em;
  position: absolute;
    top: 1em;
  width: 3em;
    border-radius:5px;
  }

#lupe
{
 font-size: 2em; /* This controls the size. */
 display: inline-block;
 width: 0.5em;
 height: 0.5em;
 border: 0.1em solid black;
 position: relative;
 border-radius: 0.35em;
}
#lupe:before
{
 content: "";
 display: inline-block;
 position: absolute;
 right: -0.4em;
 bottom: -0.2em;
 border-width: 0;
 background: black;
 width: 0.5em;
 height: 0.12em;
 -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
}

.label8 {display:inline-block; width:8em}
.rund {border-radius:1em}
.hilfe {background-color:silver;
        border-radius:0.3em}
.leer {color:grey}
.boxrund {
       border-radius:0.3em;
       padding:3px;
       font-weight:bold }
.qsx { background-color:#f44;
       text-align:center;
       color:white;
       border-radius:0.3em;
       padding:0.1em;
       font-weight:bold }
* {font-family: FreeSans,Helvetica,verdana,sans-serif; }
TH { background-color:#DFEBF6}
  div#all        {position: fixed;    top:0;   bottom: 100%; left:0;    right:100%; z-index:11}
  div#main       {background: white; margin-right: 2px; color: black; z-index:0; overflow:auto; }

.fett        { font-weight:bold; }
.smallbutton {cursor:pointer; font-weight:bold; border-radius:4px;}
.kurzbutton  {cursor:pointer; font-weight:bold; font-size:125%; border-radius:5px;}
.diabutton   {cursor:pointer; font-weight:bold; font-size:125%; border-radius:5px; width:8em }
.poor        {background-color:#ffff80}
.good        {background-color:green}
.unknown     {background-color:#f88}

/* Rinderrassen */
.aa          {background-color:#bbb;}
.au .ba .bga {background-color:#bbb;}
.bv          {background-color:#eef;}
.cha .chi    {background-color:#cef;}
.da .dex     {background-color:#bbb;}
.dn          {background-color:#fdd;}
.flf .gal .gvf .he .hin .hld
             {background-color:#eef;}
.fv          {background-color:#edd;}
.hin         {background-color:#eef;}
.hv          {background-color:#eef;}
.jer         {background-color:#fed;}
.lim         {background-color:#edf;}
.mon .ma .mw .nor .pie .pin        {background-color:#def;}
.rbt         {background-color:#fee;}
.rv          {background-color:#fa0;}
.rva         {background-color:#fa0;}
.sal         {background-color:#eef;}
.sbt         {background-color:silver;}
.sh .son .tau .uck .wb
             {background-color:#f8f;}
.wbb         {background-color:#ccf;}
.wga         {background-color:#fcf;}
.xxx         {background-color:#f0f;}

.preis       {background-color:#cee;}
.erl         {background-color:#ffb;color:grey}

.big { font-size: x-large; font-weight:bold; background-color:#ffff80}
.borderbottom td { border-bottom:1px solid black; }

.arrow {
    border-width: 1px;
    border-color: blue;
    border-style:solid;
    display: block;
}
.jbtable { 
    background-color : white;
    border-width     : 1px;
    border-color     : #f0f0f0;
    border-spacing   : 0px;
    border-style     : solid;
    padding          : 0px;
    border-collapse  : collapse;
}

.jbtd {
    border-width:  1px;
    border-color:  #f0f0f0;
    border-style:  solid;
    padding     :  0px;
    vertical-align:top;
}

.jbtd1 {
    border-width:  1px;
    border-color:  #f0f0f0;
    border-style:  solid;
    padding     :  1px;
}

.qtd {
    padding-left: 0.2em;
    padding-right: 0.5em;
}
.sortable td {
    padding-left: 0.2em;
    padding-right: 0.5em;
}

.aktion, aktion { cursor : pointer; }
.topbutton {cursor:pointer; font-weight:bold; border-radius:5px; text-align:center; width:3em;}
.flexele {cursor:pointer; font-weight:bold; border-radius:5px; text-align:center;}

.eingabe       { background-color: #fee }
.eingabe2      { background-color: #fee }
.eingabeLinAb  { background-color: #fee; border-radius:2px }
.eingabefrisch { background-color: #fcc }

.listenormal    { border-radius:2px; font-weight:bold; background-color: #cfc}
.listefrisch    { border-radius:2px; font-weight:bold; background-color: #afa}
.nachweis       { background:#eae }
.listeerweitert { border-radius:2px; font-weight:bold; background-color: #bFb}

.menue          { color:#009}
.digital        { color:orange; font-weight:bolder; background-color:#666 }
.guest          { color:black; }
.vielmilch      { color:#200;}
.parasiten,     /* medikamente */
.belegen        { color:red;  text-decoration:overline; }
.schmerz,       /* nsaid schmerzmittel */
.ueberfaellig   { color:#f88; text-decoration:overline; }
.vitamin,       /* medikament vitamin und mineralstoff */
.tragend        { color:#070; }
.tragend1x      { color:#084; } /* tragend nur eine TU */
.tu2            { color:#088; } /* zweite TU ist fällig */
.mitteltragend  { color:#0B0; }
.globuli,       /* medikament homoöpatisch */
.hochtragend    { color:#1D1; }
.kanntrock      { color:#1d1;text-shadow: #ff0 2px 2px 2px }
.true           { background-color:black; color:white}
.false          { background-color:rgb(235,235,235); }
.toggletrue     { opacity:1   }
.togglefalse    { opacity:0.2 }
.trocken        { background-color:rgb(235,235,235); }
.wzf            { text-shadow: grey 2px 2px 2px }
.horn           { text-shadow: blue 1px 1px 1px }
.verkauf        { text-shadow: yellow 2px 2px 2px}
.antibio,       /* medikament */
.frischbelegt   { color:blue;   }
.frischgekalbt  { color:#A00;   }
.PK             { color:#630;   }
.belegtfrisch   { color:blue;   }
.belegtsoll     { color:#80f;   }
.jung           { font-size:85%; }
.futter,        /* medikament ist kein Medikament */
.kalb           { color:grey; font-size:75%; }
.mast           { text-decoration: underline wavy #C0C}
.grau           { color:darkgrey}
.abmelken       { color:darkgrey }
.unsinn         { background-color:blue}
.abgang         { background-color:#A0A; color:#f66; }
.unsauber       { background-color:#fd4; }
.belegt         { color:#88f;   }
.antibiolokal,  /* medikament */
.inbehandlung   { background-color:#df4; }
.eimer          { background-color:#FDD; }
.wzm            { text-shadow: red 2px 2px 2px; }
.uebertragen    { text-shadow: red 2px 2px 2px; }
.abgangschlacht { background-color:#B0B; color:white; }
.abgangsonst    { background-color:darkgrey; color:white; }
.bulle          { color:#C0C;   }
.hormon,        /* medikament */
.kannbullen     { font-style:italic;   }
.bullt          { text-decoration:underline;   }
.teilflaeche    { text-decoration:underline;   }
.gedeckt        { text-decoration:line-through; }
.highyellow         { background-color:#ffffa0}
.yellow         { background-color:#ffff80}
.black          { color:white; background-color:black;}
.xtabhover tr:hover      { background-color:lightgrey;}
.menu:hover     { background-color:grey }
.hitok          { background-color:lightgreen }
.hitinfo        { background:#ffff80; color:black; }
.hitwarnung     { background-color:#fb8 }
.meldok         { background-color:lightgreen }
.meldfehler     { background-color:#f88   }
.meldnein       { background-color:silver   }
.meldpunkt      { background-color:lightyellow   }
.meldfertig     { background-color:white }
.hitfehler      { background-color:#f88   }
.hitaktiv       { background-color:red   }
.att            { color:grey; }
.strich         { color:black; background-color:lightyellow; display:block}
.dayline        { color:white; background-color:#BBB }
.daycell        { color:white; background-color:#BBB; text-align:center; border-radius:3px}
.day            { color:white; background-color:#BBB; text-align:center; display:block;border-radius:3px}
.daySa          { color:#f77; }
.daySo          { color:#f22; }
.day2           { color:white; background-color:grey; text-align:center; display:block;border-radius:3px}
.kalbday        { color:white; background-color:#BFB; text-align:center; display:block;}
.milch          { color:white; background-color:rgb(00,200,255); text-align:right; font-size:8pt;}
.val            { color:black; display:block;}
.trenn          { border-top-width:2px; border-top-style:solid; border-top-color:red; border-top:solid;}
.grouptrenn2    { color:white; background-color:black; text-align:left; font-size:110%; }
.grouptrenn1    { border-top-width:1px; border-style:solid; border-color:#ccc;  color:black; background-color:#eee; text-align:left; font-size:200%; }
.grouptrenn     { borde ur-top-width:1px; border-top-style:solid; border-color:#ccc;  color:#black; background-color:#fff; text-align:left; font-size:150%; }
.bold           { font-weight:bold; }
.gestern        { font-weight:500; font-style:italic; }
.monat          { color:#444;      }
.halbjahr       { color:#666;      }
.jahr           { color:#999; }
.todo           { font-weight:bold; }
.stern          { border: dotted }
.todoheute      { font-weight:bold; color:red }
.zukunftnah     { color:blue }
.zukunftweit    { color:#88f }
.morgens        { text-decoration:underline;}
.heute          { font-weight:bold; }
.lfdnr          { text-align:right; color:#ffff80; background-color:black; }
.platz          { text-align:right; color:grey;   background-color:white; }
.tragdiff       { color:#ffff80; }
.erfassen       { background-color:#fdd; }
.nachweisfalse {
    background: #eae;
    margin: 0.04em 0.05em;
    border-radius: 0.2em;
    height: 1.2em;
    line-height: 1.3em;
    text-align: center;
    opacity: 0.2
}

.nachweistrue {
    background: #eae;
    color: #fff;
    margin: 0.04em 0.05em;
    border-radius: 0.2em;
    height: 1.2em;
    line-height: 1.3em;
    padding: 0 0.1em;
    text-align: center;
    opacity: 1.0;
}

.feldfalse {
    background: #edd;
    margin: 0.04em 0.05em;
    border-radius: 0.2em;
    height: 1.2em;
    line-height: 1.3em;
    text-align: center;
}

.feldtrue {
    background: #f44;
    color: #fff;
    margin: 0.04em 0.05em;
    border-radius: 0.2em;
    height: 1.2em;
    line-height: 1.3em;
    padding: 0 0.1em;
    text-align: center;
}

/* feldnutzungsgruppen */
.Getreide                  { background-color:#fd0 } /* gold */
.Getreide2                 { background-color:#aa6 } /* khaki */
.Körnerleguminosen         { background-color:#fcc}  /* pink */
.Ölsaaten                  { background-color:#ffe}   /* lightyellow */
.Ackerfutter               { background-color:#8fd}
.Dauergrünland             { background-color:#8f8}
.Gps-ackerfutter           { background-color:#ae4}
.Zierpflanzen              { background-color:#eef}
.Stillegung                { background-color:brown}
.Hackfrüchte               { background-color:lightblue}
.Gemüse                    { background-color:#0ff}
.Gemüsekreuz               { background-color:#2ff}
.Gemüsenachtschatten       { background-color:#2cc}
.Gemüsekürbis              { background-color:#4cc}
.Gemüseandere              { background-color:#6cc}
.Kräuter                   { background-color:#d7d}
.Handelsgewachse           { background-color:silver}
.Dauerkulturen             { background-color:brown}
.Energiepflanzen           { background-color:orange}

/* Feldnutzung */
.Ackerbohnen    { background-color:pink; }
.Ackergras      { background-color:#0a0; }
.Almen          { background-color:#8F8; }
.Amarant        { background-color:khaki; }
.Brache         { background-color:brown; }
.Buchweizen     { background-color:khaki; }
.Dinkel         { background-color:khaki; }
.Emmer          { background-color:khaki; }
.Erbsen         { background-color:pink; }
.GPS            { background-color:#AA0;  }
.Gemenge        { background-color:pink; }
.Gerste         { background-color:gold; }
.Grassamen      { background-color:lightgreen; }
.Grünroggen         { background-color:gold; }
.Hafer          { background-color:lightyellow; }
.Hirse          { background-color:#db2; }
.Hutungen       { background-color:#8F8; }
.Kartoffeln     { background-color:blue; }
.Klee           { background-color:#8FD; }
.Klee-Luzerne-Gemisch  { background-color:#8FD; }
.Kleegras       { background-color:#0a0; }
.Körnermais     { background-color:#ffff20 }
.Lein           { background-color:lightblue; }
.Linsen         { background-color:orange; }
.Lupinen        { background-color:#b0e; }
.Luzerne        { background-color:#8FD; }
.Luzernegras    { background-color:#8FD; }
.Mais           { background-color:#ffff40 }
.Mähweiden      { background-color:#8F8; }
.Pufferstreifen { background-color:brown; }
.Raps           { background-color:lightyellow; }
.Roggen         { background-color:gold; }
.Runkelrübe     { background-color:lightblue; }
.Schafweiden    { background-color:#8F8; }
.Silomais       { background-color:yellow; }
.Sojabohnen     { background-color:#82e; }
.Sommerdinkel   { background-color:khaki; }
.Sommergerste   { background-color:lightyellow; }
.Sommerhafer    { background-color:lightyellow; }
.Sommerraps     { background-color:lightyellow; }
.Sommerroggen   { background-color:lightyellow}
.Sommertriticale{ background-color:lightyellow; }
.Sommerweizen   { background-color:lightyellow; }
.Sonnenblumen   { background-color:darkorange; }
.Streuwiese     { background-color:#8F8; }
.Stärkekartoffeln { background-color:blue; }
.Topinambur     { background-color:lightblue; }
.Triticale      { background-color:gold; }
.Urmut          { background-color:gold; }
.Wechselgrunland{ background-color:lightgreen}
.Weiden         { background-color:#8F8; }
.Wicken         { background-color:#93c; }
.Wiesen         { background-color:#8F8; }
.Winterdinkel   { background-color:khaki; }
.Winteremmer    { background-color:khaki; }
.Wintergerste   { background-color:gold; }
.Winterhafer    { background-color:gold; }
.Winterraps     { background-color:#ffffd0 }
.Winterroggen   { background-color:gold; }
.Wintertriticale  { background-color:gold; }
.Winterweichweizen   { background-color:gold; }
.Winterweizen   { background-color:gold; }
.Zuckerrüben    { background-color:lightblue; }
.ohne           { color:grey; font-size:75%; }

.maschine       { background-color:#468; color:white}
.zugmaschine    { background-color:#246; color:white}
.anbau          { background-color:#379; color:white}
.team           { background-color:#0ff}
.myblack        { color:white; background-color:black;}
.input          { background-color:#fcc}
.feldinput      { background-color:#ffffe0;}


@media print {
    div#karte,
    div#sidedetail,
    div#sidebar    { display:none;}
    div#main       { position: absolute; left:0%;}
    input.dontprint{ display:none;}
    .dontprint  { display:none;}
    .printwhite { background-color:#FFFFFF; }
  div#header     {background: #fff;}
  div#detail     {background: #fff;}
  div#sidebar    {background: #fff;}
  div#sidedetail {background: #fff;}
  div#main       {background: #fff;}
  thead {display: table-header-group}
}
.small { font-size:3pt; }
.einheit { font-size:50%; }
.inhalt  { font-size:75%; }
.p75     { font-size:75%; }
.kleiner { font-size:50%; }
.klein   { font-size:75%; }
.gross   { font-size:125% }
.groesser{ font-size:150% }

.modalInp {
    font-size:150%;
    width:80%;
    background-color:white;
    min-height: 1em;
    border: 1px solid silver;
}

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
    opacity:0;
    pointer-events: none;
}
.deletedDialog {
     -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.modalDialog:target {
    opacity:0.95;
    pointer-events: auto;
}

.modalDialog > div { 
    width: 24em;
    position: relative;
    margin: 1% auto;
    margin-left: 5px;
    padding: 1px 1px 1px 15px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px; 
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.closeleft {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    left: 0px;
    text-align: center;
    top: 0px;
    width: 36px; 
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.closeleft:hover { background: #00d9ff; }
.close:hover { background: #00d9ff; }
.menutitel { background-color: #f44;
             color:white;
             border-top-left-radius:9px;
             border-top-right-radius:9px;}
.menutitel:hover {background-color: #f00;}
.feldhigh {background-color:silver}

.neuclass {background-color: #b8b}
/* z0=weiss z1=gelb z2=rot z3=schwarz  z9=blau keine Eingabe */
.z0 {color:white}
.z1 {background-color:yellow}
.z2 {background-color:red}
.z3 {background-color:black; color:white}
.z9 {background-color:lightblue; color:white}

.qvisible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
  }

.qhidden {
    visibility: hidden;
  opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
}
/* leaflet */
.leaflet-tooltip-right:before{
    left:0;
    margin-left:-12px;
    border-right-color:rgba(0,0,0,0);
}
.leafletTooltip {
  background-color:rgba(0,0,0,0);
  border:0px;
  box-shadow:0px 0px 0px rgba(0,0,0,0);
  opacity:1;
}
.legendeitem {
  flex-grow:1;
  max-width:25%;
  display:flex;
  border-radius:0.2em;
  margin:0.1em;
  width:24%;
}