body {
	margin: 0;
	background: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#the3dSnote {
	/* height: 450px;
	width: 800px; */
	border-radius: 20px;
	border: 3px solid #fff;
}

.slider_bars {
    border: none;
}

#sliderX {
    background: #EE6622;
    width: 6px;
    margin-left: 20px;
}

#sliderX .ui-slider-handle{
    /* https://icons8.com/icons/set/eye */
    /* background: url("../images/Snote\ Eye.svg"); */
    background: url("../images/snote_eye.png");
    /* background: url("../images/icons8-eye-48.png"); */
	background-size: contain;
    background-position: center; /* Optional: Centers the image */
    background-repeat: no-repeat; /* Optional: Prevents tiling */
    width: 60px;
    height: 60px;
    margin-left: -365%;
    margin-bottom: -500%;
}

/* #sliderX {
    background: #5556a9;
    width: 6px;
    margin-left: 16px;
}

#sliderX .ui-slider-handle{
	background: url("../images/generator-verticalnub.png");
	width: 32px;
	height: 59px;
	margin-left: -10px;
	margin-top: -30px;
} */

.ui-slider .ui-slider-handle {
	outline: none;
	border: none;
}

#sliderZ {
    background: #aa2277;
    margin: 16px auto 0 auto;
    width: 50%;
    height: 6px;
}

#sliderZ .ui-slider-handle {
	background: url("../images/generator-horizontalnub.png");
	width: 59px;
	height: 32px;
	margin-top: -5px;
    margin-left: -30px;
}

.free_rotation_text {
    cursor: pointer;
    display: inline;
    float: right;
    /* width: 48px;
    height: 40px;
    overflow: hidden; */
    /* background: url("../images/generator-freerotation.png"); */
    /* background-position: -50%;
    background-repeat: no-repeat; */
}

.center_controls img:hover {
    cursor: pointer;
}

.center_controls {
    margin-top: 36px;
}

#center_controls_buttons {
    display: inline-block;
}