@CHARSET "ISO-8859-1";

body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	
	-ms-overflow-style: none;
    overflow: auto;
}


.fas {
    font-family: "Font Awesome 5 Pro" !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}


/* Tooltips im Objektinfo-Dialog: */
.oi_tooltip {
	cursor: help;
	border-bottom: 1px dotted black;
}

.oi_tooltip .oi_tooltiptext {
	visibility: hidden;
	min-width: 90%;
	background-color: #dedede;
	color: #000;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #0f0f0f;
	font-weight: bold;
    /* Position the tooltip */
	position: absolute;
	z-index: 1;
	margin-top: -20px;
	margin-left: 1px;
	left: 50%;
	transform: translateX(-50%);
}

.oi_tooltip:hover .oi_tooltiptext {
	visibility: visible;
}

.oi_tooltip:hover {
	border-bottom: 1px solid black;
}


.glyphicon.text-muted { opacity: 0.25; }

a.linkWhite:link {
    color: white;
}

a.linkWhite:visited {
    color: white;
}

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.container-fluid {
	/* height: 100%; */
	min-height: 100%;
}

.rowCustomColorBlue {
	background-color: rgba(100, 100, 120, 0.7);
}

#row-top {
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

.row-panel {
	z-index: 2;
}


#colPosition {
	text-align: center;
}

#panelPosition {
	background-color: rgba(100, 100, 120, 0.7);
	display:inline-block;
	pointer-events: auto;
	display: none;
}

.panelDirection {
	background-color: rgba(100, 100, 120, 0.0);
	pointer-events: auto;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#panelCopyRight {
	pointer-events: none;
	background-color: rgba(100, 100, 120, 0.0);
	font-size: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#txtCopyright {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}


.panelMenu .panel-heading-custom-settings div:after {
	/* symbol for "opening" panels */
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: white;
}
.panelMenu .panel-heading-custom-settings.collapsed div:after {
	/* symbol for "collapsed" panels */ 
    content:"\e080";
}

#id_cb_wms {
	vertical-align: bottom;
	position: relative;
	top: -1px; 
}

#label_wms{
	margin-bottom: 0px;
}

.panel-body-custom-BottomLine {
	border-style: none none solid none;
	border-width: thin;
}

.popover {
	z-index: 2;
	opacity: 0.9;
 }
 
.popover-title .close {
	position: relative;
	bottom: 3px;
}

.popover-title .pop-span {
	padding: 10px;
}

#closeBT {
	overflow:hidden;
	vertical-align: middle;
}
 
#osmResult {
	z-index: 2;
	max-height: 50vh;
    overflow-y:auto;
	font-size: 12px;
	color: black;
	position: relative;
}


.myNewMenu {
	z-index: 2;
	max-height: 50vh;
	
	font-size: 12px;
	position: relative;
	
	color: white;
	background-color: rgba(100, 100, 120, 0.0);
	
	border: 1px solid #fff;
	border-radius: 4px;
	padding-left: 2px;
	padding-bottom: 1px;
}


#divLogo {
	height: 100%;
	padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#logo {
	height: 100%;
}


#txtPosition {
	padding-left: 10px;
	padding-right: 10px;
}


#txtDirection {
	margin-top: 8px;
	padding-bottom: 1px;
	padding-left: 8px;
	margin:0;
}


.nopaddingLeft {
	padding-left: 0px;	
}

#divButtons {
	padding-left: 0px;
	padding-right: 0px;
}

#iBookmark, #iLayer, #iMeasure, #iExtern, #iSettings, #iShadow, #iPrint, #iFullscreen, #iInfo, #iMap {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 2px;
	cursor: pointer;
}

.btn, #icAddLocation {
	margin-right: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.btn.btn-icon, #icAddLocation {
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 0px;
}

#iconLuftbild, #iconGelaende, #iconBaum {
	margin-top: 0;  
	margin-bottom: 0;  
	padding-left: 0px;  
	padding-right: 10px;  
}


.listBookmarks {
	text-align: left;
	padding-left: 2px;
}

a.linkWhiteBM:link {
    color: white;
	font-size: 12px;
}


.listElement {
	background-image: url('../icons/other/ic_place_white_18px.svg');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    
    padding: 10px 0px 10px 25px;    
	
	position: relative;
	font-size: 14px;
}

.elementHidden {
	display: none;	
}

.rowLayer {
	padding-left: 20px;
}

.rowNormal {
	padding-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}


.checkbox_Settings {
	margin-top: 4px;
	margin-bottom: 4px;
}

#labelLuftbild, #labelGelaende, #labelBaum, #labelSichtweite, #labelFussgaenger {
/* 	top: 22px; */
	position: relative; 
	padding-left: 5px;
	
	font-size: 14px;
	font-weight: normal;
}

#searchOSM {
	margin-top: 5px;
	margin-bottom: 5px;
}


/**************************************************************************************************************/


#divTools {
    position: absolute;
    z-index: 9;
    text-align: center;
    border: 2px solid #d3d3d3;
    border-radius: 4px;
    
    background-color: rgba(100, 100, 120, 0.7);
	top:  8px;
    width: 200px;

/**
	resize: both;
    overflow: auto;
**/

}

#divToolsHeader {
	cursor: move;
	z-index: 10;
	color: #fff;
	background-color: rgba(0, 0, 250, 0.7);
}

#divToolsHeaderCollapse {
	padding-left: 10px;
	padding-right: 10px;
	height: 35px;
	z-index: 10;
	color: #fff;
	background-color: rgba(100, 100, 120, 0.7);
}

#divToolsBody {
	background-color: rgba(100, 100, 120, 0.1);
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}


.mySelect {
	height: 20px;
	border-color: gray;
	border-radius: 2px;
	padding: 0px;
	font-size: 12px;
}


#iCPAInfo {
	position: relative;
	cursor: help;
	color: white;
	pointer-events: auto;
}


a.linkImpressum:link {
	text-decoration:none;
	color:white;
}
a.linkImpressum:visited {
	text-decoration:none;
	color:white;
}

.headerText {
	color: white;
	font-weight: bold;
}


#header01 {
	height: 55px;
}


#ddfHeader02 {
	background-color: #cd1316;
	height: 20px;
}

.marginTop1 {
	margin-top: 1px;
}


.imageReplaceText {
	color: rgba(100, 100, 120, 1);
	font-weight: bold;
}

/**************************************************************************************************************/


#headerStatic {
	position: fixed;
/*	top: 0; */
/*	top: 75px;*/
	left: 0;
	width: 100%;
	height: 55px;
	z-index: 2;
}


#header {
	position: fixed;
/*	top: 0; */
/*	top: 75px; */
	left: 0;
	width: 100%;
	height: 55px;
	z-index: 2;
	pointer-events: none;
}


.header_grad {
    background-image: linear-gradient(to right,rgba(100,100,120,0.7),rgba(100,100,120,0.0));
}



#footer-left {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
	pointer-events: none;
	margin-bottom: 1px;
	margin-left: 5px;
}


#footer-center {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	pointer-events: none;
}

.footer-right {
	position: fixed;
	bottom: 5px;
	right: 5px;
	height: 24px;
	color: white;
	pointer-events: none;
	margin-bottom: 1px;
}


#footer-navButtons {
	position: relative;
    margin: auto;
    height: 30px;
	margin-top: -30px;
}

.footerNavButton {
	background: rgba(100, 100, 120, 0.7);
	margin: auto;
}

.buttonForOverlay {
	color: white;
	background: orange;
	background: rgba(0, 0, 0, 0.0);

	height: 18px;
	margin-top: 1px;
	margin-bottom: 2px;
	padding-top: 0px;

	padding-left: 2px;
	padding-right: 0px;
/*	border: 1px solid #fff; */
}


.cellForPlanning {
	width: 24px;
	height: 18px;
	min-width: 24px;
	max-width: 24px;
	transform: scale(0.75);
}

.buttonForPlanning {
	color: white;
	background: rgba(0, 0, 0, 0.0);
	padding-left: 0px;
	padding-right: 0px;
}

.buttonForPlanning:hover {
	color: orange;
}


.circle-multiline {
    display: table-cell;
    height: 24px;
    width: 24px;
    text-align: center;
    vertical-align: middle;
    border-radius: 12px;
    border-style: none;
    background: rgba(100, 100, 120, 0.7);
    color: white;
    position: relative;
}

#yRotation {
	font-size: 14px;
}

#colPosition {
	height: 100%;
}

#menuMap, #menuBookmark, #menuLayer, #menuMeasure, #menuSettings, #menuShadow, #menuPrint, #menuInfo {
	z-index: 3;
	pointer-events: none;
}

.panelScrollable {
	max-height:85vh;
	overflow-x: hidden;	
	overflow-y: auto;	
}

.panelMenu {
	pointer-events: auto;
}

.checkbox, .radio {
	font-size: 14px;
}

.rowInfo {
	/* -webkit-transform-style: preserve-3d;
  	-moz-transform-style: preserve-3d;
  	transform-style: preserve-3d; */
	
	text-align: left;
	font-size: 14px;
	
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.rowCredits {
	text-align: right;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 28px;
}


.rowTopMargin {
	margin-top: 10px;
}

.rowBottomMargin {
	margin-bottom: 10px;
}

.svg_Info {
	vertical-align: middle;
}

.iInfo {
	vertical-align: middle;
	padding-left: 5px;
}

.iLayer {
	vertical-align: middle;
}

#RiWiIcon{
	position: absolute;
  	top:3px; 
  	right: 3px;
  	cursor: default;
}

#iCone2dKarte_3D{
	position: absolute;
  	top:3px; 
  	right: 3px;
  	cursor: default;
}


.hidden{
	display:none;
}

.divDirection {
	
	font-size: 14px;
	
	display:inline;
	
	text-align: left;
	padding-right: 0px;
	padding-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	
	vertical-align: middle;
}

.divMouseText {
	/* position: relative;
 	top: 70%;
  	-webkit-transform: translateY(-70%);
  	-ms-transform: translateY(-70%);
  	transform: translateY(-70%); */
  	
  	display: inline-block;
    vertical-align: middle;
    float: none;
  	  	
  	font-size: 14px;
	text-align: left;
}

.divImpressum {
    vertical-align: middle;
    font-size: 12px;
	text-align: left;
}

.divVersionText {
    vertical-align: middle;
    font-size: 12px;
	text-align: right;
}

.panel-group-custom{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.panel-heading-custom-info {
	font-size: 14px;
	text-align: left;
	
	padding-top: 10px;
	padding-bottom: 10px;
}

#canvas {
	bottom: 0;
	left: 0;
	height: 100%;	
	overflow: hidden;
}

#divFrame2D {
	position: absolute;
	top: 10px;
	left: 10px;
}

#panelBodyMap{
	padding: 5px 5px 5px 5px;
}

#panelMap{
	pointer-events: auto;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

#iMap2d{
	opacity: 0.7;
	z-index:2;
	pointer-events: auto;
	display: none;
}

#iCone2d, #iPoint2d {
	position: absolute;
	pointer-events: none;
	display: none;
}

#iCone2d{
	color: rgba(68, 112, 186, 0.5);
	z-index:4;
}

#iPoint2d{
	z-index:3;
}


.cursor_move {
	cursor: move;
}

.cursor_wait {
	cursor: wait;
}

.cursor_zoom_in {
	cursor: zoom-in;
}

.cursor_zoom_out {
	cursor: zoom-out;
}


#warnung_karte {
	pointer-events: none;
    z-index: 11;
   	text-align: center;
	vertical-align: middle;
}

#text_warnung_karte {
    position: absolute;
    top: 40%;
	left: 0px;
	width: 100%;
	border: 1px solid #000;
    background-color: rgba(255, 125, 125, 0.5);
	color: white;
	font-size: 36px;
	font-weight: bold;
}

#rmenu_karte {
    position: absolute;
    z-index: 9;
	border: 1px solid #000;
}

.zentrum_karte {
/*	border: 1px solid #000; */
	background-color: rgba(255, 255, 255, 0.8);
    color: #000;
	padding:3px 3px 3px 3px;
	cursor: pointer;
	font-size: 12px;
}
        
    
#divCanvas2DKarte {
	pointer-events: auto;
}

#canvas2DKarte {
	position: absolute;
	background-color:grey;
	height: 100%;
	width: 100%;
}

#panelBodyMapKarte{
	padding: 5px 5px 5px 5px;
}

#panelMapKarte{
	pointer-events: auto;
}

#menuMapKarte {
	z-index: 3;
	pointer-events: none;
}

#iCone2dKarte{
	position: absolute;
	pointer-events: none;
	display: none;
	color: black;
	z-index:4;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 36px;
	border: 4px solid black;
}


#canvas2D {
	bottom: 0;
	left: 0;
	height: 100%;	
	overflow: hidden;
}

.modal {
    bottom: auto;
    right: auto;
    
  	top: 30%;
 	left: 20%;
}
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: 50vh;
    overflow-y: auto;
}

.panel-default {
	background-color: rgba(100, 100, 120, 0.7);
	color: white;
	border-style: none;
}


.panel-settings {
	background-color: rgba(100, 100, 120, 0.25);
	color: white;
	border-style: none;
}


.panel-default-hidden {
	background-color: rgba(100, 100, 120, 0.7);
	color: white;
	display: none;	
}


.panel-default>.panel-heading {
	background-color: rgba(100, 100, 120, 0.9);
	color: white;
	border-style: none;
}

.caption {
	font-weight: bold;
}

.md-spin {
	-webkit-transform-origin: 50% 50%;
     transform-origin:50% 50%;
     -ms-transform-origin:50% 50%; /* IE 9 */
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
}

.gps-spin {
	-webkit-transform-origin:50% 50%;
     transform-origin:50% 50%;
     -ms-transform-origin:50% 50%; /* IE 9 */
	-webkit-animation: spin 2000ms infinite linear;
	animation: spin 2000ms infinite linear;
}


@-moz-keyframes spin
{
    from
    {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin
{
    from
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin
{
    from
    {
        -wekbit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/********************************************************************************/

#datetimepicker1 .timepicker-picker table td a span,
#datetimepicker1 .timepicker-picker table td,
#datetimepicker1 .timepicker-picker table td span
{
	height: 20px;
	line-height: 20px;
}

/**/

#datetimepicker1 .timepicker-picker table {
	width: 150px;
	position: absolute;
	top: 40px;
	left: 40px;
}


#idShowPicker {
	border: 1px solid #3b4f8f;
	font-size: 12px;
}


.SD_Slider {
	width: 100%;
	height: 8px;
	border-radius: 0;
	border: 1px solid #3b4f8f;
}

.SD_Slider .ui-slider-range {
	background: #3b4f8f;
	border-radius: 0px;
}

.SD_Slider .ui-slider-handle {
	background: #eee;
	border-color: #3b4f8f;
	height: 14px;
	border-radius: 0px;
}

.SD_Text {
	margin-bottom: 4px;
}

::-webkit-scrollbar {
      width: 15px;
      background-color: rgba(0, 0, 0, 0);
}  

::-webkit-scrollbar-track-piece {
      background-color: rgba(0, 0, 0, 0);
} 

::-webkit-scrollbar-track-piece {
      background-color: rgba(0, 0, 0, 0);
} /* the new scrollbar will have a flat appearance with the set background color */
 
::-webkit-scrollbar-thumb {
      background-color: rgba(100, 100, 120, 1.0);
} /* this will style the thumb, ignoring the track */
 
::-webkit-scrollbar-button {
      background-color: rgba(100, 100, 120, 1.0);
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

/* Place The scroll down button at the bottom */
::-webkit-scrollbar-button:end:increment {
    background: url(../icons/other/arrow-down-bold.png);
}
 
/* Place The scroll up button at the up */
::-webkit-scrollbar-button:start:decrement {
	background-size: 8px;
    background: url(../icons/other/arrow-up-bold.png);
}
 
::-webkit-scrollbar-corner {
      background-color: rgba(0, 0, 0, 0);
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

/* //IE
scrollbar-face-color: #eee;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #ccc;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #aaa;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #eee; */




#modalHeaderPicker {
	cursor: move;
}