@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&display=swap);
#dropzone {
	width: 90vw;
	height: 90vh;
	margin: auto;
	margin-top: 5vh;
	background-color: #ff6026;
	text-align: center;
	line-height: 90vh;
	/* border: 1px solid #ff6026; */
	border-radius: 2em;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	font-size: 12pt;
}

body {
	margin: 0;
}
#dropzone input {
	padding: 1em;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	font-size: 12pt;
}

#dropzone input::-webkit-file-upload-button {
	font-family: "Open Sans", sans-serif;
	color: black;
	display: inline-block;
	background: #fafafa;
	border: none;
	padding: 7px 15px;
	font-weight: bold;
	border-radius: 3px;
	white-space: nowrap;
	cursor: pointer;
	font-size: 12pt;
}

.gui-holder {
	/* position: absolute;
	left: 0px;
	bottom: 20px;
	padding: 0;
	margin: 0;
	z-index: 500; */
	/* float: right;
	height: 3rem;
	margin-top: -3rem; */
	background-color: #ff6026;
	/* text-align: right; */
}

.gui-holder-no-margin {
	margin-top: initial;
}
.go-back-holder {
	height: 4rem;
	float: right;
	line-height: 4rem;
}

.gui-button {
	/* position: fixed; */
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	margin-left: -45px;
	/* margin-top: -50px; */
	pointer-events: auto;
	cursor: pointer;
}
.no-title {
	margin-top: 5px;
}

#gui-button-ar {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 50px;
	height: 50px;
	z-index: 500;
	cursor: pointer;
	cursor: hand;
}

#viewWrapper {
	height: 100vh;
	width: 100vw;
	position: absolute;
	/* margin-left: 10vw; */
	/* margin-top: 10vh; */
	overflow: hidden;
	font-family: "Open Sans", sans-serif;
}

#viewWrapperEdit {
	height: 80vh;
	width: 80vw;
	position: absolute;
	margin-left: 10vw;
	margin-top: 10vh;
	overflow: hidden;
	font-family: "Open Sans", sans-serif;
}
a-scene {
	height: 100%;
	width: 100%;
	background-image: linear-gradient(#ffffff, #808080);
}
/* canvas {
	background: rgb(206, 207, 173);
	background: radial-gradient(
			circle at 50% 50%,
			rgb(221, 221, 221) 25%,
			rgb(90, 90, 90) 60%
		),
		url("data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycKICB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycKICB3aWR0aD0nMzAwJyBoZWlnaHQ9JzMwMCc+CgoJPGZpbHRlciBpZD0nbicgeD0nMCcgeT0nMCc+CgkJPGZlVHVyYnVsZW5jZQoJCSAgdHlwZT0nZnJhY3RhbE5vaXNlJwoJCSAgYmFzZUZyZXF1ZW5jeT0nMC44NScKCQkgIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4KCTwvZmlsdGVyPgoKCTxyZWN0IHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJyBmaWxsPScjMDAwJy8+Cgk8cmVjdCB3aWR0aD0nMzAwJyBoZWlnaHQ9JzMwMCcgZmlsdGVyPSJ1cmwoI24pIiBvcGFjaXR5PScwLjcnLz4KPC9zdmc+Cg==");
	background-size: cover;
} */

.hotspotTextInfo {
	position: absolute;
	visibility: hidden;
	display: none;
	z-index: 1;
	pointer-events: none;
	color: white;
	font-size: 1.5rem;
	background-color: #ff6026;
	padding: 0.5rem;
	font-weight: bold;
	font-family: "Open Sans Condensed", sans-serif;
}

#hotspotSideImage {
	z-index: 1;
	display: block;
	visibility: visible;
	object-fit: cover;
	width: 100%;
	max-height: 50%;
}

#hotspotTitle {
	/* height: 4rem; */
	line-height: 4rem;
	padding-left: 1rem;
	margin-right: 60px;
	font-size: 2rem;
	font-weight: bold;
	font-family: "Open Sans Condensed", sans-serif;
	display: inline-block;
	/* clear: right; */
}
#hotspotPanel a {
	color: white;
}

#hotspotPanel {
	/* // float: right; */
	position: absolute;
	/* overflow: hidden; */
	/* left: min(-30%, -350px); */
	/* top: 0; */
	/* //display: inline-block; */
	width: 30%;
	background-color: #383838;
	color: #fff;
	/* //transition: right 0.3s; */
	/* //transform: translateX(100%); */
	min-width: 350px;
	max-width: 600px;
	height: 70%;
	right: min(-30%, -350px);
	top: 15%;
	overflow-y: hidden;
	z-index: 99999;

	display: flex;
	flex-direction: column;
}

.hotspotDetailsWrapper {
	overflow-y: auto;
	/* height: calc(100% - 4rem); */
	flex-grow: 1;
}

#hotspotEditDetails {
	width: 100%;
	/* height: 100%; */
	/* display: fixed; */
	overflow-y: auto;
	/* margin-left: 1rem; */
}

#hotspotDetails {
	/* width: 90%; */
	/* height: 100%; */
	/* overflow-y: auto; */
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	word-break: normal;
}
#hotspotDetails a {
	word-break: break-all;
}

#hotspotEditDetails select,
#hotspotEditDetails label,
#hotspotEditDetails input,
#hotspotEditDetails textarea,
#hotspotEditDetails button,
.selectContainer {
	margin-left: 1rem;

	float: left;
	min-width: 200px;
	padding: 10px;
	margin-top: 20px;
	width: 35%;
}

#hotspotEditDetails span {
	margin-left: 1rem;
	padding: 10px;
	margin-top: 20px;
	width: 35%;
	cursor: pointer;
}
#hotspotEditDetails label {
	min-width: 120px;
	clear: left;
}
#hotspotEditDetails textarea {
	height: 100px;
}
#hotspotEditDetails li {
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
}
#hotspotEditDetails ul {
	/* float: right; */
	padding-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

.hiddenSelect {
	display: none;
}

.thumbnail {
	width: 20px;
	height: 20px;
	margin: 3px;
	padding-left: 5px;
	margin-bottom: -5px;
}

#selectList li span,
.btnSelect li span {
	margin-left: 5px;
	pointer-events: none;
}

#selectList {
	padding-left: 0px;
	margin-bottom: 0px;
}

#selectList li {
	list-style: none;
	padding: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	color: black;
	border-top: rgb(100, 100, 100) solid 1px;
}
#selectList li:first-child {
	border-top: none;
}

#selectList li:hover {
	background-color: #f4f3f3;
}

.selectContainer {
	display: none;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	/* box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); */
	/* border: 1px solid rgba(0, 0, 0, 0.15); */
	/* border-radius: 5px; */
}

.open {
	display: show !important;
}

.btnSelect {
	background-color: #fff;
	border: none;
}
.btnSelect li {
	list-style: none;
	float: left;
	padding-bottom: 0px;
}

.btnSelect:hover li {
	margin-left: 0px;
}

.btnSelect:hover {
	background-color: #f4f3f3;
}

.btnSelect:focus {
	outline: none;
}

#hotspotPanel.visible {
	right: 5%;
	/* //transition: right 0.3s; */

	-webkit-animation: showsidebar 0.3s;
	/* Safari 4+ */
	-moz-animation: showsidebar 0.3s;
	/* Fx 5+ */
	-o-animation: showsidebar 0.3s;
	/* Opera 12+ */
	animation: showsidebar 0.3s;
	/* IE 10+, Fx 29+ */
}

#hotspotPanel.hidden {
	right: min(-30%, -350px);
	/* //transition: right 0.3s; */

	-webkit-animation: hidesidebar 0.3s;
	/* Safari 4+ */
	-moz-animation: hidesidebar 0.3s;
	/* Fx 5+ */
	-o-animation: hidesidebar 0.3s;
	/* Opera 12+ */
	animation: hidesidebar 0.3s;
	/* IE 10+, Fx 29+ */
}

@-webkit-keyframes showsidebar {
	0% {
		right: min(-30%, -350px);
	}

	100% {
		right: 5%;
	}
}

@-moz-keyframes showsidebar {
	0% {
		right: min(-30%, -350px);
	}

	100% {
		right: 5%;
	}
}

@-o-keyframes showsidebar {
	0% {
		right: min(-30%, -350px);
	}

	100% {
		right: 5%;
	}
}

@keyframes showsidebar {
	0% {
		right: min(-30%, -350px);
	}

	100% {
		right: 5%;
	}
}

@-webkit-keyframes hidesidebar {
	0% {
		right: 5%;
	}

	100% {
		right: min(-30%, -350px);
	}
}

@-moz-keyframes hidesidebar {
	0% {
		right: 5%;
	}

	100% {
		right: min(-30%, -350px);
	}
}

@-o-keyframes hidesidebar {
	0% {
		right: 5%;
	}

	100% {
		right: min(-30%, -350px);
	}
}

@keyframes hidesidebar {
	0% {
		right: 5%;
	}

	100% {
		right: min(-30%, -350px);
	}
}

/*# sourceMappingURL=main.css.map*/