html {
}

body {
  margin: 0;
  padding: 0;
}

div {
  margin: 0;
  padding: 0;
}

.ui-toolip
{
	width: auto;
	height: auto;
}

#interfaces, #interface-controls
{
	position: absolute; 
/* 	width: 100%; */
/* 	height: 100%; */
}

#interfaces
{
	z-index: 0;
}

#interface-controls
{
  position: relative;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	bottom: 40px;
	z-index: 100;
}
#camera-controls
{
	float: left;
/* 	right: 50%; */
/* 	bottom: 50px; */
}

#floorplanner, #viewer
{  
  position: absolute;
  /* width: 100vw;
  height:100vh; */
  width: 800px;
  height:500px;
  border-style: solid;
  overflow: hidden;
}

#floorplanner-controls 
{
  position: absolute;
  left: 0;
  top: 0;
  margin: 20px 0;
  padding: 0 20px; 
  width: 100%;
}

#main-controls {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 0;  
}

#walltextures
{
	position: absolute;
	right: 100px;
	top: 100px;
}

.btn-file {
  display: inline-block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  cursor: inherit;
  display: block;
}

.btn-hint 
{
  position: absolute;
  left: 20px;
  bottom: 20px;
  background-color: rgba(0, 0, 0, 0.50);
  color: #ffffff;
  padding: 5px 10px;
  z-index: 10;
  display: none;
}


.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.inventory-content
{
	max-height: 500px;
	overflow-y: scroll;
}

/* .ui-dialog, .ui-dialog-content, .ui-widget-content */
/* { */
/* 	min-width: 50%; */
/* 	max-height: 500px; */
/* 	height: 500px; */
/*     overflow: auto; */
/*     position: relative; */
/*     padding: 0 !important; */
/* } */

/* Enable multiple lines in bootstrap tooltips */
.tooltip-inner {
    white-space:pre-wrap;
}

.dg select
{
	color: #000000;
}

#gui { position: absolute; top: 2px; left: 2px }

#all3d-loader{
  position:relative;
  /*background:#333;*/
  height:100%;
  display: none;
}

#all3d-portal-loader{
  position:relative;
  /*background:#333;*/
  height:100%;
  display: none;
  z-index: 999;
}

.profile-main-loader{
  left: 50% !important;
  margin-left:-40px;
  position: fixed !important;
  top: 50% !important;
  margin-top: -40px;
  width: 45px;
  z-index: 9000 !important;
}

.profile-main-loader .loader {
position: relative;
margin: 0px auto;
width: 80px;
height:80px;
}
.profile-main-loader .loader:before {
content: '';
display: block;
padding-top: 100%;
}

.splash-circular-loader {
/* -webkit-animation: rotate 2s linear infinite;
        animation: rotate 2s linear infinite; */
height: 100%;
/* -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
        transform-origin: center center; */
width: 100%;
position: absolute;
top: 0;
left: 0;
margin: auto;
}

.loader-path {
stroke-dasharray: 150,200;
stroke-dashoffset: -10;
-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
        animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
stroke-linecap: round;
}

@-webkit-keyframes rotate {
100% {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
}

@keyframes rotate {
100% {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
}
@-webkit-keyframes dash {
0% {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
}
50% {
  stroke-dasharray: 89,200;
  stroke-dashoffset: -35;
}
100% {
  stroke-dasharray: 89,200;
  stroke-dashoffset: -124;
}
}
@keyframes dash {
0% {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
}
50% {
  stroke-dasharray: 89,200;
  stroke-dashoffset: -35;
}
100% {
  stroke-dasharray: 89,200;
  stroke-dashoffset: -124;
}
}
@-webkit-keyframes color {
0% {
  stroke: #808080;
}
40% {
  stroke: #808080;
}
66% {
  stroke: #808080;
}
80%, 90% {
  stroke: #808080;
}
}
@keyframes color {
0% {
  stroke: #808080;
}
40% {
  stroke: #808080;
}
66% {
  stroke: #808080;
}
80%, 90% {
  stroke: #808080;
}
}

.ant-modal-content .palette {
  height: 75px;
  width: 75px;
  display: inline-block;
  border: 1px solid rgb(82, 82, 82);
  clear: both;
  margin-top: 20px;
}

.palette {
  height: 70px;
  width: 70px;
  display: inline-block;
  border: 1px solid rgb(82, 82, 82);
  clear: both;
  margin-top: 12px;
}

.ant-modal-content .colorCode-label {
  margin-top: 73px;
  margin-left: 7px;
  font-size: medium;
}

.colorCode-label {
  margin-top: 69px;
  margin-left: 9px;
  font-size: small;
  color: #000000;
}

@media screen and (max-width: 1400px) {
  .palette {
    height: 58px;
    width: 58px;
  }

  .colorCode-label {
    margin-top: 60px;
    margin-left: 7px;
    font-size: x-small;
}
  #hexButton {
    margin-left: 8px !important;
  }
  
  .preprocessing-text {
    font-size: 14px !important;
  }

  .palette-row-heading{
    font-size: small !important
  }
  .ant-modal-content .colorCode-label {
    font-size: small !important;
  }

  .ant-modal-content .palette {
    height: 70px;
    width: 70px;
  }
}
.preprocessed-images {
  display: inline-block !important;
  
}

.preprocessing-text {
  padding-top: 30px;
  padding-left: 30px;
  font-size: 16px;
  font-weight: 500;
  color: black;
}

.ant-modal-content .preprocessing-text {
  padding-top: 30px;
  padding-left: 30px;
  font-size: 24px;
  font-weight: 500;
  color: black; 
}

.segment-images {
  padding-left: 30px;
  padding-bottom: 30px;
  /* padding-right: 30px; */
  width: 85%;
}

.palette-row {
  padding: 0px 0px 30px 30px;
}

.container {
  padding: 50px
}

#export_pdf_button {
  /* width: 165px;
  height: 40px; */
  border-radius: 4px;
}

.palette-row-heading {
  font-size: medium;
  margin-bottom: -12px !important;
}