html{
	height: 100%;
}
.fast-color-picker *{
	box-sizing: border-box;	
}

.fast-color-picker{
	display: inline-block;
}
.color-item{
	display: inline-block;
	border: 3px solid #eee;
	height: 30px;
	width: 30px;
    margin: -2px 0;
}
.color-item:hover{
	/*border: 3px solid ;*/
}
.color-selected-div{	
	border:1px solid #777;	
	height: 100%;
	width: 100%;
}
.box-style-true{
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 4px 4px 0 4px;
	box-shadow: 1px 2px #999;
	margin-top: 2px;
	position: absolute;
	background-color: #eee;
	z-index:100;
}
/*.color-items-div{		
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 4px 4px 0 4px;
	box-shadow: 1px 2px #999;
	margin-top: 2px;
	position: absolute;
	background-color: #eee;
	z-index:100;
}*/
.bs-style-shell{
	border-radius: 6px; 
	padding: 4px 8px; 
	border: 1px solid rgb(204, 204, 204); 
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.item-hover-false:hover{

}
.item-hover-true:hover{
	border: 3px solid ;
}

.btn-width-default{
	width: 100px;
}
.btn-width-large{
	width: 130px;
}
.btn-width-small{
	width: 50px;
}
.btn-height-small .color-selected-div{
	height: 22px;
}
.btn-height-default .color-selected-div{
	height: 32px;
}
.btn-height-large .color-selected-div{
	height: 40px;
}
.btn-border-false{	 
	padding: 0; 
	border: none; 	
}

.box-width-default{
	width: 100px;
}
.box-width-small{
	width: 70px;
}
.box-width-large{
	width: 130px;
}

.item-width-default{
	width: 30px;
}
.item-width-small{
	width: 20px;
}
.item-width-large{
	width: 60px;
}
.item-height-default{
	height: 30px;
}
.item-height-small{
	height: 20px;
}
.item-height-large{
	height: 60px;
}