/* Color Picker */

.blue .color-picker .pickerTitle{background:#BA3538;}



.color-picker .picker-btn{

	position: absolute;

	left: -40px;

	top:0px;

	border: none;

	background: url("../img/inquiry.jpg") 5px no-repeat;

	cursor: pointer;

	padding:5px;

	height:320px;

}

.color-picker{

<!--	font-family: 'Montserrat', sans-serif;-->

	width: 223px;

	height: auto;

	position: fixed;

	top: 100px;

	right: 0;

	background: #fff;

	z-index: 500;

	border:1px solid #ccc;

}

.color-picker .pwrapper{

	padding: 15px 10px 10px;

	width: 230px;

	height:auto;

}

.color-picker .pickerTitle{

	text-transform: uppercase;

	text-align: center;

	float: none;

	width: 100%;

	margin: 0;

	padding: 10px 5px;

	cursor: auto;

	border: none;

	color:#161d53;

	background:#F8B332;

	line-height:10px;

	font-weight: bold;

}

.color-picker .pickersubTitle{

	color:#7F7F7F;

	text-transform: uppercase;

	text-align: center;

	float: none;

	width: auto;

	height: auto;

	margin: 0 5px 15px;

	padding: 10px 5px;

	cursor: auto;

	font-size:12px;

	border-bottom: 1px solid #ededed;

	border-top: 1px solid #ededed;

	clear:both;

}





.color-picker div#result{height:auto;width:250px;}



.color-picker div{

	width: 35px;

	height: 30px;

	margin: 5px;
	font-size:12px;

	/*padding: 5px;*/

	/*float: left;*/

	cursor: pointer;

	/*border: 2px solid #f0f0f0;*/

	

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}

.color-picker div.nopick{ width:0; height:0;}

.color-picker .light-version{

	width: 73px;

	height: 29px;

	margin-bottom:20px;

/*	background: #fff;

	line-height: 30px;

	text-align: center;

	color: #999;*/

}

.color-picker .dark-version{

	width: 73px;

	height: 29px;

/*	background: #000;

	line-height: 30px;

	text-align: center;

	color: #666;*/

}