*
{
	outline: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-radius: 0px;
}

div.settings_menu
{
	background: #dfdfdf;
	padding: 2px;
	z-index: 1;
}

	div.settings_menu.absolute
	{
		position: absolute;
	}

	div.settings_menu.left
	{
		top: 0px;
		left: 0px;
	}

	div.settings_menu.right
	{
		top: 0px;
		right: 0px;
	}
	
	div.settings_menu.invisible
	{
		display: none;
	}
	
	div.settings_menu.transparent
	{
		background: none;
	}
	
		.hover-btn
		{
			font-size: 18px;
			display: inline-block;
			cursor: pointer;
		}

			i.custom-ctrl
			{
				display: inline-block;
				font-size: 14px;
				background: rgba(255, 255, 255, 0.8);
				border-radius: 24px;
				margin: 2px;
				padding: 4px;
				cursor: pointer;
			}
			
			i.custom-ctrl.red
			{
				color: #c0392b;
			}
			
			i.custom-ctrl.green
			{
				color: #27ae60;
			}
			
			i.custom-ctrl.grey
			{
				color: #777;
			}
			
			i.custom-ctrl.blue
			{
				color: #2980b9;
			}
			
			i.custom-ctrl.amethyst
			{
				color: #9b59b6;
			}
			
			i.custom-ctrl.carrot
			{
				color: #e67e22;
			}
			
			i.custom-ctrl.pink
			{
				color: #e84393;
			}
			
			i.custom-ctrl.ocean
			{
				color: #51969b;
			}
			
			i.custom-ctrl.wet-asphalt
			{
				color: #34495e;
			}
			
			div.button_small:after
			{
				display: inline-block;
				font: normal normal normal 24px/1 "Material Design Icons";
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

			div.button_small.add:after
			{
				content: '\F0419';
			}
			
			div.button_small.rec:after
			{
				content: '\F08D5';
			}
			
			div.button_small.del:after
			{
				content: '\F015A';
			}

			div.button_small.import:after
			{
				content: "\F0048";
			}
			
			div.button_small.export:after
			{
				content: "\F0060";
			}

			div.button_small.conf:after
			{
				content: "\F0493";
			}
			
			div.button_small.invise:after
			{
				content: "\F06D0";
			}

			div.button_small.mail:after
			{
				content: "\F02AB";
			}

			div.button_small.print:after
			{
				content: "\F042A";
			}


		div.fc-custom-content
		{
			display: table;
			width: 100%;
		}
	
			div.fc-custom-cell
			{
				display: table-cell;
				vertical-align: middle;
			}
			
			div.fc-custom-cell.title
			{
				padding: 0px 2px;
			}
			
			div.fc-custom-content.monthly div.fc-custom-cell.title
			{
				font-size: 10px;
				color: #555;
			}
			
			div.fc-custom-content.weekly div.fc-custom-cell.title
			{
			}

			div.fc-custom-cell.ctrl
			{
				vertical-align: top;
				width: 18px;
				padding: 2px;
			}
			
			div.fc-custom-content.monthly div.fc-custom-cell.ctrl
			{
				background: rgba(255, 255, 255, 0.6);
			}

		.calendar-btn
		{
			font-size: 16px;
			color: #000;
			display: inherit;
			cursor: pointer;
		}
		
			.calendar-btn.red
			{
				color: #c0392b;
			}
			
			.calendar-btn.green
			{
				color: #27ae60;
			}
			
			.calendar-btn.blue
			{
				color: #2980b9;
			}
			
			.calendar-btn.orange
			{
				color: #f0ad4e;
			}
		
			.calendar-btn.grey
			{
				color: #777;
			}

div#message_box
{
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50px;
	margin-left: -150px;
	box-shadow: 0px 0px 50px;
	font-size: 15px;
	z-index: 100;
	width: 300px;
	box-sizing: border-box;
	min-height: 80px;
	display: none;
}

div#message_box.accept
{
	padding-left: 80px;
	background: #f56c3a;
}

div#message_box.error
{
	padding-left: 80px;
	background: #c0392b;
}

	div#message_box:before
	{
		font-family: 'Material Design Icons';
		position: absolute;
		left: 0px;
		height: 100%;
		font-size: 60px;
		line-height: 60px;
		color: #fff;
		padding: 10px;
		box-sizing: border-box;
	}

	div#message_box.accept:before
	{
		content: '\F064E';
	}
	
	div#message_box.error:before
	{
		content: '\F002A';
	}
	
	div#message_box span
	{
		display: table-cell;
		vertical-align: middle;
		padding: 20px;
		background: #fff;
	}
	
		div.message-product-block
		{
			float: left;
			width: 100%;
			font-size: 14px;
		}
		
			div.product-message
			{
				text-transform: uppercase;
				text-align: center;
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #000;
			}
			
			div.product-img
			{
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				float: left;
				width: 45px;
				height: 45px;
			}
			
			div.product-name
			{
				margin-left: 55px;
				font-weight: 600;
				margin-bottom: 5px;
			}
			
			div.product-text
			{
				margin-left: 55px;
			}	

.scrollbar
{
	max-height: 400px;
	overflow-y: auto;
}

.scrollbar-mini
{
	scrollbar-gutter: stable;
}

.scrollbar-mini::-webkit-scrollbar
{
	width: 4px;
	background: #e0e0e0;
}

.scrollbar-mini::-webkit-scrollbar-thumb
{
	background: #c2c2c2;
	border-radius: 8px;
}
	
table
{
	font-size: 12px;
}

table.form_info
{
	width: 100%;
}

	table.form_info td
	{
		width: 50%;
		vertical-align: top;
	}
	
	div.form_info_ctrl
	{
		float: left;
		width: 100%;
		margin-top: 5px;
		padding-top: 5px;
		border-top: 1px solid #eee;
		text-align: right;
	}
	
		div.form-line
		{
			display: table;
			float: left;
			width: 100%;
			border-collapse: collapse;
		}
		
		div.form-line.row-line
		{
			margin-bottom: 2px;
		}
		
		div.form-line.row-line:last-child
		{
			margin: 0px;
		}
		
			div.form-cell
			{
				display: table-cell;
				vertical-align: middle;
				padding-right: 2px;
			}
			
			div.form-cell.ten
			{
				width: 10%;
			}
			
			div.form-cell.twenty
			{
				width: 20%;
			}
			
			div.form-cell.quarter
			{
				width: 25%;
			}
			
			div.form-cell.thirty
			{
				width: 30%;
			}
			
			div.form-cell.half
			{
				width: 50%;
			}
			
			div.form-cell:last-child
			{
				padding: 0px;
			}
			
			div.form-cell.control
			{
				width: 34px;
				vertical-align: bottom;
			}
			
				label.form-cell-head-label
				{
					display: block;
					line-height: 24px;
					font-size: 12px;
					font-weight: 600;
					padding: 5px 10px;
					background: #f5f5f5;
				}
				
				label.form-cell-footer-label
				{
					display: block;
					line-height: 24px;
					font-size: 12px;
					font-weight: 600;
					padding: 0px 10px;
					background: #f5f5f5;
				}
			
				.form-btn
				{
					font-size: 20px;
					padding: 7px;
					border: none;
					background: #ddd;
					cursor: pointer;
					float: left;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				.form-btn:hover
				{
					background: #ccc;
				}
				
				.form-btn:active
				{
					background: #ddd;
				}
				
					.form-btn i
					{
						display: inline-block;
					}
					
					.form-btn.loading i
					{
						-webkit-animation: rotation 1s infinite linear;
					}
	
		div.form-info-line
		{
			margin: 10px 0px;
		}
		
			div.form-info-row
			{
				display: flex;
				width: 100%;
			}
		
				div.form-info-cell
				{
					margin-right: 10px;
				}
				
				div.form-info-cell:last-child
				{
					margin: 0px;
				}
				
					span.form-info-label
					{
						margin-right: 5px;
						font-size: 12px;
						font-weight: 700;
					}
					
					.form-info-value
					{
						padding: 0px 5px;
						border: 1px solid #ddd;
						background: #eee;
						border-radius: 3px;
						font-size: 12px;
					}
					
					.form-info-value.blue
					{
						color: #3c72b8;
					}
					
					.form-info-value.red
					{
						color: #ed1c24;
					}
					
					.form-info-value.green
					{
						color: #3cb371;
					}
			
			ul.form-info-list
			{
				margin-left: 10px;
				list-style-type: none;
			}
			
				li.form-info-list-point
				{
					display: flex;
					margin-bottom: 10px;
				}
				
				li.form-info-list-point:last-child
				{
					margin: 0px;
				}
	
	
		div.field-list
		{
			float: left;
			width: 100%;
			margin: 10px 0px;
		}
		
			div.field-list-head
			{
				display: table;
				float: left;
				width: 100%;
				border-collapse: collapse;
				background: #f5f5f5;
			}
			
				div.field-list-cell
				{
					display: table-cell;
					vertical-align: middle;
					padding: 5px 10px;
				}
	
				div.field-list-cell.control
				{
					width: 34px;
					padding: 0px;
				}
				
					div.slider-wrap
					{
						display: table;
						width: 500px;
						margin: 0px 20px;
					}
					
						div.slider-cell
						{
							display: table-cell;
							vertical-align: middle;
						}
						
						div.slider-cell.val
						{
							width: 60px;
							line-height: 20px;
							text-align: right;
						}
	
			div.field-list-body
			{
				float: left;
				width: 100%;
				padding: 20px;
				border: 1px solid #eee;
				border-top: none;
				box-sizing: border-box;
			}
			
				div.field-list-area
				{
					float: left;
					width: 100%;
				}
				
				div.field-list-area.head
				{
					margin-bottom: 1px;
				}
				
				div.field-list-area.footer
				{
					margin-top: 1px;
				}	
	
					div.fileld-line
					{
						display: table;
						float: left;
						width: 100%;
						margin-bottom: 1px;
						border-spacing: 1px 0px;
					}

					div.fileld-line:last-child
					{
						margin: 0px;
					}

						div.fileld-cell
						{
							display: table-cell;
							vertical-align: top;
						}
						
						div.fileld-line.head div.fileld-cell
						{
							vertical-align: middle;
							font-size: 12px;
							font-weight: 700;
							background: #eee;
							padding: 5px 10px;
						}
						
						div.fileld-line.footer div.fileld-cell
						{
							vertical-align: middle;
							font-size: 12px;
							font-weight: 700;
							background: #eee;
							padding: 10px 15px;
							box-sizing: border-box;
						}
						
						div.fileld-line.head div.fileld-cell.control
						{
							padding: 0px;
						}
						
						div.fileld-line.section div.fileld-cell
						{
							vertical-align: middle;
							font-size: 12px;
							font-weight: 700;
							background: #f5f5f5;
							padding: 5px 15px;
						}
						
						div.fileld-line.section div.fileld-cell.control
						{
							padding: 0px;
						}

						div.fileld-cell.quarter-to
						{
							width: 75%;
						}
						
						div.fileld-cell.half
						{
							width: 50%;
						}
						
						div.fileld-cell.third
						{
							width: 33%;
						}
						
						div.fileld-cell.quarter
						{
							width: 25%;
						}
						
						div.fileld-cell.twenty
						{
							width: 20%;
						}
						
						div.fileld-cell.fifteen
						{
							width: 15%;
						}
						
						div.fileld-cell.ten
						{
							width: 10%;
						}
						
						div.fileld-cell.eight
						{
							width: 8%;
						}
						
						div.fileld-cell.five
						{
							width: 5%;
						}
						
						div.fileld-cell.control
						{
							width: 34px;
						}
	
	
	
table.data-table
{
	width: 100%;
	border-spacing: 0px;
}

	table.data-table tr.red
	{
		background: #fff1f1;
	}
	
	table.data-table tr.green
	{
		background: #edffe4;
	}
	
	table.data-table tr.blue
	{
		background: #d7f2ff;
	}
	
	table.data-table tr.highlight td
	{
		background: rgb(0 0 0 / 10%);
	}
	
	table.data-table td
	{
		max-width: 300px;
		font-size: 12px;
		line-height: 22px;
		padding: 5px;
		vertical-align: middle;
		text-align: left;
		border-bottom: 1px solid #eee;
	}
	
	table.data-table td.red
	{
		color: #fff1f1;
	}
	
	table.data-table td.green
	{
		color: #edffe4;
	}
	
	table.data-table td.blue
	{
		color: #d7f2ff;
	}
	
	table.data-table td.text-right
	{
		text-align: right;
	}
	
	table.data-table tr:last-child td
	{
		border: none;
	}
	
	table.data-table tr.data-table-head td
	{
		position: sticky;
		top: 60px;
		font-weight: 600;
		border-bottom: 1px solid #ccc;
		white-space: nowrap;
		background: #fff;
	}
	
	div.modal-window table.data-table tr.data-table-head td
	{
		top: 0px;
	}
	
	table.data-table tr.data-table-footer td
	{
		font-weight: 600;
		border-top: 1px solid #eee;
	}

	td.data-table-id
	{
		width: 50px;
	}
	
	td.data-table-initials
	{
		width: 24px;
	}
	
	td.data-table-img
	{
		width: 40px;
	}
	
		a.table-img
		{
			float: left;
			width: 40px;
			height: 40px;
			border-radius: 40px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		
	table.data-table td.data-table-control
	{
		width: 22px;
	}
	
		.ctrl-btn
		{
			font-size: 22px;
			display: inherit;
			cursor: pointer;
		}
		
		.ctrl-btn.small
		{
			font-size: 18px;
		}
		
		.ctrl-btn.red
		{
			color: #c0392b;
		}
		
		.ctrl-btn.green
		{
			color: #27ae60;
		}
		
		.ctrl-btn.blue
		{
			color: #2280af;
		}
		
		.ctrl-btn.grey
		{
			color: #999;
		}
	
	.popover-btn
	{
		font-size: 18px;
		color: #000;
		display: inherit;
		cursor: pointer;
	}
	
		.popover-btn.red
		{
			color: #c0392b;
		}
		
		.popover-btn.green
		{
			color: #27ae60;
		}
		
		.popover-btn.blue
		{
			color: #2980b9;
		}
		
		.popover-btn.orange
		{
			color: #f0ad4e;
		}
	
		.popover-btn.grey
		{
			color: #777;
		}
		
	.pop-btn
	{
		text-decoration: underline;
		cursor: pointer;
	}
	
		.pop-btn.green
		{
			color: #27ae60;
		}
		
		.pop-btn.blue
		{
			color: #2980b9;
		}
		
	i.header-ctrl
	{
		position: relative;
		display: inherit;
		font-size: 20px;
	}
	
	i.header-ctrl.light-blue
	{
		color: #f56c3a;
	}
	
	div.tabs-list
	{
		float: left;
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	
		div.tabs-list .ui-tabs-nav
		{
			float: left;
			border: none;
		}
		
		i.tabs-ctrl
		{
			float: left;
			font-size: 20px;
			margin: 7px 0px 5px;
			cursor: pointer;
		}
		
		span.tab-label
		{
			float: left;
			line-height: 16px;
		}
		
	div.tabs-content
	{
		float: left;
		width: 100%;
	}

	div.table-overflow
	{
		float: left;
		width: 100%;
		overflow: hidden;
		overflow-x: auto;
	}
	
	input
	{
		border: 1px solid #ddd;
		background: #fafafa;
		padding: 0px 5px;
		width: 100%;
		height: 34px;
		font-size: 14px;
		transition: 0.2s;
		-o-transition: 0.2s;
		-webkit-transition: 0.2s;
	}
	
	input.field-small
	{
		height: 30px;
	}
	
	div.input-file-wrap
	{
		position: relative;
	}
	
	span.load-progress
	{
		position: absolute;
		height: 1px;
		background: #f56c3a;
		left: 0px;
		top: -1px;
		width: 0%;
		transition: 0.2s;
		-o-transition: 0.2s;
		-webkit-transition: 0.2s;
	}
	
	input[type=file]
	{
		padding: 0px;
	}
	
	input[type=file]::-webkit-file-upload-button
	{
		line-height: 28px;
		background: none;
		border: none;
		outline: none;
	}
	
	
	div.radio-wrap
	{
		float: left;
		width: 100%;
	}
	
	label.field-label
	{
		display: block;
		line-height: 24px;
		font-size: 14px;
		font-weight: 600;
		color: #000;
	}
	
		label.field-label span
		{
			font-weight: 400;
		}
		
		label.field-label span.bold
		{
			font-weight: 800;
		}
		
		label.field-label span.red
		{
			color: #f00;
		}
		
		label.field-label span.green
		{
			color: #27ae60;
		}
		
		label.field-label span.blue
		{
			color: #0089ff;
		}
	
	label.radio-field
	{
		float: left;
		line-height: 24px;
		margin-right: 10px;
	}
	
		label.radio-field input
		{
			display: none;
		}
		
		label.radio-field i
		{
			float: left;
			font-size: 20px;
			margin: 2px 0px;
		}
		
		label.radio-field span.radio-title
		{
			float: left;
			margin-left: 5px;
		}
		
	label.radio-btn
	{
		line-height: 24px;
		float: left;
		clear: both;
	}
	
		label.radio-btn input
		{
			display: none;
		}
		
		label.radio-btn i
		{
			float: left;
			font-size: 20px;
			margin: 2px 0px;
		}
		
		label.radio-btn span.radio-title
		{
			float: left;
			margin-left: 5px;
		}
		
		
	div.check-wrap
	{
		float: left;
		width: 100%;
	}
	
		label.check-field
		{
			display: flex;
			float: left;
			line-height: 24px;
		}
		
			label.check-field input
			{
				display: none;
			}
			
			label.check-field i
			{
				float: left;
				font-size: 20px;
				margin: 2px 0px;
			}
			
			label.check-field i.form-btn
			{
				margin: 0px;
			}
			
			label.check-field i.disabled
			{
				opacity: 0.4;
			}
			
			label.check-field span.check-title
			{
				float: left;
				margin-left: 5px;
			}
	
	label.image-label
	{
		display: table;
	}
	
		div.label-cell
		{
			display: table-cell;
			vertical-align: middle;
		}
	
			label.image-label input
			{
				margin-right: 5px;
			}
			
			label.image-label span.label-cell-img
			{
				width: 30px;
				height: 30px;
				float: left;
				display: block;
				margin-right: 5px;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
			}
			

		input[type=radio]
		{
			width: 14px;
			height: 14px;
			float: left;
			margin: 0px 5px 0px 0px;
		}
	
	select
	{
		border: 1px solid #ddd;
		background: #fafafa;
		width: 100%;
		height: 34px;
		font-size: 14px;
		padding: 0px 5px;
		transition: 0.2s;
		-o-transition: 0.2s;
		-webkit-transition: 0.2s;
	}
	
	textarea
	{
		border: 1px solid #ddd;
		background: #fafafa;
		width: 100%;
		height: 200px;
		font-size: 14px;
		padding: 10px;
		resize: none;
		transition: 0.2s;
		-o-transition: 0.2s;
		-webkit-transition: 0.2s;
	}
	
	div.star-line
	{
		display: flex;
		justify-content: space-evenly;
		width: 100%;
		margin: 10px auto;
	}
	
		i.star-item
		{
			font-size: 30px;
			color: #aaa;
			cursor: pointer;
			transition: 0.2s;
			-o-transition: 0.2s;
			-webkit-transition: 0.2s;
		}
		
		i.star-item.hover
		{
			color: #f7ca18;
		}
		
		i.star-item.active
		{
			color: #f7ca18;
		}
	
	input.error,
	select.error,
	textarea.error
	{
		border: 1px solid #f26d4f;
		background: #f1c9c0;
	}
	
	input.success,
	select.success,
	textarea.success
	{
		border: 1px solid #4ec139;
		background: #f2fff0;
	}
	
	input[type="hidden"][data-type="mark"].error ~ div.star-line i.star-item
	{
		color: #f26d4f;
	}
	
	input[type="hidden"][data-type="mark"].error ~ div.star-line i.star-item.hover
	{
		color: #f7ca18;
	}
	
	input[type="hidden"][data-type="mark"].error ~ div.star-line i.star-item.active
	{
		color: #f7ca18;
	}
	
	.field-toggle
	{
		display: none;
	}
	
	.field-toggle.active
	{
		display: block;
	}
	
	div.field-separator
	{
		float: left;
		width: 100%;
		margin: 5px 0px;
	}
	
	div.field-line
	{
		display: table;
		width: 100%;
	}
	
		div.field-cell
		{
			display: table-cell;
			vertical-align: bottom;
			padding-right: 2px;
		}
		
		div.field-cell.half
		{
			width: 50%;
		}
		
		div.field-cell:last-child
		{
			padding: 0px;
		}

	div.control-list
	{
		display: flex;
		float: right;
	}

		div.control-cell
		{
			display: flex;
			margin-right: 1px;
		}
		
		div.control-cell:last-child
		{
			margin: 0px;
		}
		
		div.control-cell.group
		{
			padding-left: 10px;
		}


	form.filter-header
	{
		display: flex;
		justify-content: end;
		position: relative;
		float: left;
		width: 100%;
	}

		div.filter-line
		{
			float: left;
			width: 100%;
			margin-bottom: 1px;
		}
		
		div.filter-line:last-child
		{
			margin: 0px;
		}
		
			div.filter-cell
			{
				margin-left: 1px;
				display: table-cell;
				vertical-align: top;
			}
			
			div.filter-cell:first-child
			{
				margin: 0px;
			}
			
			div.filter-cell.ctrl
			{
				width: 30px;
			}
			
				.page-ctrl-btn
				{
					position: relative;
					margin-right: 1px;
					padding: 7px;
					display: inherit;
					font-size: 16px;
					cursor: pointer;
					background: #f56c3a;
					color: #fff;
					border-radius: 3px;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				.page-ctrl-btn:last-child
				{
					margin: 0px;
				}
				
				.page-ctrl-btn:hover
				{
					background: #f3581f;
				}
				
				.page-ctrl-btn:active
				{
					background: #f56c3a;
				}
				
				.mob-ctrl-btn
				{
					position: relative;
					font-size: 16px;
					padding: 8px;
					margin-right: 1px;
					display: inherit;
					cursor: pointer;
					background: #f56c3a;
					color: #fff;
					border-radius: 3px;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				.mob-ctrl-btn:last-child
				{
					margin: 0px;
				}
				
				.mob-ctrl-btn:hover
				{
					background: #f3581f;
				}
				
				.mob-ctrl-btn:active
				{
					background: #f56c3a;
				}
				
				.catalog-ctrl-btn
				{
					position: relative;
					font-size: 16px;
					padding: 12px 5px;
					border-right: 1px solid #f5f5f5;
					display: inherit;
					cursor: pointer;
					background: #f56c3a;
					color: #fff;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				.catalog-ctrl-btn:last-child
				{
					border: none;
				}
				
				.catalog-ctrl-btn:hover
				{
					background: #2a8e94;
				}
				
				.catalog-ctrl-btn:active
				{
					background: #f56c3a;
				}
				
				span.label-red
				{
					color: #c0392b;
					border: 1px solid #c0392b;
					border-radius: 3px;
					padding: 0px 10px;
				}
				
				span.label-red.fill
				{
					color: #fff;
					background: #c0392b;
				}
			
				span.label-green
				{
					color: #31b404;
					border: 1px solid #31b404;
					border-radius: 3px;
					padding: 0px 10px;
				}
				
				span.label-green.fill
				{
					color: #fff;
					background: #31b404;
				}
			
				div.filter-cell input
				{
					height: 30px;
					padding: 0px 10px;
				}
				
				div.filter-cell select
				{
					height: 30px;
				}
		
		
	form.form-filter
	{
		display: table;
		float: left;
		width: 100%;
	}
	
		div.form-filter-cell
		{
			display: table-cell;
			padding-right: 1px;
		}
		
		div.form-filter-cell.ctrl
		{
			width: 34px;
		}
		
		div.form-filter-cell:last-child
		{
			padding: 0px;
		}
		
			.form-ctrl-btn
			{
				font-size: 14px;
				padding: 10px;
				display: inherit;
				cursor: pointer;
				background: #ddd;
				color: #000;
				transition: 0.2s;
				-o-transition: 0.2s;
				-webkit-transition: 0.2s;
			}
			
			.form-ctrl-btn:hover
			{
				background: #ccc;
			}
		
		
ul.dropdown-menu.form
{
	width: 100%;
	max-height: 250px;
	overflow-y: auto;
}

	ul.dropdown-menu.form li
	{
		float: left;
		width: 100%;
		border-bottom: 1px solid #eee;
	}
	
	ul.dropdown-menu.form li:hover
	{
		background: #f5f5f5;
	}
	
	ul.dropdown-menu.form li:last-child
	{
		border: none;
	}
	
		div.drop-list-wrap
		{
			display: table;
			float: left;
			width: 100%;
			border-collapse: collapse;
		}
		
			div.drop-list-cell
			{
				display: table-cell;
				vertical-align: middle;
			}
			
			div.drop-list-cell.control
			{
				width: 20px;
				padding: 0px 10px;
			}
			
				i.list-btn
				{
					font-size: 20px;
					display: inherit;
					cursor: pointer;
				}
	
		label.dropdown-item-label
		{
			display: table;
			width: 100%;
		}
		
			div.dropdown-cell
			{
				display: table-cell;
				vertical-align: top;
				word-break: break-word;
				padding: 10px;
			}
			
			div.dropdown-cell.checkbox-icon
			{
				width: 20px;
				padding: 10px 0px 10px 10px;
			}
			
				input.dropdown-item
				{
					display: none;
				}
				
				input.multiple-dropdown-item
				{
					display: none;
				}
				
				div.dropdown-cell i
				{
					font-size: 20px;
					float: left;
				}
				
				span.dropdown-title
				{
					float: left;
					font-size: 14px;
					line-height: 20px;
				}
				
			div.dropdown-cell.img
			{
				width: 30px;
				padding: 5px 0px 5px 10px;
			}
			
				span.dropdown-img
				{
					display: block;
					width: 30px;
					height: 30px;
					border: 1px solid #f56c3a;
					border-radius: 30px;
					box-sizing: border-box;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
				}		
		
	div.color-wrap
	{
		position: relative;
		display: flex;
		float: left;
		width: 100%;
	}
	
		div.color-wrap i
		{
			margin-left: 2px;
		}
		
	div.dropdown-multiple
	{
		position: relative;
	}

		div[type="dropdown-container"]
		{
			display: table;
			width: 100%;
			height: 34px;
			border: 1px solid #ddd;
			background: #fafafa;
			box-sizing: border-box;
			cursor: pointer;
		}

		div.dropdown-search-wrap
		{
			position: relative;
		}
		
			div.dropdown-search-wrap:before
			{
				position: absolute;
				content: attr(data-placeholder);
				width: 100%;
				height: 28px;
				padding: 4px 10px;
				box-sizing: border-box;
				color: #777;
			}
		
			div.dropdown-search-field
			{
				position: relative;
				width: 100%;
				height: 28px;
				font-family: sans-serif;
				font-size: 14px;
				line-height: 20px;
				padding: 4px 10px;
				box-sizing: border-box;
			}
			
				div.dropdown-search-field:not(:empty)
				{
					background: #fafafa;
				}
		
			div.dropdown-container-cell
			{
				display: table-cell;
				vertical-align: middle;
				font-size: 14px;
			}
			
			div.dropdown-container-cell
			{
				display: table-cell;
				vertical-align: middle;
				font-size: 14px;
			}
			
			div.dropdown-container-cell.ctrl
			{
				width: 16px;
				padding: 0px 5px;
			}
			
				div.dropdown-container-cell i
				{
					float: left;
					font-size: 16px;
				}
				
				div.dropdown-container-cell i.mdi-loading
				{
					color: #f56c3a;
					-webkit-animation: rotation 1s infinite linear;
				}
		
		
div.clear
{
	clear: both;
}

tr.ui-sortable-helper
{
	display: table;
}

span.modal-icon
{
	float: left;
    font-size: 20px;
    margin-right: 5px;
    color: #000;
}

i.utm-source
{
	float: left;
	margin-right: 5px;
    font-size: 20px;
	color: #fff;
	border-radius: 3px;
}

	i.utm-source.moon-social-facebook
	{
		background: #3765a3;
	}
	
	i.utm-source.moon-social-instagram
	{
		background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
	}
	
	i.utm-source.moon-social-google
	{
		background: #e02f2f;
	}
	
	i.utm-source.moon-social-telegram
	{
		background: #25a3e0;
	}

iframe.print-frame
{
	width: 100%;
	height: 1200px;
	border: none;
}

@-webkit-keyframes zoom
{
    0%
	{
		transform: scale(1);
	}
	
    50%
	{
		transform: scale(1.2);
	}
	
	100%
	{
		transform: scale(1);
	}
}

@-webkit-keyframes rotation
{
    from
	{
		-webkit-transform: rotate(0deg);
	}
	
    to 
	{
		-webkit-transform: rotate(359deg);
	}
}

@keyframes manimate_before
{
	0%
	{
		transform: scale(1);
		opacity: 0;
	}
	
	35%
	{
		transform: scale(1.5);
		opacity: 1;
	}
	
	100%
	{
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes manimate_after
{
	0%
	{
		transform: scale(1);
		opacity: 0;
	}
	
	35%
	{
		opacity: 1;
		transform: scale(1.5);

	}
	
	100%
	{
		opacity: 0;
		transform: scale(1);
	}
}

@keyframes manimate
{
	0%
	{
		transform: scale(1);
		opacity: 0;
	}
	
	30%
	{
		border-width: 10px;
	}
	
	50%
	{
		transform: scale(1.5);
		opacity: 1;
	}
	
	100%
	{
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes tilt-shaking
{
    0%
	{
        transform: rotate(0deg)
    }

    25%
	{
        transform: rotate(1.5deg)
    }

    50%
	{
        transform: rotate(0deg)
    }

    75%
	{
        transform: rotate(-1.5deg)
    }

    100%
	{
        transform: rotate(0deg)
    }
}