body {
	margin: 0;
	padding-top: 50px;
}
html {
	/*overflow:hidden;*/
}
canvas {
	background-color:#FAFAFA;
	background-image: url("/images/editor/chess.png");
	background-repeat:repeat;
	width:100%;
	display:block;
}

.unselectable {
	-moz-user-select: -moz-none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.navbar {
	/*margin-bottom: 0;*/
}
.no-padding{
	padding:0;
}

.btn img{
    width:24px;
}

.dropdown-menu img {
    width: 24px;
}

.btn-group a, .btn-group-vertical a, .navbar-btn a{
	padding-left: 4px;
	padding-right:4px;
    padding-top:4px;
	padding-bottom:4px;
}

.btn-group-vertical{
	padding-top:10px;
}

 body {
	overflow: hidden;
  }
  
.carousel-inner > .item  {
	background-color:white;
}

.navbar-btn-vertical{
	margin-left: 8px;
    margin-right: 8px;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #000;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #000;
    cursor: pointer;
}