/*	========================================
	global.css
	========================================
	1. วิธีตั้งชื่อในไฟล์นี้> .ชื่อโมดูล-ชื่อคลาส
	2. สำหรับ Reponsive Resolution ให้เขียนเพิ่มที่ global-responsive.css
	3. ไฟล์ global มีไว้สำหรับเรียกใช้ในทุก template อย่าประกาศคลาสที่อาจกระทบ template อื่นๆ ควรไปประกาศใช้ใน style.css ใน template นั้นๆจะดีกว่า
*/
@charset "utf-8";
*{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-repeat: no-repeat;
}

.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

/*==========Bootstrap-Fixed==========*/
.thumbnail{
	border: 1px solid transparent;
}
.badge-red{
	background: #E70000;
	color: #FFFFFF;
}
.navbar-toggle{
	margin-right:0px;
}

/*==========WebHTML==========*/

body, html {
	font:12px Tahoma, Geneva, sans-serif;
	margin: 0;
	line-height: 1.0;
}

.page .header{
	margin: 0;
	overflow:hidden;
}
.page .contents{
	overflow:hidden;
	clear:both;
}

.page .content{
	overflow:hidden;
}

.bold{
	font-weight:700;
}

/*==========Color==========*/
.black{color:#000;}
.blue{color:#00ffff;}
.bluerace{color:#51a8ff;}
.darkblue{color:#000066;}
.darkgrey{color:#353443;}
.grey{color:#ccc;}
.green{color:#00cc00;}
.orange{color:#ff8000;}
.red{color:#ff0000;}
.redrace{color:#ff6464;}
.silver{color:#d5d5d5;}
.white{color:#ffffff;}

.text-black{color:#000;}
.text-blue{color:#00ffff;}
.text-bluerace{color:#51a8ff;}
.text-darkblue{color:#000066;}
.text-darkgrey{color:#353443;}
.text-grey{color:#ccc;}
.text-green{color:#00cc00;}
.text-orange{color:#ff8000;}
.text-red{color:#ff0000;}
.text-redrace{color:#ff6464;}
.text-silver{color:#d5d5d5;}
.text-white{color:#ffffff;}


.bg-red{ color:#ff0000;}
.bg-orange{ color:#ff8000;}
.bg-black{ color:#000;}
.bg-white{background:#ffffff;}

a.white{color:#ffffff;}

/*==========Global==========*/
.thumbnail{
	display: block;
	max-width:100%;
}
.breadcrumb{
	border:#e6e6e6 1px solid;
}

h1, h2, h3, h4, h5{
	padding:0px;
	color:#191919;
	/*text-shadow: #9D9D9D 0.1em 0.1em 0.2em;*/
}

h1{
	font-size: 1.7em;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size:1.4em;
}
h4{
	font-size:1.2em;
}
h5{
	font-size:1.1em;
}

.nav-header{
	text-decoration:underline;
}

.box-1side{
	clear:both;overflow: auto;
}

/*===========Search-Control=========== */
.search-control{
/*	margin-top:2px;
	height:24px;*/
}
.input-search{
	min-width:280px;
}
.input-small-search{
	width:100px;
}
/*===========Align-Position=========== */
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}

/*===========divShape=========== */
div.circle {
	background-color: #37A047;
	height:100px;
	width:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	text-align:center;
	color:white;
	line-height: 100px;
	font-weight: bold;
	font-size: 22px;
	font-family: sans-serif;
}
div.triangle {
width: 0;
height: 0;
border-bottom: 80px solid #37A047;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}

div.triangleNest {
padding-top: 60px;
margin-left: -35px;
font-weight: bold;
font-size: 14px;
font-family: sans-serif;
color: white;
}
/*=======Cart=======*/

div.leftCatList {
	font:13px/14px Tahoma;
	color:#444444;
	width: 235px;
	float: right;
	position: relative;
	padding: 0px 0px 0px 0px;
}

div.content div.sideBox{
	position:relative;
	background:#fafafa;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #ccc;
	border-radius: 10px;
	padding:4px;
	margin: 0px 2px 0px 0px;
	border: 1px solid #dedede;
}

ul.nav-category{
	  margin:0px;
	  padding:0px;
}
ul.nav-category li{
	  background: -webkit-linear-gradient(#FFFFFF, #f7f7f7);
	  background:    -moz-linear-gradient(#FFFFFF, #f7f7f7);
	  background:     -ms-linear-gradient(#FFFFFF, #f7f7f7);
	  background:      -o-linear-gradient(#FFFFFF, #f7f7f7);
	  background:         linear-gradient(#FFFFFF, #f7f7f7);
	  margin:0px;
	  padding:5px 2px 5px 2px;;
	  list-style-type:none;
/*	border-bottom: 1px dashed #CCC;*/
	margin-left: 14px;
	text-indent: -14px;
}
ul.nav-category li:before {
    content: "";
    border-left: 4px solid #DDD;
    padding-left: 10px;
}

ul.nav-category li.active:before {
    border-left: 4px solid #ff8000;
}
ul.nav-category li.active{
	color:#ff8000;
}

ul.nav-category ul{
	margin-left:8px;
}
ul.nav-category li{
	color:#CCC;
}
ul.nav-category ul li:before {
    content: "";
    border-left: 4px solid transparent;
    padding-left: 17px;
}

ul.nav-category li a:link, ul.nav-category li a:visited{
	color:#a7a7a7;
}
ul.nav-category li a:hover{
	color:#ff000;
}
ul.nav-category li a:active{
	color:#ff000;
}

ul.nav-category li a.selected{
	color:#ff8000;
}


img.banner-fastLink{
	margin: 0px 0px 3px 0px;
	width:100%;
}

div.rightContent {
	float: right;
	width: 665px;
	position: relative;
}
/*==========Cart==========*/
div.thumbnail-box{
	float:left;
	width:97.3512457%;
	margin-right:13px;
	margin-bottom:13px;
}

div.thumbnail-box img.thumbnail{
	width:95%;
	margin: 0.15% auto 0.15% auto;
	border:0px;
	margin-bottom:10px;
}

div.thumbnail-box h4{
	margin:3px;
	text-align:center;
	font-size: 13px;
	text-shadow:none;
}

div.thumbnail-box p{
	margin-bottom:15px;
	font-size: 13px;
	line-height:0.8;
}
div.thumbnail-box a{
	color: #97a6a4;
}
div.thumbnail-box a h4{
	color: #97a6a4;
	font: 12px Tahoma;
	text-shadow:none;
	font-weight:normal;
}

div.thumbnail-box p a.btn-content{
	background:#E1F0FF;
	border:#A4D1FF 1px solid;
	padding:3px;
	display:inline;
	font-size:13px;
}
div.thumbnail-box p.txt-price{
	color:#FF0000;
	padding-bottom:2px;
}
p.searchResultList{
	font-size:12px;
}


div.cart-circle {
	background-color: #37A047;
	height:35px;
	width:35px;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	border-radius:35px;
	text-align:center;
	color:white;
	line-height: 30px;
	font-weight: bold;
	font-size: 20px;
	font-family: sans-serif;
}

.price {
	font-weight:bold;
	color:#ff1111;
}
.price del{
	color:#d5d5d5;
}

/*=======Cart=======*/
ul.cart-flow-process{
	margin:0px 0px 20px 0px;
}
ul.cart-flow-process li{
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	list-style-type: none;
	display:inline-block;
	color:#ECECEC;
	font: Tahoma 18px;
	font-weight:bold;
	background:#B4B4B4;
	padding:10px 20px 10px 20px;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #ccc;
}
ul.cart-flow-process li.active{
	background-color: #37A047;
	color:#fff;
}

ul.quotation-flow li.active{
	background:#ed9c28;
}


/*=======Product-Block=======*/
ul.products{
	overflow:hidden;
	margin:0px 0px 20px 0px;
}
li.product-box{
	width:256px;
	display: inline-block;
	float:left; 
	overflow:hidden;
	font: 12px/14px Tahoma;
	font-weight:bold;
	text-align:center;
	margin: 0px 10px 8px 0px;
}

li.product-box .thumbnail{
	width:100%;
	height:200px;
	overflow:hidden;
	position: relative; 
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	margin: 0px 0px 8px 0px;
}
li.product-box .thumbnail:hover{
	border:1px #f89406 solid;
}
li.product-box .thumbnail img{
	position: absolute;  
	top:0;right:0;bottom:0;left:0;
	margin:auto;
    max-height: 200px;  
    max-width: 200px;
	padding:15px;
}


li.product-box .product-link{

}

li.product-box p.product-title{
	color:#0099cc;
}

li.product-box .product-link p{
	font: 12px/14px Tahoma;
	font-weight:bold;
}

	/* 248px - 3 product , 195px -4 product */
	ul.products li {
		width:195px;
	}
	ul.products li:nth-child(4n+4){
		margin: 0px 0px 8px 0px;
	}
	div.carousel{
		width:100%;
		min-height:200px;
		margin:auto;
		padding:0px;
		margin: 10px 2px 10px 2px;
		margin-bottom:30px;overflow:hidden;
	}
	div.carousel div.carousel-inner img{
		width:100%;
		height:198px;
	}

	div.content div.sideBox{
		margin: 0px 0px 20px 0px;
	}

	.input-append{
		text-align:center;
	}
	#input_search{
		min-width:inherit;
		width: 70%;
		height:30px;
	}

	#input_search::-webkit-input-placeholder { /* WebKit browsers */
		color:    #cfcfcf;
	}
	#input_search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #cfcfcf;
	}
	#input_search::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #cfcfcf;
	}
	#input_search:-ms-input-placeholder { /* Internet Explorer 10+ */
		color:    #cfcfcf;
	}
	div.head-text{
		position:relative;
		margin: 0px 25px 0px 0px;
	}
	div.on-print{
		float:right;
		font:12px/14px Tahoma;
		color:#bbb;
		text-shadow: none;
		background: #fafafa;
		border-radius: 10px;
		padding: 8px 10px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #dedede;
		cursor:pointer;
	}
	div.on-print:hover{
		background:#f3f3f3;
		color:#ccc;
	}

	div.on-top{
		position:absolute;
		right:62px;
		bottom:2px;
		font:12px/14px Tahoma;
		color:#bbb;
		text-shadow: none;
		background: #fafafa;
		border-radius: 10px;
		padding: 6px 10px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #dedede;
		cursor:pointer;
	}
	div.on-top:hover{
		background:#f3f3f3;
		color:#ccc;
	}

	div.product-more{
		position:absolute;
		right:0px;
		bottom:2px;
		font:12px/14px Tahoma;
		color:#bbb;
		text-shadow: none;
		background: #fafafa;
		border-radius: 10px;
		padding: 6px 10px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #dedede;
		cursor:pointer;
	}
	div.product-more:hover{
		background:#f3f3f3;
		color:#ccc;
	}

	/*imgButtonLink*/
	ul.imgButtonLink{
		list-style-type:none;
	}
	ul.imgButtonLink li{
		margin: 0px 0px 3px 0px;
	}

	/*เผื่อเลือก style art2bempire*/
	div.head-text{
		border:0px;
	}
	ul.products {
		margin: 0px 20px 10px 0px;
		border-bottom: 1px #e0e0e0 dashed;
	}

	ul.products{
		display: block;
	}
	ul.products li {
		display: inline-block;
		float:left;
		width:195px;
		overflow:auto;
		min-height:300px;
	}
	ul.products li:nth-child(4n+4){
		margin: 0px 0px 8px 0px;
	}

	.product-box .product-info{
		min-height:60px;
	}
	.product-box .product-info .product-title{
		margin:0px;
	}
	.product-box .product-info .product-detail{
		margin:0px;
	}


.b-panel-bd{
	width:100%;
	margin:0px 0px 20px 0px;
}

.b-assist{
	padding:0px 0px 10px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:1px #DDD solid;
}

.b-assist ul{
	padding:0px;
	margin:0px;
}
.b-assist ul li{
	padding:0px;
	list-style-type:none;
	display:inline;
	margin: 0px 40px 0px 0px;
}
.b-assist ul li a:link    {color:#666;}
.b-assist ul li a:visited {color:#666;}
.b-assist ul li a:hover   {text-decoration: underline;}
.b-assist ul li a:active  {}

.b-gallery div.no-photo, .b-gallery div.image-zoom-container {
	width: 300px;
	height: 300px;
	overflow:hidden;
	margin: 0px 0px 30px 0px;
	position:relative;
}

.image-zoom-container img{
	width:300px;
	height:300px;
/*
	min-width: 150px;
	min-height: 150px;
	max-width:320px;
	max-height: 320px;*/
}

.b-property-wrap{
	float:right;
	width:60%;
	padding: 0px 15px 0px 0px;
}

.b-gallery{
	float:left;
}

.b-property-wrap .detail{
	min-height:150px;
	color: #666;
}

.content p{
	padding:0px;
}

.content .detail p{
	font:12px Tahoma;
	color: #595959;
/*	color:#8d8d8d;*/
}

.content .price{
	color:#ff0000;
}

.content h1,h2,h3,h4,h5{
	margin:0px 0px 10px 0px;
	color:#595959;
	text-shadow:none;
}

.content{
	color:#595959;
	text-shadow:none;
}

h3.head-text{
	font: 30px DSN-Ratburana;
	letter-spacing: 0px;
	font-weight: normal;
	color:#8a8a8a;
	text-shadow: 0 0 0.2em #D5D5D5;
}


/*===product-info===*/
.product-info{
	min-height:300px;
	overflow:auto;
}
.product-info aside{
	float:left;
	width: 30%;
}
.product-info aside .thumbnail{
	max-width: 420px;
	overflow: hidden;
	margin: 0px;
	position: relative;
}
.product-info aside .thumbnail img{
	width:100%;
	margin:0px;
}
.product-info article{
	float: right;
	width: 60%;
	padding: 0px 15px 0px 0px;
}

.product-info article header{
	padding: 10px 0px;
	border-bottom: 1px #DDD solid;
}
.product-info article section{
	padding: 10px 0px;
	min-height: 130px;
	color: #666;
}
/*===product-attachment===*/
.product-attachment h2{
	padding: 10px 10px;
	border-bottom:#DDD 1px dashed;
}


/*===product-media===*/

.product-media h2{
	padding: 10px 10px;
	border-bottom:#DDD 1px dashed;
}
.product-media ul{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 10px;
}

/*===product-related===*/
.product-related h2{
	padding: 10px 10px;
	border-bottom:#DDD 1px dashed;
}




/*===product-gallerysmall===*/
ul.product-gallerysmall{
	padding: 0px 20px 20px 0px;
}
ul.product-gallerysmall li{
	position:relative;
	display: inline-block;
	list-style-type:none;
	margin: 0px 4px 4px 0px;
}
ul.product-gallerysmall li:hover{
	background:#DDD;
}
ul.product-gallerysmall li.active{
	background:#ff8000;
	color:#ffe9d2;
}
ul.product-gallerysmall li a img{
	padding:3px;
	height:120px;
	width:auto;
	border: 1px #D5D5D5 solid;
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
}

.img-control-buttons{
	position:absolute;
	top: 3px;
	right: 3px;
}
.img-control-buttons .btn{
	padding:1px 4px;
	margin:2px;
	border:0px;
	background: #fff;
	opacity: 0.50;
	filter:alpha(opacity=50);
	color:#888888;
}
.img-control-buttons .btn:hover{
	background: #fff;
	opacity: 0.80;
	filter:alpha(opacity=80);
	color:#8c8c8c;
}

/*===product-relate===*/
div.product-relate{
	width:100%;
	background:#f5f5f5;
	margin:50px 0px 20px 0px;
	padding: 10px 20px 20px 20px;
	border:1px #e6e6e6 solid;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow:hidden;
}
div.product-relate ul{
	text-align:center;
}
div.product-relate ul li{
	display: inline-block;
	list-style-type:none;
	margin: 0px 10px 0px 0px;
}

div.product-relate ul li a img{
	border: 1px #D5D5D5 solid;
	padding:4px;
	width:140px;
}


/*=======gallery-block=======*/
ul.gallery-block{
	overflow:hidden;
	margin:0px 0px 20px 0px;
}
ul.gallery-block li{
	width:224px;
	display: inline-block;
	float:left; 
	overflow:hidden;
	font: 12px/14px Tahoma;
	font-weight:bold;
	text-align:center;
	margin: 0px 10px 8px 0px;
}

ul.gallery-block li .thumbnail{
	width:100%;
	height:200px;
	overflow:hidden;
	position: relative; 
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	margin: 0px 0px 8px 0px;
}
ul.gallery-block li .thumbnail:hover{
	border:1px #f89406 solid;
}
ul.gallery-block li .thumbnail img{
	position: absolute;  
	top:0;right:0;bottom:0;left:0;
	margin:auto;
    max-height: 200px;  
    max-width: 200px;
	padding:15px;
}


ul.gallery-block li .link{

}

ul.gallery-block li p.title{
	color:#0099cc;
}

ul.gallery-block li .link p{
	font: 12px/14px Tahoma;
	font-weight:bold;
}
ul.gallery-block li .gallery-block-buttons{
	position:absolute;
	bottom:2px;
	z-index:100;
	left:45%;
}

/*===table-default===*/
table.table-default{
	width: 100%;
	border: 1px #d1d1d1 solid;
	border-collapse:collapse;
}
table.table-default tr th{
	background: #f0f0f0;
	color:#515151;
	font: 12px Tahoma;
	font-weight:bold;
	text-align:center;
	border-top: 1px #d1d1d1 solid;
	border-bottom: 1px #d1d1d1 solid;
	padding:10px;
}
table.table-default tr td{
	background:#ffffff;
	padding:10px;
	color:#515151;
	text-align:center;
	border-bottom: 1px #d1d1d1 solid;
}

/*===form-invoice===*/
div.form-invoice{
	font: 12px Tahoma;
	clear:both;
	overflow:hidden;
}
div.form-invoice .left-side{
	width: 50%;
	float:left;
}
div.form-invoice .right-side{
	width: 50%;
	float:right;
}
div.form-invoice label{
	font: 12px Tahoma;
}

div.content input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:#b1b1b1;
}
div.content #product-media li{
	padding: 2px 0px;
}
div.content table.datatable img{
	max-height:40px;
	margin:auto;
}
div.content table.datatable tr td{
	padding: 5px 5px;
}
.tab-content{
	background: #fff;
}


/*==========Report==========*/
.table-striped tr td, .table-striped tr th{
	text-align:center;
}


/*==========Responsive-Class==========*/
.datatable {
	background: #ffffff;
	border: 1px solid #DEE4DC;
	border-collapse: collapse;
	width: 100%;
}
.datatable thead th{
	font-size:1em;
	padding:3px 7px 2px 7px;
}
.datatable th {
	border: 1px solid #E0E4E4;
	clear: both;
	margin: 0;
	padding: 0em;
	font-family: "Tahoma";
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align:center;
}
.datatable td {
	border: 1px solid #E0E4E4;	
	padding: 0.3em;
	font-family: "Tahoma";
	font-size: 14px;
}
.datatable caption{
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding: 0.4em 0 0.8em 0;
}

.datatable tr:hover, .datatable tr.hilite {
	background-color: #CEFC70;
	color: #000000;
}

.datatable td .thumbnail img{
	width:100px;
	height:100px;
}

caption.top {caption-side:top}
caption.bottom {caption-side:bottom}
caption.left {caption-side:left}
caption.right {caption-side:right}



.datatable .smartphone-mode{
	display:none;
}
.datatable .smartphone-mode-col{
	display:none;
}
@media (min-width: 480px) {
	.datatable .smartphone-mode{
		display:table-cell;
	}
	.datatable .smartphone-mode-col{
		display:table-column;
	}

	.datatable .tablet-mode{
		display:none;
	}
	.datatable .tablet-mode-col{
		display:none;
	}
}
@media (min-width: 769px) {
	.datatable .smartphone-mode{
		display:table-cell;
	}
	.datatable .smartphone-mode-col{
		display:table-column;
	}

	.datatable .tablet-mode{
		display:table-cell;
	}
	.datatable .tablet-mode-col{
		display:table-column;
	}
}



/*=====สำหรับหน้าจอมือถือ=====*/
@media (max-width: 479px) {
	.input-search{
		min-width:inherit;
		width:100%;
	}
}







/*=====ComponentFixed=====*/


/*====BootstrapFixed===*/
.button-manage-footer{
	padding:10px;
	margin: auto;
}

.button-manage-footer li{
	display:inline;
	margin-right:5px;
}

.button-manage-footer a{ text-decoration:none; }
.button-manage-footer a:link{ color:#fff; }
.button-manage-footer a:visited{ color:#fff; }
.button-manage-footer a:hover{ 
	color:#fff;
}
.button-manage-footer a:active{ color:#0066FF; }

.hidden{
	display:none;
}

.label{
	font-size:inherit;
	padding: .2em .6em .2em;
}

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #ccc;
	content: ">\00a0";
}

.navbar-default {
        	background:#5bb7f5;
	background-image: -webkit-linear-gradient(top,#fff 0,#5bb7f5 100%);
	background-image: linear-gradient(to bottom,#5bb7f5 0,#5bb7f5 100%);
        
        
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
	border:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.navbar{
	margin-bottom:10px;
	min-height:48px;
}
.navbar-collapse {
	max-height: inherit;
}
.navbar-default {/*
	background-color: #f8f8f8;
	border-color: #e7e7e7;*/
}
.navbar-default .navbar-nav> li.active > a{
	background:#00ADFF;
	background-image: linear-gradient(to bottom,#00ADFF 0,#00A3FF 100%);
	color:#fff;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.navbar-default .navbar-nav > li > a {
	color:#fff;
}

.navbar-brand, .navbar-nav>li>a{
	text-shadow:none;
}
.navbar-default .navbar-collapse{
	border:inherit;
}
.navbar-default .navbar-nav> li > a:hover , .navbar-default .navbar-nav> li.active > a:hover {
	color: #ccfbff;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {

}

/*====Bootstrap3-Fixed===*/
.thumbnail {
	margin-bottom:0px;
}
.dropdown-menu{
	font:12px/14px Tahoma;
}

.navbar{
	margin-bottom:10px;
	min-height:48px;
}
.dropdown-header{
	color:#bcbcbc;
}

ul.wysihtml5-toolbar a{
	color:#000;
	border-color:#e6e6e6;
}

.form-group div label{
	font-weight:normal;
}

/*==========Cpanel-Global-Css==========*/
.cpanel-icon{
	height:40px;
	margin:auto;
}

.cpanel-icon li{
	list-style-type: none;
	display:inline;
}

.cpanel-icon a{
	margin:0px 5px 5px 0px;
	display:block;
	float:left;
	width:30%;
                padding:6px;
	text-align:center;
	text-decoration:none;
	border:#d3e3f0 1px solid;
	background:#e6f2fc no-repeat right center;
	font-size: 1.2em;
}

.cpanel-icon img{
	width:48px;
	height:48px;
                float: left;
	display: inline;
  }

.cpanel-icon p{
	padding-top: 15px;
  }

.panel-default>.panel-heading{
	background:#fcfcfc;
	background-image: linear-gradient(to bottom,#fcfcfc 0,#fcfcfc 100%);
	background-repeat: repeat-x;
	color:#999;
}

.btn {
	display: inline-block;
	padding: 4px 12px;
}

.carousel-control{
	opacity: 0.1;
}
img{
	border: 0;
	width: auto;
}

.panel-title {
	font-size:inherit;
	font-weight: bold;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}
.navbar-default .navbar-toggle {
	border-color:#3B91D5;
}
.navbar-toggle {
	background:#007ad5;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
	background:#00ADFF;
	background-image: linear-gradient(to bottom,#00ADFF 0,#00A3FF 100%);
	color:#fff;
}

.form-horizontal .form-group {
	padding: 0px 0px 8px 0px;
	overflow:hidden;
	margin:0px;
}
.form-group {
	margin-bottom:0px;
}

.form-control{
	display:inline;
	padding: 4px 12px;
	height: 30px;
}
.size30{ width:30%; }
.size40{ width:40%; }
.size50{ width:50%; }
.size60{ width:60%; }
.size75{ width:75%; }
.size80{ width:80%; }
.size88{ width:88%; }
.size-static5{ min-width:280px; }

.btn-primary{
	color:#fff !important;	
}
.btn-info{
	color:#fff !important;	
}
.btn-danger{
	color:#fff !important;	
}
.btn-warning{
	color:#fff !important;	
}
.btn-success{
	color:#fff !important;	
}


/*==========font-awesome==========*/
.fa-check{
	color:#009933;
}

.fancyClose{
	cursor:pointer;
}

#editor {
max-height: 250px;
height: 250px;
background-color: white;
border-collapse: separate;
border: 1px solid rgb(204, 204, 204);
padding: 4px;
box-sizing: content-box;
-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
overflow: scroll;
outline: none;
}

#editor ul{
	list-style-type:disc;
	list-style:disc;
	margin-left:15px;
}
#editor ul li{
	list-style-type:disc;
	list-style:disc;
	line-height:1.5;
}


.ribbon-wrapper {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-wrapper.min {
  width: 65px;
  height: 68px;
}

.ribbon-green {
  font: bold 12px Sans-Serif;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  color: #6a6340;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-green.min {
	padding:3px 0;
	width: 90px;
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
  text-align: left;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}


.ribbon-red {
  font: bold 12px Tahoma;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #ff5555;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5555), to(#ff8c8c)); 
  background-image: -webkit-linear-gradient(top, #ff5555, #ff8c8c); 
  background-image:    -moz-linear-gradient(top, #ff5555, #ff8c8c); 
  background-image:     -ms-linear-gradient(top, #ff5555, #ff8c8c); 
  background-image:      -o-linear-gradient(top, #ff5555, #ff8c8c); 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-red:before, .ribbon-red:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-red:before {
  left: 0;
}
.ribbon-red:after {
  right: 0;
}
.button-warpper{
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  height: 30px;
  overflow: hidden;
  text-align:center;
}
.button-warpper.bottom{
	bottom: 0;
}

.button-warpper .button-warpper-background{
	background:#fff;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	position: absolute;
	z-index:100;
	display:block;
	width:100%;
	height:100%;
}

.related-add-button{
	position: absolute;
	z-index: 999;
	left:0;
	width:100%;
	background:transparent;
}
.related-add-button:hover{
	background:#ff8000;
}
.related-add-button.active{
	background:#ff8000;
	color:#ffe9d2;
	-webkit-box-shadow:none;
	box-shadow:none;
}


.popup-label{
    min-width:100px;
}





.rows-list{
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
}
.rows-list > li{
	padding: 10px 8px 10px 8px;
	border-bottom: #e9e9e9 1px solid;
	min-height: 25px;
	margin-bottom: 1px;
	background-color: #fff;
}

.rows-list > li > .control{
	float:right;
	color: #ccc;
}

.rows-list > li:hover .control{
	display:inline;
}

.rows-list > li > .control{
/*	display: none;*/
}

.rows-list > li > .control > button{
	background:none;
	border:0px;
}

.rows-list > li .control .dropdown-menu{
	right:0;
	left:inherit;
	margin: 0px 0 0;
}


/*=====Backend Property Set=====*/
.backend{
    font:14px Tahoma;
}
.backend p, .backend ul{
    font:14px Tahoma;
    color:#000;
}
.backend h2{
    font:24px Tahoma;
    font-weight:700;
}
.backend h3{
    font:20px Tahoma;
    font-weight:700;
}
.table-backend{
    font:14px Tahoma;
}
.table-backend tr td, .table-backend tr th{
    padding:5px 5px;
} 


/*alert*/
.alert{
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert-danger{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}