html{
	scroll-behavior: smooth;
	
}
body{
	overflow-x: hidden;
	overflow-y: hidden;
	background-color:#e6e6e6!important;
	
}
.bgplate{
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(0,0,0,0.03) 30%,rgb(0, 0, 0) 100%) !important;
height: 100% !important;
background-position-y: 500px !important;
}
input{
	background: rgba(255,255,255,0.9);
	border: none;
	border-radius: 50px;
}
.inputwrapper{
	float:left;
}
.inputwrapper::after{
content: "mm";
position: absolute;
margin-left: -24px;
font-size: 8px;
color: #8c8a8a;
margin-top: 4px;
}
.inputwrapper-large::after{
content: "mm";
position: absolute;
margin-left: -33px;
font-size: 12px;
color: #8c8a8a;
margin-top: 10px;
}

.naviwrap{
	overflow-x: scroll;
	width: calc(100% * 2 + 50px);
	/*background-image: url('../images/contemporary_architecture-wallpaper-5120x3200.jpg');
	background-repeat: repeat-x;
	background-position-y: -500px;
	background-size: cover;*/
	background-color: #4158D0;
background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);

}
.naviwrap::-webkit-scrollbar { width: 0 !important }
.naviwrap { overflow: -moz-scrollbars-none; }
.naviwrap { -ms-overflow-style: none; }
/* width */
::-webkit-scrollbar {
  width: 1px;
  display: none;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(255,255,255,0);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ffffff;
}
.lilinfo{
	font-size:10px;
	color:rgba(255,255,255,0.8);
}
.measuretab{
	display: inline-block;
}
#ruler{
	position: absolute;
border-top: solid 1px rgba(255,255,255,0.5);

left: 0;
top: 180px;
z-index: 7000;
width: 100%;
margin-left: 100px;
}
#perc{
font-size: 22px;
color: rgba(255,255,255,0.4);
margin-top: -13px;
margin-left: -90px;
background: transparent;

float: left;
font-family:'Slabo 13px';
}
.perc-amt{
display: inline-block;
}
.perc-sign{
	font-size: 18px;

display: inline-block;

margin-top: 4px;
}
.perc-icon{
	width:20px;
	margin-left: -35px;
margin-top: -10px;
filter: brightness(0) invert(1);
}

.space{
height:100%;
padding:20px;
text-align: center;
/*
background-color: #85FFBD;
background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);


background: #1CD8D2!important;
background: -webkit-linear-gradient(to right, #93EDC7, #1CD8D2)!important; 
background: linear-gradient(to right, #93EDC7, #1CD8D2)!important;
*/

}
.colors{
height:100%;
padding:20px;
/*background-color: #85FFBD;
background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
*/
text-align: center;
}
.naviblock{
	float:left;
	width:auto!important;
	display:inline-block;
/*
background: #a8ff78; 
background: -webkit-linear-gradient(to right, #78ffd6, #a8ff78); 
background: linear-gradient(to right, #78ffd6, #a8ff78);
*/

}
#module-actions{
	display: inline-block;
float: right;
margin-top: 15px;
}
.large-input{
	margin-top:5px;
	margin-bottom:10px;
	font-size: 18px;
	padding-right: 20px;
	text-align: center;
}
.headline1{
	font-family: 'Slabo 13px';
	font-size:22px;
	padding:5px;
	color: #fff;

}
@media only screen and (max-width: 1000px) {
  .headline1 {
    font-size: 16px;
  }
  .selection-widget-item{
	  width:40px!important;
	  height:40px!important;
  }
}
.pline{
	
text-align: center;
width: 200px;

display:inline-block;
}
.inp {
    width: 50%;
    text-align: center;
}
.inp-small{
	padding-right: 10px;
}
.ihl{
font-size: 12px;
min-width: 50px;
display: inline-block;
text-align: left;
}
.lilbtn{
	background-color: #54a3f7;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 12px;
padding: 5px;
    padding-right: 5px;
    padding-left: 5px;
text-decoration: none;
margin-left: 3px;
border-radius: 20px;
margin-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
}

.listbtn{
	background-color: #54a3f7;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 12px;
padding: 5px;
    padding-right: 5px;
    padding-left: 5px;
text-decoration: none;
margin-left: 3px;
border-radius: 20px;
margin-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
}
.ranges {
    font-size: 8px;
    color: rgba(0,0,0,0.5);
   // margin-left:50px;
    margin-top:2px;
}
.ranges input{
	width:60px;
}
.btn {
	background-color: #54a3f7;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: 'Slabo 13px',Arial;

padding: 7px;
padding-left:10px;
padding-right:10px;
text-decoration: none;
margin: 4px;
/*text-shadow: 0px 1px 0px #154682;*/
text-transform: uppercase;
font-size: 10px!important;
background: linear-gradient(to bottom, #828282 0%,#686868 100%);
	/*text-shadow:0px 1px 0px #154682;*/
border: solid 1px rgba(0,0,0,0.2);
border-radius:20px;

background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
pointer-events: all !important;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.btn:active {
	position:relative;
	top:1px;
}
#sizes{


float:left;
margin-top: 5px;
width:410px;
}
#sizes td{
	vertical-align: top;
}
#substitutemodels{
	display: inline-block;
}
#engine{
	position:relative;
}
#footer{
	width:calc(100% - 40px);
	bottom:30px;
}
#header{
	height:150px;
	width:100%;
	overflow-x: auto;
	overflow-y: none;
	background-color: #bdff5c;
}
.module-tools{
	width:100%;
	/*height:56px;*/
background: #a8c351;  /* fallback for old browsers */

background: linear-gradient(to bottom, #a8c351, #ccff25);

/*text-align: center;*/

	padding-left:10px;
	padding-right:10px;
}
.mthumbtitle{
	font-size:8px;
/*display:none;	*/
}
.selection-group{
margin-bottom:10px;
padding: 5px;

height: auto;
overflow-x: auto;
overflow-y: hidden;
}
.selection-widget{
cursor: pointer;
overflow-x: hidden;
width: 3000px;
padding: 10px;
overflow-y: hidden;

}
.selection-widget-item{
	width:50px;
	height:50px;
	display: inline-block;
	margin-right: 5px;
	border-radius: 40px;
	overflow: hidden;

}
.selection-widget-item-selected{
background-color:#00f727;
-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.75);

}

.selection-widget-item-hl{
	/*border-radius: 10px;*/
	
color: #fff;
background-color: #8c8c8c;
text-align: center;
text-transform: uppercase;
font-size: 9px;

padding: 3px;

}
.selection-widget-item-img{
width: 100%;
height: calc(100% - 0px);
background-size: cover;
}
.selection-widget-item-txt{

}
.item-navi-block{
	margin-top: 15px;
margin-bottom: 15px;
}
#additem{
	display:inline-block;
}
#addpreset{
	display:inline-block;
}

.dd-item{
	/*height:85px;*/
	border-bottom: solid 1px #ccc;

cursor: pointer;
padding:5px;
}
.dd-item:hover{
	background: #e9e9e9;
}
.dd-item-disabled{
	opacity:0.5;
	pointer-events: none;
}
.dd-item-text{
	display:inline-block;
	
	float: right;
	width:190px;
}
.newdd{
	background:#ffffff;
	position:absolute;
	max-height: 300px;
	overflow-y: hidden;
	z-index:6000;
	padding: 0px;
	margin-top: 5px;
	max-width: 350px;
	height:300px;
	width:350px;
	
	border-radius: 10px;
	padding: 5px;
}
.newdd-list{
	width: 100%;
    overflow: auto;
    /*height: 275px;*/

}
.toolactive{
	border:solid 1px #000000;
}

.trash-icon{

	background-color: #ffffff;
	border-radius:20px;
	padding:5px;
	
}
.trash-icon img{
	width:25px;
	height:25px;
}


.dd-tools{
	background: #ececec;
}
.dd-image-wrap{
	display: inline-block;
	width: 70px;
}
.dd-image{
	/*width:70px;*/
}
.dd-canvas{
	width:100px;
	height:100px;
	float: left;
}
.newdd-headline{
	width: 100%;
}

.dd-option{
padding: 10px!important;
display: inline-block!important;
width: 100%;
text-align: left;
border-bottom: solid 1px #ddd;
overflow: visible;
text-decoration: none;
color: #333;
cursor: pointer;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
box-sizing: border-box;
height: auto !important;
}
#toolinfo{
	background: transparent;
	position:absolute;
	z-index:2000;
	pointer-events: none;
}