/* =============================================
------------ Template Options Panel   ----------
==============================================*/
@font-face {
    font-family: play;
    src: url(Play-Regular.ttf);
}
#option-panel {
	position:fixed;
	top:100px;
	z-index:1000;
	/*-------------------------right-0px changed-----------------------*/
	right:-200px;
	box-shadow:0 2px 6px rgba(0,0,0, 0.45);
	-webkit-box-shadow:0 2px 6px rgba(0,0,0, 0.45);
}

#option-panel-wrapper {
	position: relative;
	width:200px;
}

#option-panel-btn {
	width:35px;
	height:110px;
	display:block;
	position:absolute;
	/*--------------------------------right----------------*/
	right:100%;
	top:0;
	background:#444645 url(../images/panel/talk.png) no-repeat center center;
	border:1px solid #000;
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.55);
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.55);
	cursor:pointer;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
}

#option-panel-btn:hover {
	background-color: #5c5f5e;
}

#option-panel-btn.opened {
	opacity:0;
	visibility:hidden;
}

#option-panel-btn.closed {
	opacity:1;
	visibility:visible;
}

#option-panel-container {
	position: relative;
	/*padding-bottom:25px;*/
}

#option-panel-title {
	position: absolute;
	/*--------------right0 changed---------------------*/
	right:200px;
	bottom:55px;
	width:100%;
	background: #14bfcc;
	height:35px;
	padding:8.5px 20px;
	text-transform:uppercase;
	font:700 12px/18px 'play', sans-serif;
	-webkit-backface-visibility:hidden;
}

#option-panel-title > span {
	color:#03040b;
}

#option-panel-reset {
	/*------------------right-----*/
	float:right;
	font:400 10px/13px Arial, sans-serif;
	background: #444645;
	color:#fff;
	border-radius:3px;
	padding:2px 8px;
	border:1px solid #5c5f5e;
	box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.28);
	-webkit-box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.28);
	transition:background 0.5s;
	-webkit-transition:background 0.5s;
	-ms-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-o-transition:background 0.5s;
}

#option-panel-reset:hover {
	background: #03040b;
}

#option-panel-tabs-container {
	position: absolute;
	bottom:0;
	/*--------right------------------*/
	right:0;
	width:100%;
	margin:0;
}

#option-panel-tabs-container li {
	display:block;
	/*------------------------right--------------------------/*/
	/*float:right;*/
	width:55px;
	height:35px;

	
}
#option-panel-tabs-container li a {
	display:block;
	width:100%;
	height:100%;
	/*border:1px solid #3a3c3b;*/
	border-left-color:rgba(255, 255, 255, 0.1);
	transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

#option-panel-tabs-container li:nth-child(1) a{
	background:#000 no-repeat center center;
}

#option-panel-tabs-container li:nth-child(2) a{
	background:#000 no-repeat center center;
}

#option-panel-tabs-container li:nth-child(3) a{
	background:#000 no-repeat center center;
}

#option-panel-tabs-container li:nth-child(4) a{
	background:#000 no-repeat center center;
}

#option-panel-tabs-container li:nth-child(5) a{
	background:#fff url(../images/panel/close.png) no-repeat center center;
}

#option-panel-tabs-container li.active a,
#option-panel-tabs-container li a:hover {
	background-color: #fff;
}

#option-panel-tabs-container li.active a {
	position: relative;
}

#option-panel-tabs-container li.active a:after {
	content:'';
	position: absolute;
	top:-1px;
	/*-------------------------right---------------------------------*/
	right:50%;
	width: 0px;
	height: 0px;
	margin-left:-5px;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #14bfcc transparent transparent transparent;

}

#option-panel-content {
	padding:10px 20px;
	background: #fff;
	width:100%;
	border:3px solid #fff;
}

#option-panel .accordion-header {
	padding:20px 0 10px;
	border:none;
	position: relative;
	margin-bottom:10px;
	background: transparent;
}

#option-panel .sm-accordion .accordion-header{
	margin-bottom:0;
	border-bottom-color:transparent;
}

#option-panel .sm-accordion .panel:last-child .accordion-header {
	border-bottom:none !important;
}

#option-panel .accordion-title {
	font:700 16px/21px 'play', sans-serif;
	color:#757575;
}

#option-panel .accordion-title > span {
	margin:0;
}

#option-panel .sm-accordion .accordion-btn{
	color:#777;
	/****************************right0 changed*************************/
	right:200px;
	margin-top:-8px;
}


#option-panel .sm-accordion .panel + .panel {
	margin-top:0;
}

#option-panel .custom-accordion .panel {
	margin-bottom: 0;
	background-color: transparent;
	border:none;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow: none;
}

#option-panel .sm-accordion.custom-accordion .panel-body {
	padding:15px 0 !important;
	background:transparent;
	border:none !important;
}

#option-panel .sm-accordion.custom-accordion .panel:last-child .panel-body {
	border:none !important;
}

#option-panel .pattern-box-list li{
	display:block;
	/****************************right*****************/
	float:right;
	width:31px;
	height:31px;
	margin-right:7px;
	margin-bottom:9px;
	cursor:pointer;
}

#option-panel .pattern-box-list li:nth-child(6n) {
	margin-right:0;
}

#option-panel .pattern-box-list li img {
	border:2px solid #d4d2d2;
}

#option-panel .pattern-box-list li:hover img {
	border:2px solid #bfbfbf;
}

#option-panel  .layout-style-list li {
	display:block;
	width:108px;
	/**********************right***************************/
	float:right;
	cursor:pointer;
}

#option-panel .colorbox-list li > p ,
#option-panel  .layout-style-list li p {
	font:400 14px/1.5 'play', sans-serif;
	color:#444;
	margin:6px 0 0;
}

#option-panel  .layout-style-list li:First-child {
	margin-right:8px;
}

#option-panel .colorbox-list li {
	display:block;
	width:108px;
	/***************************right************************/
	float:right;
	margin-bottom:20px;
}

#option-panel .colorbox-list li .color-box {
	padding:1px; 
	border:1px solid #e2e2e2;
}

#option-panel .colorbox-list li .color-box > span {
	display:block;
	width:104px;
	height:32px;
}

#option-panel .colorbox-list li:nth-child(2n+1) {
	margin-right:4px;
}

#option-panel .colorbox-list li .first-color span {
	background: #14bfcc;
}

#option-panel .colorbox-list li .second-color span{
	background: #09a6b2;
}

#option-panel .colorbox-list li .third-color span{
	background: #ff0097;
}

#option-panel .colorbox-list li .fourth-color span{
	background: #14bfcc;
}

#option-panel #panel-font .accordion-header {
	margin-bottom:5px;
}
#option-panel #panel-font .panel {
	margin-bottom:10px;
}
#for_label
{
	padding-right:9px;
}
#for_labell
{
	width:60px;
}
#for_backgroundcolor
{
	background:#fff;
	color:#fff;
}
#for_enquiry
{
	margin-left:80%;
}
#for_displayy
{
	display:none !important;
}