.colorpicker{
	z-index: 9999999!important;
}

.paneltool input, .paneltool select, .paneltool label, .paneltool button{
	font-size: 11px;
 	padding: 3px 4px;
}
.paneltool button{
	padding: 
}
.paneltool .tab-content{
	padding: 0;
	border:none;
}
.buttons-group{
	padding: 6px 0
}
.pts-paneltool{
	position: fixed;
	top: 0px;
	transition:all 0.6s;

	border-right:solid 2px #CCC;
	-webkit-box-shadow: 1px -1px 3px #888888;
	box-shadow: 1px -1px 3px #888888;
	z-index: 9999;
	width: 350px;
	height: 100%;
	background: #FFF;
	left: -351px;
	font-size: 11px;

}
.pts-paneltool > .paneltool{
	position: relative;
	clear: both;
	height: 100%;
	overflow-y:auto;
	overflow-x:hidden;
}

.pts-paneltool .pts-panelbutton{
	border:solid 1px #CCC;
	 background: #FFF; 
    padding: 16px 20px;
    position: absolute;
    right: -42px;
    top: 30px;
    border-left: none;
    cursor: hand; cursor: pointer;	
     -webkit-box-shadow: 2px -1px 2px #888888;
      box-shadow: 2px -1px 2px #888888;
 
}

.themechanger .pts-panelbutton{
	top: 100px;
}
 .paneltool input{
 	border: solid 1px #CCC;
 	min-height: 25px!important;
 }

 .paneltool label{
 	width: 120px;
 	font-size: 11px;
 }

.pts-paneltool.active{
	left: 0;
	z-index: 999999
}
 
.paneltool.active .panelbutton{
	color: red;
}
.paneltool.themetool{
 
}
.paneltool .panelcontent{
	background: #FFF; 

}
 .paneltool .panel-group .panel-heading{
 	padding: 4px 5px;
 }
 .paneltool .panel-title{
 	font-size: 11px;
 	padding: 2px 12px;
 	font-weight: bold;
 }

 .pts-customize{
 	height: 100%;
 	padding: 12px;
 }
 .pts-customize .bi-wrapper > div{
	float: left;
	width: 20px;
	height: 20px;
	margin: 3px 4px;
	border: solid 1px #999;
	cursor:hand; cursor:pointer;
}
 .pts-customize .bi-wrapper > div.active{
	border-color:red;
}

/***/

#customize-form .nav-tabs{
	 	padding-top: 12px; 
}
#customize-form .nav-tabs li{
	margin: 0;
	padding: 0!important
}

#customize-form .nav-tabs > li > a{
	padding:5px 6px;
	font-size: 11px;
}

/***/
#pts-themecollection {

}
.themecollection > div{
	background: #FFF;
	height: 50px;
	width: 75px;
	float: left;
	padding: 4px;
	border-radius: 2px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	margin: 5px;
	cursor: pointer;
}
.themecollection > div.active{
	border: 2px solid red;
}
.themechanger{
	height: 340px;
	top: 200px;
	padding: 0 20px;
}
.themechanger .pts-paneltitle{
	padding-bottom: 5px;
	font-size: 14px;
	color: #8E9092;
}
.themechanger .heading{
	color: #000;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
.themechanger .input-layout{
	float: left;
	width: 75px;
	height: 35px;
	margin-right: 10px;
	background-color: #5D96B2;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	text-transform: uppercase;
}
.themechanger .input-layout:hover{
	background-color: #0088CC;
}
.themechanger .input-layout.active{
	background-color: #0088CC;
}