/* CSS Document */



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

a[rel~="facebox"] {display: none;}

*{margin:0}
.copy { color:#999999; font-size:11px; margin-top:15px}
.copy a { color:#99CC00; clear:right}
.copy a:hover { text-decoration:underline}

#commentlist { list-style: decimal}
#commentlist li { padding-bottom:5px; border-bottom:dashed 1px #CCCCCC; padding-top:5px}

#adlist {padding: 10px 15px; list-style:none}
#adlist li {float:left; margin-right:10px;}

.notif{ background: url(images/ok.png) 5px 10px no-repeat #FFFFCC;
	    border:#FFCC00 1px solid;color:#000000; margin-bottom:10px; padding:10px 5px 10px 25px;  width:97%}

form { margin-top:10px; }
label { width:100px; display:inline-block; margin-right:10px; }
input { padding:3px; font-family:Tahoma, Geneva, sans-serif; margin-left:0px; border:1px solid #333; margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
input:hover{
	background:#DCE6E9;
}

.bulet { background:url(images/bullet.jpg) no-repeat; padding-left:20px}
.add {background:url(images/action_add.png) no-repeat; padding-left:20px}
.edit {background:url(images/edit.png) no-repeat; padding-left:20px}
.delete {background:url(images/delete.png) no-repeat; padding-left:20px}
.view {background:url(images/view.png) no-repeat; padding-left:20px}
.pending {background: url(images/pause.png) no-repeat; padding-left:20px}
.mail {background: url(images/mail.png) no-repeat; padding-left:20px}
.sync {background: url(images/action_sync.png) no-repeat; padding-left:20px}

#subkategori { list-style:none; padding:0; margin-top:10px; margin-bottom:10px}
#subkategori li { display:inline-block; margin-right:10px; height:16px; text-transform:capitalize; background:url(images/12.png) no-repeat; padding-left:25px}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a {text-decoration:none;color: #6699CC; cursor:pointer;}
a:hover {text-decoration:underline;color: #6699CC}

.curved {
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior:url(/scripts/border-radius.htc);
}

body{background: #F8F8F8; overflow-x:auto; font-family:verdana; font-size:11px; margin-bottom:0px;-webkit-text-size-adjust:none;}

textarea {font-family: verdana; font-size:11px; margin-bottom:10px; border:1px solid #666666; padding:5px; margin-left:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; }



#logo{margin:0 auto; width:300px; height:117px;  margin-top:70px; margin-bottom:10px; text-align:center}

#top{
	 height:23px;
	 background-color: #404040;
	 text-align:left;
	 padding:10px 5px 5px 5px;
	 width:100%;
	 }

#top a{font-family:verdana;
	   font-size:11px;
	   color:#ccc;
	   text-decoration:none;
	   background:none;
	   }

#top a:hover{font-family:verdana;
	   font-size:11px;
	   color:#fff;
	   text-decoration:underline;
	   background:none;
	   }

#top2{
	 height:36px;
	 background-color: #404040;
	 text-align:left;
	 /*padding:5px 5px 5px 5px;*/
	 padding:0px 5px;
	 width:100%;
	 position:fixed;
	 z-index:1;
	 }	 

#top2 a{font-family:georgia;
		font-size:14px;
	    text-decoration:none;
	    background:none;
	   }

#top2 a:hover{font-family:georgia;
	   color:#fff;
	   text-decoration:underline;
	   background:none;
	   }

#left_header{float:left;
			 width:50%;
			 }
#left_header a{color:#fff;}
#right_header a{color:#ccc}
#right_header img{border:0px;}
#right_header{float:right;
			  width:calc(50% - 25px);text-align:right; padding-right:20px;position:relative;top:-10px;
			  }

#error{background-color: #FFE8EC;
	  border: #E40123 solid 1px;
	  color:#000000;
	  width:300px;
	  height:15px;
	  margin:0 auto;
	  margin-bottom:10px;
	  padding:10px 0 15px 15px;  
	  }
	  
.error{
	color:#E40123;
}

#contentAdmin { width:100%; 
				margin:0 auto; 
				padding:0px;
				clear:right;
				padding-top:30px;
				padding-bottom:0px;
				}

#leftAdmin {width:17%;
			height:600px;	
			float:left;
			padding:5px 5px 25px 5px;
	 		margin-top:35px;
			}

#rightAdmin {
	width:98%;
	/* [disabled]margin-top:35px; */
	min-height:75vh;
	float:left;
	padding:10px;
	clear:right
}

#logoclient{width:80px; height:80px; float:left; margin-right:10px}
#client{padding-top:30px; padding-left:5px;}

dt { height:15px;padding:5px; background:#f0f0f0; font-size:12px; border:solid 1px #e7e7e7; color:#666666; cursor:pointer}
dd {padding:10px 10px 0 15px; color:#6666CC;background:#ffffff;border:solid 1px #e7e7e7;}	
#list2 p{padding-bottom:10px; }	
#list2 p img{padding-right:5px; vertical-align:top}

#services li{padding-left:10px}

h1{font-size:20px; font-family:georgia; font-weight:lighter; font-style:italic}
h2{font-family:georgia; font-weight:lighter; font-size:15px; margin-bottom:10px}
h3{font-family:georgia; font-weight:bold; font-size:13px}

.action a{text-decoration:none; color:#3333CC; margin-left:3px}
.action a:hover{color:#990000; text-decoration:underline}

#newslist{border:#E7E7E7 1px solid;
		  margin:10px 10px 10px 0;
		  font-size:11px; color:#333; ; text-decoration:none;
		  background:#f0f0f0
		  }
#newslist th{border-bottom:#E7E7E7 1px solid}
#newslistin td{border-bottom:#ccc 1px solid}
.global_action{margin:25px 0 0 0;font-size:9px;line-height:200%}
.global_action a{font-size:9px; color:#06F; font-weight:100; text-decoration:none}
.global_action a:hover{font-size:9px; color:#990000}
.news_action{margin:25px 0 0 0; display:none;font-size:9px}
.news_action a{font-size:12px; color:#06F; font-weight:100; text-decoration:none; display:inline-block; margin-bottom:5px;}
.news_action a:hover{font-size:12px; color:#990000}

#newstitle {color:#336699; text-decoration:none; font-weight:bold}
#newstitle:hover{color:#990000}

#title_field{width:700px; height:50px; border:#E7E7E7 1px solid; background:#fff; margin-bottom:20px}
#title{font-size:24px; border:none; margin:10px}

#form_container{border:#E7E7E7 1px solid; width:95%; padding:10px; background:#F0F0F0; }
#form_container p{padding-bottom:10px}

#date{color:#333333; font-size:10px; margin-bottom:5px}

.view_table tr{ height:20px;}

.status_client{ text-decoration:underline;color:#990000;}

.status_client:hover {color: #00CC99}

.title {font-weight:bold}

.entry {font-weight:bold; color:#000000} 

.button{background:url(images/bgbutton.jpg) repeat-x; color:#FFF; padding:5px; border:none}

.button2{background:url(images/button3.gif); width:130px; height:30px; float:left}

.button2:hover{background:url(images/button4.gif); float:left}

#thread_history  {list-style:none; margin-top:10px; padding:0;}
#thread_history  li {padding:10px; margin-bottom:10px;}
	.postedby {color:#666666; font-size:10px; margin-bottom:0}
	.reply{color:#000000; font-size:11px;}

#thread{background:#F0F0F0; border:1px solid #E7E7E7; margin-top:10px; padding:10px; line-height:20px; padding-bottom:20px}
#reply {border:solid 1px #ccc; margin-top:10px; padding:10px; font-size:18px; font-family:tahoma}
#mailform {line-height:20px; width:600px; color:#000000}
#mailform input {padding:5px}
#mailform .submit {margin-left:540px; margin-top:10px}

#form1 div,#form2 div{min-height:20px}
#form1 input,select,#contentAdmin input{ width:350px;font-size:13px; padding:2px; border:#666666 1px solid; margin-bottom:5px; -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
#form2 input,select { width:375px;font-size:13px; padding:2px; border:#666666 1px solid; margin-bottom:5px; margin-left:0px;}
#form1 label, #contentAdmin label { width:170px;  float:left; margin-top:5px}
#form2 label { width:170px;  float:left; }
#form1 #submit, #form1 #submitbtn, #form2 #submit, #contentAdmin #submit, #form1 #submitbutton {margin-left:180px; width:70px}
#form1 #submit2, #form2 #submit2 {margin-left:180px; width:70px}
#form1 #cancel {width:70px}
#form1 label.error, #form2 label.error  {
		margin-left: 5px;
		width: auto;
		display: block;
		color: #FF0000;
		font-size:9px;
		margin-top:5px;
		font-weight:bold
	}
#form1 input.short, select.short, #contentAdmin .short{width:150px}
#form1 input.short2, select.short2, #contentAdmin .short2, .short2{width:75px}
#form1 textarea, #contentAdmin textarea{width:345px}
#form1 input.radio, #contentAdmin input.radio{width:20px;border:0px;}

#indexadmin {margin:0 auto;
			 font-size:12px;
			 font-family:tahoma,arial; 
			 background:#FFFFFF; 
			 color:#666666; 
			 padding:0 15px 10px 15px;
			 border: #E7E7E7 solid 1px;
			 width:285px;
			 height:200px;
			 }

#indexadmin input{background-color: #F9F9F9;
	   font-size:24px; 
	   color: #666666;
	   border:#E1E1E1 solid 1px;
	   padding:3px;
	   margin:3px 6px 3px 6px;
		}

#indexadmin p{padding:10px 5px 0px 5px; margin:0}

#form_msg input.radio{width:20px;border:0px;}

#table_order {border-collapse: separate;}
#table_order th{background: #f0f0f0;padding:5px; text-align:left}
#table_order td{text-align:left; padding:5px}

.confirm_link a {text-decoration:none; color:#6699CC}
.confirm_link a:hover {text-decoration:underline;}
.confirm_link a img{border:none}

#bottom{
	position: fixed;
	bottom:0px;
	 height:25px;
	 background-color: #404040;
	 text-align:center;
	 padding:12px 0px 0px 0px;
	 width:100%;
	 color:#fff;
	 }
	 
.record1{
	background:#fff;
}
.record2{
	background:#f9f9f9;
}
.record1:hover, .record2:hover{
	background:#f3f3f3;
}
div.small_action{
	width:170px;
	border:1px solid #666;
	padding:0px;
	background:#BBECEE;
	cursor:pointer;
	margin:0px;
	margin-bottom:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:11px;
}
div.small_action:hover{
	background:#99F;
}
.new_message_animation_box{
	background:#DEEDEF;
	border:1px solid #036;
	width:210px;
	height:25px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	line-height:23px;
	color:#666;
	cursor:pointer;
}
.new_message_animation_box:hover{
	background:#eee;
	color:#000;
}
.menuicon{
	background-image:url(images/panel_menu_icon.jpg);
	width:25px;
	height:17px;
}
.menuicon:hover{
	background-position:0px 17px;
}
.silver_button{
	width:auto;
	background-color:#ddd;
	cursor:pointer;
	text-align:center;
	border:#bbb 1px solid;
	color:#555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.silver_button:hover{
	background-color:#ccc;
}
.btn_search{
	width:100px;
    height: 20px;
    line-height: 20px;
	background-color:#ddd;
	cursor:pointer;
	text-align:center;
	border:#bbb 1px solid;
	color:#555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
    vertical-align: top;
}
.btn_search:hover{
	background-color:#ccc;
}

.search_box{
	border:1px solid #e7e7e7;
	background-color:#ffefb8;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
td.tdsort{
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	width:10px;
	max-width:10px;
}
a.header_sort{
	font-weight:bold;
	color:#000;
}
a.header_sort:hover{
	text-decoration:underline;
}
.hint_icon{
	position:relative;
	top:3px;
	cursor:pointer;
}
.tooltip_blue{
	position:relative;top:-22px;color:#fff;background-color:#36F;min-width:170px;width:auto;height:20px;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.tooltip{
	position:absolute;color:#fff;background-color:#333;width:140px;height:25px;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.tooltip_productdesc{
	position:absolute;color:#000;background-color:#E2DE8D;width:auto;max-width:300px;height:auto;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.tooltip_black{
	position:absolute;color:#fff;background-color:#333;width:140px;height:37px;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.costing_point{
	background-color:#fff;
}
.costing_detailpaddingleft{
	padding-left:200px;
	font-weight:bold;
	color:#777;
}
.costing_detailpaddingleft_price{
	padding-left:200px;
}
.head{
	width:150px;
	background-color:#ddd;
	height:30px;
	position:fixed;
}

.loadingdiv{
	background-color:#fff;
	width:100%;
	min-height:100%;
	position:fixed;
	opacity:0.9;
	z-index:10000;
}
.loadingdiv2{
	position:absolute;	
	left:calc(50vw - 100px);
	top:calc(50vh - 100px);	
}

.btn_sync{
	width:90%;
	height:22px;
	background-color:#ddd;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	line-height:20px;
	border:#bbb 1px solid;
	color:#555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
}
.btn_sync:hover{
	background-color:#FFF;
}

.pc_cheque_overview_table{
	padding:2px;
	border-collapse:collapse;
	border:1px solid #eee;
}
.pc_cheque_overview_table td{
	border:1px solid #eee;
}
.pc_cheque_overview_table_header{
	color:#aaa;
	font-weight:bold;
	vertical-align:bottom;
}

.panel_toolbar{
	position:fixed;
	width:100%;
}
.panel_toolbar2{
	position:relative;
	width:60px;
	height:25px;
	background-color:#ccc;
	padding:2px;
	left:91%;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #999;
}
#form1 .panel_toolbar2 input#submit{
	margin-left:0px;
	cursor:pointer;
	width:auto;
}
#form1 input.reconcile{
	width:77px;
	padding:0px;
}
input[readonly="readonly"], input[readonly]
{
    background-color:#bbb;
}
.readonlywhite, input.readonlywhite{
	background:#fff;
}
.savebtn{
	width:70px;
	height:25px;
	background:#0C0;
	color:#fff;
	cursor:pointer;
}
.savebtn:hover{
	background:#666;
}
.tableborderpad{
	border-collapse:collapse;
}
.tableborderpad td{
	padding:4px;
	border:1px solid #ccc;
	vertical-align:top;
}
.popupindex{
	position:fixed;
	z-index:999999;
	top:50px;
	left:50%;
	width:710px;
	height:500px;
	background:#fff;
	color:#333;	
	margin-left:-355px;
	font-size:15px;
	text-align:left;
	line-height:20px;
	display:none;
}
.popupindex2{
	position:fixed;
	z-index:999999;
	top:50%;
	margin-top:calc((50vh - 55px) * -1);
	left:50%;
	width:600px;
	height:calc(100vh - 110px);
	background:#fff;
	color:#333;	
	margin-left:-300px;
	font-size:16px;
	text-align:left;
	line-height:20px;
	display:none;
}
.popupheight{
	height:450px;
	overflow-y:auto;
    overflow-x:hidden;
}
.framecontactdownload{
	height:calc(100vh - 200px);
}
.popuppad{
	padding:25px 25px;
}
.popuppad2{
	padding:45px 0px;
}
#popup_title{
	font-size:27px;
	font-family: 'Poppins', sans-serif;
	padding-bottom:27px;
	line-height:35px;
}
#popup_description{
	line-height:27px;
}
.popup_height{
	overflow-y:auto;
	height:400px;
	padding-right:30px;
}
.td_popup1{
	width:45%;
	padding-right:5%;
}
.popup_closediv{
	padding-bottom:5px;
	text-align:right;
}
.popup_closediv img{
	cursor:pointer;
}
#menuslidebackpart,#menuslidebackpart2,#menuslidebackpart_qb,#menuslidebackpart_qb2{
	position:fixed;	
	z-index:10010;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	display:none;
}
.tablesjstrip{
    border-collapse: collapse;
    
}
.tablesjstrip td.tdsjstrip{
    border:1px solid #999;
    padding:5px;
    vertical-align: top;
}
.tablesjstrip td.tdsjstrip1{
    
}
.tablesjstrip td.tdsjstrip2{
    
}
.tablesjstrip td.tdsjstrip3{
    font-size:12px;
}
.process_btn{
    background:#7dbdff;
    height:20px;
    width:auto;
    border:0px;
    border-radius:5px;
    cursor: pointer;
    font-size:11px;
    font-weight: bold;
    vertical-align: middle;
}
.process_btn_disable{
    background:#ddd;
    height:20px;
    width:auto;
    border:0px;
    border-radius:5px;
    cursor: pointer;
    font-size:11px;
    font-weight: bold;
    vertical-align: middle;
}
.bgpass{
    background:#a4d1ff !important;
}
.tableheadertop td.tdheadertop{
	height:36px;
	vertical-align: middle;
}
.tableheadertop td.tdheadertop1{
	width: 150px;
	text-align: left;
}
.tableheadertop td.tdheadertop2{
	padding-left:20px;
}
.tableheadertop td.tdheadertop3{
	width:150px;
	text-align: right;
	padding-right:20px;
	font-size:13px;
}
.headerbtn{
	font-family: Arial, Helvetica, sans-serif;
	padding:0px 10px;
	display:inline-block;
	width:auto;
	border-right:1px solid #000;
	height:36px;
	background:#000;
	color:#fff;
	font-size:15px;
}
.headerbtn:hover, .headerbtnactive{
	background:#d00;
}
.verticalmiddle, .vm{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.verticalbottom, .vb{
	position: relative;
	top: 100%;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}
.animation{
	-o-transition:color .2s ease-out, background 0.2s ease-in;
	-ms-transition:color .2s ease-out, background 0.2s ease-in;
	-moz-transition:color .2s ease-out, background 0.2s ease-in;
	-webkit-transition:color .2s ease-out, background 0.2s ease-in;
	transition:color .2s ease-out, background 0.2s ease-in;
}
.animationcolor{
	-o-transition:color .2s ease-out, background 0s linear;
	-ms-transition:color .2s ease-out, background 0s linear;
	-moz-transition:color .2s ease-out, background 0s linear;
	-webkit-transition:color .2s ease-out, background 0s linear;
	transition:color .2s ease-out, background 0s linear;
}
.animationall{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.select_formsearch{
	width:100%;
	height:40px;

}
.input_formsearch{
	width:100% !important;
	height:40px;
	box-sizing: border-box;
	padding:0px 10px !important;
}
.searchlabel{
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
}
.tablesearch td{
	padding-bottom:15px;
}
.marginfit5px{
	margin-left:-5px;
	margin-right:-5px;
}
.marginfit10px{
	margin-left:-10px;
	margin-right:-10px;
}
.searchsidebar{
	width:250px;
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
	padding-right:20px;
}
.contentsearch{
	width:calc(100% - 250px);
	display:inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.overflowsidebar{
	width:100%;
	max-height:calc(100vh - 110px);
	overflow-y:auto;
}
.overflowcontentsearch{
	width:100%;
	max-height:calc(100vh - 110px);
	overflow-y:auto;
}
.checkboxsearch{
	width:20px !important;
	height:20px;
	display:inline-block;
	vertical-align: middle;
}
.checkbox_point2{
	display:inline-block;
	vertical-align: top;
	width:50%;
	box-sizing: border-box;
	padding:0px 5px 0px 5px;
}
.sidebarpointouter{
	padding-bottom: 20px;
	padding-right:10px;
}
.searchsubmit{
	margin-left:0px !important;
	height:40px;
	width:100% !important;
	background-color: #62bea1;
	border:0px !important;
	color:#fff;
	cursor: pointer;
	font-weight: bold;
}
.searchsubmit:hover{
	background:#000;
}
.searchsubmit2{
	margin-left:0px !important;
	height:40px;
	width:100% !important;
	background-color: #999;
	border:0px !important;
	color:#fff;
	cursor: pointer;
}
.searchsubmit2:hover{
	background:#000;
}
.col4{
	display:inline-block;
	vertical-align: top;
	width:25%;
	box-sizing: border-box;
	padding:0px 10px 20px 10px;
}
.colproduct{
	display:inline-block;
	width:190px;
	box-sizing: border-box;
	padding:0px 5px 10px 5px;
	vertical-align: top;
}
.col4 a{
	color:#000;
	text-decoration: none;
}
.colproduct a{
	color:#000;
	text-decoration: none;
}
.imgdiv{
	aspect-ratio:1.51;
}
.txtdiv{
	padding:5px;
	background:#fff;
	white-space: normal;
}
.shadow{
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
.page_title0, .pagetitle0{
	font-size:35px;
}
	.page_title0b, .pagetitle0b{
		font-size:35px;
		line-height:45px;
		font-weight:bold;
	}
.page_title1, .pagetitle1{
		font-size:27px;
		line-height:37px;
		font-weight:bold;
	}
.page_title2, .pagetitle2{
	font-size:28px;
	line-height:38px;
}
	.page_title2b, .pagetitle2b{
		font-size:28px;
		line-height:38px;
		font-weight:bold;
	}
	.page_title2l, .pagetitle2l{
		font-size:28px;
		line-height:38px;
	}
.page_title3, .pagetitle3{
	font-size:25px;
	line-height:35px;
}
	.page_title3b, .pagetitle3b{
		font-size:25px;
		line-height:35px;
		font-weight:bold;
	}
.page_title4, .pagetitle4{
	font-size:23px;
	line-height:30px;
}
	.page_title4b, .pagetitle4b{
		font-size:23px;
		line-height:30px;
		font-weight:bold;
	}
.page_title5, .pagetitle5{
	font-size:20px;
	line-height:30px;
}
	.page_title5b, .pagetitle5b{
		font-size:20px;
		line-height:30px;
		font-weight:bold;
	}
.page_title6, .pagetitle6{
	font-size:15px;
	line-height:22px;
}
	.page_title6b, .pagetitle6b{
		font-size:15px;
		line-height:22px;
		font-weight:bold;
	}
.page_title7, .pagetitle7{
	font-size:18px;
	line-height:23px;
}
	.page_title7b, .pagetitle7b{
		font-size:18px;
		line-height:23px;
		font-weight:bold;
	}
	.page_title7l, .pagetitle7l{
		font-size:18px;
		line-height:23px;
	}
.page_title8, .pagetitle8{
	font-size:40px;
}
.page_title9, .pagetitle9{
	font-size:16px;
	line-height:31px;
}
	.page_title9b, .pagetitle9b{
		font-size:16px;
		line-height:31px;
		font-weight:bold;
	}
.page_description1, .pagedescription1{
	font-size:15px;
	line-height:22px;
}
	.page_description1 ul, .pagedescription1 ul{
		margin-left:0px;
	}
	.page_description1 ol, .pagedescription1 ol{
		margin-left:0px;
	}
	.page_description1 li, .pagedescription1 li{
		margin-left:20px;
	}
	.pagedescription1 b, .pagedescription1 strong, .page_description1 b, .page_description1 strong{
		font-weight:bold;
	}
    .pagedescription1 img{
        max-width: 100% !important;
    }
.page_description2, .pagedescription2{
	font-size:12px;
	line-height:17px;
}
	.pagedescription2 b, .pagedescription2 strong, .page_description2 b, .page_description2 strong{
		font-weight:bold;
	}
.page_description3, .pagedescription3{
	font-size:11px;
	line-height:18px;
}
.btn1{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	border:0px;
	height:49px;
	background: none;
	font-size:13px;
	color:#000;
	cursor:pointer;
	padding:0px 20px;
	box-sizing:border-box;
	border:1px solid #000;
}
	.btn1:hover{
		border-color:#333;
		background-color:#333;
		color:#fff;
	}
	.btn1a{
        width:auto;
		min-width:160px;
		padding:0px 10px;
		margin:0px 10px;
		margin-bottom:10px;
	}
	.btn1b{
		padding:0px 32px;
		width:auto;
		background:#fff;
		color:#000;
	}
	.btn1c{
		background: #A89060;
	}
	.btn1widthauto{
		width:auto;
	}
	.btn1ml15{
		margin-left:15px;
	}
.nowrap{
	white-space:nowrap;
}
.padbot5{
	padding-bottom:5px;
}
.padbot10{
	padding-bottom:10px;
}
.padbot15{
	padding-bottom:15px;
}
.padbot20{
	padding-bottom:20px;
}
.padbot25{
	padding-bottom:25px;
}
.padbot30{
	padding-bottom:30px;
}
.padbot35{
	padding-bottom:35px;
}
.padbot40{
	padding-bottom:40px;
}
.padbot45{
	padding-bottom:45px;
}
.padbot50{
	padding-bottom:50px;
}
.padbot55{
	padding-bottom:55px;
}
.padbot60{
	padding-bottom:60px;
}
.padbot65{
	padding-bottom:65px;
}
.padbot70{
	padding-bottom:70px;
}
.padbot75{
	padding-bottom:75px;
}
.padbot80{
	padding-bottom:80px;
}
.padbot90{
	padding-bottom:90px;
}
.padbot100{
	padding-bottom:100px;
}
.padbot110{
	padding-bottom:110px;
}
.padbot120{
	padding-bottom:120px;
}
.lineheight20{
	line-height:20px;
}
.lineheight25{
	line-height:25px;
}
.lineheight30{
	line-height:30px;
}
.lineheight40{
	line-height:40px;
}
.lineheight45{
	line-height:45px;
}
.infocolour{
	display:inline-block;width:20px;height:20px;border:1px solid #e5e5e5;vertical-align:top;
}
.contentitle1{
	padding:0px 10px 20px 10px;
}
.contentitle2{
	padding:0px 10px 10px 10px;
}
.detailtable td{
	padding:3px;
}
.bookedtag{
	min-width:40px;
	padding:0px 5px;
	height:30px;
	text-align: center;
	display:inline-block;
	background:#e00;
	color:#fff;
	border-radius:5px;

}
.addbookingtag{
	min-width:70px;
	padding:0px 5px;
	height:30px;
	text-align: center;
	display:inline-block;
	background: #ddd;
	color:#000;
	border-radius:5px;

}
.requestpricetag{
	min-width:100px;
	padding:0px 15px;
	height:40px;
	text-align: center;
	display:inline-block;
	background: #f60;
	color:#fff;
	border-radius:5px;
	font-size:13px;

}
.qcphotoimg{
	width:45px;
	height:45px;
}
.borderradius5{
	border-radius: 5px;
}
.downloadbtn1{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	border:0px;
	height:35px;
	background: none;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	padding:0px 10px 0px 0px;
	box-sizing:border-box;
	border:0px solid #000;
	background: #6666CC;
	text-align: center;
	
}
.downloadbtn1opacity{
	width:auto;
	padding-left:10px;
	padding-right:5px;
	opacity:0.7;
}
.downloadbtn1opacity:hover{
	opacity:1;
}
.download_icon3{
	max-height: 15px;
	vertical-align: middle;
	margin-right:5px;
	border-radius: 5px;
}
.back_icon{
	max-height: 35px;
	vertical-align: middle;
	margin-right:5px;
	border-radius: 5px;
	-webkit-filter: brightness(90%);
}
.back_div{
	color:#000;
	font-size:15px;
	text-decoration: none;
}
.back_div a, .a_back{
	text-decoration: none !important;
}
.pointborder{
	border:1px solid #ddd;
}
.productoverflowxnowrap{
	white-space: nowrap;
	overflow-x: auto;
}
.posrel{
	position:relative;
}
.posrel100{
	position:relative;
	width:100%;
}
.posabs{
	position:absolute;
}
.sampletag{
	position:relative;
	z-index:0;
	width:100px;
	height:30px;
	height:30px;
	background:#000;
	color:#fff;
	opacity:0.5;
	text-align: center;
	font-size:15px;
	font-weight: bold;
}
.pdtable td.pdtd{
	vertical-align: top;
}
.pdtable td.pdtd1{

}
.pdtable td.pdtd2{
	padding-left:40px;
}
.fsmall{
	font-size:9px;
	color:#999;
}
.colorred{
	color:#f00;
}
.imgdivdownloadpad{
	padding:10px;
	text-align: right;
}
.promotiontag{
	background:#c00;
	color:#fff;
	text-align: center;
	height:13px;
	font-size:9px;
	padding:0px 5px;
	display:inline-block;
	width:auto;
	border-radius: 5px;
	position:relative;
	top:4px;
}
.bookmatchtag{
	background:#00c;
	color:#fff;
	text-align: center;
	height:13px;
	font-size:9px;
	padding:0px 5px;
	display:inline-block;
	width:auto;
	border-radius: 5px;
	position:relative;
	top:4px;
}
.bgred{
	background:#ffa5a5;
}
.bggreen{
	background:#c5ffa5;
}
.bgpurple{
	background:#eba5ff;
}
.bggrey{
	background:#ddd;
}
.increase_icon{
	max-height:10px;
	vertical-align: middle;
}
.decrease_icon{
	max-height:10px;
	vertical-align: middle;
}
.addedinfoprice{
	font-size:9px;
	
}

.select2-container{
	margin-bottom:5px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #000 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    line-height: 23px !important;
}
.select2-container .select2-selection--single {
    height: 23px !important;
}