:root {
  --syke-darkgreen: #005854;

  --syke-green: #84c497;
  --syke-red: #f28e77;
  --syke-blue: #64c1cb;
  --syke-lightgrey: #e4e3de;
   
  --syke-lightgreen: rgb(204, 228, 208); X: #c7e3d2;
  --syke-lightred: #fcd9c9;
  --syke-lightblue: #cfe9ea;

  --syke-yellow: #f3a44c;
  --syke-lightyellow: #fed992;
  --syke-ochre: #bb5b0f;
  
  --syke-darkred: #b34733;
  --syke-darkblue: #006085;
  --syke-darkgrey: #575756;
    
  --white: #ffffff;  

  --syke-darkgreen-30: rgba( 0, 88, 84, 0.3 );  
  --syke-darkgreen-10: rgba( 0, 88, 84, 0.1 );

  --syke-blue-30: rgba( 100, 193, 203, 0.3 );  
  --syke-blue-50: rgba( 100, 193, 203, 0.5 );
  
  --syke-lightgreen-50: rgba(227, 240, 229, 1); X: rgba( 199, 227, 210, 0.5 );
  --syke-lightred-50: rgba( 252, 217, 201, 0.5 );
  --syke-lightgrey-50: rgba( 228, 227, 222, 0.5 );
}


body { font-family: Poppins, sans-serif; color: var(--syke-darkgreen) !important;  background-color: var(--syke-lightgreen); }

.ui-radio-on { background-color: var(--syke-darkblue) !important; }
.ui-radio-off { color: var(--syke-darkgreen) !important; }
.ui-controlgroup-controls { pointer-events: all; }

.baseLayersDiv label { display: inline !important; position: relative; top: 4px; }

.visualCaptcha-accessibility-button { display: none; }


.jwSliderDecrease, .jwSliderIncrease  { 
	-webkit-border-radius: .3125em !important;
	border-radius: .3125em !important;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15) !important; 
    	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
    	box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
	border-width: 1px !important;
	margin-top: -1px !important;
}

.ui-slider-input {
	margin-top: -1px !important;
	-moz-appearance: textfield !important;
}

.ui-slider-handle {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
	box-shadow: 0 1px 3px rgba(0,0,0,.15) !important;
	border-width: 1px !important;
	margin-top: -16px !important;
}

.ui-controlgroup-controls .ui-slider-handle {
	margin-top: -15px !important;
}

div.ui-radio.ui-mini { margin: 3px; }
div.ui-radio.ui-mini label { border-radius: .3125em !important; border: 1px solid var(--syke-lightgrey) !important; }

.jwAppBg {
	position: fixed;
	width: 200%;
	height: 200%;
	background-color: var(--syke-lightgreen);
	z-index: 0;
	top: 0;
	left: 0;
	Xmargin-left: -50%;
	Xmargin-top: -50%;
}

.jwAppPage {
	display: none;
	text-shadow: none !important;
}

.jwAppHead {
	position: fixed;
	z-index: 10;
	top: 10px;
	background-color: #ffffff; 	
	width: 100%;
	height: 40px;
	opacity: 0.8;
	text-align: center;
	pointer-events: none;
}

.jwAppHead h1 { 
	font-size: 20px; 
	margin: 0; 
	padding-top: 7px; 
}

.jwAppSub p { color: var(--syke-darkgreen) !important; margin: 0 10%; padding: 10px; border: 1px dashed var(--syke-darkgreen) font-size: 90%; }
.jwAppSub a { color: var(--syke-darkgreen) !important; }

.jwAppSub {
	z-index: 10;
	width: 100%;
	text-align: center;
}


.jwAppFoot {
	position: fixed;
	z-index: 10;
	bottom: 10px;
	width: 100%;
	left: 0;
	pointer-events: none;
	//padding: 6px 10px;
	//border-radius: 8px;
	//background-color: #0076b0;
}

.jwAppFoot .ui-btn { opacity: 0.9; }
.jwAppFoot .ui-controlgroup-horizontal { text-align: center; }

.jwAppCont {
	position: relative;
	margin: 70px 0 80px 0;
}

.jwAppFwdShowHide { padding-top: 3px !important; padding-bottom: 2px !important; }
.jwAppFwdShowHide span { font-weight: normal !important; font-size: 90% !important; }

.ui-disabled { color: #aaaaaa !important; opacity: 0.8 !important; }
.ui-radio-on { background-color: var(--syke-darkblue) !important; color: #fff !important; text-shadow: none !important; }

#jwAppRememberMe_container label { background: none; border: none; text-shadow: none; padding-left: 30px; }
#jwAppRememberMe_container input { left: 0; margin-left: 5px;  }
#jwAppRememberMe_container .ui-btn-active { color: #333; }


.olControlFullscreen { display: none; }
.olControlAttribution { background: none !important; bottom: 8px !important; right: 1px !important; font-size: 75% !important; transform: translate(100%) rotate(270deg); transform-origin: left bottom; }

#jwAppPage_1 label.ui-radio-on { border-color: var(--syke-darkblue); border-bottom-right-radius: 0; }

#jwAppPage_2 label.jwAppExpert { background-color: var(--syke-darkred) !important; }

#jwAppPage_2r .ui-btn { text-align: left; }

#jwAppPage_3 legend { display: none; }
#jwAppPage_3 .ui-controlgroup-controls { margin: 2px 0px;}
#jwAppPage_3 div.jwAppNewSiteName label { margin: 6px 0 0 0; font-weight: bold; font-size: 90%; }
#jwAppPage_3 div.jwAppNewSiteName { margin: -6px 5px 3px 5px; padding: 10px 15px 5px 15px; background-color: var(--syke-lightgrey); border-radius: 5px; }
#jwAppPage_3 .ui-input-text { margin-top: 3px; }

#jwAppPage_4 label { display: none; }
#jwAppPage_4 .ui-datebox-container { margin: 0 auto; }
#jwAppPage_4 .ui-datebox-container .ui-controlgroup-controls { display: none; }

#jwAppPage_5 .ui-btn { text-align: left; }

.jwAppObsDone { background-color: var(--syke-darkgrey) !important; color: #fff !important; text-shadow: none !important; }

#jwAppPage_5a fieldset legend { display: none; }

#jwAppPage_5e legend { display: none; }

.jwAppRadioValStyle { padding: 10px 0 5px 15px; background-color: var(--syke-lightgrey); border-left: 1px solid var(--syke-lightgrey); border-right: 1px solid var(--syke-lightgrey)}

#jwAppPage_5f legend { display: none; }
#jwAppPage_5f div.jwAppRadioVal { padding: 10px 0 5px 15px; background-color: var(--syke-lightgrey); border-left: 1px solid var(--syke-lightgrey); border-right: 1px solid var(--syke-lightgrey); }

#jwAppPage_5g legend { display: none; }

#jwAppImgPreview { display: block; float: none; }
 .jwAppObsImgPreview { display: block; float: none; }
#jwAppImgPreview img { max-width: 100% !important; height: auto !important; width: 100%; display: block; }
.jwAppObsImgPreview img { max-width: 100% !important; height: auto !important; width: 100%; display: block; }

.visualCaptcha-accessibility-wrapper { display: none; }
.visualCaptcha-explanation { position: relative; background-color: none !important; text-align: center; border-radius: 0; margin: 0 10%; padding: 10px; border: 1px dashed var(--syke-darkgreen); font-size: 90%; }
.visualCaptcha-possibilities { clear: both; margin-top: 20px; display: block; text-align: center; }
.visualCaptcha-possibilities img { width: 32px; height: 32px; }
.visualCaptcha-possibilities div.img { display: inline-block; border: 0; width: 40px; height: 40px; border: 1px solid #CDD400; padding: 8px 4px 0px 4px; margin: 0 1px; cursor: pointer;}
div.visualCaptcha-selected { background-color: #e0f3fb; opacity: 0.8; border: 1px dashed var(--syke-darkgreen) !important;}
.visualCaptcha-button-group { clear: both; position: relative; display: block; text-align: center; margin-top: 40px;}
.visualCaptcha-refresh-button { margin: 0 auto; width: 50px; height: 50px; background-color: #e0f3fb; border-radius: 50px; }
.visualCaptcha-refresh-button img { margin-top: 17px; width: 16px; height: 16px; }

#jwAppPage_7 legend { display: none; }
#jwAppPage_7 .ui-btn { text-align: left; }

.ui-datebox-header h4 { margin: 5px 0 !important; }
div.ui-datebox-container { zoom: 0.9 !important; }

.tag {
	background-color: #e0f3fb !important;
	color: #666 !important; 
	font-weight: bold !important; 
	padding: 4px 20px 3px 0 !important;
}

.tag span {
	background-color: #c1e7f7 !important; 
	margin-right: 1px !important;
	padding: 4px 8px 4px !important;
}

#jwAppRecentTags_container div { margin: 2px !important; }
#jwAppRecentTags_container div label { background: none !important; border: none !important; }
.jwTagShortcuts li { display: inline-block; margin-right: 10px; }
a.jwTagShortcut { font-weight: normal !important; }
a.jwTagShortcut_disabled { Xcolor: #999999; cursor: default; opacity: 0.6; text-decoration: line-through; }


.jwAppNearbyRadioDescription p { font-style: italic; clear: both; padding: 8px 18px; margin: 0; }