body{
	background-color: #ffffff !important;
}
button, a{
	margin:10px 15px;
}
a.btn{
	text-decoration:none;
	color: white;
}
#tyhjenna{
	align:right;
}
h1, h2, h3, h4, h5, h6{
	text-align:center;
	margin:15px 10px 10px;
}
#teksti{
	text-align:right;
	text-overflow:clip;
}
textarea{
	resize:none;
	font-family:monospace, sans-serif;
	spellcheck:false;
}
.form-control{
	border:none;
	background-color:#eeeeee;
}
#ohjePainike{
    display: inline-block;
}
p{
	text-align:center;
}
#esim, #esim2{
	color:#777777;
}
#para{
	margin-bottom:15px;
}
#para2{
	margin-left:15px;
	text-align:left;
}
.printShow{
	display:none;
}
#viivaOtsikko{
	margin-left:20px;
	margin-right:40px;
	margin-top:10px;
}
#myCanvas{
	border:1px solid #999999;
	margin:auto;
	display:block;
	width: 100vw;
	height: 62vh;
}
#custom-handle, #rHandle, #gHandle, #bHandle {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}
#slider{
	margin-left:10px;
	margin-right:40px;
	margin-bottom:10px;
}
#red, #green, #blue {
	float: left;
	clear: left;
	width: 70%;
	margin: 10px;
}
#swatch {
	width: 15%;
	height: 78px;
	margin-top: 18px;
	margin-left: 77%;
	margin-bottom: 15px;
	background-image: none;
}
.kuvaContainer{
	display:none;
}
#red .ui-slider-range { background: #ef2929; }
#red .ui-slider-handle { border-color: #ef2929; }
#green .ui-slider-range { background: #8ae234; }
#green .ui-slider-handle { border-color: #8ae234; }
#blue .ui-slider-range { background: #729fcf; }
#blue .ui-slider-handle { border-color: #729fcf; }