.headerButton {opacity: 0.6; background-repeat: no-repeat;}
.mainButton {opacity: 0.6; background-repeat: no-repeat;}
.mainButton:hover, .headerButton:hover, .selected {opacity: 1; cursor: pointer}

#BtnUndo{background-image: url('../../../images/create/Undo.svg');}
#BtnRedo{background-image: url('../../../images/create/Redo.svg');}
#BtnMirror, #BtnMirror.selected{background-image: url('../../../images/create/aod3d/mirror.svg');}
#BtnSculptRotate{background-image: url('../../../images/create/aod3d/rotate.svg');}
#BtnResetScene{background-image: url('../../../images/create/aod3d/reset.svg');}
#BtnExport {background-image: url('../../../images/create/Export.svg');}
#BtnSave {background-image: url('../../../images/create/floppy.svg');}
#BtnPrint{background-image: url('../../../images/create/3D_print.svg');}
#addToCart{background-image: url('../../../images/create/basket_icon.svg');}
#BtnEngraveTouch{background-image: url('../../../images/create/Stamp1.svg');}
#BtnFullScreenOn{background-image: url('../../../images/create/zoom.svg');}
#BtnFullScreenOff{background-image: url('../../../images/create/zoom_out.svg');}

#BtnSculpt{background-image: url('../../../images/create/aod3d/sculpt.svg');}
#BtnPaint{background-image: url('../../../images/create/aod3d/paint.svg');}
#BtnPattern{background-image: url('../../../images/create/aod3d/no_color.svg');}
#BtnPicturePattern{background-image: url('../../../images/create/aod3d/image.svg');}
#BtnText{background-image: url('../../../images/create/aod3d/text.svg');}
#BtnFormShifter{background-image: url('../../../images/create/Formshifter.svg');}

#BtnSculptPull{background-image: url('../../../images/create/pullButton.svg');}
#BtnSculptPush{background-image: url('../../../images/create/pushButton.svg');}
#BtnSculptErase{background-image: url('../../../images/create/eraseButton.svg');}
#BtnSculptSmooth{background-image: url('../../../images/create/smoothButton.svg');}
#BtnSculptFlatten{background-image: url('../../../images/create/flattenButton.svg');}
#BtnSculptEdge{background-image: url('../../../images/create/edgeButton.svg');}
#BtnSculptSculpt{background-image: url('../../../images/create/sculptButton.svg');}

#BtnNetgen{background-image: url('../../../images/create/net_icon.svg');}
/*#BtnNetgenDeform{background-image: url('../../../images/create/.svg');}*/
#BtnColorize{background-image: url('../../../images/create/colorize_icon.svg');}
#BtnSurface{background-image: url('../../../images/create/surface_icon.svg');}
#BtnSurface1{background-image: url('../../../images/create/surfacebuttons/nosurface_icon.png');}
#BtnSurface2{background-image: url('../../../images/create/surfacebuttons/canvas_icon.png');}
#BtnSurface3{background-image: url('../../../images/create/surfacebuttons/cast_icon.png');}
#BtnSurface4{background-image: url('../../../images/create/surfacebuttons/grass_icon.png');}
#BtnSurface5{background-image: url('../../../images/create/surfacebuttons/leather_icon.png');}
#BtnSurface6{background-image: url('../../../images/create/surfacebuttons/pitted_icon.png');}
.surfacebutton{background-size: contain;}

#mat0{background-image: url('../../../images/create/1_icon.svg');background-size: contain;background-repeat: no-repeat;}
#mat1{background-image: url('../../../images/create/2_icon.svg');background-size: contain;background-repeat: no-repeat;}

.BtnText{
	font-family: MuseoSans-100;
	text-align: center;
	padding-top: 100%;
	font-size: 16px;
}

#login_user_pass, #login_user_name {color: #000}

.formshifterText, .deformText, .defaultSliderText{text-align: right;}
.formshifterSlider, .deformSlider, .defaultSlider{width: 100%; border: 1px solid #9f9f9f !important; margin-top: 2%;}

#BtnNoColor{background-image: url("../../../images/create/No_color.svg");}
#BtnPictureColor{background-image: url("../../../images/create/Picture_color.svg");}

.pictureSizeText{top: 41% !important}
.pictureEngraveEmbossText{top: 46% !important}
.pictureSizeSlider{top: 40% !important}
.pictureEngraveEmbossSlider{top: 45% !important}

.paintSizeText{top: 50% !important}
.paintStrengthText{top: 55% !important}
.paintSizeSlider{top: 49% !important}
.paintStrengthSlider{top: 54% !important}

.sculptSizeText{top: 48% !important}
.sculptStrengthText{top: 53% !important}
.sculptSizeSlider{top: 47% !important}
.sculptStrengthSlider{top: 52% !important}

.colorbutton{
	background-image: url("../../../images/create/Color_background.svg");
	background-size: 100%;
	border-radius: 50%;
	border-style: solid;
	border-color: rgba(0,0,0,0);
	border-width: 3px;
}
.colorbutton.selected{
	border-color: black;
	border-width:3px;
}
.colorbutton.disabled{
	opacity: 0;
	display: none
}
.colorbutton.darkbutton.selected{
	border: solid 3px black;
	padding: 2px;
	background-clip: content-box;
	background-color: white;
}


.patternbutton{
		background-size: 100%;
	-webkit-filter: invert(100%);
	filter: invert(100%);
	border-radius: 50%;
	boredr-width: 0;
	background-position: 50%;
	background-size: 65%;
	background-color: white;
}


#BtnFacebook{background-image: url('../../../images/create/facebook.svg');}
#BtnTwitter{background-image: url('../../../images/create/twitter.svg');}
#BtnGooglePlus{background-image: url('../../../images/create/google_plus.svg');}
#BtnPinterest{background-image: url('../../../images/create/pinterest.svg');}


#TextInputFrame{
	overflow: hidden;
	-moz-user-select: all;
	-webkit-user-select: all;
	-ms-user-select:all;
	user-select:all;
	-o-user-select:all;
}
#TextInputFrame .inner {
	background-color: rgb(159,212,250);
	border-radius: 50px;
	height: 50px;
}
#TextInputFrame.hidden{
	width: 0%;
	opacity: 0;
}
#TextInputBox{
	width: 95%;
	height: 100%;
	border:0;
		font-family: Anton;
	font-weight: bold;
	text-align: center;
	outline: 0;
	background-color: rgba(159,212,250,0);
		font-size: 2.2vw;
		line-height:   2.3vw;
}
#TextInputBox::-webkit-input-placeholder { /* WebKit browsers */
	color:    black;
	opacity:  0.3;
	font-size: 2.2vw;
	line-height:   2,3vw;
}
#TextInputBox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    black;
	opacity:  0.3;
	font-size: 2.2vw;
	line-height: 2.3vw;
}
#TextInputBox::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    black;
	opacity:  0.3;
	font-size: 2.3vw;
}
#TextInputBox:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    black;
	opacity:  0.3;
	font-size: 2.2vw;
	line-height: 2.3vw;
}

.col-xs-1 {
	position: relative;
	min-height: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

.col-xs-2 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
}