body{
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke: 1px transparent;
}
svg{
	background: white;
}
h4{
	font-family: 'Neue Haas Unica Pro';
}
.btn:focus {
	outline: none !important;
  }
.btn-group:focus{
	outline: none !important;
}
button:focus{
	outline: none !important;
   }
img:focus{
	outline: none !important;
   }
div:focus{
	outline: none !important;
   }
input:focus, textarea {
    outline: none !important;
}
.slick-list {
    outline: none;
}
.individual-setting{
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}
.individual-setting .btn-group{
	width: 80%;
}
.plan-display{
	border-radius: 25px;
	width: 100%;
	height: 100%;
	display: inline-flex;
	border: dashed #231F20;
	border-width: 0.75px;
	display: flex;
	overflow: hidden;
}
.list-group-item{
	padding-top: 0px;
	padding-bottom: 0px;
}
.file-label{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.navbar{
	background: #131316;
	font-family: 'Neue Haas Unica Pro';
	height: 60px;
}
.navbar-brand .d-inline-block{
	padding-right: 14px;
}
.navbar-brand{
	font-family: 'Neue Haas Unica Pro';
	font-weight: 100;
	color: white;
	font-size: 16px;
	letter-spacing: 3px;
}
.breadcrumb{
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: white;
}
.instructions.circle{
	border: #131316 dashed 0.75px;
	width: 90%;
	padding:45% 0;
	margin: auto;
}
.instructions .circle-text{
	width: 85%;
}
.instructions .circle-text p{
	font-family: 'Joanna Nova';
	font-size: 14px;
}
.instructions .circle-text h4{
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	width: 80%;
	margin: auto;
	padding-bottom: 12px;
}
.breadcrumb-item a{
	font-family: 'Joanna Nova Book';
	font-weight: 500;
	color: #131316;
	text-decoration: none;
}
.breadcrumb-item.active a{
	font-family: 'Joanna Nova';
	font-weight: 500;
	text-decoration: none;
	color: rgba(150,107,104, 0.50);
}
.breadcrumb-item + .breadcrumb-item::before{
color: rgba(122,140,140, 0.25);
content: ">> ";
padding: 0 5px;
}
.title-pill{
	margin: auto;
	font-family: 'Neue Haas Unica Pro';
	border-radius: 15px;
	font-weight: normal;
	font-size: 14px;
	background: rgba(150,107,104, 0.5);
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	max-width: 144px;
	color: white;
	margin-bottom: 8px;
	position: sticky;
	text-transform: uppercase;
}
select {
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
.furniture .exit, .furniture .left path, .furniture .right path, .furniture .mirror path{
	visibility: hidden;
}
.furniture.active .exit, .furniture.active .left path, .furniture.active .right path, .furniture.active .mirror path{
	visibility: visible;
}
.furniture.active .exit .Combined-Shape, .furniture.active .mirror .Combined-Shape{
	visibility: visible;
	fill: grey;
}
.furniture.active .exit .Oval-3, .furniture.active .mirror .Oval-3{
	fill: white;
}
.btn-group{
	font-family: "Neue Haas Unica Pro";
	font-weight: bold;
	font-size: 8px;
	width: 100%;
}
.btn-group-choosing{
	margin-left: 8px;
	width: 226px;
}
.btn-secondary{
	color: rgb(150,107,104);
	/*color: #231F20;*/
	border: none;
	background: white;
	font-family: "Neue Haas Unica Pro";
	font-weight: bold;
	font-size: 14px;
	/*width: 100%;*/
	float: left;
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active,
.show>.btn-secondary.dropdown-toggle{
	background-color: white;
	border-width: 0.75px;
	color: #131316;
}
.btn-secondary.active svg #Combined-Shape, .btn-secondary.hover svg #Combined-Shape, .btn-secondary.active svg #F, .btn-secondary.active svg #Q{
	fill: #231F20;
}
.btn-secondary.active svg #Stroke-1, .btn-secondary.hover svg #Stroke-1{
	stroke: #231F20;
}
.btn-secondary.active svg text, .btn-secondary.hover svg text{
	fill: #231F20;
}
.btn-secondary.active svg .preset{
	fill: #231F20;
}
.btn-secondary svg #Fill-1{
	fill: white;
}

.btn-secondary.active svg .Path{
	stroke: #231F20;
}
.btn-secondary svg .Path{
	stroke: white;
}
.btn-secondary svg text#D, .btn-secondary svg text#L{
	fill: white;
	stroke: white;
}
.btn-secondary.active svg #Fill-1, .btn-secondary.hover svg #Fill-1{
	fill: rgba(150,107,104, 0.25);
}
.form-control{
	font-family: "Neue Haas Unica Pro";
	border: none;
	/*border-bottom: 1px dashed rgb(150,107,104);*/
	font-size: 14px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-radius: 0px;
}
.form-check-label{
	font-family: "Neue Haas Unica Pro";
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 14px;
	color: rgba(150,107,104,0.5);
	letter-spacing: 2px;
}
.input-group-text{
	font-family: 'Joanna Nova';
	font-size: 16px;
	border-radius: 0px;
	border: none;
	background-color: transparent;
	color: #131316;
}
.btn-primary.btn-block{
	font-family: 'Neue Haas Unica Pro';
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	text-align: center;
	max-width: 80%;
	border-collapse: separate; 
	margin: auto;
	padding-left: 0;
	padding-right: 0;
	color: rgba(150,107,104, 0.5);
	border-radius: 15px;
	background: white;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 2px solid rgba(150,107,104, 0.5);
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
	border: 2px solid rgba(150,107,104, 0.5);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle
.btn-primary.btn-block.active, .btn-primary.btn-block.hover{
	background: rgba(150,107,104, 0.5);
	border: 2px solid rgba(150,107,104, 0.5);
	color: white;
}
input[type="text"], input[type="number"], input[type="password"], textarea {
	outline: none;
	box-shadow:none !important;
}
.button-border{
	border-left: dashed rgba(150,107,104, 0.5);
	border-width: 1px;
}
#left-arrow:active path, #right-arrow:active path{
	fill: #9F7769;
	fill-opacity: 1;
}
#main-content, #progress, .navbar-brand{
	padding-left: 48px;
	padding-right: 48px;
}
#main-content{
	height: calc(100vh - 148px);
}
#known-dimension button, #size button, #config button, #color button{
	box-sizing: border-box;
	width: 50%;
	border-radius: 0;
}
#position button, #position_slimg2 button{
	box-sizing: border-box;
	width: 33%;
	/*border-radius: 0;*/
}
/*background 7% opacity, buttons 34% opacity*/
#beg-for-file{
	font-family: 'Joanna Nova';
	font-size: 18px;
	border-radius: 25px;
	letter-spacing: 3px;
	padding: 0px;
	z-index: 2;
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 500px;
	background: url("/assets/graphics/floorplan-background.svg") ;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
#pos_icon{
	width: 48px;
}
.card image{
	vertical-align: middle;
}
.card{
	border: none;
	padding: 0;
	margin-left: 4px;
	margin-right: 4px;
}
#furniture_menu{
	height: calc(100vh - 436px);
	/*overflow-y: scroll;*/
	overflow-x: hidden;
	border: dashed rgba(150,107,104, 0.5);
	border-width: 1px;
	border-radius: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#furniture_menu .row{
	margin: 0;
	width: 100%;
	padding-bottom: 8px;
}
/* source: https://loading.io/css/ */
#progress_indicator, #progress_indicator2, #progress_indicator3{
	display: none;
	height: 64px;
}
.lds-default {
	display: block;
	position: relative;
	width: 64px;
	height: 64px;
	margin: auto;
	transform: scale(0.5, 0.5);
}
.lds-default div {
	position: absolute;
	width: 5px;
	height: 5px;
	background: #131316;
	border-radius: 50%;
	animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
	animation-delay: 0s;
	top: 29px;
	left: 53px;
}
.lds-default div:nth-child(2) {
	animation-delay: -0.1s;
	top: 18px;
	left: 50px;
}
.lds-default div:nth-child(3) {
	animation-delay: -0.2s;
	top: 9px;
	left: 41px;
}
.lds-default div:nth-child(4) {
	animation-delay: -0.3s;
	top: 6px;
	left: 29px;
}
.lds-default div:nth-child(5) {
	animation-delay: -0.4s;
	top: 9px;
	left: 18px;
}
.lds-default div:nth-child(6) {
	animation-delay: -0.5s;
	top: 18px;
	left: 9px;
}
.lds-default div:nth-child(7) {
	animation-delay: -0.6s;
	top: 29px;
	left: 6px;
}
.lds-default div:nth-child(8) {
	animation-delay: -0.7s;
	top: 41px;
	left: 9px;
}
.lds-default div:nth-child(9) {
	animation-delay: -0.8s;
	top: 50px;
	left: 18px;
}
.lds-default div:nth-child(10) {
	animation-delay: -0.9s;
	top: 53px;
	left: 29px;
}
.lds-default div:nth-child(11) {
	animation-delay: -1s;
	top: 50px;
	left: 41px;
}
.lds-default div:nth-child(12) {
	animation-delay: -1.1s;
	top: 41px;
	left: 50px;
}
@keyframes lds-default {
	0%, 20%, 80%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
}

#change_preset{
	margin-top: 8px;
	text-align: center;
}
#upload-text{
	position: absolute;
	height: 100%;
	width: 100%;
	display: table;
	z-index: -1;
}
#plan-upload{
	z-index: 3;
	width: 100%;
	height: 100%;
}
#upload-main{
	opacity: 0;
	height: 100%;
	width: 100%;
}
#sidebar{
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	display: block;
	height: calc(100vh - 60px);
}
.dimensioning, .setting-actuator, .go_decor, .save_scene, .scene_config, .new_product, .new_scene, .setting-leaning, .aestheticizing_origg2, .aestheticizing_closetg2, .aestheticizing_slimg2 , .aestheticizing_cbed, .aestheticizing_office ,.aestheticizing, .decorating, .choosing, .presetting{
	display: none;
}
.dimensioning, .setting-actuator, .setting-leaning,.aestheticizing, .decorating{
	height: 100%;
	position:relative;
}
img {
    max-width: 100%;
    max-height: 100%;
}
.header {
    height: 27px;
    width: 145px;
}
.new_product {
    margin-top: 50px;
}
.new_scene {
    margin-top: 50px;
}
.scene_config {
    margin-top: 50px;
}
.go_decor {
    margin-top: 50px;
}
.product {
    height: 27px;
    width: 202px;
}
.preset {
    height: 45px;
    width: 45px;
}
.size {
    height: 62px;
    width: 51px;
}
.color {
    height: 45px;
    width: 45px;
}
.add_remove {
    height: 35px;
    width: 35px;
}
.config_ssg2 {
    height: 41.58px;
    width: 56.1px;
}
.config_closet {
    height: 58px;
    width: 58px;
}
.preset_icons {
    height: 45px;
    width: 45px;
}
.preset_icons2 {
    height: 75px;
    width: 75px;
}
.uploading{
	height: 620px;
	position:relative;
}
.position_origg2, .position_slimg2, .position_closetg2, .position_cbed, .position_office{
	display: none;
}
.aestheticizing_origg2{
	height: 495px
	/*height: 55%;*/
	/*position:relative;*/
}
.aestheticizing_closetg2{
	height: 400/*565px*/
	/*height: 50%;*/
	/*position:relative;*/
}
.aestheticizing_slimg2{
	height: 415px
	/*height: 40%;*/
	/*position:relative;*/
}
.presetting{
	height: 8%;
	/*position: relative;*/
}
.choosing{
	margin: auto;
	margin-top: 20px;
	max-width: 243px;
	position: sticky;
	height: 200px;
	/*position:relative;*/
}
.bottom-btn{
	/*position:absolute; bottom:0;*/
	width: 100%;
}
.element_button{
	background: none;
	border: none;
	color: #9F7769;
}
#actuator-btn, #leaning-btn{
	display: none;
}
#metric{
	display: none;
}
#actuator-pic img, #lean-pic img{
	display: block;
	height: 130px;
	margin: auto;
}
.snap{
	font-family: 'Neue Haas Unica Pro';
	text-align: center;
}
#imperial{
	display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
#intro-holder{
	width: 50%;
	margin: auto;
}
#intro-row{
	height: calc(100vh - 60px);
}
.circle{
	border-radius:50%;
	width: 100%;
	min-width: 275px;
	min-height: 275px;
	padding:50% 0;
	position:relative;
}
#intro{
	border: #131316 dashed 0.75px;
	background: rgba(150,107,104, 0.10);
	min-width: 480px;
	min-height: 480px;
}
#dim-button-group, #known-dimension{
	display: none;
}
.input-group.login{
	width: 70%;
	text-align: center;
	margin: auto;
	padding-bottom: 12px;
}
.input-group.login .form-control{
	border-radius: 18px;
}
#intro:hover{
	border: #131316 solid 0.75px;
}
.circle-text{
	text-align: center;
	position:absolute;
	top:50%; left:50%;
	transform: translate(-50%, -50%);
	width: 90%;
	margin:0;
}
#client-info-form{
	font-family: "Joanna Nova";
	font-size: 14px;
}
#client-info-form .input-group .form-control{
	font-family: "Joanna Nova";
	font-size: 14px;
	vertical-align: middle;
	width: 100%;
	border-radius: 0;
	border-bottom: solid 1px rgb(150,107,104);
}
#client-info-display, #edit-client-button, #go-to-dimension{
	display: none;
}
#client-info-display p{
	margin-bottom: 0;
}
#intro p{
	font-family: 'Joanna Nova';
	/*text-transform: uppercase;*/
	font-size: 20px;
}
#known-dimension{
	padding-bottom: 0;
}
#imperial, #metric{
	border-radius: 24px;
	padding-left: 24px;
	padding-right: 24px;
	background: rgba(150,107,104, 0.25);
}
#meters, #feet, #inches{
	font-family: 'Joanna Nova';
	/*font-size: 18px;*/
	text-align: center;
	border-bottom: 1px solid rgb(150,107,104);
	background-color: transparent;
}
#fraction{
	font-family: 'Joanna Nova';
	font-size: 18px;
	width: 100%;
	height: 100%;
	border-bottom: none;
	background-color: transparent;
	position: relative;
}
#fraction input{
	font-family: 'Joanna Nova';
	height: 75%;
	width: 40%;
	text-align: center;
	background-color: transparent;
	position: absolute;
}
#fract-numerator{
	float: left;
	left: 0%;
	top: 0%;
}
#fract-denominator{
	float: right;
	right: 0%;
	bottom: 0%;
}
#divide-line{
	position: absolute;
	height: 100%;
	width: 0px;
	left: 50%;
	border-right: solid 1px black;
	transform: rotate(15deg);
}

/*source: https://stackoverflow.com/questions/34388696/how-to-change-the-background-color-on-a-input-checkbox-with-css*/
input[type="checkbox"] {
	visibility: hidden;
}
label {
	cursor: pointer;
}
input[type="checkbox"] + label:before {
	border: 2px solid rgba(150,107,104,0.5);
	border-radius: 24px;
	content: "\00a0";
	display: inline-block;
	font: 13px/1em sans-serif;
	height: 18px;
	margin: 0.08em .75em 0 0;
	padding: 0;
	padding-top: 0.075em;
	padding-left: 0.15em;
	vertical-align: top;
	width: 18px;
}
input[type="checkbox"]:checked + label:before {
	color: rgba(150,107,104,0.5);
	content: "\2713";
	text-align: center;
}
input[type="checkbox"]:checked + label:after {
	font-weight: bold;
}
input[type="checkbox"]:focus + label::before {
	outline: rgb(59, 153, 252) auto 5px;
}
button:active {
	outline: 0px;
	border: none;
	}
button:focus {outline:0 !important;}