/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Reset & Basics (Made by Andy Gao)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; 
		font-family: 'Droid Sans', sans-serif;
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	.no-select {
		user-select: none;
		-o-user-select:none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none; }
	select{
		-webkit-appearance:none;
	    -moz-appearance:none;
	    appearance:none;
	}
	.clear{
		clear: both;
	}

div{box-sizing: border-box;}
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

abbr[title] {
    border-bottom: 1px dotted;
}
/* #Basic Styles
================================================== */
	body {
		background-color: #fff;
		font-size: 12px;
		line-height: 25px;
		font-weight: 400;
		color: #444c57;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		overflow-x: hidden;
	}
	
	/* Boxed Styles */
	body.boxed {
		margin: 0 auto;
		background-color: #e8e8e8;
	}

	#wrapper { background-color: #fff; }


	/* Main Font */
	body,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="tel"],
	input[type="phone"],
	textarea,
	.widget-text h5,
	h3.centered-headline span,
	select {
		font-family: 'Droid Sans', sans-serif;
	}

	/* Secondary Font */
	h1, h2, h3, h4, h5, h6, 
	.submit-page label,
	.button, 
	input[type="button"], 
	input[type="submit"],
	button,
	#navigation, .infobox a,
	.pagination,
	.pagination-container, .upload-btn,
	.skills span, 
	.app-content .info span,
	.tabs-nav li a, .comment-reply-link,
	.ui-accordion .ui-accordion-header,
	.trigger a, .caption.title, .caption .slider-button,
	.counter, .counter-box i, a.menu-trigger,
	#style-switcher h2, .resume-table strong,
	.job_filters_links a, a.post-edit-link
	{ font-family: 'Droid Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; }


.left{
	float: left;
}
.right{
	float: right;
}
.gray_filter{
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
/* Basic Alginment
================================================== */
	img, object, video {
		height: auto;
		display: block;
	}
	
	img {
		width: auto;
		border: 0;
		-ms-interpolation-mode: bicubic;
		max-width: 100%;
	}
	.img_grayscale{
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	/* Flexible Embeds */
	.embed {
		position: relative;
		padding: 0px;
		padding-bottom: 56.25%; /* 16/9 ratio */
		height: 0;
		overflow: hidden;
	}

	.embed iframe,
	.embed object,
	.embed embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.padding-reset { padding: 0 !important; }


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #444c57;
		font-weight: 600;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

	h1 { font-size: 30px; line-height: 54px; }
	h2 { font-size: 24px; line-height: 48px; }
	h3 { font-size: 22px; line-height: 44px; }
	h4 { font-size: 18px; line-height: 36px; }
	h5 { font-size: 16px; line-height: 28px; }
	h6 { font-size: 14px; line-height: 24px; }

	p { margin: 0 0 15px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #555;  }

	em { font-style: italic; }
	strong { font-weight: 700; color: #444c57; }
	small { font-size: 80%; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a { color: #505050; text-decoration: none; outline: 0; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -transition: color 0.2s ease-in-out; }
	a:hover { color: #666; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin: 0; padding: 0;}
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul {}
	ul ul li, ul ol li,
	ol ol li, ol ul li {}
	li { line-height: 18px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }


/* #Forms
================================================== */
	
	.fake-input,
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="tel"],
	input[type="phone"],
	input[type="url"],
	textarea,
	select {
		padding: 0;
		outline: none;
		font-size: 13px;
		color: #444C57;
		margin: 0;
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
		display: block;
		background-color: #fcfcfc;
		font-weight: 400;
		border: 1px solid #d9d9d9;
		opacity: 1;
	}

	#respond input { width: 40%}

	select { padding: 0; }

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="tel"]:focus,
	input[type="phone"]:focus,
	textarea:focus {
		color: #6f6f6f; 
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		border: 1px solid #d9d9d9;
		opacity: 1;
	}

	::-webkit-input-placeholder { /* WebKit browsers */
		color: #6f6f6f;
		opacity: 1;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color: #6f6f6f;
		opacity: 1;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
		color: #6f6f6f;
		opacity: 1;
	}
	:-ms-input-placeholder { /* Internet Explorer 10+ */
		color: #6f6f6f;
		opacity: 1;
	}

	textarea { 
		min-height: 90px; 
		transition: none !important; 
		min-width: 100%; 
		font-size: 12px;
	}
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 16px; 
		font-weight: normal;
		margin-bottom: 8px;
	}

	input {
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
	}

	textarea {
		-webkit-transition: 0;
		-moz-transition: 0;
		-o-transition: 0;
		-ms-transition: 0;
		transition: 0;
	}
	input[type="checkbox"] { display: inline; }

	label span,
	legend span {
		font-weight: normal;
		font-size: 14px;
		color: #444;
	}
		
/**********************************************************************/
.margin_top_50{
	width: 100%;
	height: 50px;
}
/************ table start *************/
.table{
	display: table;
	width: 100%;
}
.table_header{
	display: table-header-group;
}
.table_head_item{
	display: table-cell;
}
.table_body{
	display: table-row-group;
}
.table_row{
	display: table-row;
}
.table_cell{
	display: table-cell;
}
.new_select{
	width: 260px;
    height: 30px;
    border: 1px solid #d8d8da;
    background-color: #eeeff3;
    float: left;
    padding-left: 15px;
    background-image: url('../img/select_bg.jpg');
    background-repeat: no-repeat;
    background-position: right;
    font-size: 12px;
}
/************ table end *************/
.cur_money{
	height: auto;
}
/************************   arrow start   ************************/
.arrow_left{
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 

	border-right:10px solid #c64943; 	
}
.arrow_up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

.arrow_down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

.arrow_right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	
	border-left: 60px solid green;
}
/************************   arrow end   ************************/
/************************   login page start   ************************/
body{
	background-color: #eeeff3;
}
.page{
	position: relative;
}
.container{
	width: 1200px;
	margin: auto;
	position: relative;
}
.login_page .container{
	background-color: #eeeff3;
}
.login_page .form_field{
	width: 400px;
	height: 415px;
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
}
.login_page form{
	text-align: center;
}
.login_page .logo img{
	margin: 0 auto 40px;
}
.login_page .company_name{
	border: 1px solid #1d2226;
	background-color: #444c57;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 26px 0;
}
.login_page .form_field input{
	margin-top: 20px;
	padding-left: 18px;
	height: 40px;
}
.login_page .form_field button{
	width: 120px;
	height: 40px;
	color: #fff;
	border: 1px solid #b0403e;
	background-color: #c64741;
	border-radius: 5px;
	margin: 40px auto 0;
	cursor: pointer;
	font-size: 14px;
}
.login_page .form_field button:hover{
	background-color: #FF4949;
}
/**********  error message start  ************/
.login_page .form_field .error_popup{
	position: absolute;
	right: -250px;
	background-color: #c64943;
	color: #fff;
	line-height: 20px;
	padding: 28px 35px;
	bottom: 95px;
}
.arrow_left.error_arrow{
	position: absolute;
	left: -10px;
	top: 38px;
}
/**********  error message end  ************/
/**********  block message start  ************/
.form_field{
}
.block_field{
	display: none;
	width: 400px;
	height: 415px;
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	padding: 20px;
}
.block_msg{
	text-align: center;
	color: #fff;
	background-color: #c64943;
	padding: 30px;
}
.block_msg a{
	color: #fff;	
}
.block_msg .block_msg_ip{
	margin: 10px 0;
}
.block_msg_contact{
	line-height: 20px;
}
.exclaimation_icon img{
	margin: auto;
}
/**********  error message end ************/
/************************   login page end   ************************/
.btn{
	border-radius: 3px;
	padding: 0 12px;
}
/************************   dashboard page start   ************************/
header, footer{
	width: 1200px;
	margin: auto;
	height: 110px;
	background-color: #fff;
}
header{
	border-bottom: 1px solid #dddddd;
}
header .logo{
	width: 200px;
	height: 110px;
	position: relative;
	border-right: 1px solid #dddddd;
	float: left;
}
header .logo img{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
header .header_main{
	float: left;
	width: 999px;
}
header .header_main_top{
	width: 100%;
	height: 55px;
	border-bottom: 1px solid #dddddd;
}
header .header_main_top > div{
	height: 100%;
	float: left;
	text-align: center;
	line-height: 55px;
	border-right: 1px solid #dddddd;
}
header .customise_msg{
	width: 412px;	
	background-image: url('../img/dashboard/welcomehand.png');
	background-repeat: no-repeat;
	background-position: 10px;
}

header .cur_date{
	width: 175px;
}
header .cur_money{
	position: relative;
}
header .exchange_divider{
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #e1e1e1;
    top: 20px;
    left: 105px;
}
header .exchange_arrow_down{
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #2e343c;
    position: absolute;
    top: 25px;
    left: 115px;
}
header .user_name{
	width: 90px;
	background-image: url('../img/dashboard/name-icon.png');
	background-repeat: no-repeat;
	background-position: 10px;
}
#current_user{
	display: block;
	padding: 1px 0 0 0px;
}
header .cur_money{
	width: 140px;
}
header .header_setting, header .header_notice{
	width: 55px;
}
header .header_setting{
	border-right: 0 !important;
}
header .active_nation img{
	float: left;
	margin: 20px;
}
header .active_nation span{
	display: block;
	float: left;
}
header .header_main_bottom{
	padding: 10px 15px;
	position: relative;
}
.header_btns .btn{
	background-color: #369D86;
	border: 1px solid #398e78;
	width: 110px;
	height: 32px;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	float: left;
	cursor: pointer;
	margin-right: 15px;
}
.header_btns .btn a{
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 12px;
}
.header_btns .btn:hover{
    border-color: #43B49B;
    background-color: #40D9B7;
}
header .header_main_bottom .send_btn{
	border:1px solid #A83F3F;
    background-color: #BF4545;
	width: 200px;
	height: 32px;
	color: #fff;
	text-align: center;
	line-height: 32px;
	font-size: 12px;
	float: right;
	cursor: pointer;
}
header .header_main_bottom .send_btn:hover{
	background-color: #FF4949;
}
.header_notice{
	position: relative;
}
.header_notice img{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.header_notice .notification_num{
	position: absolute;
    background-color: #bf4545;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 2;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    top: 8px;
    left: 28px;
}
.header_setting {
	position: relative;
}
.header_setting img{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.nav_wrapper{
	width: 75px;
	background-color: #2e343c;
}
aside .nav_wrapper .nav_btn{
	position: relative;
	border-bottom: 1px solid #21262c;
	height: 75px;
}
aside .nav_wrapper .nav_btn_img{
	width: 75px;
	height: 75px;
	position: relative;
	float: left;
}

aside .nav_wrapper .nav_btn a{
	color: #999999;
	display: block;
	width: 100%;
	font-size: 13px;
}

aside .nav_wrapper .nav_btn img{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50px;
	opacity: 0.5
}
aside .nav_wrapper .nav_btn:hover img{
	opacity: 1;
}
aside .nav_wrapper .nav_btn_title{
	width: 140px;
	position: absolute;
	height: 76px;
	line-height: 75px;
	display: none;
	left: 75px;
	background-color: #2e343c;
	border-bottom: 1px solid #21262c;
	z-index: 3;
	color: #707A88;
}
aside .nav_wrapper .nav_btn:hover a{
	color: #fff;
}
aside .nav_wrapper .nav_notification_num{
    position: absolute;
    background-color: #bf4545;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 2;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    top: 20px;
    left: 45px;
    text-align: center;
}
aside{
	position: absolute;
	left: 0;
	background-color: #2e343c;
}
.cur_money{
	position: relative;
}
.exchange_nations{
	position: absolute;
	z-index: 11;
    background-color: #fff;
    top: 54px;
    border: 1px solid #e1e1e1;
    padding: 10px 50px 5px;
    left: -223px;
    display: none;
}
.exchange_nations .top{
	position: relative;
	height: 75px;
}
.exchange_nations .bottom{
	line-height: 20px;
}
.currency_table{

}
.table_header{
	display: table-header-group;
}
.table_header_item{
	display: table-cell;
	line-height: 25px;
}
.table_body{
	display: table-row-group;
}
.table_body_row{
	display: table-row;
}
.table_body_item{
	display: table-cell;
	padding: 0px 15px;
	vertical-align: middle;
	line-height: 20px;
}
.active_cur{
	position: absolute;
	top: 40px;
	left: -40px;
}
.currency_table{
	float: left;
}
.table_body_item.currency_table_body_item input{
	width: 20px;
	height: 20px;
	float: left;
	text-align: center;
}
.table_body_item.currency_table_body_item label{
	line-height: 20px;
	margin-bottom: 5px;
}
.divider{
	width: 100%;
	position: absolute;
	height: 1px;
	background-color: #e1e1e1;
	top: 80px;
	left: 0;
}
.blue{
	color: #136AB6;
	font-weight: bold;
}
.add_new_currency {
    position: absolute;
    right: -40px;
    top: 35px;
    color: #fff;
    padding: 5px;
    font-size: 20px;
    background: #136AB6;
    line-height: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.add_new_currency a{
	color: #fff;
}
.table_cell img{
	margin: auto;
}
.currency_list_top{
	padding: 20px;
    margin-bottom: 25px;
}
.currency_list_top i{
	padding-right: 5px;
}
/*  right col start */
.right_col{
	width: 200px;
	float: right;
	
}
.right_row{
	margin-bottom: 30px;
	background-color: #fff;

}
.right_title{
	background-color: #444c57;
	color: #fff;
	font-size: 13px;
	padding: 13px 40px 13px 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-repeat: no-repeat;
	background-position: 90%;
	line-height: 20px;
}
.latest_customer_top, .re_add_customer_top{
	background-image: url('../img/dashboard/right_nav/latest_customer.png');
}
.edit_customer_top, .re_edit_customer_top{
	background-image: url('../img/dashboard/right_nav/edited_customer.png');
}
.right_msg{
	box-sizing: border-box;
	padding: 10px 15px;
	border-bottom: 1px solid #eeeff2;
}
.right_msg_date, .right_msg_meta{
	color: #6a798b;
	font-size: 12px;
}
.right_msg_meta span{
	display: inline-block;
	font-size: 10px;
}
.right_msn_author{
	text-overflow: ellipsis;
	white-space: nowrap;
}
.right_msg_subject{
	line-height: 16px;
	font-size: 12px;
	font-weight: 600;
}
.right_msg_subject a{
	color: #444c57;
}
.popup-send-notice{
	position: absolute;
	width: 360px;
	height: 325px;
	padding: 15px 25px;
	border: 1px solid #d8d8da;
	right: 0;
	z-index: 99;
	background-color: #fff;
	top: 55px;
	display: none;
}
.popup-send-notice .notice-close-btn{
	position: absolute;
	right: 22px;
	font-size: 24px;
	top: 9px;
	cursor: pointer;
}
.popup-send-notice label{
	margin-bottom: 0;
	font-weight: 600;
}
.popup-send-notice input{
	width: 100%;
	height: 25px;
	border: 1px solid #d8d8da;
	margin-bottom: 5px;
}
.popup-send-notice textarea{
	width: 100%;
	height: 40px;
	border: 1px solid #d8d8da;
}
.popup-send-notice button{
	 width: 100%;
    height: 40px;
    outline: 0;
    border: 0;
    color: #fff;
    font-size: 16px;
    background-color: #369D86;
    margin-top: 18px;
    cursor: pointer;
}
.popup-send-notice button:hover{
	background-color: #40D9B7;
}
/*  right col end */
/*  main start */
.main{
	margin: 50px 15px 50px 105px;
	width: 1080px;
	min-height: 1000px;
	float: left;
}
.main_col{
	width: 865px;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 5px;
}
/* search page */
.customer_top{
	padding: 20px;
	margin-bottom: 25px;
}
.customer_top_left{
	float: left;	
}
.customer_top_left i{
	margin-right: 10px;
	font-size: 16px;
}
.customer_top_left span{
	font-size: 14px;
	font-weight: 600;
}
.customer_top_right{
	float: right;
}
.customer_top_right a{
	font-size: 12px;
	font-weight: 600;
}
.customer_top_right i{
	margin-right: 10px;
	font-size: 16px;
	color: #369D86;
}
.customer_main{
	box-sizing: border-box;
	padding: 25px;
	overflow:auto;
	border: 1px solid #e1e1e1;
}
input.input{
	width: 260px;
	height: 30px;
	background-color: #eeeff2;
	border: 1px solid #e1e1e1;
	margin-bottom: 10px;
	font-size: 12px;
}
.search_title{
	color: #070809;
	font-weight: 600;
	margin-bottom: 20px;
}
label{
	font-size: 12px;
}
form.search_customer label{
	float: left;
	width: 110px;
	line-height: 30px;
	font-weight: 600;
}
form.search_customer input[type="text"]{
	float: left;
	padding-left: 15px;
}
.input_field{

	clear: both;
	overflow: auto;
}
.search_find .input_field, .search_location .input_field{
	margin-left: 20px;
}
.search_find, .search_location, .search_criteria{
	clear: both;
	margin-bottom: 20px;
	overflow: auto;
}
.search_criteria{
	margin-left: 20px;
}
.customer-wrapper .search_criteria{
	margin-left: 0;
}
.search_subtitle{
	width: 110px;
	float: left;
}
.search_checkboxs{
	float: left;
}
.add_customer_main_col .search_checkboxs .input_field{
	margin-bottom: 0;
}
.search_checkboxs.checkbox_other{
	margin-left: 130px;
}	
.search_checkboxs input[type="checkbox"]{
	display: none;
}
.search_checkboxs .fake_checkbox{
	float: left;
	border: 1px solid #070809;
	width: 15px;
    height: 15px;
    line-height: 12px;
    margin-top: 5px;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}
.fake_checkbox i{
	font-size: 13px;
}
.search_checkboxs span{
	text-transform: capitalize;
}
.fake_checkbox_h{
	background-color: #369d86 !important;
}
button.search_btn{
	width: 255px;
	height: 30px;
	border: 1px solid #398E7B;
    background-color: #369D86;
    color: #fff;
    margin: 50px 130px;
    cursor: pointer;
}
button.search_btn:hover{
	border-color: #43B49B;
    background-color: #40D9B7;
}
/* search page end */
/* add customer start */
.customer_title{
	width: 100%;
	height: 40px;
	border: 1px solid #d9dadc;
	line-height: 40px;
	background-color: #e5e9f4;
	padding-left: 15px;
	font-size: 14px;
	font-weight: 600;
}
.add_img{
	position: relative;
}
.customer-wrapper{
	border: 1px solid #d8d8da;
	border-top: 0;
	padding: 25px;
	overflow: auto;
}
.customer_img{
	width: 75px;
	height: 75px;
	border: 1px solid #d9dadc;
	background-image: url('../img/photo_holder.jpg');
	background-repeat: no-repeat;
	background-position: center;
}
.up_img_btn{
	width: 165px;
	height: 35px;
	position: absolute;
	border: 1px solid #464a55;
	text-align: center;
	line-height: 35px;
	color: #465059;
	top: 40px;
    left: 110px;
    cursor: pointer;
}
input#company_img{
	width: 165px;
	height: 35px;
	position: absolute;
    top: 40px;
    left: 110px;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}
.add_main .input_field label{
	width: 115px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-weight: 600;
}
.add_main .input_field .input_add{
	width: 330px;
	height: 30px;
	border: 1px solid #d8d8da;
	background-color: #eeeff3;
	float: left;
	padding-left: 15px;
}
.add_main .newsletter_input.input_field label{
	line-height: 15px;
}
.add_main .newsletter_input.input_field{

}

.customer_block{
	overflow: auto;
}
.add_main .input_field select{
	width: 330px;
	height: 30px;
	border: 1px solid #d8d8da;
	background-color: #eeeff3;
	float: left;
	padding-left: 15px;
	background-image: url('../img/select_bg.jpg');
	background-repeat: no-repeat;
	background-position: right;
}
.add_main .submit_btn button{
	width: 284px;
	height: 32px;
	background-color: #369D86;
    border: 1px solid #398e78;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    float: right;
}
.add_main .divider{
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #eeeff3;
	height: 1px;
	width: 100%;
	top: auto;
	position: relative;
}
.customer_position{
	position: relative;
	clear: both;
	padding: 25px;
	border: 1px solid #d8d8da;
	overflow: auto;
	border-top: 0;
}
.customer_position .add_contact_1{
	text-align: center;
	cursor: pointer;
	float: left;
	margin-right: 30px;
}
.customer_position .remove_contact_1{
	cursor: pointer;
	display: none;
}
.customer_position .remove_contact_1 i{
	margin-right: 5px;
	color: #c64741;
}
.customer_position .customer_img{
	float: left;
	margin-right: 30px;
}
.customer_position .customer_detail{
	float: left;
    height: 75px;
    width: auto;
    padding: 10px;;
}
.customer_position.first{
	margin-bottom: 20px;
}
.customer_position.last{
	border-bottom: 0
}
.customer_position .customer_name{
	font-weight: 600;
}
.customer_position .add_contact_1 i{
	background-color: #fff;
    color: #20a28a;
    margin-right: 5px;
}

.add_contact_fieldset .input_field .input_add_person{
    width: 330px;
    height: 30px;
    border: 1px solid #d8d8da;
    background-color: #eeeff3;
    float: left;
    padding-left: 15px;
}
.add_person_img{
	position: relative;
	margin-bottom: 10px;
	height: 75px;
}
.add_person_img input{
	width: 165px;
    height: 35px;
    position: absolute;
    top: 40px;
    left: 110px;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.add_subtitle{
	margin-bottom: 10px;
}
#other_source_textarea{
	width: 300px;
	height: 160px;
	margin-top: 15px;
}
.search_checkboxs .input_field{
	margin-bottom: 5px;
}
/* add customer end */
/* view & edit customer start */
.right_col .add_btn{
	background-color: transparent;
}
.right_col .add_btn .side_add_btn{
	background-color: #369D86;
    border: 1px solid #398e78; 
    border-radius: 5px;
    height: 32px;
    text-align: center;
    line-height: 30px;

}
.right_col .add_btn .side_add_btn:hover{
	border-color: #43B49B;
    background-color: #40D9B7;
}
.right_col .add_btn .side_add_btn a{
    color: #fff;
}
.right_col .right_row.quick_note textarea{
	padding: 5px;
	resize: none;
	height: 120px;
	padding: 15px;
	font-size: 12px;
}
.right_col .right_row.quick_note button{
	background-color: #369D86;
    border: 1px solid #398e78; 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
}
.right_col .right_row.quick_note button:hover{
	border-color: #43B49B;
    background-color: #40D9B7;
}
.right_col .right_row.quick_note fieldset{
	padding: 10px;
}
.right_col .right_row.quick_note fieldset label{
	margin-bottom: 0;
}
.right_col .right_row.quick_note fieldset input{
	padding: 3px 0;
}
.view_top .customer_top_right.view_top_right a{
	width: 205px;
	display: block;
	height: 35px;
	line-height: 35px;
	color: #fff;
	background-color: #c64741;
	background-image: url('../img/dashboard/quote.png');
	background-repeat: no-repeat;
	background-position: 80%;
	border-radius: 5px;
	border: 1px solid #A83F3F;
	padding-left: 50px;
    box-sizing: border-box;
}
.customer_top.view_top{
	overflow: auto;
	margin-bottom: 0;
}

.view_top .customer_top_right.view_top_right a:hover{
	background-color: #ff4949;
}
.view_company_info_title{
	font-weight: 600;
}
.view_company_address_title{
	font-weight: 600;
}
.view_block{
	border: 1px solid #d8d8da;
}
.view_block_top{
	background-color: #e5e9f4;
	height: 40px;
	line-height: 40px;
	position: relative;
}
.view_block_top .view_block_title{
	float: left;
	  font-size: 14px;
}
.view_block_top .note_block_title_btns{
	width: auto;
	float: right;
	  font-size: 14px;
}
.note_block_title_btn{
	float: left;
	padding: 0 20px;
	cursor: pointer;
}
.note_block_title_btn i{
	color: #369D86;
	margin-right: 10px;
}
.cancel_btn i{
	color: #bf4545;
}
.view_block_title_btns{
	float: right;
	width: auto;
	margin-right: 80px;
}
.view_block_title_btn{
	float: left;
	padding: 0 20px;
	cursor: pointer;
	  font-size: 12px;
	  font-weight: 600;
}
.view_block_title_btn i{
	color: #369D86;
	margin-right: 10px;
	font-size: 14px;
}
.cancel_btn i{
	color: #bf4545;
}
.contact_person_img{
	position: relative;
}
.change_text{
    position: absolute;
    bottom: 0;
    left: 1px;
    background: rgba(226, 226, 226, 0.6);
    padding: 10px;
    display: none;
}
.change_text i{
	color: #369D86;
	margin-right: 5px;
}
.contact_person_img input{
    width: 100%;
    padding-left: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    display: none;
}

img.toggle_arrow{
	position: absolute;
	right: 10px;
	top: 12px;
}
.customer_view_main_col .view_customer_contact_body{

}
.contact_person_detail .contact_person_name .input_name_1{
	width: 75px;
	font-size: 14px;
	font-weight: 600;
}
.contact_person_detail .contact_person_name .input_name_1.fake_div_input_edit{
	width: 50% !important;
}
.customer_view_main_col .view_block_wrapper{
	display: none;
}

/* view & edit customer end */
.list_main{
	padding: 0;
	border-bottom: 0;
}
.customer_list_paginator p{
	padding: 25px;
}
.view_block{
	clear: both;
	overflow: auto;	
	margin-bottom: 30px;
}
.first_block.view_block{
	border: 0;
}
.view_company_logo{
	background-image: url('../img/photo_holder.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 180px;
	height: 180px;
	float: left;
	border: 1px solid #d9d9d9;
	margin-right: 25px;
	position: relative;
}
.view_company_logo img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

}
.view_block .view_company_info{
	float: left;
	font-size: 14px;
}
.view_block .view_company_info .view_company_name{
	font-weight: 600;
}
.view_block .view_company_address{
	float: left;
	padding-left: 90px;
	font-size: 14px;
}
.view_block.contact_block{
	border: 1px solid #d8d8da;
	padding: 0;
	overflow: initial;
	/*height: 310px;*/
	width:100%;
	float:left;
}
.contact_person_delete{
	position: absolute;
	cursor: pointer;
	top: 135px;
    left: 37px;
    display: none;
}
.contact_person_delete i{
	color: #C64741
}
.save_btn_add{
	display: none;
}
.cancel_btn_add{
	display: none;
}
.cancel_btn_add i{
	margin-right: 5px;
	color: #c64741;
}
.contact_person_delete i{
	margin-right: 5px;
}

.view_block_title{
	font-weight: 600;
	padding-left: 25px;
	border-right: 1px solid #d8d8da;
	width: 210px;
}
.contact_person_img{
	background-image: url('../img/photo_holder.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	border: 1px solid #d9d9d9;
	width: 130px;
	height: 130px;
	margin-right: 10px;
	position: relative;
}
.contact_person_image{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.contact_block_wrapper .customer_position{
	display: none;
}
.view_block_wrapper{
	padding: 25px;
}
.contact_person.contact_person_1{

}
.contact_block_wrapper.view_customer_contact{
	width: 385px;
	position: relative;
	float: left;
	height: 235px;
	margin-bottom: 30px;
}
.contact_block_container{
	padding: 10px;
}
.contact_person.contact_person_1 input{
	height: 25px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.contact_person_detail{
	float: left;
	width: 235px;
}
ul.social_media{
	overflow: auto;
	float: left;
	padding: 10px;
}
.social_media_edit{
	border: 1px solid #d8d8d8;
}
ul.social_media li{
	float: left;
	margin-right: 10px;
}
.contact_person_smeidas{
	margin: 0;
	clear: both;
	position: relative;
}
.social_popup{
	position: absolute;
	background-color: #a1a1a1;
	padding: 15px;
	color: #fff;
	top: 75px;
	width: 385px;
	display: none;
	left: -140px;
	z-index: 99;
}
.social_popup_close_btn{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
.social_popup_close_btn i{
	font-size: 24px;
}
.social_popup_text{
	margin-bottom: 5px;
}
.social_popup ul li label{
	width: 85px;
	display: block;
	float: left;
}
.social_popup ul li input{
	width: 230px;
	float: left;
}
.view_customer_contact_body{
	padding: 15px;
}
.arrow_up.social_popup_arrow_up{
	position: absolute;
	border-bottom: 10px solid #a1a1a1;
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
	top: -10px;
	left: 180px;
}
.right_row.quick_note .input_field input{
	width: 100%;
}
.note_block_main{
	padding: 25px;
}
.note_subject{
	color: #a1a1a1;
	margin-bottom: 5px;
}
.note_msg{
	margin-bottom: 20px;
}
.new_note_msg{
	display: none;
}
.new_note_msg textarea{
	padding: 15px;
	color: #a1a1a1;
	
}
.customer_img.add_show_img{
	position: relative;
}
.customer_img.add_show_img_1{
	position: relative;
}
.customer_img.add_show_img img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.customer_img.add_show_img_1 img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.view_block_body_chosen{
	float: none;
	margin-right: 10px;
	margin-bottom: 20px;
}
.view_block_body_title.view_block_body_cc_title{
	float: left;
	width: auto;
	padding-right: 25px;
}
.right.view_block_body_chosen i{
	color: #369D86;
	margin-right: 5px;
}
.company_class_block .view_block_body{
	width: 48%;
}
#allIndustries, #allCompanies{
	float: left;
}
#allIndustries .view_block_body_chosen{
	margin-bottom: 5px;
	margin-right: 0;
}
#allCompanies .view_block_body_chosen{
	margin-bottom: 5px;
	margin-right: 0;
}
.view_quote_table{
	display: table;
	width: 100%;
	border: 1px solid #d8d8da;
}
.company_class_block .search_criteria{
	margin-left: 0;
}
.company_class_block .search_criteria.search_criteria_cc{
	float: left;
	clear: none;
	
}
#allSources .view_block_body_chosen{
	float: left;
	margin-right: 35px;
	margin-bottom: 5px;
}
.company_class_block .search_criteria.search_criteria_cc .search_subtitle{
	width: auto;
	padding-right: 25px;
	float: left;
}
.company_class_block .search_criteria.search_criteria_cc .search_checkboxs{
	float: left;
}
.view_quote_table_head{
	display: table-header-group;
	background-color: #e5e9f4;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.view_quote_talbe_head_item{
	display: table-cell;
	border-right: 1px solid #d8d8da;
}
.view_quote_talbe_head_item.last{
	border-right: 0;
}
.view_qutoe_talbe_body{
	display: table-row-group;
}
.view_qutoe_talbe_body_row{
	display: table-row;
}
.view_qutoe_talbe_body_item{
	display: table-cell;
	text-align: center;
	border-right: 1px solid #d8d8da;
	border-bottom: 1px solid #d8d8da;
	height: 40px;
    line-height: 40px;
    position: relative;
}
.view_qutoe_talbe_body_row.last .view_qutoe_talbe_body_item{
	border-bottom: 0;
}
.view_qutoe_talbe_body_item.last{
	border-right: 0;
}
.quote_history_wrapper{
	padding: 25px;
}
.view_qutoe_talbe_body_item a{
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 16px;
    height: 21px;
}
.view_block_body{
	padding: 25px;
	overflow: auto;
}
.view_block_body_text{
	margin-bottom: 15px;
}
.view_block_body_text .state_enter{
	font-weight: 600;
}
.customer_img.company_info_detail_img{
	width: 130px;
	height: 130px;
	position: relative;
	float: left;
}
.customer_img.company_info_detail_img img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.company_info_block_title_btns{
	float: right;
}
.company_info_block_title_btn{
	float: left;
	padding: 0 20px;
	cursor: pointer;
}
.company_info_block_title_btn i{
	color: #369D86;
	margin-right: 10px;
}
.company_info_block_title_btn.cancel_btn i{
	color: #bf4545;
}
.company_info_detail{
	padding: 25px;
	overflow: auto;
	position: relative;
}
.customer_img{
	position: relative;
}
.view_company_info > div{
	clear: both;
	line-height: 30px;
}
.view_company_info > div span.view_info_1{
	float: left;
	padding-right: 5px;
	font-weight: 600;
}
.company_info_block .view_company_info .view_company_phone input{
	width: 134px;
}
.company_info_block .view_company_info .view_company_fax input{
	width: 153px;
}
.company_info_block .view_company_info .view_company_email input{
	width: 139px;
}
#update_company_img{
    width: 100%;
    padding-left: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    z-index: 2;
   
}
.company_info_block .change_text{
	padding: 10px 26px;
}
.view_block_body_title{
	font-weight: 600;
}
.search_subtitle{
	font-weight: 600;
}
.add_subtitle{
	font-weight: 600;
}
.contact_person_detail > div{
	clear: both
}
.contact_info_1{
	float: left;
	font-weight: 600;
	padding-left: 10px;
}
.contact_person.contact_person_1 input{
	float: left;
}
.contact_person_phone input{
	width: 147px;
}
.contact_person_mobile input{
	width: 174px;
}
.contact_person_email{
	overflow: auto;
}
.contact_person_email input{
	width: 183px;
}
.company_info_detail .social_media{
	position: absolute;
	top: 170px;
    left: 168px;
}
/* customer list start */
.customer_table{
	display: table;
	width: 100%;
}
.customer_table_head{
	display: table-header-group;
	background-color: #e5e9f4;

}
.customer_table_body{
	display: table-row-group;
	border-bottom: 1px solid #d9d9d9;
}
.customer_table_row{
	display: table-row;
}
.customer_table_head_item, .customer_table_col{
	display: table-cell;
	border-bottom: 1px solid #d9d9d9;
}

.customer_table_head_item{
	height: 55px;
	border-right: 1px solid #d9d9d9;
	text-align: center;
    line-height: 55px;
    padding: 0 10px;
    position: relative;
}
.customer_table_head_item .list_arrow_bg{
	position: absolute;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	width: 27px;
	background-image: url('../img/blue_arrow_down.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 13px;
	background-color: #d9d9d9;
	z-index: 1;
}
.customer_table_head_item a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	left: 0;
}
.list_quote_contact{
	cursor: pointer;
}
.list_quote_contact i{
	color: #398E7B;
	margin-left: 5px;
}
.customer_table_col{
	height: 40px;
	border-right: 1px solid #d9d9d9;
	text-align: center;
	line-height: 40px;
	position: relative;
	padding: 0 10px;
	max-width: 180px;
	overflow: hidden;
}
.customer_table_col:last-child{
	border-right: 0;
}
.contact_persons{
	display: none;
	position: fixed;
	width: 400px;
	height: 300px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fff;
}
.contact_person_title{
	background-color: #444c57;
    color: #fff;
    font-size: 13px;
    padding: 13px 40px 13px 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-repeat: no-repeat;
    background-position: 90%;
    line-height: 20px;
}
.contact_persons ul li{
	border-bottom: 1px solid #d8d8da;
	padding: 10px;
	font-size: 12px;
}
.list_close_btn{
	position: absolute;
	right: 15px;
	top: 10px;
	cursor: pointer;
}
.list_close_btn i{
	font-size: 24px;
	color: #fff;
}
.contact_persons ul li span:first-child{
	display: inline-block;
	width: 40%;
	text-align: left;
	font-weight: 600l;
}
.contact_persons ul li span:last-child{
	display: inline-block;
	width: 60%;
	text-align: center;
}
.customer_table_col a{
	white-space: nowrap;
}
.customer_table_col img{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.customer_table_row:nth-child(odd){
	background-color: #fff;
}
.customer_table_row:nth-child(even){
	background-color: #ededed;
}
.customer_table_head_item.last{
	border-right: 0;
}
.customer_table_row.last{
	border-right: 0;
}
.customer_table_col.last i{
	font-size: 22px;
	padding-top: 12px;
}
.customer_list_paginator .pagination{
	width: auto;
	float: right;
	margin: 30px 0;
	margin-right: 5px;
}
.customer_list_paginator .pagination li{
	float: left;
	margin-left: 15px;
	text-decoration: underline;
}
.customer_list_paginator .pagination li.prev, .customer_list_paginator .pagination li.next, .customer_list_paginator .pagination li.active{
	font-weight: 600;
	text-decoration: none;
}
.list_quote_num{
	background-color: #93231c;
	color: #fff;
	width: 22px;
	height: 22px;
	display: block;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 22px;
}
.company_info_block .view_company_info{
	float: left;
	margin-left: 22px;
}
.company_info_block .view_company_info input{
	float: left;
	width: 185px;
	height: 30px;
}
.contact_person_detail .contact_person_name .contact_name_input{
	font-weight: 600;
	width: 75px;
	display: inline-block;
}
.company_info_address{
	background-color: #ebebeb;
	float: right;
	padding: 25px;
	position: relative;
}
.long_input{
	width: 50% !important;
}
.company_info_address_line{
	clear: both;
}
.company_info_address_line select{
	padding-left: 10px;
}
.company_info_address_line_title{
	font-weight: 600;
	float: left;
	width: 110px;
}
.company_info_address_line input{
	width: 230px;
	height: 25px;
	padding-left: 10px;
	float: left;
}
.company_info_address_line select{
	padding-left: 10px;
	background-color: transparent;
	border: 0;
	outline: 0;
}
.stock_line_select_edit{
	border: 1px solid #d8d8da !important;
    background-color: #fff !important;
    background-image: url('../img/select_bg.jpg');
    background-repeat: no-repeat;
    background-position: right;
}
.company_info_arrow_down{
	position: absolute;
	border-top: 20px solid #ebebeb;
	bottom: -20px;
	margin: auto;
	left: 0;
	right: 0;
}
.view_block_map{
	text-align: center;
}
.sources_block_title_btns{
	float: right;
	width: auto;
}
.sources_block_title_btn{
	float: left;
	padding: 0 20px;
	cursor: pointer;
}
.sources_block_title_btn i{
	color: #369D86;
	margin-right: 10px;
}
.sources_block_title_btn.cancel_btn i{
	color: #bf4545
}
.sources_block_wrapper{
	padding: 25px;
	overflow: auto;
}
.view_main_col form button{
	border-radius: 5px;
	border: 1px solid #A83F3F;
	background-color: #bf4545;
	width: 255px;
	height: 35px;
	float: right;
	color: #fff;
	margin: 20px; 
}
.save_btn, .cancel_btn{
	display: none;
}
input.fake_div_input{
	border: 0 !important;
	outline: 0;
	background-color: transparent !important;
}
input.fake_div_input_edit{
	border: 1px solid #d8d8d8 !important;
	outline: 0;
	background-color: #fcfcfc !important;
}
.edit_block_body{
	display: none;
}
/* customer list end */
/*  main start */
/************************   dashboard page end   ************************/

/********************  user page start  ********************/
/********************  user page start  ********************/
/********************  user page start  ********************/
/****  list page start ****/
/****  list page start ****/
.user_list_top, .user_top{
	padding: 20px;
	margin-bottom: 25px;
}
.user_top_left i{
	margin-right: 10px;
}
.user_top_right i{
    margin-right: 10px;
    font-size: 16px;
    color: #369D86;
}
.list_table, .user_table{
	border: 1px solid #d9d9d9;
	border-bottom: 0;
}
.user_table_header{
	background-color: #e5e9f4;
	border-bottom: 1px solid #d9d9d9;
}
.list_table_head_item, .per_table_head_item{
	height: 55px;
    border-right: 1px solid #d9d9d9;
    text-align: center;
    line-height: 55px;
    padding: 0 10px;
    position: relative;
}
.list_table_head_item.last{
	border-right: 0;
}
.list_table_head_item .list_arrow_bg{
	position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 27px;
    background-image: url('../img/blue_arrow_down.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 13px;
    background-color: #d9d9d9;
    z-index: 1;
    background-size: 12px;
}
.list_arrow_bg_asc{
	background-image: url('../img/blue_arrow_up.png') !important;
}
.list_table_body_item, .per_table_body_item{
    border-right: 1px solid #d9d9d9;
    text-align: center;
    position: relative;
    padding: 7px;
    max-width: 180px;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
}
.list_table_body_item.last{
	border-right: 0;
}
.user_detail_block{

}
.view_user_photo{
	width: 130px;
	height: 130px;
	float: left;
	border: 1px solid #d9dadc;
    background-image: url('../img/photo_holder.jpg');
    background-repeat: no-repeat;
    background-position: center;
}
.user_main{
	padding: 25px;
	border: 1px solid #d9d9d9;
}
.view_user_main{
	padding: 25px;
}
.view_user_detail{
	width: 596px;
	float: right;

}
.user_detail_block{
	
	overflow: auto;
}
.view_user_security{
	clear: both;
}
.per_table_body_item i{

	color: #fff;
	
}
.per_table_body_item input[type="checkbox"]{
	display: none;
}
.per_table_body_item .fake_checkbox{

	width: 15px;
    height: 15px;
    line-height: 15px;
    margin:auto;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid #d9d9d9;
}
.per_table_body_item.last, .per_table_head_item.last{
	border-right: 0
}
.per_btn{
	width: 250px;
	height: 40px;
	outline: 0;
	background-color: #369D86;
    border: 1px solid #398e78;
    font-size: 16px;
    color: #fff;
    margin-top: 30px;
    cursor: pointer;
}
.per_btn:hover{
    border-color: #43B49B;
    background-color: #40D9B7;
}
/****  list page end ****/
/****  list page end ****/
/********************  user page end  ********************/
/********************  user page end  ********************/
/********************  user page end  *******************/
/********************  stock page start  ********************/
/********************  stock page start  ********************/
/********************  stock page start  *******************/

/********************  stock search page start  *******************/
.stock_top{
	padding: 20px;
	margin-bottom: 25px;
}
.stock_top_left{
	float: left;
}
.stock_top_left i{
	margin-right: 10px;
	font-size: 16px;
}
.stock_top_right{
	float: right;
}
.stock_top_right i{
	margin-right: 10px;
	font-size: 16px;
	color: #369D86;
}
.stock_main{
	box-sizing: border-box;
	padding: 25px;
	overflow:auto;
	border: 1px solid #e1e1e1;
}
form.search_stock label{
	float: left;
	width: 110px;
	line-height: 30px;
}
form.search_stock input[type="text"]{
	float: left;
	padding-left: 15px;
}
form.search_stock button.search_btn{
	margin: 0 130px;
}
form.search_stock select{
	width: 260px;
    height: 30px;
    border: 1px solid #d8d8da;
    background-color: #eeeff3;
    float: left;
    padding-left: 15px;
    background-image: url('../img/select_bg.jpg');
    background-repeat: no-repeat;
    background-position: right;
    text-transform: capitalize;
}
form.search_stock select option{
	text-transform: capitalize;
}
.or_divider{
	width: 370px;
	height: 1px;
	background-color: #e1e1e1;
	position: relative;
	clear: both;
	margin: 50px 0;
}
.or_divider span{
 	display: block;
    background-color: #fff;
    position: absolute;
    padding: 5px 25px;
    top: -17px;
    left: 153px;
}
form.search_stock .input_field.last{
	margin-bottom: 25px;
}

/********************  stock search page end  *******************/
/********************  stock list page start  *******************/
.stock_table{
	display: table;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
}
.stock_table_head{
	display: table-header-group;	
}
.stock_table_head_item{
	display: table-cell;
}
.stock_table_body{
	display: table-row-group;
}
.stock_table_row{
	display: table-row;
}
.stock_table_col{
	display: table-cell;
}
.stock_table_head_item{
	height: auto;
    border-right: 1px solid #d9d9d9;
    text-align: center;
    padding: 0 10px;
    position: relative;
    line-height: 15px;
    padding: 10px 5px;
    background-color: #e5e9f4; 
    vertical-align: middle;
}
.stock_table_row.last .stock_table_col{
	border-bottom: 1px solid #d9d9d9;
}
.stock_table_col{
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	position: relative;
	vertical-align: middle;
	padding: 10px 0;
	line-height: 20px;

}
.stock_table_col img{
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.stock_table_col i{
	font-size: 22px;
	padding-top: 5px;
}
.stock_table_col.last{
	border-right: 0
}
.single{
	line-height: 55px;
	padding: 0 5px;
}
/********************  stock list page end  *******************/
.stock_main .view_block.first_stock{
	padding: 25px;
}
.stock_product_img{
	width: 250px;
	margin-right: 30px;
}
.stock_block_wrapper_left{
	width: 48%;
}
.stock_block_wrapper_right{
	width: 48%;
}
.stock_line label{
	width: 130px;
	display: inline-block;
	font-weight: 600;
}
.stock_line input{
	width: 225px;
	display: inline-block;
}
.stock_radio{
	clear: both;
	height: 30px;
}
.stock_radio label{
	float: left;
}
.stock_check{
	display: none;
}
.stock_radio .input_value{
	float: left;
	margin-right: 10px;
	margin-left: 3px;
}
textarea#brief{
	margin-bottom: 30px;
	padding: 5px;
}
.stock_block_wrapper textarea#comment{
	padding:5px;
	display: none;
}
.stock_radio .stock_check{
	width: 65px;
	height: 30px;
	float: left;
	position: relative;
}
.stock_check input{
	width: 65px;
	height: 30px;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}
.pricing_block_wrapper_left .hidden {visibility: hidden;}
.stock_block_wrapper_right select, .pricing_block_wrapper_left select{
	width: 225px;
	border: 0;
	outline: 0;
	background: transparent;
	display: inline-block;
	text-transform: capitalize;
}
.stock_block_wrapper_right select option{
	text-transform: capitalize;
}
.stock_block_wrapper_right .stock_line_select_edit, .pricing_block_wrapper_left .stock_line_select_edit{
	border: 1px solid #d8d8da;
    background-color: #eeeff3;
    padding-right: 25px;
    padding-left: 15px;
    background-image: url('../img/select_bg.jpg');
    background-repeat: no-repeat;
    background-position: right;
	visibility: visible;
}
.stock_check .green_dot{
    border: 1px solid #d8d8da;
    padding: 2px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
.stock_check .inside_active{
	background-color: #369D86;
	width: 100%;
    height: 100%;
    border-radius: 50%;
}
.stock_photo, .stock_video{
	width: 49%;
	height: 200px;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
}
.stock_photo img , .stock_video img{
	margin: auto;
}
.stock_photo:nth-child(odd), .stock_video:nth-child(odd){
	float: left;
}
.stock_photo:nth-child(even), .stock_video:nth-child(even){
	float: right;
}
.delete_photo, .delete_video, .delete_brochure{
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	display: none;
}
.delete_photo i, .delete_video i, .delete_brochure i{
	color: #c64741;
	margin-right: 5px;

}
.stock_brochure{
	width: 25%;
	position: relative;
	float: left;
	text-align: center;
	padding: 5px;
}
.stock_brochure img{
	margin: auto;

}
.btn.stock_archive_btn{
	background-color: #369D86;
    border: 1px solid #398e78;
    border-radius: 5px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    float: right;
    width: 250px;
    margin-left: 30px;
    color: #fff;
}
.btn.stock_archive_btn:hover{
	border-color: #43B49B;
    background-color: #40D9B7;
}
.btn.stock_duplicate_btn{
	border: 1px solid #A83F3F;
    background-color: #BF4545;
    width: 250px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    float: right;
    cursor: pointer;
}
.btn.stock_duplicate_btn:hover{
	
	background:  #FF4949;
}
.pricing_block_wrapper_left .stock_line label{
	width: 145px;
}
.websale_stock_line{
	clear: both;
}
.stock_list_paginator .pagination{
	width: auto;
    float: right;
    margin: 30px 0;
    margin-right: 5px;
}
.stock_list_paginator p{
	padding: 25px;
}
.stock_list_paginator .pagination li{
	float: left;
    margin-left: 15px;
}
.stock_list_paginator .pagination li.prev, .stock_list_paginator .pagination li.next, .stock_list_paginator .pagination li.active{
	font-weight: 600;
    text-decoration: none;
}
/********************  stock view page start   *****************/
.add_main .input_field label[for="pricing-exchange-rate"]{
	line-height: 15px;
}
.stock_main.add_main .input_field{
	margin-bottom: 10px;
}
.stock_main.add_main .input_field label{
	margin-bottom: 1px;
	font-weight: 600
}
.stock_main.add_main label{
	font-weight: 600;
}
.stock_product_title{
	width: 130px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 5px;
}
.stock_machinfo_block_wrapper{
	overflow: auto;
}
.stock_machinfo_block_wrapper .stock_line label{
	font-size: 14px;
}
.stock_block_wrapper_right .stock_line input{
	font-size: 14px;
}
.pricing_block_wrapper_right .stock_line{
	clear: both;
}

.stock_block_wrapper_right .stock_line_select_edit{
	height: 25px;
}
.stock_block_wrapper_right .input.fake_div_input_edit{
	height: 25px;
}

.duplicate_pop_up{
	position: fixed;
	width: 400px;
	height: 200px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #fff;
	border: 1px solid #444C57;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: none;
}
.pop_overlay{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	z-index: 98;
	background: rgba(255,255,255,0);
	display: none;
}
.pop_up_top{
	background: #444C57;
	text-align: center;
	padding: 15px;
	color: #fff;
	font-size: 18px;

}
.duplicate_popup_btn{
    background-color: #369D86;
    border: 1px solid #398e78;
    width: 150px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    float: left;
    cursor: pointer;

}
.duplicate_popup_btn:hover{
	border-color: #43B49B;
    background-color: #40D9B7;
}
.cancel_popup_btn{
    background-color: #c64741;;
    border: 1px solid #A83F3F;;
    width: 150px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    float: left;
    cursor: pointer;

}
.cancel_popup_btn:hover{
	background-color: #ff4949;
}
.duplicate_pop_up .pop_up_content a.first{
	position: absolute;
	left: 25px;
    top: 110px;
}
.duplicate_pop_up .pop_up_content a.last{
	position: absolute;
	right: 25px;
    top: 110px;
}
.btn.add_stock_btn{
	background-color: #369D86;
    border: 1px solid #398e78;
    width: 100%;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
  
    cursor: pointer;
    margin-top: 10px;
}
.right_row.add_stock_img form input.upload_stock_img{
	width: 190px;
}
.upload_stock_video.video_title{
	margin-bottom: 5px;
}
.right_row.add_stock_video .upload_stock_video{
	padding: 5px
}
/********************  stock view page end   *****************/
/********************  stock page end  ********************/
/********************  stock page end  ********************/
/********************  stock page end  *******************/
.mce-menubar{
	display: none !important;
}
/********************  quote page start  ********************/
/********************  quote page start  ********************/
/********************  quote page start  ********************/
.quote_main_col{
	background-color: transparent;
}
.quote_top{
	height: 40px;
	width: 100%;
	border: 1px solid #d8d8da;
	background-color: #e5e9f4;
	line-height: 40px;
	padding-left: 50px;
	background-image: url('../img/dashboard/quote_dark.png');
	background-repeat: no-repeat;
	background-position: 15px;
	margin-bottom: 15px;
}
.quote_main{
	background-color: #fff;
	padding: 15px;
	overflow: auto;
}
.quote_company{
	height: 120px;
}
.quote_company_logo{
	width: 300px;
	height: 120px;
	position: relative;
}
.quote_company_logo img{
	position: absolute;
	margin: auto;
	max-width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.quote_company_intro{
	padding: 40px 15px;
}
.quote_company_intro p{
	color: #d0d0d0;
	margin-bottom: 0px;
}
.quote_textarea{
	clear: both;
	border: 1px solid #d9d9d9;
    margin-bottom: 30px;

}
.quote_textarea label{
	font-size: 16px;
	font-weight: 600;
	background-color: #e5e9f4;
	margin-bottom: 0;
	padding: 10px 15px;

}
.mce-container-body.mce-flow-layout{

}
.description_textarea{
	width: 100%;
}
.company_textarea_left{
	float: left;
	width: 468px;
}
.company_textarea_right{
	float: right;
}

/********************  quote page end  ********************/
/********************  quote page end  ********************/
/********************  quote page end  *******************/

/********************  admin page start  ********************/
/********************  admin page start  ********************/
/********************  admin page start  ********************/
.user_wrapper{
	height: 335px;
}
.user_wrapper a{
	padding: 30px 75px;
}
.first_row{
	clear: both;
}
.first_row a{
	display: block;
	float: left;
}
.second_row{
	clear: both;
}
.second_row a{
	display: block;
	float: left;
}
.quote_right_col button{
	width: 100%;
	background-color: #369D86;
    border: 1px solid #398e78;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    cursor: pointer;
   	
   	margin-top: 15px;
}
.quote_right_col button.change_template_btn{
	margin-bottom: 0;
	height: 40px;
}
.quote_right_col button:hover{
	border-color: #43B49B;
    background-color: #40D9B7;
 
}
.quote_company_top, .quote_stock_top{
	padding-right: 15px;
}
.quote_company_top i{
	float: right;
	font-size: 18px;
}
.quote_stock_top i{
	float: right;
	font-size: 18px;
}
.quote_right_col select{
	width: 100%;
    height: 30px;
    border: 1px solid #d8d8da;
    background-color: #eeeff3;
    text-transform: capitalize;
    padding-left: 15px;
    background-image: url('../img/select_bg.jpg');
    background-repeat: no-repeat;
    background-position: right;
}
.quote_select_stock_btn{
	margin-top: 25px;
}
.right_col_devider{
	height: 2px;
	width: 100%;
	margin: 0 0 20px;
	background-color: #b7b7b7;
}
.right-machine-img{
	width: 85px !important;
	height: 65px;
	margin-bottom: 10px;
}

.quote_right_col .save_tem_btn{
	height: 40px;
	margin-top: 25px;
	background-image: url('../img/dashboard/save_template.png');
	background-repeat: no-repeat;
	background-position: 90%;
}
.quote_right_col .prev_tem_btn{
	height: 40px;
	background-image: url('../img/dashboard/preview_quote.png');
	background-repeat: no-repeat;
	background-position: 90%;
}
.quote_right_col .send_tem_btn{
	height: 40px;
	border: 1px solid #A83F3F;
    background-color: #BF4545;
    background-image: url('../img/dashboard/send_quote.png');
	background-repeat: no-repeat;
	background-position: 90%;
}
.quote_right_col .send_tem_btn:hover{
	background-color: #FF4949;

}
.area_img, .video_textarea, .Brochure_textarea{
    min-height: 200px;
    height: auto;
    border: 1px solid #d8d8d8;
    padding: 10px;
}
.company_textarea_left .mce-edit-area{
	height: 665px;
}
.area_1{
	height: 230px;
	margin-bottom: 50px;
}
.new-machine-image{
	width: 48%;
	height: auto;
	display: block;
}

.right-machine-imgs, .right-machine-videos, .right-machine-brochures{
	min-height: 100px;
	height: auto;
	overflow: auto;
}
.pdf_drag_part{
	float: left;
	width: 50%;
}
.pdf_drag_part img{
	margin: auto;
}
.pdf_drag_part a{
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    padding: 0 5px;
    font-size: 12px;
}
.right-machine-video{
	width: 48%;

	margin-bottom: 8px;
}
.right-machine-video:nth-child(odd){
	float: left;
}
.right-machine-video:nth-child(even){
	float: right;
}
img.ui-draggable-dragging{
	max-width: 100px;
}
.custom-state-active{
	background-color: #ececec;
}
.mce-container-body.mce-flow-layout{

}
#quote_add_stock{
	display: block;
    margin: auto;
    width: 130px;
}
#quote_add_stock i{
	margin-right: 5px;
	color: #369D86
}
.quote_pop_up{
	position: fixed;
	width: 400px;
	height: 200px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #fff;
	border: 1px solid #444C57;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: none;
}

.pop_up{
	position: fixed;
	width: 400px;
	height: 200px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #fff;
	border: 1px solid #444C57;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: none;
}

.pop_overlay{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	z-index: 98;
	background: rgba(255,255,255,0);
	display: none;
}
.pop_up_top{
	background: #444C57;
	text-align: center;
	padding: 15px;
	color: #fff;
	font-size: 18px;

}
.quote_pop_up .quote_popup_btn.first{
    background-color: #369D86;
    border: 1px solid #398e78;
    width: 150px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    float: left;
    cursor: pointer;

}
.quote_pop_up .quote_popup_btn.first:hover{
	border-color: #43B49B;
    background-color: #40D9B7;
}
.quote_pop_up .cancel_popup_btn.last{
    background-color: #c64741;;
    border: 1px solid #A83F3F;;
    width: 150px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    float: left;
    cursor: pointer;

}
.quote_pop_up .cancel_popup_btn.last:hover{
	background-color: #ff4949;
}
.quote_pop_up .pop_up_content button.first{
	position: absolute;
	left: 25px;
    top: 110px;
}
.quote_pop_up .pop_up_content button.last{
	position: absolute;
	right: 25px;
    top: 110px;
}
label[for="template_name"]{
	font-size: 14px;
    padding: 5px 25px;
    display: inline-block;
}
input.pop_template{
	padding: 5px 15px;
	display: inline-block;
	margin-top: 16px;
}
/********************  admin page end  ********************/
/********************  admin page end  ********************/
/********************  admin page end  *******************/
/********************  my stock page start  *******************/
/********************  my stock page start  *******************/
.quote_table_head{
	display: table-header-group;
}
.quote_table_head_item{
	display: table-cell;
	border-bottom: 1px solid #d8d8da;
	background-color: #e5E9F4
}
.quote_table_head_item:last-child{
	border-right: 0;
}
.my_quote_top{
	padding: 20px;
    margin-bottom: 25px;
}
.my_noti_top{
	margin-bottom: 25px;
}
.quote_top_left, .noti_top_left{
    float: left;
}
.quote_top_left i, .noti_top_left i {
    margin-right: 10px;
    font-size: 14px;
}
.quote_top_right{
	float: right;
}
.quote_top_right i{
	margin-right: 10px;
    font-size: 16px;
    color: #369D86;
}
.quote_table_body{
	display: table-row-group;
}
.quote_table_row{
	display: table-row;
}
.quote_table_row:nth-child(even){
	background-color: #EBEBEB;
}
.quote_table_col{
	display: table-cell;
	border-bottom: 1px solid #d8d8da;
	border-right: 1px solid #d8d8da;
    position: relative;
    vertical-align: middle;
    padding: 10px 0;
    line-height: 20px;
}
.quote_table_col i{
	font-size: 20px;
}
.quote_table_col:last-child{
	border-right: 0;
}
.text-center{
	text-align: center;
}
.quote-company-name{
	padding-left: 15px;
}
.quote-img{
	vertical-align: middle;
}
.quote-img img{
	margin: auto;
}
/********************  my stock page end  *******************/
/********************  my stock page end  *******************/
/********************  notification page start  *******************/
/********************  notification page start  *******************/
.noti_table{
	border-right: 0;
}
.noti_table_header{
	clear: both;
	height: 55px;
}
.noti_table_header_item{
	float: left;
	border-bottom: 1px solid #d8d8da;
	background-color: #e5E9F4
}

.type_item{
	width: 65px;
}
.from_item{
	width: 180px
}
.subject_item{
	width: 363px;
}
.date_item{
	width: 180px;
}
.delete_item{
	width: 65px;

}
.delete_item i{
	color: #c54846;
}
.noti_table_body{
	
}
.noti_table_body_row{

}
.system .noti_wrapper{
	background-color: #ffeeee
}
.noti_table_body_item{
	text-align: center;
	border-bottom: 1px solid #d8d8da;
	border-right: 1px solid #d8d8da;
    position: relative;
    vertical-align: middle;
    padding: 10px 0;
    line-height: 20px;
    cursor: pointer;
}
.noti_wrapper:hover{
	background-color: #eeeff3
}
.noti_wrapper{
	height: 41px;
}
.noti_detail{
	border-right: 1px solid #d8d8da;
    padding: 0 15px;
    display: none;
    border-bottom: 1px solid #d8d8da;
}
.noti_table_body_item{
	float: left;
}
.noti_detail_top{
	width: 100%;
	padding-top: 20px;
	height: 60px;
	border-bottom: 1px solid #d8d8da;
	margin-bottom: 25px;
}
.noti_detail_top button{
	float: right;
	margin-right: 20px;
	outline: 0;
	border: 0;
	padding: 8px 25px;
	color: #fff;
	cursor: pointer;
}
.noti_detail_top button i{
	margin-right: 10px;
}
.noti-send-btn, .noti-send-forward-btn, .noti-send-reply-btn, .noti-cancel-btn{
	display: none;
}
.noti-send-btn, .noti-send-forward-btn, .noti-send-reply-btn, .noti-forward-btn, .noti-reply-btn{
	background-color: #209783;
}
.noti-send-btn:hover, .noti-send-forward-btn:hover, .noti-send-reply-btn:hover, .noti-forward-btn:hover, .noti-reply-btn:hover{
	background-color: #469D86;
}
.noti-cancel-btn, .noti-delete-btn{
	background-color: #c74641;
	margin-right: 0 !important;
}
.noti-cancel-btn:hover, .noti-delete-btn:hover{
	background-color: #EF4545;
}
.noti_name i{
	display: inline-block;
}
.noti-select{
	display: inline-block;
	width: 200px;
	padding-left: 10px;
	height: 25px;
	outline: 0;
	border: 0;
	background-color: transparent;
}
.noti-textarea{
	background-color: transparent;
	outline: 0;
	border: 0;
	height: 150px;
	padding: 10px 25px;
	margin-bottom: 25px;
}
.noti-close-btn{
	float: left !important;
	background: #cccccc;

}
.noti-close-btn:hover{
	background-color: #666666;
}

.noti-select-edit{
    border: 1px solid #d8d8da;
    background-color: #eeeff3;
    background-image: url('../img/select_bg.jpg');
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 10px;
}
.noti-textarea-edit{
    border: 1px solid #d8d8da;

}
.noti-right-wrapper{
	padding: 15px;
}
.noti-right-wrapper label{
	margin-bottom: 0
}
/********************  notification page end  *******************/
/********************  notification page end  *******************/

/***************  task page start  ************/
/***************  task page start  ************/
.task_top{
    padding: 20px;
    margin-bottom: 25px;
}
.task_main{
	box-sizing: border-box;
    padding: 20px;
    overflow: auto;
    border: 1px solid #e1e1e1;
}
.task_top_left {
    float: left;
}
.task_top_left i {
    margin-right: 10px;
    font-size: 16px;
}
.board{
	width: 257px;
	height: 220px;
	border: 1px solid #d8d8da;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
}
.board:nth-child(3n){
	margin-right: 0;
}
.board-top{
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #d8d8da;
	background-color: #e5e9f4;
}
.board-bottom{
	height: 35px;
	line-height: 35px;
	border-top: 1px solid #d8d8da;
	background-color: #e5e9f4;
}
.board-main-date span{

	float: left;
}
.exclaimation-sign{
	display:none;
	
}
.exclaimation-sign i{
	color: #bf4840;
	font-size: 16px;
	margin-left: 5px;
}
.alert{
	display: none;
	float: right;
	color: #444c57;
 	width: 55px;
    line-height: 15px;
    padding-top: 6px;
    font-weight: 600;

}
.task-completed{
	width: 85px;
	float: left;
	color: #444c57;
    line-height: 15px;
    padding-top: 10px;
}
.alert span, .task-completed span{
	display: block;
	float: left;

}
.alert i, .task-completed i{
	color: #fff;

}
.alert .fake_checkbox, .task-completed .fake_checkbox{
	float: right;
	width: 15px;
	height: 15px;
	border: 1px solid #444C57;
	background-color: #fff;
}
.calender{
	display: none;
	color: #434d57;
	float: left;
	margin-left: 15px;
}
.calender i{
	font-size: 16px;
}
.board-top button{
	border: 0;
	outline: 0;
	background-color: transparent;
	float: right;
	line-height: 35px;
	cursor: pointer;
}
.board-top button i{
	margin-right: 5px;
}
.board-top button.task-edit-btn i{
	color: #2aae96;
}
.board-top button.task-save-btn i{
	color: #2aae96;
}
.board-top button.task-cancel-btn i{
	color: #bf4840;
}
.board-top button.task-save-btn, .board-top button.task-cancel-btn{
	display: none;
}
.board-main{
	padding: 10px;
}
.board-main-date{
	font-size: 12px;
	color: #c1c8ce;
}
.board-bottom{
	padding: 0 15px;
	font-size: 12px;
	line-height: 35px;
}
.task-delete{
	float: right;
    border: 0;
    width: 20px;
    height: 20px;
    background-color: #bf4840;
    border-radius: 5px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin-top: 7px;
}
.board-msg textarea{
	height: 103px;
	padding: 5px;

}
.board-msg .show_msg_1{
	width: 100%;
	height: 103px;
	padding: 5px;
	clear: both;
}
.board-msg .show_msg_2{
	height: 103px;
	padding: 5px;
	display: none;
	flex: none !important;
}
.textarea-board{
	border: 1px solid #e1e1e1 !important;
}
.right-task-msg{
	font-size: 12px;
	color: #c1c8ce;
}
.right-task-msg textarea{
	hyphens: 105px;
}
.task-submit-btn{
	background-color: #229b88;
	font-size: 14px;
	color: #fff;
	height: 40px;
	border-radius: 0;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    outline: 0;
    border: 0;
    width: 100%;
}
.task-submit-btn:hover{
	background-color: #40D9B7;
}
.right_msg .calender{
	display: block;
	margin-left: 0;
	width: 100%;
	position: relative;
}
.right_msg .calender input{
    float: left;
    width: 140px;
    height: 20px;
    padding: 0;
    position: absolute;
    left: 0;
    z-index: 99;
    width: 180px;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding-left: 5px;
    padding-top: 2px;
}
.right_msg .calender img{
	float: left;
	margin-left: 10px;
    margin-top: 2px;
}
.fake_boarder_input{
	width: 140px;
	height: 25px;
	float: left;
	border: 1px solid #444c57;
	background-color: transparent;
}

/***************  task page end  ************/
/***************  task page end  ************/
/********************  new stock page start  *******************/
/********************  new stock page start  *******************/

/********************  new stock page end  *******************/
/********************  new stock page end  *******************/

/********************  All stock page start  *******************/
/********************  All stock page start  *******************/
.all_quote_main_col .list_top_left.quote_top_left{
	margin-top: -8px;
}
.all_quote_main_col .list_top_left.quote_top_left img{
	float: left;
	width: 40px;
	vertical-align: bottom;
}
.all_quote_main_col .list_top_left.quote_top_left span{
	display: block;
	float: left;
	font-size: 14px;
	padding-top: 10px;
}
/********************  All stock page end  *******************/
/********************  All stock page end  *******************/
aside .nav_wrapper .nav_stock .nav_btn_img img{
	width: 65px ;
}
aside .nav_wrapper .nav_notice .nav_btn_img img{
	width: 43px;
}
aside .nav_wrapper .nav_button .nav_btn_img img{
	width: 63px;
}
.noti_top_left{
	padding: 20px;
	line-height: 25px !important;
}
.list_table_head_item a{
	display: block;	
}


@font-face {
    font-family: pdf_font;
    src: url(ITCAvantGardePro-Bk.otf);
}





#temp_brochure{
	height:280px !important;
	overflow-y:scroll;
	margin-bottom:15px;
}



.stock_video_img:before{
	content:url('../img/video_icon.png');
	position:absolute;
	z-index:9;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:81px;
	height:170px;
	margin:auto;
}

.right-machine-video.ui-draggable.ui-draggable-handle{
	position:relative;
}
.right-machine-video.ui-draggable.ui-draggable-handle:before{
	background:url('../img/video_icon.png') no-repeat;
	background-size: 35px;
	position:absolute;
	z-index:999;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:35px;
	content:"";
	height:120px;
	margin:auto;
}


.video_textarea.ui-droppable .right-machine-video.ui-draggable.ui-draggable-handle.new-machine-video a img{
	width:100%;
}
.video_textarea.ui-droppable .right-machine-video.ui-draggable.ui-draggable-handle.new-machine-video:nth-child(odd){
	float:left;
}
.video_textarea.ui-droppable .right-machine-video.ui-draggable.ui-draggable-handle.new-machine-video:nth-child(even){
	float:right;
}




.video_textarea.ui-droppable .right-machine-video.ui-draggable.ui-draggable-handle.new-machine-video:before{
	content:url('../img/video_icon.png');
	position:absolute;
	background:none;
	z-index:0;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:81px;
	height:110px;
	margin:auto;
}


.quote_main_col{
/*width: 800px;*/
}
.quote_right_col{
/*width: 268px;*/
}


.add_stock_on_quote{
	/*display: none;*/
}

.loader_span { 
	position: absolute;
    right: 671px;
    top: 427px;
    width: 16px;
}

.loader_span1 { 
	position: absolute;
    right: 698px;
    top: 199px;
    width: 16px;
}

.stock_table_col.list_table_col.last img { 
width:24px;
}






.company_info_block .view_company_info input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style:italic;
	color:#999;
}
.company_info_block .view_company_info input::-moz-placeholder { /* Firefox 19+ */
  font-style:italic;
	color:#999;
}
.company_info_block .view_company_info input:-ms-input-placeholder { /* IE 10+ */
  font-style:italic;
	color:#999;
}
.company_info_block .view_company_info input:-moz-placeholder { /* Firefox 18- */
  font-style:italic;
	color:#999;
}

select.currency_select {
	width: 85px;
}

select.currency_select_view {
	padding: 0;
	border: 0;
	background: transparent;
	width: 80px;
	display: inline-block;
}

div.archived_red_text .list_table_col a{color: #ff0000;}
.error_border{border-color: #FF0000  !important;}
.error_box_label{color: #FF0000 !important; font-size: 12px !important;}
form#addOutsideQuoteForm .alert-danger {color: #FF0000 !important; font-size: 12px !important;}
form#addOutsideQuoteForm .alert-success {color: #00FF00 !important; font-size: 12px !important;}
.view_customer_contact_body img.contact_person_image {position: relative; width: 100%; height: 100%; object-fit: scale-down;}
.view_customer_contact_body div.contact_person_delete {top: 195px;}
.person_img_upload div.up_img_btn, .person_img_upload input {width: 130px; height: 35px; position: absolute; top: 160px; left: 0px; cursor: pointer;}
.person_img_upload input[type="file"] {opacity: 0; z-index: 2;}
.person_img_upload {display: none;}
.view_customer_contact_body .contact_image_delete {position: absolute; cursor: pointer; top: 135px; left: 20px; display: none;}
.contact_image_delete i {color: #C64741; margin-right: 5px;}