/* includes */

/* Layout-Styles */
@import url("../../Scripts/jquery-colorpicker/jquery.colorpicker.css");

@import url("../../Scripts/semantic-ui/semantic.min.css");
@import url("../../Scripts/semantic-ui-range/range.css");

@import url("../../Scripts/slick/slick.css");
@import url("../../Scripts/slick/slick-theme.css");

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("themes/jquery-ui.css");
@import url("themes/jquery-ui-additional-1.css");

@import url('toolbar-general.css');
@import url('toolbar-text.css');
@import url('toolbar-image.css');

@import url('adminTool.css');

@-ms-viewport {
  width: device-width;
}

html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 100%;
}

#wps3d_layout {
	height: 100%;
	background-color: #ffffff;
}
* html #wps3d_layout {
	height: 100%;
}

#w2p_main {
	padding-bottom: 2.5em;
	position: relative;
}

* html #w2p_main {
	height: 100%;
}

#w2p_header {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
}

#w2p_header .ui.menu {
	margin: 0 0 0 0;
	font-size: 1.25rem;
}

div#headerMenu a i, div#headerMenu a label {
	color: #A4A3A2;
}

div#footerMenu a i, div#footerMenu a label,
div#positioningCross i, div#toolbar i {
	color: #727272;
}

div#footerMenu a.disabled i, div#footerMenu a.disabled label,
div#headerMenu a.disabled i, div#headerMenu a.disabled label {
	color: #cdcdcd;
}

div#headerMenu label {
	cursor: pointer;
}

div#headerMenu a .label-left {
	padding-right: 0.25em;
}
div#headerMenu a .label-right {
	padding-left: 0.25em;
}

div#headerMenu .small-icon {
	font-size: 115%;
}

div#headerMenu .item-right-breaker {
  margin-left: auto;
  border-left: solid 1px rgba(34,36,38,.1);
}
div#headerMenu .item-right {
  margin-left: 0;
}

#w2p_footer {
	width: 100%;
	height: 2.5em;
	position: absolute;
	bottom: 0;
}

#w2p_footer .ui.menu {
	border: none;
	border-radius: 0 0;
	min-height: 2.5em;
	height: 2.5em;
}

div#footerMenu label {
	cursor: pointer;
}

div#footerMenu .item {
  padding: 0 0.75em 0 0.75em;
}

div#footerMenu .item-right-breaker {
  margin-left: auto;
  border-left: solid 1px rgba(34,36,38,.1);
}

div#footerMenu .powered-logo {
	width: auto;
	height: 1.5em;
	margin-left: 0.75em;
}

#w2p_inputArea {
	height: 0;
	position: relative;
	top: 2em;
	left: 2em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: none;
  z-index: 99;
}

.onscreen-elements {
	font-size: 2em;
	color: #ffffff;
	text-shadow: 2px 2px 4px #000000;
	cursor: pointer;
}

#w2p_webgl {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}

.rotate90 {
	transform: rotate(90deg);
}

.rotate180 {
	transform: rotate(180deg);
}

.data-only {
	display: none;
}


#w2p_webgl {
	background: url('../../img/bg/background_02.png');
	background-size: 100% 100%;
}

.wps3d_layout .unselectable ::selection {
	background: transparent;
	color: inherit;
}

.wps3d_layout .unselectable ::-moz-selection {
	background: transparent;
	color: inherit;
}

.wps3d_layout .unselectable {
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

video.instruction {
	width: 100%;
	max-width: 500px;
}

body div.header-pano-positioner {
	position: absolute;
	top: 600px;
	left: 500px;
	width: 18em;
	max-width: 50em;
	height: auto;
	z-index: 1000;
}

body .rotate-3d-info {
	position: absolute;
	margin: 0 0 0 0;
	padding: 0.5em;
	z-index: 1001;
	text-align:center;
	display: inline;
	left: 44%;
	bottom: 4em;
	background: rgba(0,0,0,0.5);
	border-radius: 0.75em;
	color: #ffffff;
}