div.mangel_0 {
	background: transparent;
	background-image: url('img/ic_error_black_18px.png');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.mangel_10 {
	background: transparent;
	background-image: url('img/ic_error_black_18px_offen.png');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.mangel_20 {
	background: transparent;
	background-image: url('img/ic_error_black_18px_geschlossen.png');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.mangel_30 {
	background: transparent;
	background-image: url('img/ic_error_black_18px_geloescht.png');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.mangel_otherSzene {
	background: transparent;
	background-image: url('img/ic_error_black_18px_otherSzene.png');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.marker_room {
	background: transparent;
	background-image: url('img/Pin_360Foto_Innen_nichtausgewaehlt.svg');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.marker {
	background: transparent;
	background-image: url('img/Pin_360Foto_Aussen_nichtausgewaehlt.svg');
	background-position: center;
	background-size: 26px 26px;
	opacity: 0.75;
	background-repeat: no-repeat;
}

div.marker_door {
	background: transparent;
	background-image: url('img/enter_door.svg');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.marker_door_corner {
	background: transparent;
	background-image: url('img/enter_door.svg');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.dox_element {
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	background-image: url('img/topleftbar/Anlagen_Aktiv.svg');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.dox_element:hover {
	background-color: #636262;
}

div.marker2 {
	background: rgba(255, 255, 255, 0.9);
	background-image: url('img/ic_location_on_black_18px.png');
	background-position: center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}

div.pnlm-render-container div.pnlm-tooltip span {
	max-width: none;
	white-space: nowrap;
}

div.pnlm-render-container div.pnlm-tooltip.showTooltip span {
	visibility: visible;
}

div.pnlm-render-container div.pnlm-tooltip.showTooltip span:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
	bottom: -20px;
	left: -10px;
	margin: 0 50%;
}

#mangelfenster {
	position: absolute;
	z-index: -1000;
	max-width: 1000px;
	width: 80%;
	height: calc(100% - 80px);
	background: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* padding: 5px; */
	border: 1px solid black;
	/* overflow-y: auto; */
}

#ui5TaskBar {
	bottom: 0px;
	position: absolute;
	width: 100% ;
	overflow: hidden;
}

.UI5TaskBar {
	height: 30px !important;
}

@media screen and (max-width: 768px) {
	#mangelfenster {
		width: 100%;
		height: 100%;
	}
}

#ui5MangelFenster {
	height: 100%;
}
#eigenschaftenFenster {
	position: absolute;
	z-index: -1000;
	max-width: 500px;
	min-width: 300px;
	width: 30%;
	height: calc(100% - 500px);
	min-height: 500px ;
	background: white;
	margin: auto;
	border: 1px solid black;
}
#ui5EigenschaftenFenster {
	height: 100%;
}
.ui5EigenschaftenFensterText {
	font-weight: bold !important;
}

@media screen and (max-width: 768px) {
	#eigenschaftenFenster {
		width: 100%;
		height: 100%;
	}
}
#SelectPictureWindowFenster {
	position: absolute;
	z-index: -1000;
	max-width: 500px;
	min-width: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	width: 50%;
	height: calc(100% - 500px);
	min-height: 500px ;
	background: white;
	border: 1px solid black;
}
#ui5SelectPictureWindowFenster {
	height: 100%;
}

@media screen and (max-width: 768px) {
	#SelectPictureWindowFenster {
		width: 100%;
		height: 100%;
	}
}

#commentfenster {
	position: absolute;
	z-index: -1000;
	max-width: 1000px;
	width: 80%;
	height: calc(100% - 80px);
	background: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* padding: 5px; */
	border: 1px solid black;
	/* overflow-y: auto; */
}

@media screen and (max-width: 768px) {
	#commentfenster {
		width: 100%;
		height: 100%;
	}
}

#ui5CommentFenster {
	height: 100%;
}
#mangelHistorieFenster {
	position: absolute;
	z-index: -1000;
	max-width: 1000px;
	width: 80%;
	height: calc(100% - 80px);
	background: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* padding: 5px; */
	border: 1px solid black;
	/* overflow-y: auto; */
}

@media screen and (max-width: 768px) {
	#mangelHistorieFenster {
		width: 100%;
		height: 100%;
	}
}

#ui5MangelHistorieFenster {
	height: 100%;
}
#SichtEinstellungenFenster{
	position: absolute;
	z-index: -1000;
	max-width: 400px;
	width: 80%;
	height: calc(100% - 80px);
	background: white;
	margin: auto;
	border: 1px solid black;
}

#ish-sidebar-viewMenu {
	margin-top: 10px;
}
#reportWindowFenster{
	position: absolute;
	z-index: -1000;
	max-width: 560px;
	width: 80%;
	height: calc(100% - 80px);
	background: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* padding: 5px; */
	border: 1px solid black;
	/* overflow-y: auto; */
}
#SichtEinstellungenFenster {
	max-height: 910px;
}
@media screen and (min-width: 768px) {
	.ish-search-box.active {
		width: 400px;
	}
	.ish-search-box{
		width: 400px;
	}
}
@media screen and (min-width: 1700px) {
	.ish-search-box.active {
		width: 450px;
	}
	.ish-search-box{
		width: 450px;
	}
}
@media screen and (max-width: 768px) {
	#reportWindowFenster,#SichtEinstellungenFenster {
		width: 100%;
		height: 100%;
	}
	.ish-search-box.active {
		width: 320px;
	}
	.ish-search-box{
		width: 320px;
	}
}

/* Sollten nicht verschwinden - wegen Handy User */
/* @media screen and (max-width: 500px) {
  #mapbtndib, #mappindiv{
    display: none;
  }
} */

#formatPDF {
	width: 20%;
}

#formatBild {
	width: 20%;
}

#formatWord {
	width: 20%;
}

#formatExcel {
	width: 20%;
}

#ui5ReportWindowFenster,#ui5SichtEinstellungenFenster {
	height: 100%;
}

.LabelUI5 {
	color:#0070b1 !important;
	font-weight:bold !important;

}
.LabelUI5::after {
	color:#0070b1 !important;
	font-weight:bold !important;
	content: ":";
}

#loginfenster {
	position: absolute;
	z-index: 11000;
	max-width: 400px;
	width: 80%;
	height: 210px;
	background: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 5px;
	border: 1px solid black;
}

#mangelfenster .row {
	margin-right: 0px;
}

.form-control[type=checkbox] {
	box-shadow: none;
}

body {
	margin: 0;
	overflow: hidden; 
	/*#FH Border 8px*/
	font-size: 1rem;
	height: 100%;
}


.EingenenSchaftPanel{
background-color:#fefefe !important;
padding: 0px !important;
}

.headerForEigenschaftenFenster{

  font-weight: bold !important;
  font-size:medium !important;
}

html {
	font-size: 100%;
	height: 100%;
}

div.pnlm-tooltip span {
	max-width: none;
	background-color: rgba(0,0,0,0.8);
}

div.pnlm-tooltip:hover {
	z-index: 9999
}

.custom-pnlm-desc:after {
	top: -20px !important;
	border-color: transparent transparent rgba(0, 0, 0, 0.7) transparent !important;
}

.hot-spot-fade {
	opacity: 0.5;
}

.doc-li {
	float: left;
	margin: 2px;
}

.doc-tr {
	border: 2px solid gray;
	border-radius: 8px;
	display: inline-block;
	padding: 2px;
	padding: 0px;
}

.doc-td1 {
	padding: 2px
}

.doc-td2 {
	border-left: 2px solid gray;
	padding: 2px
}

.doc-a {
	display: block;
	text-align: center;
	padding: 0px;
	text-decoration: none;
}

.doc-a.delete {
	color: red;
	background: white;
	border-width: 0px;
}

.minorDiv {
	position: absolute;
	bottom: 45px;
	right: 15px;
	width: 100px;
	height: 100px;
	background: white;
	z-index: 8;
	transition: width 0.5s, height 0.5s;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}
.pnlm-ui .pnlm-grab {
	height: calc(100vh - 30px);
}
#minimapframe {
	width: 100%;
	height: calc(100vh - 30px);
	border: none;
	border-radius: 10px;
	margin: 0;
}

#mapdiv {
	width: 100%;
	height: 100%;
}

#container {
	width: 100%;
	height: 100%;
}

.map {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.popup {
	padding-bottom: 13px;
}
.popup-poslist {
	overflow: auto;
	height: 140px;
	list-style:none;
  padding-left:0;
}

.loginxbutton {
	color: red;
	top: 0px;
	right: 0px;
	display: block;
	float: right;
	top: -15px;
}

.login-icons {
	top: 0px;
}

.login-title {
	width: 50%;
	/* position: absolute; */
}

.loginerror {
	color: red;
	display: none;
}

/* Plan CSS */

.pnlm-panorama-info {
	margin-left: 5px;
	border-radius: 3px;
}

/* UI5 Anpassungen*/

.sapMTokenizer .sapMToken {
	float: left;
}

td.ish-mangelfenster-pos-col, th.ish-mangelfenster-pos-col, th.ish-mangelfenster-pos-col .sapMColumnHeader {
	padding: 0;
}

td.ish-mangelfenster-pos-btncol, th.ish-mangelfenster-pos-btncol, th.ish-mangelfenster-pos-btncol .sapMColumnHeader {
	padding: 0;
}

tr td.ish-mangelfenster-pos-btncol {
	padding-right: 4px;
}

/********** Major / Minor Div **********/

.majorDiv {
	width: 100%;
	height: 100%;
	position: absolute;
	transition: left 0.5s, width 0.5s;
	background-color: white;
}

.planbtn {
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 24px;
	height: 24px;
	z-index: 11000;
	background-image: url('img/minorview/Resize.svg');
	background-size: cover;
	cursor: pointer;
}

.pinbtn {
	right: 30px;
	background-image: url('img/minorview/Pin.svg');
	background-size: 24px 24px;
	transition: transform .4s ease;
}

.pinbtn.active {
	background-image: url('img/minorview/Pin_Aktiv.svg');
	transform: rotate(45deg);
}

/********** SearchBox **********/



.ish-search-box {
	max-height: 0;
	left: 54px;
	top: 45px;
	position: absolute;
	transition: all 0.5s;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	color: white;
	overflow-x: hidden;
	overflow-y: scroll;
	 white-space: nowrap;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	z-index: 7;
}

html div.ish-search-box::-webkit-scrollbar {
	display: inherit;
	background-color: transparent;
	width: 12px !important;
}

html div.ish-search-box::-webkit-scrollbar-track {
	background-color: #313130;
	border-radius: 8px;
	background-clip: padding-box;
	border: 4px solid rgba(0, 0, 0, 0);
}

html div.ish-search-box::-webkit-scrollbar-thumb {
	background-color: #fefefe;
	border-radius: 8px;
	background-clip: padding-box;
	border: 4px solid rgba(0, 0, 0, 0);
}

html div.ish-sidebar-menubtn-collapsable::-webkit-scrollbar {
	display: inherit;
	background-color: transparent !important;
	width: 12px !important;
}
.colLines {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	width: auto;
}
html div.ish-sidebar-menubtn-collapsable::-webkit-scrollbar-track {
	background-color: #313130;
	border-radius: 8px;
	background-clip: padding-box;
	border: 4px solid rgba(0, 0, 0, 0);
}

html div.ish-sidebar-menubtn-collapsable::-webkit-scrollbar-thumb {
	background-color: #fefefe;
	border-radius: 8px;
	background-clip: padding-box;
	border: 4px solid rgba(0, 0, 0, 0);
}

.ish-search-box.active {
	max-height: calc(100% - 49px);
}

.ish-searchbox-icon {
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background-size: cover;
	margin-top: -3px;
	margin-left: -2px;
}

.ish-search-box ul {
	list-style-type: none;
}

.ish-search-box a {
	color: #6599ff;
}

.ish-search-box ul li {
	overflow: hidden;
	padding-left: 8px;
	margin-top: 7px;
	padding-top: 1px;
}

.ish-search-box ul li b {
	pointer-events: none;
}

.ish-search-box ul li b:nth-of-type(2), .ish-search-box ul li b:nth-of-type(4)  {
	margin-left: 5px;
}

.ish-search-box ul {
	padding-left: 0;
	margin-top: 50px;
}

.ish-search-nothing {
	width: 100%;
	text-align: center;
	margin-bottom: 4px;
}

.ish-search-nothing.invisible {
	display: none;
}

.ish-searchbox-icon.dox_element {
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	background-image: url('img/topleftbar/Anlagen_Aktiv.svg');
	background-position: center;
	background-size: 18px;
	background-repeat: no-repeat;
}

.ish-searchbox-spacer {
	height: 4px;
	width: 4px;
}

/********** Top-Left Bar **********/

.filter-button-width-adjust {
	width: 10%;
}
.ish-filter-button-list.active {

	background:#000000;
	height: 38.79px;
	position: fixed;
  width: inherit;
}
.ish-filter-button-list {
	/* transition-property: height;
	transition-timing-function: linear;
  transition-duration: 0.3s; */
	background:#000000;
	height: 0px;
	position: fixed;
  width: inherit;
}

.ish-topleft-bar {
	display: inline-block;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	border-radius: 8px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	position: absolute;
	top: 4px;
	left: 4px;
	height: 40px;
	font-size: 0;
	white-space: nowrap;
	z-index: 2;
}

.ish-topleft-bar.active {
	border-bottom-right-radius: 8px;
}

.ish-topleft-bar button:focus, .ish-topleft-bar input:focus {
	outline: none;
}

.ish-topleft-button {
	display: inline-block;
	background-position: center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 46px;
	border: none;
	width: 10%;
	height: inherit;
	padding: 0px;
}

.ish-topleft-expander {
	display: inline-block;
	vertical-align: top;
	max-width: 0px;
	height: 40px;
	transition: max-width 0.4s;
	overflow: hidden;
	width: 1000px;
	overflow: hidden;
}

.ish-topleft-expander-inner {
	display: inline-block;
	width: 1000px;
	height: 40px;
}

.ish-topleft-expander .ish-topleft-button {
	display: inline-block;
	vertical-align: top;
}

.ish-topleft-bar.active .ish-topleft-expander {
	max-width: 340px;
	height: 40px;
}

.ish-topleft-search {
	margin-left: 4px;
	display: inline-block;
	vertical-align: top;
	margin-top: 8px;
	margin-bottom: 8px;
	border-radius: 8px;
	background-color: white;
	height: 24px;
	padding-left: 6px;
	padding-right: 6px;
}

.ish-topleft-search .ish-topleft-search-icon {
	display: inline-block;
	vertical-align: top;
	background-image: url('img/topleftbar/Suche.svg');
	background-size: 12px;
	background-position: center;
	background-color: transparent;
	background-repeat: no-repeat;
	height: 20px;
	width: 16px;
	margin-top: 1px;
}

.ish-topleft-search .ish-topleft-search-input {
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	border: none;
	font-size: 16px;
	margin-left: 4px;
	width: 295px;
}

.ish-topleft-expander .ish-topleft-button {
	display: inline-block;
	width: 40px;
}

.ish-topleft-button.toggle {
	background-image: url('img/topleftbar/Menu.svg');
	background-size: 26px;
	vertical-align: top;
	transition: transform .4s ease;
	width: 46px;
}

.ish-topleft-bar.active .ish-topleft-button.toggle {
	transform: rotate(90deg);
}

.ish-topleft-button.standpunkt {
	background-image: url('img/topleftbar/Standpunkt_Aktiv.svg');
	background-size: 20px;
	opacity: 0.4;
	filter: grayscale(1);
}

.ish-topleft-button.standpunkt.active {
	opacity: 1;
	filter: none;
}

.ish-topleft-button.mangel {
	background-image: url('img/topleftbar/MangelFilter_Aktive.svg');
	background-size: 15px;
	opacity: 0.4;
	filter: grayscale(1);
}

.ish-topleft-button.mangel.active {
	opacity: 1;
	filter: none;
}
.ish-topleft-button.notSelected {
	background-image: url('img/topleftbar/Distanz_Deaktiv.svg');
}
.ish-topleft-button.entfernung {
	background-size: 30px;
	/*border-left:3px solid #707070;*/
	/* opacity: 0.4;
	filter: grayscale(1); */
}
#ish-topleft-line{
	top:0;
	height:98%;
	width:3px;
	border-left:solid 5px #707070;
}

.AZSelected {
	background-image: url('img/topleftbar/AZ_A.svg');
	background-size: 30px;
}

.ZASelected {
	background-image: url('img/topleftbar/AZ_Z.svg');
	background-size: 30px;
}

.AZNotSelected {
	background-image: url('img/topleftbar/AZ_Deaktiv.svg');
	background-size: 30px;
}

.nahe {
	background-image: url('img/topleftbar/Distanz_Nah.svg');
}

.fern {
	background-image: url('img/topleftbar/Distanz_Fern.svg');
}

.DatumDESC {
	background-image: url('img/topleftbar/DEC.svg');
	background-size: 30px;
}

.DatumASC {
	background-image: url('img/topleftbar/JAN.svg');
	background-size: 30px;
}

.erstellDatumNotSelected {
	background-image: url('img/topleftbar/JAN-DEC.svg');
	background-size: 30px;
}

.ish-topleft-button.anlage {
	background-image: url('img/topleftbar/Anlagen_Aktiv.svg');
	background-size: 26px;
	opacity: 0.4;
	filter: grayscale(1);
}

.ish-topleft-button.anlage.active {
	opacity: 1;
	filter: none;
}

.ish-topleft-button.raum {
	background-image: url('img/topleftbar/Raum_Aktiv.svg');
	background-size: 26px;
	opacity: 0.4;
	filter: grayscale(1);
}

.ish-topleft-button.raum.active {
	opacity: 1;
	filter: none;
}

.ish-topleft-button.elektro {
	background-image: url('img/topleftbar/Elektronik_Aktiv.svg');
	background-size: 15px;
	opacity: 0.4;
	filter: grayscale(1);
}

.ish-topleft-button.elektro.active {
	opacity: 1;
	filter: none;
}

.ol-control {
	background-color: transparent !important;
}

/********** Sidebar **********/

.ish-sidebar {
	width: 50px;
	position: absolute;
	padding-left: 4px;
	font-size: 0;
	top: 44px;
	z-index: 7;
}

.ish-sidebar button:focus, .ish-sidebar input:focus {
	outline: none;
}

.ish-sidebar .invisible {
	display: none;
}

.ish-sidebar-button {
	width: 46px;
	height: 40px;
	padding: 0px;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 46px;
	font-size: 16px;
	border-radius: 0;
}

.ish-sidebar-button.maengellistbtn {
	background-image: url('img/ic_error_black_18px_offen.png');
	background-position: center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	margin-bottom: 4px;
}

.ish-sidebar-button.place {
	background-image: url('img/sidebar/mangel/Plazieren.svg');
}

.ish-sidebar-button.place.active {
	background-image: url('img/sidebar/mangel/Plazieren_Abbruch.svg');
}
.ish-sidebar-button.placePrecise {
	position: relative;
	background-image: url('img/sidebar/mangel/PlazierenPrecise.svg');
}
.ish-sidebar-button.placePrecise.active {
	background-image: url('img/sidebar/mangel/PlazierenFinish.svg');
}
/* .ish-sidebar-button.placePrecise::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 25px;
	height: 25px;
	padding: 0px;
	border: none;
	background-image: url('img/Precise.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	font-size: 16px;
	border-radius: 0;
}
.ish-sidebar-button.placePrecise.active::after {
	background-image: url('img/Add.png');
} */

.ish-sidebar-button.refresh {
	background-image: url('img/sidebar/mangel/Aktualisieren.svg');
}

.ish-sidebar-button.refresh::after {
	display: block;
	content: "";
	width: 46px;
	height: 40px;
	padding: 0px;
	border: none;
	background-image: url('img/sidebar/mangel/Aktualisieren_Inner.svg');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 46px;
	font-size: 16px;
	border-radius: 0;
}

.ish-sidebar-button.refresh.active::after {
	animation: spin 4000ms infinite linear;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.ish-sidebar-button.download {
	background-image: url('img/sidebar/Download.svg');
	background-position: center;
}
.ish-sidebar-button.offlineBtn {
	position: relative;
	background-image: url('img/sidebar/offline/Kategorie.svg');
	background-position: center;
	margin-top: 5px;
}
/* .ish-sidebar-button.offlineBtn.active::after {
	display: block;
	content: "";
	background-image: url('img/sidebar/offline/Kategorie_Active.svg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 46px;
	height: 40px;
	width:46px;
} */
.ish-sidebar-button.active .offlineBtn #ish-sidebar-offlineOverlay {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('img/sidebar/offline/Kategorie_Active.svg');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 46px;
	height: 40px;
	width:46px;
}

.ish-sidebar-button.upload {
	background-image: url('img/sidebar/Upload360Foto.svg');
	background-position: center;
	margin-top: 5px;
}

.ish-sidebar-button.switch {
	background-position: center;
	background-image: url('img/sidebar/360Foto.svg');
	/* transition: background-image .3s ease; */
}

.ish-sidebar-button.switch.active {
	background-image: url('img/sidebar/Plan.svg');
}

.ish-sidebar-button.toggle.active {
	transform: rotate(90deg);
}

.ish-sidebar-button.downloadMangel {
	background-image: url('img/sidebar/mangel/Print.svg');
	background-position: center;
	margin-bottom: 1px;
	margin-top: -1px;
}

.ish-sidebar-button.mangel {
	background-image: url('img/sidebar/Mangel.svg');
}
.ish-sidebar-button.cloud {
	background-image: url('img/sidebar/Wolke.svg');
}
.ish-sidebar-button.Einstellungen {
	background-image: url('img/sidebar/Einstellungen.svg');
}
.ish-sidebar-button.filter {
	background-image: url('img/sidebar/Filter.svg');
}

/********** 360° Foto **********/

.pnlm-fullscreen-toggle-button {
	display: none !important;
	/* Hack weil wir beim Export nicht ausschalten */
}

.pnlm-controls-container {
	width: 94px;
	height: 40px;
	position: absolute;
	top: 4px;
	right: 55px;
	left: auto;
	padding: 0;
	font-size: 0;
}

.majorDiv.haslogin .pnlm-controls-container {
	right: 106px;
}

.pnlm-controls-container .pnlm-zoom-controls {
	width: 94px;
	height: 40px;
	margin-top: 0;
	border: none;
	background-color: transparent;
}

.pnlm-controls-container .pnlm-zoom-controls .pnlm-control {
	position: absolute;
	background-size: 46px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	width: 46px;
	height: 40px;
	margin: 0;
	outline: none;
}

.pnlm-controls-container .pnlm-zoom-controls .pnlm-control.pnlm-zoom-in {
	background-image: url('img/foto/Plus.svg');
	background-color: transparent;
	right: 0;
}

.pnlm-controls-container .pnlm-zoom-controls .pnlm-control.pnlm-zoom-out {
	background-image: url('img/foto/Minus.svg');
	background-color: transparent;
	left: 0;
}

@media only screen and (max-width: 345px) {
  button#Ena-Dis-Rotate {
    top: 45px;
    right: 5px;
    border-radius: 7px;
    transition: top 0.6s, right 0.6s;
 	}
}

.ish-360-date {
	position: absolute;
	top: 48px;
	right: 4px;
	z-index: 11000;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	color: white;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
	font-size: 1rem;
}

.ish-360-date.nodate, .ish-360-date.invisible, .ish-360-left.invisible, .ish-360-right.invisible, .ish-360-dateselect.invisible, .ish-360-dateselectdiv.invisible, .ish-360-plus-minus-down.invisible {
	display: none;
}

.ish-360-left {
	position: absolute;
	top: 100px;
	left: 3px;
	width: 48px;
	height: 48px;
	z-index: 11000;
	background-image: url('img/chevron-left.svg');
	background-size: cover;
	cursor: pointer;
}

.majorDiv .ish-360-left {
	left: 53px;
}

#ish-360-plus-downid {
	background-image: url('img/foto/Pfeil_rechts_doppelt.svg');
	left: calc(50% + 47px);
	background-size: 48px;
	width: 48px;

}
#ish-360-minus-downid {
	background-image: url('img/foto/Pfeil_links_doppelt.svg');
	left: calc(50% - 99.5px);
	background-size: 48px;
	width: 48px;
}
#ish-360-plus1-down_id {
	background-image: url('img/foto/Pfeil_rechts.svg');
	left: 50%;
}
#ish-360-minus1-down_id {
	background-image: url('img/foto/Pfeil_links.svg');
	left: calc(50% - 50px);
}
.ish-360-minus-down {
	background-image: url('img/minus.png');
	margin: 0;
  position: absolute;
  top: 80%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	background-size: cover;
	z-index: 11000;

	cursor: pointer;

}
.ish-360-right {
	position: absolute;
	top: 100px;
	right: 3px;
	width: 48px;
	height: 48px;
	z-index: 11000;
	background-image: url('img/chevron-right.svg');
	background-size: cover;
	cursor: pointer;
}
.ish-360-plus-minus-down {
	position: absolute;
	background-size: 46px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	width: 46px;
	height: 40px;
	bottom: 4px;
	right: 4px;
	padding: 0;
	margin: 0;
	z-index: 11000;
	color: transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 0;
	border: none;
	outline: none;


}

.ish-360-dateselect {
	position: absolute;
	background-image: url('img/foto/DatumAuswahl.svg');
	background-size: 46px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	width: 46px;
	height: 40px;
	top: 4px;
	right: 4px;
	padding: 0;
	margin: 0;
	z-index: 11000;
	color: transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	font-size: 0;
	border: none;
	outline: none;
}

.majorDiv.haslogin .ish-360-dateselect {
	right: 55px;
}
.majorDiv.haslogin .ish-360-plus-minus-down {
	right: 550px;
}

div.ish-360-dateselectdiv {
	position: absolute;
	z-index: 11001;
	top: 49px;
	right: 4px;
	padding: 0;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	border: none;
	border-radius: 6px;
	color: white;
	padding: 8px;
	max-height: calc(100% - 8rem);
	overflow: auto;
}

div.ish-360-dateselectdiv.active {
	display: block;
}

.ish-360-dateselectdiv ul {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.ish-360-dateselectdiv ul li {
	display: table;
}

.ish-360-dateselectdiv a {
	display: table-cell;
	vertical-align: top;
	color: white;
}

.ish-360-dateselectdiv a.current {
	color: #b6d0fa;
}

.ish-360-dateselectdiv input {
	margin-right: 4px;
	display: table-cell;
	vertical-align: top;
	margin-top: 4.5px;
}

.majorDiv.haslogin div.ish-360-dateselectdiv {
	right: 55px;
}

.ish-360-dateselect option {
	color: black;
	font-size: 1rem;
}
.ish-360-plus-minus-down option {
	color: black;
	font-size: 1rem;
}

/********** Plan **********/

div.layer-switcher {
	top: 4px;
	right: 4px;
	padding: 0;
	z-index: 1;
}

.majorDiv.haslogin div.layer-switcher {
	right: 55px;
}

div.layer-switcher button {
	background-image: url('img/plan/Layersteuerung.svg');
	background-size: 46px;
	width: 46px;
	height: 40px;
	background-color: transparent;
	background-position: 0;
	margin: 0;
}

div.layer-switcher.shown::before {
	position: absolute;
	display: block;
	content: "";
	background-image: url('img/plan/Layersteuerung.svg');
	background-size: 46px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	width: 46px;
	height: 40px;
	margin: 0;
}

div.layer-switcher.shown::after {
	background-color: transparent;
}

.layer-switcher button:hover {
	background-color:transparent;
}

.layer-switcher.shown.layer-switcher-activation-mode-click > button {
	right: 0;
	border-left: 0;
	background-image: url('img/plan/Layersteuerung.svg');
	background-color: transparent;
}

.layer-switcher.shown.layer-switcher-activation-mode-mouseover > button {
	right: 0;
	border-left: 0;
	background-image: url('img/plan/Layersteuerung.svg');
	background-color: transparent;
}

div.layer-switcher .panel {
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	border: none;
	border-radius: 6px;
	color: white;
	margin-top: 44px;
}

div.layer-switcher .panel>ul {
	padding-left: 4px;
}

div.layer-switcher li.layer input {
	vertical-align: bottom;
}

div.popover {
	max-width: none;
}

.popover div.popover-content {
	white-space: nowrap;
	max-height: 400px;
	/* overflow: scroll; */
	overflow-x: auto; /* Horizontal scrollbar */
	overflow-y: auto; /* Vertical scrollbar */
	width: auto;
}

.openuptheelektrodetails {
	display: none;
}

div.ol-zoom {
	width: 94px;
	height: 40px;
	position: absolute;
	top: 4px;
	right: 55px;
	left: auto;
	padding: 0;
	font-size: 0;
}

.majorDiv.haslogin div.ol-zoom {
	right: 106px;
}

div.ol-zoom button {
	position: absolute;
	background-size: 46px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	width: 46px;
	height: 40px;
	margin: 0;
	outline: none;
}

div.ol-zoom .ol-zoom-in {
	background-image: url('img/foto/Plus.svg');
	background-color: transparent;
	right: 0;
}

div.ol-zoom .ol-zoom-out {
	background-image: url('img/foto/Minus.svg');
	background-color: transparent;
	left: 0;
}

div.ol-rotate {
	width: 46px;
	height: 40px;
	position: absolute;
	top: 4px;
	right: 105px;
	padding: 0;
	font-size: 0;
}

.majorDiv.haslogin div.ol-rotate {
	right: 253px;
}

div.ol-rotate button {
	width: 46px;
	height: 40px;
	margin: 0;
	background-size: 46px;
	background-image: url('img/plan/Kompass.svg');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	outline: none;
}
div.ol-rotate button.active {
	background-image: url('img/plan/Kompass_Lock.svg');
}

div.ol-rotate button:hover {
	background-color: transparent;
}
div.ol-rotate button:focus {
	outline: none;
	background-color: transparent;
}

div.ol-rotate button .ol-compass {
	width: 46px;
	height: 40px;
	margin: 0;
	background-color: transparent;
	font-size: 0;
}

div.ol-rotate button .ol-compass::before {
	display: block;
	content: "";
	width: 46px;
	height: 40px;
	background-size: 38px;
	background-image: url('img/plan/Kompassnadel.svg');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
}
div.ol-rotate button.active .ol-compass::before {
	background-image: none;
}
/* div.ol-rotate .active::after {
	display: block;
	content: "";
	position: absolute;
	bottom: -1px;
	right: -14px;
	width: 46px;
	height: 40px;
	background-size: 46px;
	background-image: url('img/plan/Lock.svg');
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
} */

.ish-plan-LiveStandortInAktiv {
	position: absolute;
	border: none;
	top: 44px;
	right: 0px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-image: url('img/foto/LiveStandortInAktiv.svg');
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

.ish-plan-LiveStandortAktiv {
	position: absolute;
	border: none;
	top: 44px;
	right: 0px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-image: url('img/foto/LiveStandortAktiv.svg');
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

.ish-plan-location {
	position: absolute;
	border: none;
	top: 4px;
	right: 0px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-image: url('img/foto/Standort_Neu.svg');
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

.ish-plan-PfeilOben {
	position: absolute;
	border: none;
	top: 84px;
	right: 0px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-image: url('img/foto/PfeilOben.svg');
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

.ObenDeaktiv {
  pointer-events:none;
  cursor: default;
	background-image: url('img/foto/StockwerkOben_Deaktiv.svg');
}

.ish-plan-StockwerkListe {
	cursor: default;
	position: absolute;
	border: none;
	top: 124px;
	right: 0px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-image: url('img/foto/StockwerkListe.svg');
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

.ish-plan-PfeilUnten {
	position: absolute;
	border: none;
	top: 163px;
	right: 0px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-image: url('img/foto/PfeilUnten.svg');
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

.UntenDeaktiv{
	pointer-events:none;
	cursor: default;
	background-image: url('img/foto/StockwerkUnten_Deaktiv.svg');
}


.ish-plan-Navigation {
	position: absolute;
	border: none;
	top: 4px;
	right: 55px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-image: url('img/foto/Navigation-HeaderIcon.svg');
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;
}

#ish-NavList-btn-window {
	position: absolute;
	z-index: 91000;
	top: 40px;
	right: 55px;
	margin: auto;
	width: 50px;
	padding: 4px;
	padding-right: 16px;
	border-radius: 8px;
	background: transparent;
}

.ish-plan-Disabld-Rotate{
	background-image: url('img/plan/RichtungSperren_deaktiv.svg');
}


.ish-plan-Enabld-Rotate{
	background-image: url('img/plan/RichtungSperren_aktiv.svg');
}
.ish-plan-Rotate{
	position: absolute;
	border: none;
	top: 4px;
	right: 155px;
	width: 46px;
	height: 40px;
	background-position: center;
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 0px;
	outline: none;

}
.majorDiv.haslogin .ish-plan-location {
	right: 202px;
}

/********** Sidebar Button mit ausklapp Fenster **********/
.ish-sidebar-menubtn {
	position: relative;
	margin-top: 5px;
}

.ish-sidebar-menubtn-window {
	position: absolute;
	z-index: 91000;
	top: 0;
	left: 50px;
	margin: auto;
	padding: 4px;
	padding-right: 16px;
	border-radius: 8px;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	width: 82vw;
	max-width: max-content;
}

.ish-sidebar-datemenubtn-window {
	position: absolute;
	z-index: 91000;
	margin-left: 20px;
	padding: 4px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: none;
}
.ish-sidebar-datemenubtn-window-DatumInput{
background-color: #fff;
   border-radius: 4px;
  border-color:black ;
border-width: 1px;
}

#ish-sidebar-filterMenu .ish-sidebar-menubtn-window {
	padding: 0;
	overflow: hidden;
}

#SelectCss {
	margin-bottom:12px;
}

.ish-sidebar-menubtn-window .invisible {
	display: none;
}

.ish-sidebar-menubtn-icon {
	display: inline-block;
	vertical-align: left;
	color:white;
	line-height: 40px;
	white-space: normal;
	position: relative;
	padding: 0;
	top: 10%;
	width: 40px;
	height: 40px;
	padding: 14px;
	border: none;
	background-position: center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 40px;
	border-radius: 0;
	vertical-align: middle;
}

.ish-sidebar-menubtn-text {
	text-align: left;
	flex-grow: 1;
	display: contents;
	vertical-align: left;
	color:white;
	line-height: 40px;
	white-space: normal;
	position: relative;
	padding: 0;
	top: 10%;
}
.ish-sidebar-menubtn-group {
	padding: 4px 12px;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	max-width: 100%;
	overflow-x: auto;
}

.ish-sidebar-menubtn-btn {
	border:none;
    background: none;
	white-space: normal;
	text-align: left;
	display: flex;
	overflow-wrap: break-word;
	position: relative;
	padding: 0;
}

.ish-sidebar-menubtn-btn-Noflex {
  border: none;
  background: none;
  white-space: normal;
  text-align: left;
  /* display: flex; */
  overflow-wrap: break-word;
  position: relative;
  padding: 0;
}


.ish-sidebar-menubtn-checkbox {
	display: flex;
	border:none;
	background: none;
	white-space: nowrap;
	position: relative;
	padding: 0;
	align-items: baseline;
}
.borderUnderLine {
	border-color: #00000059;
	margin-top: 2px;
	width: 100%;
	/* border-bottom: ridge; */
	text-align: left;
}
.ish-sidebar-menubtn-checkbox-box {
	display: inline-block;
	vertical-align: middle;
	color:white;
	line-height: 24px;
	width: 8px;
	height: 8px;
	border: 1px solid white;
	box-shadow: 0px 0px 2px white;
}
.ish-sidebar-menubtn-checkbox-box::after {
	display: block;
	color:white;
	content: "";
	width: 6px;
	height: 6px;
	background-color: #161615;
}
.ish-sidebar-menubtn-checkbox-box>span {
	display: none;
}
.ish-sidebar-menubtn-checkbox.active > .ish-sidebar-menubtn-checkbox-box>span {
	display: block;
	position: absolute;
	top: 4.5px;
	left: 1.3px;
	color:white;
	font-size: 8px;
}
.ish-sidebar-menubtn-checkbox.active > .ish-sidebar-menubtn-checkbox-box::after {
	background-color: transparent;
}
.ish-sidebar-menubtn-checkbox-image {
	display: inline-block;
	vertical-align: middle;
	line-height: 32px;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.4;
	filter: grayscale(1);
}
.ish-sidebar-menubtn-checkbox.active > .ish-sidebar-menubtn-checkbox-image {
	opacity: 1;
	filter: none;
}
.ish-sidebar-menubtn-checkbox-text {
	vertical-align: middle;
	color:white;
	line-height: 32px;
	font-size: 14px;
	margin-left: 5px;
	white-space: normal;
}
.ish-sidebar-menubtn-checkbox.active>.ish-sidebar-menubtn-checkbox-text {
	font-weight: bold;
}
.ish-sidebar-menubtn-window.invisible {
	display: none;
}

.ish-sidebar-datemenubtn-window.invisible {
	display: none;
}

.ish-sidebar-menubtn-collapsable {
	transition: all 0.5s;
	white-space: nowrap;
	max-height: 45vh !important;
	overflow-y: hidden;
	padding-left: 4px;
	overflow-y: auto;
}
.ish-sidebar-menubtn-collapsable.collapsed {
	max-height: 0 !important;
}
.ish-sidebar-menubtn-groupArrow {
	position: relative;
}
.ish-sidebar-menubtn-DeleteBtn {
	width: 20px;
	height: 20px;
	background-image: url('img/sidebar/Mistkuebel.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	float: right;
	margin-top: 8px;
}
.ish-sidebar-menubtn-icon.DeleteBtn {
	background-image: url('img/sidebar/Mistkuebel.svg');
}
.ish-sidebar-menubtn-DateFilterBtn {
	width: 25px;
	height: 22px;
	float: right;
	background-image: url('img/sidebar/Filter.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-top: 8px;
	margin-right: 5px;
}
.ish-sidebar-menubtn-btn>.ish-sidebar-menubtn-groupArrow::after{
	display: inline-block;
	position: absolute;
	content:"";
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid white;
	top: 10px;
  left: 5px;
}
.ish-sidebar-menubtn-btn.active>.ish-sidebar-menubtn-groupArrow::after{
	display: inline-block;
	position: absolute;
	content:"";
	width: 0;
	height: 0;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 3px solid white;
	border-top: none;
	top: 7px;
  left: 5px;
}

.ish-sidebar-menubtn-icon.place {
	background-image: url('img/sidebar/mangelMenu/Plazieren.svg');
}

.ish-sidebar-menubtn-icon.placePrecise {
	background-image: url('img/sidebar/mangelMenu/PlazierenPrecise.svg');
}
.ish-sidebar-menubtn-icon.placeFinish {
	background-image: url('img/sidebar/mangelMenu/PlazierenFinish.svg');
}
.ish-sidebar-menubtn-icon.placeCancel {
	background-image: url('img/sidebar/mangelMenu/Plazieren_Abbruch.svg');
}
.ish-sidebar-menubtn-icon.mangelMultiStart {
	background-image: url('img/sidebar/mangelMenu/ALLE.svg');
}
.ish-sidebar-menubtn-icon.mangelMultiSelectAll {
	background-image: url('img/sidebar/mangelMenu/ALLE.svg');
}
.ish-sidebar-menubtn-icon.mangelMultiCanel::before, .ish-sidebar-menubtn-icon.mangelMultiCanel::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 20px;
	background-color: white;
}
.ish-sidebar-menubtn-icon.mangelMultiCanel::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.ish-sidebar-menubtn-icon.mangelMultiCanel::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.ish-sidebar-menubtn-icon.mangelMultiDeselectAll {
	background-image: url('img/sidebar/mangelMenu/KEINE.svg');
}
.ish-sidebar-menubtn-icon.refresh {
	background-image: url('img/sidebar/mangelMenu/Refresh.svg');
	background-size: 50px;
}
.active > .ish-sidebar-menubtn-icon.refresh {
	animation: spin 4000ms infinite linear;
}
.ish-sidebar-menubtn-icon.print {
	background-image: url('img/sidebar/mangelMenu/Print.svg');
}
.ish-sidebar-menubtn-icon.upload {
	background-image: url('img/sidebar/cloudMenu/Upload360Foto.svg');
}
.ish-sidebar-menubtn-icon.download {
	background-image: url('img/sidebar/cloudMenu/Download.svg');
}
.ish-sidebar-menubtn-icon.stern {
	background-image: url('img/sidebar/Doku_deaktiv.svg');
}
.ish-sidebar-menubtn-icon.copyLink {
	background-image: url('img/sidebar/Kopieren.svg');
}
.ish-sidebar-menubtn-icon.position360 {
	background-image: url('img/sidebar/cloudMenu/FotoPlazieren.svg');
}
.ish-sidebar-menubtn-icon.positionPrecise360 {
	background-image: url('img/sidebar/cloudMenu/FotoPlazierenPrecise.svg');
}
.ish-sidebar-menubtn-icon.positionPrecise360Start {
	background-image: url('img/sidebar/cloudMenu/FotoVerschieben.svg');
}
.ish-sidebar-menubtn-icon.sichteinstellungen {
	background-image: url('img/sidebar/Sichteinstellungen.svg');
	background-position: center;
}
/********** Offline Button / Fenster **********/

#ish-sidebar-offline {
	position: relative;
}

#ish-offline-btn-window {
	position: absolute;
	z-index: 91000;
	top: 5px;
	left: 50px;
	margin: auto;
	padding: 4px;
	padding-right: 16px;
	border-radius: 8px;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
}

#ish-offline-btn-window.invisible {
	display: none;
}

#ish-sidebar-offline.active #ish-offline-btn-window-progress {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background-color: #1F79FF;
}

#ish-offline-btn-window-progress {
	position: absolute;
	top: 0;
	left: 0;
}

.ish-offline-window-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 0px;
	border: none;
	background-position: center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 40px;
	border-radius: 0;
	vertical-align: middle;
}

.ish-offline-window-btn {
	border:none;
	background: none;
	white-space: nowrap;
	position: relative;
	padding: 0;
}
a.ish-offline-window-btn {
	text-decoration: none;
}
.ish-offline-window-btn.invisible {
	display: none;
}

.hide {
	visibility: hidden;
}

.ish-offline-window-icon.download {
	background-image: url('img/sidebar/offline/Download.svg');
}

.ish-offline-window-icon.refresh {
	background-image: url('img/sidebar/offline/Aktualisieren.svg');
}

.ish-offline-window-icon.delete {
	background-image: url('img/sidebar/offline/Loeschen.svg');
}
.ish-offline-window-icon.sync {
	background-image: url('img/sidebar/offline/Hochladen.svg');
}
.ish-offline-window-icon.overview {
	background-image: url('img/sidebar/offline/Listen.svg');
}
.ish-offline-window-icon.bilderDownload {
	background-image: url('img/sidebar/offline/Download.svg');
}
.ish-offline-window-icon.bilderRefresh {
	background-image: url('img/sidebar/offline/Aktualisieren.svg');
}
.ish-offline-window-icon.bilderDelete {
	background-image: url('img/sidebar/offline/Loeschen.svg');
}
.ish-offline-window-icon.go {
	background-image: url('img/sidebar/offline/Offline.svg');
}

.ish-offline-window-text {
	vertical-align: middle;
	color:white;
	line-height: 40px;
}

/********** Login Button / Fenster **********/

.ish-login-topright {
	position: absolute;
	width: 46px;
	height: 40px;
	padding: 0px;
	border: none;
	background-image: url('img/login/Login.svg');
	background-position: center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 46px;
	font-size: 16px;
	border-radius: 0;
	top: 4px;
	right: 4px;
	z-index: 7;
}

.ish-login-topright.active {
	background-image: url('img/login/Logout.svg');
}

.ish-login-window {
	position: absolute;
	z-index: 91000;
	max-width: 400px;
	width: 80%;
	height: 188px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	border-radius: 8px;
}

.ish-login-window.invisible, .ish-login-error.invisible {
	display: none;
}

.ish-login-header {
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 40px;
}


.ish-login-title {
	margin: 0;
	font-size: 18px;
	color: white;
}

.ish-login-cancel {
	position: absolute;
	top: 4px;
	right: 12px;
	font-size: 24px;
	color: white !important;
	text-decoration: none !important;
}

.ish-login-body {
	height: 151px;
	background-color: #fff;
	border: 1px solid #1C1C1B;
	border-top: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.ish-login-group {
	padding: 8px;
	font-size: 0;
}

.ish-login-group span {
	display: inline-block;
	vertical-align: top;
	width: 46px;
	height: 40px;
	background-position: center;
	background-size: 46px;
	background-repeat: no-repeat;
	background-color: transparent;
}

.ish-login-group input {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	width: calc(100% - 46px);
	height: 38px;
	margin-left: -1px;
	margin-top: 0.8px;
	border: 1px solid  #1C1C1B;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fff;
	padding: 8px;
}

.ish-login-username-icon {
	background-image: url('img/login/Username.svg');
}

.ish-login-password-icon {
	background-image: url('img/login/Password.svg');
}

.ish-login-bottom-group {
	position: absolute;
	bottom: 0;
	padding: 8px;
	width: 100%;
}

.ish-login-bottom-group-inner {
	position: relative;
}

.ish-login-login {
	position: absolute;
	bottom: 0;
	right: 3px;
	border-radius: 8px;
	padding: 4px 8px;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	color: white;
	border: none;
}

/********** Lade-Overlay **********/

.ish-loading-overlay {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TS8VWBNtBxCFDdbIgKuIoVSyChdJWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIk6OToouU+L+k0CLWg+N+vLv3uHsHCI0KU82eCUDVLCMVj4nZ3Krof4UPgwghgIDETD2RXsyg6/i6h4evd1Ge1f3cn6NfyZsM8IjEc0w3LOIN4plNS+e8TxxmJUkhPiceN+iCxI9cl11+41x0WOCZYSOTmicOE4vFDpY7mJUMlXiaOKKoGuULWZcVzluc1UqNte7JXxjMaytprtMcQRxLSCAJETJqKKMCC1FaNVJMpGg/1sU/7PiT5JLJVQYjxwKqUCE5fvA/+N2tWZiadJOCMcD3Ytsfo4B/F2jWbfv72LabJ4D3GbjS2v5qA5j9JL3e1iJHwMA2cHHd1uQ94HIHGHrSJUNyJC9NoVAA3s/om3JA6BboW3N7a+3j9AHIUFfLN8DBITBWpOz1Lu/u7ezt3zOt/n4AKmZyilK1Ia0AAAAGYktHRAD/AAAAADMnfPMAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfkBRITDBo8RkgPAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAA1JREFUCNdjYGBgaAAAAIUAgWGR/P0AAAAASUVORK5CYII=');
	background-size: cover;
	z-index: 95000;
}

.ish-loading-overlay>div {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	color: white;
	font-size: 20px;
}

#precisePlacementOverlay {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 0;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	pointer-events: none;
}
#precisePlacementOverlay::after {
	content: '';
	display: block;
	width: 120px;
	height: 60px;
	background: url('img/Pin_Platzierungsmodus.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
}
#precisePlacementOverlay.invisible {
	display: none;
}
#preciseCamPlacementOverlay {
	position: absolute;
	width: 120px;
	height: 120px;
	top: 0;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	pointer-events: none;
}
#preciseCamPlacementOverlay::after {
	content: '';
	display: block;
	width: 120px;
	height: 60px;
	background: url('img/Pin_360Foto_Praezise.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
}
#preciseCamPlacementOverlay.invisible {
	display: none;
}
#offlineOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 58px;
	left: 0;
	right: 0;
	margin: auto;
	pointer-events: none;
	border: 2px solid red;
}
#offlineOverlay.yellow {
	border: 2px solid yellow;
}
#offlineOverlay.invisible {
	display: none;
}
#offlineOverlay .bottomText {
	position: fixed;
	bottom: 30px;
	width: 100%;
	height: 20px;
	background-color: red;
	color: white;
	font-size: 16px;
	text-align: center;
}
#offlineOverlay.yellow .bottomText {
	background-color: yellow;
	color: black;
}
/********** Hintergrund-Image-Fenster **********/

body {
	font-family: Arial, Helvetica, sans-serif;
}

.sapMPanelContent{

padding: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;

}

.MMLIB-CTX{
 height: 5px !important;
}
.ish_properties_sapMListTblCell > td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  /* border-style:dotted !important; */
  /*border-width: 0.5px !important; */
  /* border-left: none !important; */

}

#imgFenster {
	position: absolute;
	z-index: -1001;
	max-width: 1000px;
	width: 80%;
	height: calc(100% - 80px);
	background: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* padding: 5px; */
	border: 1px solid black;
	overflow-y: scroll;
}
#settingsFenster {
	position: absolute;
	z-index: -1001;
	max-width: 1000px;
	width: 80%;
	height: calc(100% - 80px);
	background: white;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/* padding: 5px; */
	border: 1px solid black;
	overflow-y: scroll;
}

/********** Sync Window **********/
.ish-sync-window {
	position: absolute;
	z-index: 91000;
	max-width: 400px;
	width: 80%;
	height: 128px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	border-radius: 8px;
}

.ish-sync-window.invisible {
	display: none;
}

.ish-sync-header {
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 40px;
}

.ish-sync-title {
	margin: 0;
	font-size: 18px;
	color: white;
}

.ish-sync-cancel {
	position: absolute;
	top: 4px;
	right: 12px;
	font-size: 24px;
	color: white !important;
	text-decoration: none !important;
}

.ish-sync-body {
	height: 91px;
	background-color: #fff;
	border: 1px solid #161615;
	border-top: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 10px;
}

.ish-sync-btn {
	position: absolute;
	bottom: 5px;
	right: 8px;
	border-radius: 8px;
	padding: 4px 8px;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	color: white;
	border: none;
}

.ish-sync-btn.ish-sync-yes {
	right:64px;
}


/********** Confirm Window **********/
.ish-confirm-window {
	position: absolute;
	z-index: 91000;
	max-width: 400px;
	width: 80%;
	height: 128px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	border-radius: 8px;
}

.ish-confirm-window.invisible {
	display: none;
}

.ish-confirm-header {
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 40px;
}
.ish-confirm-header.isWarningMsg {
	background-image: linear-gradient(180deg, #ffcc00, #ffcc00);
	border: 1px solid #0F0F0F;
}
.ish-confirm-title {
	margin: 0;
	font-size: 18px;
	color: white;
}

.ish-confirm-cancel {
	position: absolute;
	top: 4px;
	right: 12px;
	font-size: 24px;
	color: white !important;
	text-decoration: none !important;
}

.ish-confirm-body {
	height: 91px;
	background-color: #fff;
	border: 1px solid #161615;
	border-top: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 10px;
}

.ish-confirm-btn {
	position: absolute;
	bottom: 5px;
	right: 8px;
	border-radius: 8px;
	padding: 4px 8px;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	color: white;
	border: none;
}

.ish-confirm-btn.ish-confirm-yes {
	right:64px;
}

/********** Message Window **********/
.ish-message-window {
	position: absolute;
	z-index: 99000;
	max-width: 400px;
	width: 80%;
	height: 198px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	border-radius: 8px;
}

.ish-message-window.invisible {
	display: none;
}

.ish-message-header {
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	height: 40px;
}
.ish-message-header.isErrorMsg {
	background-image: linear-gradient(180deg, #dd0000, #bb0000);
	border: 1px solid #0F0F0F;
}
.ish-message-header.isSuccessMsg {
	background-image: linear-gradient(180deg, #33b249, #33b249);
	border: 1px solid #0F0F0F;
}
.ish-message-header.isWarningMsg {
	background-image: linear-gradient(180deg, #ffcc00, #ffcc00);
	border: 1px solid #0F0F0F;
}

.ish-message-title {
	margin: 0;
	font-size: 18px;
	color: white;
}

.ish-message-cancel {
	position: absolute;
	top: 4px;
	right: 12px;
	font-size: 24px;
	color: white !important;
	text-decoration: none !important;
}

.ish-message-body {
	height: 161px;
	background-color: #fff;
	border: 1px solid #161615;
	border-top: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 10px;
}
.ish-message-body span {
	white-space: break-spaces;
}

.ish-message-btn {
	position: absolute;
	bottom: 5px;
	right: 8px;
	border-radius: 8px;
	padding: 4px 8px;
	background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	color: white;
	border: none;
}


.ListResize {
	position: sticky;
	bottom: 5px;
	float: right;
	width: 24px;
	height: 24px;
	z-index: 11000;
	background-image: url('img/minorview/Resize.svg');
	background-size: cover;
	cursor: pointer;
}

/* .ish-sidebar-menubtn-DatumSortieren {
	width: 20px;
	height: 20px;
	background-image: url('img/sidebar/Mistkuebel.svg');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	float: right;
	margin-top: 8px;
} */

.ish-sidebar-datemenubtn-window {
	position: absolute;
  z-index: 91000;
  top: 55px;
  left: 262px;
  margin: auto;
  padding: 4px;
  padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
  border-radius: 8px;
  background: linear-gradient(180deg, #1C1C1B, #161615 96%, #0F0F0F );
	display: none;
}

.ish-sidebar-datemenubtn-window.invisible {
	display: none;
}

.EingenenSchaftPanel {
	background-color: #333132 !important;
}