@import "variable.less";  //Include all variables

@import "mixin.less";  //Include all mixins

@import "function.less";  //Include all functions

/* ---- helper class ---- */

/* ----color---- */

.wk_bg_color
{
	.bgcolor(@bg_color);
}
.bg_white
{
	.bgcolor(@white);
}
.color-red
{
	.color(@red);
}

.color-green
{
	.color(@green);
}

/* ----color---- */

.no_margin
{
	.margin(0px, 0px, 0px, 0px);
}

.margin-top-20
{
	margin-top:20px;
}

.margin-top-10
{
	margin-top:10px;
}
.margin-left-10
{
	margin-left:10px;
}
.margin-left-15
{
	margin-left:15px !important;
}
.margin-top-5
{
	margin-top:5px;
}
.margin-top-40
{
	margin-top:40px;
}

.margin-btm-20
{
	.margin(0px, 0px, 20px, 0px) !important;
}
.margin-btm-30
{
	.margin(0px, 0px, 30px, 0px);
}
.margin-btm-auto {
	margin-bottom: auto;
}
.padding-10
{
	.padding(10px, 10px, 10px, 10px) !important;
}

.vertical_center
{
	vertical-align: middle !important;
}

.curser-pointer
{
	cursor: pointer;
}
.clear-both
{
	clear: both;
}
.create_block
{
	.make_block;
}

.display_none
{
	display: none !important;
}
.no_display
{
	display: none;
}
.padding_0
{
	padding:0;
}
.padding_left_0
{
	padding-left:0;
}
.padding_right_0
{
	padding-right:0;
}
.padding_left_20
{
	padding-left: 20px !important;
}
.padding_left_15
{
	padding-left: 15px !important;
}
.banner_extra_padding
{
	padding-left:66px;
	padding-right:66px;
}
.border_right
{
	border-right:1px solid @black;
}
.border_top_none
{
	border-top:0 none !important;
}
.no_border
{
	border:0 none !important;
}
.horizonal_line
{
	border-bottom: 1px solid @gray;
	margin: 20px 0 20px 0;
}
/* ---- helper class ---- */
.ui-autocomplete 
{
    z-index: 5000 !important;
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
.table-condensed
{
	width:100% !important;
}
.noscript_div
{
	.lato-family;
  	background-color: #252525;
  .model-header
  {
  	border-color: #46a2e0 !important;
  }
  h3
  {
  	.font_semibold;
  }
  h4
  {
  	margin-top:10px;
  	span
  	{
  		.font_semibold;
  	}
  }
  p
  {
  	margin-top: 10px;
  	margin-bottom: 10px;
  	.font_normal;
  	font-size: 13px;
  }
}
/*
.picker-switch
{
	display:none !important;
}
*/
.mail-note
{
	font-size: 15px;
}
body
{
	.lato-family;
	.bgcolor(#F2F2F2);
}
.chat-link-bottom {
	width: 10%;
	position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    margin: 0 auto;
    text-align: right;
	img {
		width: 30%;
    	border-radius: 5px;
	}
}
.header_container
{
	.lato-family;
	.bgcolor(@mod_theme_color);
	.padding(10px, 10px, 10px, 10px);
	.make_block;
	box-shadow: 0 0 10px 0 @black;
	border-bottom: 2px solid @btn_color;
	a
	{
		.padding(10px, 30px, 10px, 30px);
		//.border_radius(4px, 4px, 4px, 4px);
		border:1px solid @btn_color;
		.bgcolor(@btn_color);
		.font_semibold;
		.font_size(15px);
		.a_form(@white);
		outline: 0 none;
		text-decoration:none;
	}
}
.tabs_container
{	
	.lato-family;
	.nav-tabs > li > a
	{
		border:0 none;
	}
	.sub_tabs
	{
		.nav > li > a:hover, .nav > li > a:focus
		{
			.bgcolor(@white) !important;
			border-color: @white @white @gray !important;
		}
		.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
		{
			.bgcolor(@white) !important;
		}
	}
	.pa_sub_sub_menu_li a{
		font-size: 15px;
	}
	.listing_tab
	{
		.nav-tabs
		{
			border-bottom: 0 none;
		}
		.nav > li > a:hover, .nav > li > a:focus
		{
			.bgcolor(@white) !important;
			border-color: @white @white @gray !important;
		}
		.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
		{
			.bgcolor(@white) !important;
		}
	}
  	a
	{
		.color(@form_grey);
		.font_size(18px);
		.font_semibold;
		position:relative;
		cursor: pointer;
	}
	.nav-tabs
	{
		border-bottom: 1px solid @gray;
	}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
	{
		border-bottom: 3px solid @btn_color !important;
		border-top: none !important;
		border-right: none !important;
		border-left: none !important;
		.bgcolor(#f2f2f2) !important;
		.color(@black);
		outline: 0 none;
	}
	.nav > li > a:hover, .nav > li > a:focus
	{
		.bgcolor(#f2f2f2) !important;
		outline: 0 none;
		.color(@black);
		border:0 none;
	}
}
.navbar_menu
{
	border-bottom: 1px solid #CCCCCC;
	.bgcolor(#F2F2F2);
	margin-bottom: 40px;
	.wk_nav_li
	{
		position: relative;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #FFFFFF;

		&:first-child:after
		{
			content: '';
			position: absolute;
			top: 0px;
			left: -2px;
			bottom: 0px;
			border-left:1px solid #FFFFFF;
		}

		&:last-child:after
		{
			content: '';
		    position: absolute;
		    top: 0px;
		    right: -2px;
		    bottom: 0px;
		    border-left:1px solid #DDDDDD;
		}

		.margin(5px, 0px, 4px, 0px);

		a
		{
			background-color: transparent !important;
			height:52px;
			text-align: left;
			.font_bold;
			.font_size(16px);
			.color(#808080);
			outline: 0 none;
			padding: 15px 25px;

			&.home img
			{
				.margin(0px,5px,0px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-359px, -21px);
				width:24px;
				height:19px;
			}
			&.configuration img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-359px,-50px);
				width:23px;
				height:20px;
			}
			&.product_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-359px,-205px);
				width:21px;
				height:20px;
			}
			&.collec_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-359px,-235px);
				width:26px;
				height:21px;
			}
			&.customer_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-359px,-174px);
				width:21px;
				height:21px;
			}
			&.order_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-359px,-80px);
				width:19px;
				height:24px;
			}
		}

		&.enabled a:hover
		{
			&.home img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-332px,-21px);
			}
			&.configuration img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-333px,-50px);
			}
			&.product_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-335px,-205px);
			}
			&.collec_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-330px,-235px);
			}
			&.customer_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-335px,-174px);
			}
			&.order_sync img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-337px,-80px);
			}
		}

		&.active
		{
			a
			{
				span 
				{
					color: @btn_color;
				}
				&.home img
				{
					.set-sprite('../img/Sliced/icons-sprite.png',-332px,-21px);
				}
				&.configuration img
				{
					.set-sprite('../img/Sliced/icons-sprite.png',-333px,-50px);
				}
				&.product_sync img
				{
					.set-sprite('../img/Sliced/icons-sprite.png',-335px,-205px);
				}
				&.collec_sync img
				{
					.set-sprite('../img/Sliced/icons-sprite.png',-330px,-235px);
				}
				&.customer_sync img
				{
					.set-sprite('../img/Sliced/icons-sprite.png',-335px,-174px);
				}
				&.order_sync img
				{
					.set-sprite('../img/Sliced/icons-sprite.png',-337px,-80px);
				}
			}

			&:before
			{
				content: '';
				position: absolute;
				left: 0px;
				right: 0px;
				bottom: -4px;
				border-bottom:3px solid @btn_color;
			}
		}
		&.disabled span
		{
			.color(#cecece);
		}
		&.disabled .product_sync img
		{
			.set-sprite('../img/Sliced/icons-sprite.png',-386px,-205px);
			width:21px;
			height:20px;
		}
		&.disabled .customer_sync img
		{
			.set-sprite('../img/Sliced/icons-sprite.png',-387px,-235px);
			width:26px;
			height:21px;
		}
		&.disabled .collec_sync img
		{
			.set-sprite('../img/Sliced/icons-sprite.png',-386px,-174px);
			width:21px;
			height:21px;
		}
		&.disabled .order_sync img
		{
			.set-sprite('../img/Sliced/icons-sprite.png',-386px,-80px);
			width:19px;
			height:24px;
		}
	}
}

.wk_dropdown
{
	left:-125px;
	box-shadow: 0 0 6px #CCCCCC;
	li
	{
		width:100%;
		float:left;
		a
		{
			text-align: left;
			&.payment_sync .drop_icon
			{
				.margin(0px,5px,0px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-442px, -113px);
				width:23px;
				height:19px;
			}
			&.tax_sync .drop_icon
			{
				.margin(0px,5px,0px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-444px,-142px);
				width:21px;
				height:22px;
			}
			&.currency_sync .drop_icon
			{
				.margin(0px,5px,0px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-441px,-266px);
				width:21px;
				height:22px;
			}
			&.shipping_sync .drop_icon
			{
				.margin(0px,5px,0px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-437px,-298px);
				width: 24px;
				height: 20px;
			}
			&.fiscal_sync .drop_icon
			{
				.margin(0px,5px,5px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-439px,-362px);
				width: 21px;
				height: 20px;
			}
			&.discount_sync .drop_icon
			{
				.margin(0px,5px,0px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-441px,-266px);
				width:21px;
				height:22px;
			}
			&.odoo_key_map .drop_icon
			{
				.margin(0px,5px,5px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-437px,-329px);
				width: 24px;
				height: 20px;
			}
			&.feature_app .drop_icon
			{
				.margin(0px,5px,5px,5px);
				.set-sprite('../img/Sliced/icons-sprite.png',-439px,-235px);
				width: 24px;
				height: 20px;
			}
			#lock_img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-345px,-404px);
				width:11px;
				height:14px;
				margin-left: 10px;
			}
			
		}
		&.enabled a:hover
		{
			.bgcolor(@btn_color) !important;
			.color(@white) !important;
			&.payment_sync .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-468px,-113px);
			}
			&.tax_sync .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-468px,-142px);
			}
			&.currency_sync .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-468px,-266px);
			}
			&.shipping_sync .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-468px,-299px);
			}
			&.fiscal_sync .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-470px,-362px);
			}
			&.discount_sync .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-468px,-266px);
			}
			&.odoo_key_map .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-468px,-329px);
			}
			&.feature_app .drop_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-469px,-235px);
			}
		}
	}
	&:before
	{
		/*content:'';
		display:block;
		width:0;
		height:0;
		position:absolute;
		border-top: 8px solid #F2F2F2;
		border-left: 8px solid #F2F2F2;
		border-bottom: 8px solid @white; 
		border-right:8px solid #F2F2F2;
		left:142px;
		z-index: 1;
		top:-16px;*/
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-bottom: 0px;
		border-right: 0px;
		width: 12px;
		height: 12px;
		position: absolute;
		top: -7px;
		right: 64px;
		content: ' ';
		background-color: #fff;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

.page_head_block
{
	margin-top: 30px;
	.font_size(26px);
	.font_semibold;
	.color(@black);
	border-bottom: 3px solid @btn_color;
}
.config_head_block
{
	.font_size(36px);
	.color(@black);
	.font_normal;
	margin-bottom:20px;
	border-bottom: 3px solid @btn_color;
}
.page_desc_block
{
	.border-grey;
	margin-top: 30px;
	margin-bottom: 25px;
	padding:20px;
	border-bottom: 3px solid @btn_color;
	.desc_pin
	{
		border-right:1px solid @feature_desc_grey;
		height:50px;
		width:45px;
		img
		{
			margin-top:12px;
		}
	}
	.desc
	{
		.font_semibold;
		.font_size(16px);
		.color(@feature_desc_grey);
		padding-right: 0;
	}
}

.menu-xs
{
	border: 0;
	left: 0;
	position: fixed;
	right: 0;
	transform: translate3d(0px, 0px, 0px);
	z-index: 1030;
	top:0;
}


.add_btn_container
{
	.margin(20px, 0px, 0px, 0px);
	a
	{
		.bgcolor(@btn_color);
		.border_radius(4px, 4px, 4px, 4px);
		.font_bold;
		.font_size(18px);
		.a_form(@white);
		.padding(8px, 12px, 8px, 12px);
		font-family:PT Sans;
		outline: 0 none;
		text-decoration:none;
	}
}
.wk_info_btn
{
	.bg_gradient(0deg,#90C34D 0%, #76A833 100%);
	border-color: #629222;
}
.primary_container
{
	.lato-family;
	margin-bottom:50px;
	.border-grey;
	box-shadow: 0px 0px 5px 1px #CCCCCC;
	.bgcolor(@white);
	a
	{
		outline: 0 none !important;
	}
	.btn
	{
		.bgcolor(@btn_color);
		outline: 0 none !important;
		.font_size(15px);
		.font_semibold;
		.color(@white);
		.padding(8px, 40px, 8px, 40px);
		/*width:100px;*/
		border-radius: 0 !important;
	}
	#db_del_msg
	{
		color:#a94442;
	}
	.switch_checkbox
	{
		input
		{
			display:none;
		}
		span
		{
			display:block;
			.set-sprite('../img/Sliced/icons-sprite.png',-359px,-300px);
			width:16px;
			height:16px;
			margin-right:10px;
			float:left;
			margin-top: 2px;
		}
	}
	.wk_dropdown_btn
	{
		margin-right:0 !important;
	}
	.wk_page_option
	{
		.font_size(15px);
		.font_semibold;
		.color(#404040);
		button
		{
			border:1px solid @form_input_grey;
			padding:8px 22px;
			margin-right: 12px;
			.bgcolor(@white);
			.color(#404040);
		}
	}
	.sync_btn
	{
		button
		{
			.bg_gradient(0deg,#90C34D 0%, #76A833 100%);
			.font_size(15px);
			.font_bold;
			.color(@white);
			border:1px solid #629222;
			padding:8px 22px;

			&:hover
			{
				.bg_gradient(0deg,#76A833 0%, #90C34D 100%);
			}
		}
	}
	.filter_btn
	{
		margin-top: 24px;
		/*margin-bottom: 24px;*/
		button
		{
			.bg_gradient(0deg, #D7D7D7 0%, @white 100%);
			.font_size(14px);
			.font_normal;
			.color(#3a3a3a);
			border:1px solid @form_input_grey;
			padding:8px 22px;
			margin-right: 12px;

			&:hover
			{
				.bg_gradient(0deg, @white 0%, #D7D7D7 100%);
			}
		}
	}
	.instance_filter
	{
		margin-top: 24px;
		span
		{
			.font_size(16px);
			.font_semibold;
			line-height:40px;
		}
		select
		{
			border-radius:0;
			height: 40px;
		}
	}
	.import_btn
	{
		.bgcolor(@white);
		.font_size(15px);
		.font_semibold;
		.color(@btn_color);
		.padding(10px, 20px, 10px, 20px);
		border:1px solid @btn_color;
		width:400px;
		&:hover
		{
			.bgcolor(@btn_color);
			.color(@white);
		}
	}
	.bg-warning
	{
		padding-left:10px;
	}
	.form-control:focus 
	{
	    -webkit-box-shadow: none; 
	            box-shadow: none;
	    border-color:#cccccc; 
	}
	input, select
	{
		.color(@black);
		.font_semibold;
		.font_size(16px);
	}
	#choose_version
	{
		.color(#404040);
		.font_semibold;
		.font_size(17px);
	}
	#version_opt
	{
		.color(#404040);
		.font_bold;
		.font_size(17px);
	}
	.po_listing
	{
		.make_block;
		.margin(0, 0, 20px, 0);
		/*.border-grey;*/
		padding-top: 20px;
		th
		{
			.font_size(17px);
			.color(@black);
			.font_semibold;
		}
		.filter_row
		{
			.bgcolor(#E6CFE0);
			.filter
			{
				border-radius: 0 !important;
				height:50px;
			}
			.datetimepicker
			{
				width:150px;
				input
				{
					.bgcolor(@white);
				}
				.input-group-addon
				{
					border-radius: 0px;
					.bgcolor(@white);;
					cursor: pointer;
				}
			}
		}
		td
		{
			.font_size(16px);
			.color(#404040);
			.font_semibold;
			span, a
			{
				margin-right:10px;
				cursor: pointer;
			}
			.switch
			{
				input
				{
					display:none;
				}
				span
				{
					display:block;
					background-image:url("../img/switch.png");
					background-repeat:no-repeat;
					background-position: 0 0;
					height:25px;
					width:54px;
					margin-right:10px;
				}
			}
		}
		#view_assign_details
		{
			width:100px;
			/*padding-left:30px;
			padding-right:30px;*/
			button
			{
				width:100%;
				padding-left:0 !important;
				padding-right:0 !important;
			}
		}
		
		#edit_icon
		{
			.set-sprite('../img/Sliced/icons-sprite.png',-336px,-326px);
			width:21px;
			height:17px;
			float: left;
		}
		#delete_icon
		{
			.set-sprite('../img/Sliced/icons-sprite.png',-339px,-352px);
			width:17px;
			height:18px;
			float: left;
		}
		#view_icon
		{
			.set-sprite('../img/Sliced/icons-sprite.png',-336px,-380px);
			width:20px;
			height:14px;
			float: left;
		}
		.bulk_action
		{
			padding:0;
			margin-bottom: 20px;
			button
			{
				width:20%;
			}
		}
	}
	.status_span {
		background: #52c058 none repeat scroll 0 0;
		color: #ffffff;
		.font_size(14px);
		.font_semibold;
		padding: 4px 10px;
		&.disabled
		{
			background: #777777 none repeat scroll 0 0;
		}
		&.disconnect
		{
			background: #EC5454 none repeat scroll 0 0;
		}
	}
	.instance_listing
	{
		th
		{
			.font_size(16px);
			.color(@feature_desc_grey);
			.font_semibold;
			border-bottom-width: 1px !important;
		}
		td
		{
			position: relative;
			padding: 20px 10px;
			span
			{
				background: #52c058 none repeat scroll 0 0;
				color: #ffffff;
				.font_size(14px);
				.font_semibold;
				padding: 4px 10px;
				&.disabled
				{
					background: #777777 none repeat scroll 0 0;
				}
				&.disconnect
				{
					background: #EC5454 none repeat scroll 0 0;
				}
			}
			.wk_dropdown
			{
				left: -59px;
				li a
				{
					.font_size(14px);
					.font_semibold;
					color: #555;
					padding-top:10px;
					padding-bottom:10px;
					margin-right:0;
					&:hover
					{
						.bgcolor(#9D4184);
						.color(#fff);
					}
				}
			}
			.wk_dropdown::before
			{
				right: 74px;
			}
			.dropdown_icon
			{
				background: url('../img/icons-sprite.png') no-repeat 0 0;
				width: 20px;
				height: 4px;
			}
			.change_status
			{
				background-image: url('../img/icons-sprite.png');
				width: 29px;
				height: 18px;
				background-color: #fff;
				float:left;
			}
			.active
			{
				background-position: 29px -11px;
			}
			.inactive
			{
				background-position: 0 -11px;
			}
		}

	}

	.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus
	{
		.color(@btn_color) !important;
	}
	.pagination > li > a, .pagination > li > span
	{
		.color(@btn_color) !important;
	}
	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
	{
		.color(@black) !important;
		.bgcolor(@white);
		border-color:#ddd;
	}

	/* ---- Remove Select Box Outline ---- */
	/*select 
	{
		color: #000;
		text-shadow: 0 0 0 #000;
	}*/
	/* ---- End ---- */
	.select_sync {
		width:100px;
	}
	.separator
	{
		border-bottom: 1px solid @form_input_grey;
		.margin(0, 0, 40px, 0);
	}
	.add_form_container
	{
		.make_block;
		.margin(0, 0, 40px, 0);
		.border-grey;
		padding-bottom: 20px;
		padding-top: 20px;
		.placeholder-color;
		label
		{
			.color(#333);
			.font_normal;
			.font_size(16px);
		}
		.input-lg, .form-horizontal .form-group-lg .form-control
		{
			border-radius: 0 !important;
		}
		.form-control
		{
			border-radius: 0 !important;
			.color(@black);
			.font_semibold;
			.font_size(16px);
		}
		.wk_tooltip
		{
			.color(#9D4184);
			.font_semibold;
			.font_size(13px);
			//margin-left:10px;
			font-style: italic;
			cursor: pointer;
		}
		.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
		{
			border: @primcb_width @border_solid @black;
			.color(@black);
		}
		.wk_select {
		   background: transparent;
		   border: none;
		   font-size: 14px;
		   height: 29px;
		   padding: 5px; /* If you add too much padding here, the options won't show in IE */
		   width: 268px;
		}

		/*.wk_select.slate {
		   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
		   height: 34px;
		   width: 240px;
		}*/

		.wk_select {
		   border: 1px solid #ccc;
		   font-size: 16px;
		   height: 34px;
		   width: 268px;
		}

		.wk_select option:hover
		{
			background-color: blue;
		}

		.view_all
		{
			button
			{
				.padding(8px, 15px, 8px, 15px);
				margin-bottom: 20px;
			}
		}
		.config_block
		{
			.make_block;
			.margin(0, 0, 20px, 0);
			.border-grey;
			padding-bottom: 20px;
			padding-top: 20px;
			.placeholder-color;
			.form_block_head
			{
				.color(@feature_desc_grey);
				.font_bold;
				.font_size(14px);
				width:100%;
				float:left;
				margin-bottom: 20px;
				position: relative;
			}
			.form_block_head:before 
			{
				content : "";
				position: absolute;
				left    : 0;
				bottom  : -5px;
				height  : 1px;
				width   : 5%;  /* or 100px */
				border-bottom:3px solid @btn_color;
			}
			.select_inventory_type
			{
				width:98%;
				margin-left:2%;
				label > span
				{
					margin-left: 5px;
				}
				.inventory_notes
				{
					border-left: 1px solid @form_input_grey;
					.q_head
					{
						.color(@black);
					}
					.q_val
					{
						font-style: italic;
					}
					.color(@feature_desc_grey);
					.font_semibold;
					.font_size(16px);
				}
			}
			.sync_customer_block
			{
				label > span
				{
					margin-left: 5px;
				}
			}
			.product_default_id_field,.customer_default_id_field {
				margin-left: 1rem;
			}
		}
		.grey_btn
		{
			.color(#333);
			.font_size(16px) !important;
			.font_semibold !important;
			.padding(10px, 35px, 10px, 35px);
			.bgcolor(@gray);
			border-radius:0 !important;
			border: 0 none;
		}
		.blank_btn
		{
			.color(@btn_color);
			.font_size(16px) !important;
			.font_semibold !important;
			.padding(10px, 35px, 10px, 35px);
			.bgcolor(@white);
			border-radius:0 !important;
			border: 1px solid @btn_color;
		}
		#sh_prod_name
		{
			.font_size(14px);
			.font_semibold;
			font-style: italic;
			.color(#333);
		}
		.selected_prod_div
		{
			.color(#CECECE);
			h4{
				.color(#777);
				.font_bold;
			}
			.selected_prod
			{
				.color(#000);
				margin-top: 20px;
				.selected_prod_border
				{
					padding:20px;
					border: 1px solid #000;
					width:100%;
					position: relative;
					.prod_name
					{
						width:94%;
						float: left;
					}
					.del_icon
					{
						background: url('../img/icon-close-sprite.png') no-repeat 0 0;
						width: 11px;
						height: 11px;
						float: left;
						position: absolute;
						top: 10px;
						right: 10px;
						cursor: pointer;
						&:hover
						{
							background: url('../img/icon-close-sprite.png') no-repeat -11px 0;
						}
					}
				}
			}
		}
		#search_keyword
		{
			border-right: 0 none;
		}
		.input-group-addon
		{
			background-color: #fff;
			border-left : 0 !important;
			border-radius: 0 !important;
			#search_icon
			{
				background: url('../img/icon-search.svg') no-repeat 0 0;
				width:17px;
				height: 16px;
				float:left;
				cursor: pointer;
				&:hover
				{
					background: url('../img/icon-search.svg') no-repeat -17px 0;
				}
			}
		}
		.note_attri_field
		{
			margin-top:-15px;
			margin-left:10px;
		}

		.accordion .wk-icon::after {
			font-family: 'FontAwesome';  
			content: "\f102";
			position: absolute;
			font-size: large;
			font-weight: 800;
			right: 10px;
			color: #9D4184;
			margin-bottom: 20px;
			transition: all 0.5s ease;
		}
		.accordion .wk-icon.collapsed::after {
			font-family: 'FontAwesome';
			content: "\f103";
			position: absolute;
			font-size: large;
			font-weight: 800;
			right: 10px;
			color: #9D4184;
			margin-bottom: 0;
			transition: all 0.5s ease;
		}
		
	}
	.sub_tab_form
	{
		margin-bottom: 40px;
		border-top: 0 none;
	}
	.assign_supplier_link
	{
	    .padding(10px, 0, 0, 5px);
	    vertical-align: middle;
	    a
	    {
	    	vertical-align: middle;
	    	.color(@btn_color);
	    	text-decoration: none;
	    }
	}
	.order_history
	{
		margin-bottom: 40px;
		th,td
		{
			border:0 none;
		}
	}
	.view_detail
	{
		.padding(10px, 0, 10px, 0);
		border: @primcb_width @border_solid #cccccc;
		border-top:0 none;
		margin-bottom: 40px;
		.view_title
		{
			.color(@black);
			.font_semibold;
   			.font_size(18px);
   			padding-bottom: 10px;
   			padding-top: 5px;
		}
		.view_value
		{
			.color(@feature_desc_grey);
			.font_size(18px);
			.font_semibold;
			padding-bottom: 10px;
			padding-top: 5px;
		}
		.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
		{
			border: @primcb_width @border_solid @black;
			.color(@black);
		}
		.view_change_status
		{
			margin-top:20px;
			.next_action
			{
				padding:20px;
				span
				{
					.font_size(18px);
					.font_bold;
					.color(@btn_color);
				}
			}
			.status_change_btn, .received_item
			{
				.bgcolor(#dedede);
				outline: 0 none;
				.font_size(17px);
				.font_normal;
				.color(@black);
				.padding(5px, 0, 5px, 0);
				width:50%;
				border:0 none;
				margin-bottom:10px;
			}
		}
	}
	.empty_state
	{
		text-align: center;
		padding: 40px;

		.empty_img
		{
			margin-bottom:20px;
		}
		.empty_text
		{
			.font_size(16px);
			.color(@black);
			.font_semibold;
			margin-bottom:10px;
		}
		.add_instance a
		{
			.color(#9d4184);
			.font_size(14px);
			.font_bold;
			text-decoration: underline;
		}
	}
	.sync-cost-price-platform,.select_prod_data{
		border: 1px solid #ccc;
		border-radius: 4px;
		padding: 10px;
		overflow: hidden;
	}
	.count-block {
		font-size: 16px;
		font-weight: 400;
		color: #777777;
		margin-bottom: 10px;
		border: 2px solid #777777;
		border-radius: 5px;
		width: max-content;
		float: right;
		padding-inline: 5px;
		
		span {
			color: #9d4184;
			font-weight: 600;
		}
	}
	.sync-variant-as-product{
		padding:4px;
	}
}
.show-datepicker 
{
	overflow: hidden;
	.datetimepicker{
		width: 48%;
		float: left;
		margin: 0 5px auto;
	}		
}
.bootstrap-datetimepicker-widget{
	text-align: center;
}
.modal.wk_modal
{
	.lato-family;
	.font_size(18px);
	.font_bold;
	label
	{
		.color(@black);
	}
	input, select
	{
		.color(@form_grey);
	}
	th
	{
		.font_size(18px);
		.color(@black);
		.font_bold;
	}
	td
	{
		.font_size(16px);
		.color(#747474);
		.font_normal;
		span, a
		{
			margin-right:10px;
			cursor: pointer;
		}
	}
	.btn
	{
		.color(@white);
		.font_size(17px) !important;
		.font_semibold !important;
		.padding(10px, 35px, 10px, 35px);
		.bgcolor(@btn_color);
		border-radius:0 !important;
		border: 0 none;
	}
	.modal-dialog
	{
		//margin:165px auto;
		width:600px;
	}
	.modal-content
	{
		border-radius: 0;
	}
	.modal-title
	{
		.font_size(36px);
		.font_normal;
		.color(#333);
	}
	.modal-header
	{
		.close
		{
			opacity: 1 !important;
			margin-top: -10px !important;
		}
	}
	.modal-footer > .wk_abload{
		text-align: center !important;
	}
	.wk_modal_form_container
	{
		padding:20px;
		label
		{
			.color(#333);
			.font_normal;
			.font_size(16px);
		}
		.input-lg, .form-horizontal .form-group-lg .form-control
		{
			border-radius: 0 !important;
		}
		.form-control
		{
			border-radius: 0 !important;
			.color(@black);
			.font_semibold;
			.font_size(16px);
		}
		/*.switch_checkbox
		{
			input
			{
				display:none;
			}
			span
			{
				display:block;
				.set-sprite('../img/Sliced/icons-sprite.png',-359px,-300px);
				width:16px;
				height:16px;
				margin-right:10px;
				float:left;
				margin-top: 5px;
			}
		}*/
		.separator
		{
			border-bottom: 1px solid @form_input_grey;
			.margin(0, 0, 40px, 0);
		}
		.page_desc_block
		{
			padding: 8px;
			margin-top:0;
			margin-bottom: 30px;
			.desc_pin
			{
				height:50px;
				img
				{
					margin-top:12px;
				}
			}
		}
		.edit-db {
			font-size: 13px;
		}
	}
	.tax_rate
	{
		.font_semibold;
		.color(@btn_color);
		margin-bottom: 10px;
	}
	.error_data
	{
		float: left;
	    display: none;
	    color: red;
	    font-size: 13px;
	    margin-bottom: 10px;
	}
}
.error_data
{
	float: left;
	display: none;
	color: red;
	font-size: 13px;
	margin-bottom: 10px;
}
#prod_err_alert
{
	float:left;
	width:90%;
	margin-top:20px;
}
.download_file
{
	.padding(5px, 0, 5px, 0);
	i
	{
		.color(@form_grey);
	}
	span
	{
		.color(@btn_color);
		.font_bold;
		.font_size(16px);
		.padding(10px, 10px, 10px, 10px);
	}
}

.warning_div
{
	border-left: @warning_div_width @border_solid @goldern;
	.margin(10px, 0px, 40px, 0px);
	.padding(10px, 10px, 20px, 15px);
}

/* ---- Model Header BG ---- */
// .modal-header
// {
// 	.bgcolor(@btn_color);
// 	.color(@white);
// }
/* ---- Model Header BG ---- */

.form_error
{
	.no_display;
	.color-red;
	.font_size(12px);
	.margin(10px, 0px, 0px, 0px);
}

.sp-notice
{
	z-index: 500;
	display: none;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.88);
	.color(@white);
	position: fixed;
	bottom: 0;
	//height: 80px;
	//line-height: 50px;
	font-size: 16px;
	text-align: center;
	.padding(15px, 15px, 15px, 15px);
	.lato-family;
	word-wrap: break-word;
}

.sp-error
{
  z-index: 600;
  display: none;
  width: 100%;
  background-color: rgba(191,16,16,0.87);
  .color(@white);
  position: fixed;
  bottom: 0;
  height: 80px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  padding-top: 15px;
  .lato-family
}
.sp-warning {
  background: rgba(19, 121, 60, 0.87);
}
.sp-info {
	color: #9d4184;
    font-size: 15px;
    font-weight: normal;
}
.sp-error button
{
  position: relative;
  top: 15px;
  right: 30px;
}
.sp-error button:hover
{
  .color(@white);
  text-shadow: none;
  opacity: 1;
  cursor: pointer;
}

/*----------------------CSS For Home Page Start---------------------------*/

.home_page_container
{
	.abload {
		text-align: center;
	}
	.lato-family;
	margin-bottom:50px;
	.border-grey;
	box-shadow: 0px 0px 5px 1px #CCCCCC;
	.bgcolor(@white);
	.menu_main_block
	{
		position:relative;
		.make_block;
		.margin(0, 0, 40px, 0);
		padding-bottom: 20px;
		a:hover
		{
			text-decoration: none !important;
		}
		.menu_block:hover
		{
		 	/*.menu_block
			{
				border:1px solid @btn_color;
			}*/
			//border:1px solid @btn_color;
			.config_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-110px,0px);
			}
			.prod_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-110px,-505px);
			}
			.col_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-110px,-603px);
			}
			.cust_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-110px,-398px);
			}
			.order_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-110px,-100px);
			}
			.payment_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-109px,-207px);
			}
			.tax_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-110px,-302px);
			}
			.curr_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-110px,-698px);
			}
			.shipping_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-108px,-780px);
			}
			.pos_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-9px,-859px);
			}
		}
		.enabled:hover
		{
			border:1px solid @btn_color;
		}
		.disabled:hover
		{
			#lock_icon
			{
				background: url(../img/Sliced/icon-lock.png);
				z-index:2;
				position: absolute;
				top:60px;
				height: 67px;
				width:50px;
				left:78px;
			}
			#lock_block
			{
				.bgcolor(#000000);
				opacity: 0.5;
				position: absolute;
				width:100%;
				height:100%;
				top:0;
				left: 0;
			}
			#menu_title
			{
				.color(@black) !important;
			}
			#menu_content
			{
				.color(@black)!important;
			}
		}
		.menu_block
		{
			.bgcolor(@white);
			border:1px solid @gray;
			height:215px;
			padding-top: 40px;
			padding-bottom: 20px;
			#menu_title
			{
				.font_bold;
				.font_size(18px);
				.color(#404040);
			}
			#menu_content
			{
				.font_semibold;
				.font_size(16px);
				.color(#404040);
			}
			.config_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-9px,0px);
				width:91px;
				height:80px;
			}
			.prod_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-19px,-505px);
				width:81px;
				height:78px;
			}
			.col_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',0px,-603px);
				width:100px;
				height:75px;
			}
			.cust_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-13px,-398px);
				width:87px;
				height:87px;
			}
			.order_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-31px,-100px);
				width:69px;
				height:87px;
			}
			.payment_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-8px,-207px);
				width:92px;
				height:75px;
			}
			.tax_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-26px,-302px);
				width:74px;
				height:76px;
			}
			.curr_sync_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-25px,-698px);
				width:75px;
				height:75px;
			}
			.shipping_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-9px, -780px);
				width: 87px;
				height: 69px;
			}
			#lock_img
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-345px,-404px);
				width:11px;
				height:14px;
				float: right;
			}
			.pos_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-9px,-859px);
				width: 87px;
				height: 69px;
			}
		}
	}
}
/*---------------------CSS For Home Page End------------------------------*/

/*----------------CSS For FAQ Page Start-----------------------*/
.sub-container
{
	border: @primcb_width @border_solid @dark_gray;
	.border_radius(3px, 3px, 3px, 3px);
	box-shadow: 4px 5px 5px -2px @dark_gray;
	.margin(50px, 0, 50px, 0);
	.padding(0, 28px, 50px, 28px);
	min-height: 52em;
	position:relative;
	.lato-family;
	.bgcolor(@white);
	h1, .main_heading 
	{
	    border-bottom: 2px solid @btn_color;
	   	.font_size(1.8em);
	   	.font_semibold;
	   	.margin(10px, 0, 10px, 0);
	    .padding(12px, 0, 10px, 0);
	}
	th
	{
	    .color(@white) !important;
	    .font_size(0.9em);
	   	.font_semibold;
	   	background-color: @btn_color;
	}
	td a
	{
		text-decoration:none;
		outline:medium none;
		.color(@btn_color);
	}
	.faq_li
	{
		list-style: inside none disc;
    	.margin(0, 0, 6px, 0);
    	.padding(20px, 0, 20px, 0);
	}
	.faq_title
	{
		 .color(@btn_color);
    	 .font_size(17px);
    	 .font_semibold;
	}
	.faq_content
	{
		line-height: 25px;
		.margin(0, 0, 0, 18px);
    	.padding(5px, 0, 0, 0);
    	text-align: justify;
    	word-wrap: break-word;
	}
}
.scrollToTop
{
  display:none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url(../img/Sliced/arrow.png);
  background-color: #FF9800;
  background-repeat:  no-repeat ;
  background-position: center top;
  position: fixed;
  bottom: 100px;
  right: 34px;
  text-decoration: none;
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -ms-transition-duration: .3s;
  transition-duration: .3s;
}
.scrollToTop:hover{
  background-color: #03A9F4;
  background-position: center bottom;
}

/*----------------CSS For FAQ PAge Ends-------------------*/

/*----------------CSS For FAQ PAge Ends-------------------*/

/*----------------CSS For Landing Page Start-----------------------*/

	/*background-image: url("../img/banner.jpg");
	background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:757px;
	.lato-family;
	border-bottom: 5px solid #40467A;*/
	.wk_navigation
	{
		.font_size(15px);
		#wk_header
		{
			.font_size(28px);
			.color(@black);
			.font_semibold;
		}
		.navbar
		{
			margin:0;
			border:0 none;
			padding-top:10px;
			transition: all 0.25s ease;
			box-shadow: 0 0 8px 0 #cccccc;
			.bgcolor(@white);
			.pr-logo
			{
				background-image: url("../img/Sliced/landing-logo.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				height:44px;
				width:203px;
				display:block;
			}
		}
		.navbar-nav > li > a
		{
			.color(@black);
			.font_size(15px);
			.font_semibold !important;
			outline: 0 none;
			border-radius:0;
		}
		.nav > li > a:hover, .nav > li > a:focus,.nav > .active > a
		{
			.bgcolor(transparent) !important;
			outline: 0 none;
			border-bottom: 3px solid @btn_color;
		}
		/*.navbar-default .nav > li > a:hover
		{
			.color(@black) !important;
			border:1px solid @btn_color;
			border-radius: 5px;

		}*/
		.wk_menu_img
		{
			margin:0 !important;
			padding:0 !important;
			background-image: url(../img/icon-toggle-menu.png);
			background-repeat: no-repeat;
			background-position: 0 -19px;
			height:24px;
			width:30px;
		}
		#xs_navbar
		{
		    position: absolute;
		    z-index: 1030;
		    top: 0;
		    right:0;
		    overflow-y: hidden !important;
		    overflow-x: hidden !important;
		    border-radius: 0px;
		    padding:0px;
		    .bgcolor(@black);
		    .lato-family;
		    width:75%;
		    #close-canvas
		    {
		    	background:url(../img/icon-close.png) no-repeat 0 0;
		    }
		    ul
		    {
		    	padding-left: 40px;
		    	padding-right: 40px;
		    }
		    ul li.active a
		    {
		    	.color(#9895ff);
		    	outline: 0 none;
		    }
		    a
		    {
		    	.font_size(15px);
		    	.font_normal;
		    	.color(@white);
		    	outline: 0 none;
		    	padding-left:0;
		    }
		    a:hover,a:focus
		    {
		    	 .color(#9895ff);
		    	 .bgcolor(@black) !important;
		    	 outline: 0 none;
		    }
		    .border-top
		    {
		    	border-top:1px solid #000000;
		    }
		    .border-bottom
		    {
		    	border-bottom:1px solid #3e3e3e;
		    }
		 }
	}
	.wk_xs_nav
	{
		position:fixed;
		 z-index: 1030;
		// .bgcolor(@white);
		 width:100%;
	}
	.banner
	{
	    padding: 150px 0 20px;
	    width: auto;
	    .bgcolor(@white);
	    .lato-family;
	    .container
	    {
	    	.banner_image
	    	{
	    		background-image: url("../img/Sliced/home-illustration.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				height:508px;
				width:554px;
	    	}

	    	#install_form
	    	{
	    		margin-top:100px;
	    		.top_heading
			    {
			    	.color(@black);
			    	.font_size(35px);
					.font_normal;
			    }
			    .top_sub_heading
			    {
			    	.color(#676767);
			    	.font_size(17px);
					.font_semibold;
			    }
			     .enter_text
			    {
			    	.color(#404040);
			    	.font_size(17px);
					.font_semibold;
					.margin(10px, 0, 5px, 0);
			    }
			    form
			    {
			    	.placeholder-color;
			    	margin-top:20px;
			    	.form-control 
			    	{
						.color(#cccccc);
						.font_size(17px);
						.font_semibold;
					}
					.form-control, .btn 
					{
					    height: 60px;
					    outline: 0 none;
					    border-radius: 5px;

					}
					#shop_url {
						color: #676767;
					}
					#shop_url:hover {
						color: #676767;
					} 
					button
					{
						.bg_gradient(0deg, #ba5fa1 0%, @btn_color 100%);
						.bgcolor(@btn_color);
						.color(@white);
						.font_size(17px);
						.font_bold;
						.padding(10px, 35px, 10px, 35px);
						border-radius: 5px;
						border:0 none;
						width:100%;
					}
			    }
	    	}
	    	
		    .scroll_bottom
		    {
		    	margin-top: 100px;
		    }
	    }
	    
	}
.wk_btn
{
	.padding(10px, 38px, 10px, 38px);
	//border:1px solid #629222;
	.bgcolor(@btn_color);
	.color(@white);
	.font_size(17px);
	.font_bold;
	.bg_gradient(0deg, #ba5fa1 0%, @btn_color 100%);
	//box-shadow: inset 0px 1px 0px 0px #c4f49e;
	.lato-family;
	font-style: normal;
}
.wk_btn:hover
{
	.bg_gradient(0deg, @btn_color, #ba5fa1);
}

.illustration
{
	 .padding(50px, 0, 10px, 0);
	 .lato-family;
	 .bgcolor(@white);
	 .container
    {
    	.section-heading 
		{
	    	.block-heading;
		}
		.section-subheading 
		{
			.font_semibold;
			.font_size(31px);
			.color(#3D3E3F);
			line-height: 30px;
   			margin-top: 10px;
		}
		.feature-text
		{
			.block-subheading;
		}
		.illustration_img
		{
			background-image: url("../img/Sliced/shopify-odoo-connector.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			height:380px;
			width:699px;
			margin: 30px 220px;
		}
    }
}

.features
{
	 .padding(50px, 0, 10px, 0);
	 .lato-family;
	 .bgcolor(@white);
	 .container
    {
		.section-heading 
		{
	    	.block-heading;
		}
		.feature-text
		{
			.block-subheading;
		}
		.feature-listing
		{
			.margin(40px, 0, 0, 0);
			.color(@black);
			.feature_margin
			{
				margin-bottom: 50px;
			}
			#feature_title
			{
		    	.font_size(15px);
				.font_semibold;
				.color(@black);
			}
			#feature_content
			{
		    	.font_size(15px);
				.font_semibold;
				.color(#676767);
			}
			.feature-icon
			{
				height:75px;
			}
		}
    }
}
.document
{
	/*background-image: url("../img/Sliced/logo-video.png");
	background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
	.lato-family;
/*	 margin-bottom:30px;
*/	 height:500px;
	.bgcolor(@white);
	position: relative;
	.container
    {
    	img
    	{
    		padding-top: 100px;
    	}
    	.document-opacity
    	{
    		.bgcolor(#000000);
			opacity: 0.5;
			position: absolute;
			width:100%;
			height:100%;
			top:0;
			left: 0;
    	}
    	.section-heading 
		{
	    	.block-heading;
	    	.color(@white);
		}
		.wk_video
		{
			height:380px;
			.embed-container 
			{ 
			    /*position: relative; 
			    padding-bottom: 56.25%;
			    height: 0; 
			    overflow: hidden; 
			    max-width: 100%; 
			    height: auto;*/
			    float:left;
			    height:100%;
			    width:100%; 
			} 
			.embed-container iframe, .embed-container object, .embed-container embed 
			{ 
			   /* position: absolute;*/
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			}
		}
    }
}
.pricing
{
	.lato-family;
	 .padding(50px, 0, 50px, 0);
	 .bgcolor(@white);
	.container
    {
    	.section-heading 
		{
	    	.block-heading;
		}
		.feature-text
		{
			.block-subheading;
		}
		#app_price
		{
			.color(@btn_color);
		}
    }
}
.contact
{
	.padding(50px, 0, 50px, 0);
	.lato-family;
	.bgcolor(@white);
	.container
    {
    	.section-heading 
		{
	    	.block-heading;
		}
		.feature-text
		{
			.block-subheading;
		}
		.contact-form
		{
			margin-top:20px;
			margin-bottom:40px;
		}
		#contact_form
		{
			.placeholder-color;
			.form-group
			{
				.lato-family;
	    		.color(#adadad) !important;
	    		.font_size(17px) !important;
				.font_semibold !important;
				font-style: italic;

				.input-group-addon, input, textarea
				{
					border-radius: 5px;
					.bgcolor(@white);
				}
			}
		}
    }
}
.footer 
{
    bottom: 0;
    float: left;
    height: 60px;
    left: 0;
    padding-top: 18px;
    position: relative;
    width: 100%;
    z-index: 10;
    .lato-family;
     border-top: 2px solid @btn_color;
     .bgcolor(@white);
     .container
    {
    	 .footer-text 
	    {
	    	 .bgcolor(@white);
		    font-size: 17px;
		    .color(#404040);
		    .padding(20px, 0, 15px, 0);
		    .font_semibold;
		    a
		    {
		    	 .color(@btn_color);
	    		text-decoration: none;
	    		.font_bold;
		    }
		}
    }
}
.odoo-loader {
	display: none;
	background: rgba(255, 255, 255, 0.62) none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
	cursor: wait;

	img {
		left: 50%;
		margin-left: -32px;
		margin-top: -32px;
		position: absolute;
		top: 50%;
	}

	.title-text {
	    position: absolute;
	    text-align: center !important;
	    top: 56%;
	    width: 100%;
	}
}
#frm_add_map {
	.gif-loader {
		visibility: hidden;
		text-align: center;
	}
}

.feature-app
{
	.lato-family;
	margin-bottom:50px;
	.border-grey;
	box-shadow: 0px 0px 5px 1px #CCCCCC;
	.bgcolor(@white);
	.menu_main_block
	{
		position:relative;
		.make_block;
		.margin(0, 0, 40px, 0);
		padding-bottom: 20px;
		a:hover
		{
			text-decoration: none !important;
		}
		.menu_block:hover
		{
			.pos_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-9px,-859px);
			}
		}
		.enabled:hover
		{
			background-color: @mod_theme_color;
			border:1px solid @btn_color;
		}
		.disabled:hover
		{
			#menu_title
			{
				.color(@black) !important;
			}
			#menu_content
			{
				.color(@black)!important;
			}
		}
		.menu_block
		{
			.bgcolor(@white);
			border:1px solid @gray;
			padding: 20px 0 0;
			#menu_title
			{
				.font_bold;
				.font_size(18px);
				.color(#404040);
			}
			#menu_content
			{
				.font_semibold;
				.font_size(16px);
				.color(#404040);
			}
			.pos_icon
			{
				.set-sprite('../img/Sliced/icons-sprite.png',-9px,-859px);
				width: 87px;
				height: 69px;
				padding: 0;
				margin: 0 auto;
			}
			.block-div {
				margin: 10px 0px;
				font-weight: bold;
    		font-size: 15px;
				text-align: center;
			}
		}
		.app-enable img{
			width: 25px;
			height: 25px;
		}
	}
}

@media screen and (min-width:300px) and (max-width:1024px)
{
	.wk_header_image
	{
		/*background-image: url("../img/banner-xs.png") !important;*/
		height:600px !important;
		#wk_header
		{
			.font_size(18px) !important;
		}
		#wk_sub_header
		{
			.font_size(14px) !important;
			.color(@white) !important;
		}
		.banner
		{
		    padding:120px 0 20px !important;
		    .container
		    {
		    	margin-top:0 !important;
		    	.top_heading
			    {
			    	.font_size(20px) !important;
			    	.font_bold !important;
			    }
			    .top_sub_heading
			    {
			    	.font_size(16px) !important;
			    }
			    .enter_text
			    {
			    	.font_size(15px) !important;
			    }
			    form
			    {
					.font_size(13px) !important;
					
					.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn 
					{
					    height: 60px;
					    outline: 0 none;
					    border-radius: 0;

					}
					.input-group-btn button
					{
						.padding(0, 10px, 0, 10px) !important;
						.font_size(14px) !important;
					}
				}

			}
		}	    
	}
	.features
	{
		 .padding(20px, 0, 20px, 0) !important;
		 .container
	    {
			.section-heading 
			{
		    	.font_size(24px) !important;
			}
			.feature-text
			{
		    	.font_size(15px) !important;
			}
			.feature-listing
			{
				.margin(20px, 0, 0, 0) !important;
				.feature_margin
				{
					margin-bottom: 25px !important;
				}
				#feature_title
				{
			    	.font_size(17px) !important;
				}
				#feature_content
				{
			    	.font_size(15px) !important;
				}

			}
	    }
	}
	.document
	{
		 .padding(20px, 0, 20px, 0);
		.container
	    {
	    	.section-heading 
			{
		    	.font_size(24px) !important;
			}
			.wk_video
			{
				height:200px;
				margin-left:0 !important;
				width:100%;
			}
	    }
	}
	.pricing
	{
		 .padding(20px, 0, 20px, 0);
		.container
	    {
	    	.section-heading 
			{
		    	.font_size(24px) !important;
			}
			.feature-text
			{
		    	.font_size(15px) !important;
			}
	    }
	}
	.contact
	{
		 .padding(20px, 0, 20px, 0) !important;
		.container
	    {
	    	.section-heading 
			{
		    	.font_size(24px) !important;
			}
			.feature-text
			{
				.font_size(15px) !important;
			}
			.contact-form
			{
				margin-bottom:0px !important;
			}
	    }
	}
	.footer-text 
    {
	    font-size: 14px !important;
	}	
}
@media screen and (min-width:480px)
{
	background-image: url("../img/banner.png") !important;
	height:732px !important;
}