@import url('//cdn.linearicons.com/free/1.0.0/icon-font.min.css');

*
{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

a
{
	color: inherit !important;
}

body
{
	background-color: #f9f9f9;
	
	-webkit-overflow-scrolling: touch;
}
body.login
{
	background-color: #f9f9f9;
}

body div.header
{
	height: 50px;
	
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 995;
	
	background-color: #f9f9f9;
	border-bottom: 0.1px solid #b2b2b2;
}

	body div.header div.action-buttons
	{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0%, -50%);
		
		font-size: 18px;
		font-weight: bold;
		letter-spacing: -0.8px;
	}
	
		body div.header div.action-buttons a
		{
			color: #000;
			text-decoration: none;
		}
	
		body div.header div.action-buttons span
		{
			width: 30px;
			height: 22px;
			
			margin: -1px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			
			font-size: 24px;
			text-align: center;
			color: #fff;
		}
		body div.header div.action-buttons span.red
		{
			color: #8d95a9;
		}
		body div.header div.action-buttons span.correct
		{
			margin: 2px 0px 0px 0px;
			
			font-size: 20px;
		}
	
	body div.header div.image
	{
		height: 20px;
		
		position: absolute;
		top: 14px;
		left: 20px;
	}
	
		body div.header div.image img
		{
			height: 100%;
		}
		
	body div.content,
	body div.subcontent
	{
		position: absolute;
		top: 50px;
		right: 0px;
		bottom: 65px;
		left: 0px;
		
		padding: 20px;
		display: none;
		overflow-x: hidden;
		overflow-y: scroll;
		
		background: #f1f1f1;
	}
	body div.subcontent
	{
		display: block;
	}
	
		body div.content div.no-results
		{
			width: 100%;
			height: 10px;
			
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			
			display: table;
			
			text-align: center;
			
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
			filter: alpha(opacity=25);
			-moz-opacity: 0.25;
			-khtml-opacity: 0.25;
			opacity: 0.25;
		}
		
			body div.content div.no-results span
			{
				font-size: 150px;
				filter: invert(44%) sepia(8%) saturate(7%) hue-rotate(349deg) brightness(88%) contrast(91%);
			}
			
			body div.content div.no-results strong
			{
				width: 100%;
				
				margin: 10px 0px 0px 0px;
				float: left;
				
				font-size: 20px;
				text-align: center;
				color: #666;
			}
			
			body div.content div.no-results p
			{
				width: calc(100% - 70px);
				
				margin: 5px 35px 20px 35px;
				padding: 0px;
				float: left;
				
				font-size: 15px;
				text-aling: center;
				line-height: 16px;
				color: #666;
			}
	
		div.content div.content-title,
		div.subcontent div.content-title
		{
			width: 100%;
			height: 1px;
			
			padding: 3px 0px 10px 0px;
			margin: 0px 0px 15px 0px;
			display: table;
			
			border-bottom: 0.1px solid #ccc;
			
			font-size: 20px;
		}
	
			body div.content-title span
			{
				width: 100%;
				
				margin: 0px 0px 10px 0px;
				float: left;
			}
			body div.content-title span.small
			{
				width: 50%;
			}
	
			body div.content-title div.input-container
			{
				width: 60%;
				
				margin: 0px;
				float: left;
			}
			body div.content-title.full-width div.input-container
			{
				width: 100%;
			}
			
				body div.content-title div.input-container span.input-icon
				{
					top: 13px !important;
					left: 14px !important;
					
					font-size: 13px;
				}
			
				body div.content-title div.input-container input
				{
					height: 15px;
					
					font-size: 12px;
					
					border-radius: 8px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
				}
				body div.content-title.full-width div.input-container input
				{
					width: calc(100% - 42px);
				}
	
			body div.content-title div.button
			{
				padding: 9px 11px;
				float: right;
				
				background-color: #dd0000;
				border: 1px solid #980202;
				
				font-size: 12px;
				color: #fff;
				
				border-radius: 8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
			}
			body div.content-title div.button.inline
			{
				margin: -7px 0px 0px 0px;
			}
	
		body div.content div.row
		{
			width: 100%;
			height: 1px;
			
			margin: 0px 0px 10px 0px;
			display: table;
		}
		
			body div.content div.row div.dashboard-1
			{
				width: calc(100% - 30px);
				height: 10px;
				
				padding: 15px;
				float: left;
				display: table;
				
				background-color: #fff;
				
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;

				-webkit-box-shadow: 0px 0px 10px 0.5px #ddd;
				-moz-box-shadow: 0px 0px 10px 0.5px #ddd;
				box-shadow: 0px 0px 10px 0.5px #ddd;
			}
			
				body div.content div.row div.dashboard-1 div.title
				{
					width: 100%;
					
					font-size: 12px;
					color: #999;
				}
				
				body div.content div.row div.dashboard-1 div.bar
				{
					width: 100%;
					height: 2px;
					
					margin: 13px 0px 2px 0px;
					float: left;
				}
				
					body div.content div.row div.dashboard-1 div.bar div.item
					{
						height: 2px;
						
						float: left;
						
						background-color: #2ea3ed;
					}
					body div.content div.row div.dashboard-1 div.bar div.item.blue
					{
						background-color: #2b303c;
					}
					body div.content div.row div.dashboard-1 div.bar div.item.light
					{
						background-color: #97a0b5;
					}
					body div.content div.row div.dashboard-1 div.bar div.item.red
					{
						background-color: #eb3136;
					}
					body div.content div.row div.dashboard-1 div.bar div.item.green
					{
						background-color: #4abf8b;
					}
					body div.content div.row div.dashboard-1 div.bar div.item.orange
					{
						background-color: #e9b044;
					}
					
				
				body div.content div.row div.dashboard-1 div.table
				{
					width: 100%;
					height: 1px;
					
					margin: 10px 0px 0px 0px;
					padding: 0px;
					display: table;
					float: left;
				}
				
					body div.content div.row div.dashboard-1 div.table table
					{
						width: 100%;
					}
					
						body div.content div.row div.dashboard-1 div.table table tr td
						{
							padding: 8px 5px;
							
							border-top: 1px solid #f5f5f5;
							
							font-size: 13px;
							color: #666;
						}
						body div.content div.row div.dashboard-1 div.table table tr:first-child td
						{
							border: none;
						}
						body div.content div.row div.dashboard-1 div.table table tr td:last-child
						{
							text-align: right;
						}
						
							body div.content div.row div.dashboard-1 div.table table tr td span
							{
								width: 5px;
								
								padding: 2px 7px;
								float: left;
								
								border-radius: 5px;
								-moz-border-radius: 5px;
								-webkit-border-radius: 5px;
								
								font-size: 11px;
								color: #fff;
								text-align: center;
							}
							body div.content div.row div.dashboard-1 div.table table tr td span.blue
							{
								background-color: #2b303c;
							}
							body div.content div.row div.dashboard-1 div.table table tr td span.light
							{
								background-color: #97a0b5;
							}
							body div.content div.row div.dashboard-1 div.table table tr td span.red
							{
								background-color: #da0a16;
							}
							body div.content div.row div.dashboard-1 div.table table tr td span.green
							{
								background-color: #4abf8b;
							}
							body div.content div.row div.dashboard-1 div.table table tr td span.orange
							{
								background-color: #eab137;
							}
			
				body div.content div.row div.dashboard-1 div.chart-legend
				{
					width: 100%;
					height: 1px;
					
					margin: 15px 0px 0px 0px;
					display: table;
				}
				
					body div.content div.row div.dashboard-1 div.chart-legend div.item
					{
						width: 33.33%;
						height: 1px;
						
						display: table;
						float: left;
						
						font-size: 13px;
						font-weight: bold;
						letter-spacing: -1.2px;
						text-align: center;
					}
					body div.content div.row div.dashboard-1 div.chart-legend div.item.red
					{
						color: #da0a16;
					}
					body div.content div.row div.dashboard-1 div.chart-legend div.item.blue
					{
						color: #2b303c;
					}
					body div.content div.row div.dashboard-1 div.chart-legend div.item.light
					{
						color: #97a0b5;
					}
					
						body div.content div.row div.dashboard-1 div.chart-legend div.item small
						{
							width: 100%;
							
							margin: 0px 0px -2px 0px;
							float: left;
							
							font-size: 12px;
							font-weight: normal;
							letter-spacing: -0.5px;
							color: #999;
						}
						
						body div.content div.row div.dashboard-1 div.chart-legend div.item div.data
						{
							width: 100%;
							
							display: flex;
		  					flex-wrap: wrap;
		  					justify-content: center;
						}
						
						body div.content div.row div.dashboard-1 div.chart-legend div.item div.data span.material-icons
						{
							margin: 3px 0px 0px 0px;
						
							font-size: 12px;
						}
						
						body div.content div.row div.dashboard-1 div.chart-legend div.item div.data span.chart-counter
						{
							margin: 0px 0px 0px 3px;
						}
			
			body div.content div.row div.dashboard-2
			{
				width: calc(50% - 37px);
				height: 10px;
				
				padding: 15px;
				float: left;
				display: table;
				
				background-color: #fff;
				
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				
				-webkit-box-shadow: 0px 0px 10px 0.5px #ddd;
				-moz-box-shadow: 0px 0px 10px 0.5px #ddd;
				box-shadow: 0px 0px 10px 0.5px #ddd;
			}
			body div.content div.row div.dashboard-2:nth-child(2)
			{
				float: right;
			}
			body div.content div.row div.dashboard-2.fade-out
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
				-moz-opacity: 0.5;
				-khtml-opacity: 0.5;
				opacity: 0.5;
			}
			
				body div.content div.row div.dashboard-2 div.title
				{
					width: 100%;
					
					font-size: 12px;
					color: #999;
				}
				
				body div.content div.row div.dashboard-2 div.amount
				{
					width: 100%;
					
					margin: 5px 0px 0px 0px;
					
					font-size: 20px;
					font-weight: bold;
					letter-spacing: -1px;
					color: #666;
				}
				
					body div.content div.row div.dashboard-2 div.amount span
					{
						float: right;
					}
					body div.content div.row div.dashboard-2 div.amount span.red
					{
						color: #da0a16;
					}
					body div.content div.row div.dashboard-2 div.amount span.green
					{
						color: #4abf8b;
					}
					
				body div.content div.row div.dashboard-2 div.bar
				{
					width: 100%;
					height: 2px;
					
					margin: 7px 0px 5px 0px;
					float: left;
				}
				
					body div.content div.row div.dashboard-2 div.bar div.item
					{
						height: 2px;
						
						float: left;
						
						background-color: #2ea3ed;
					}
					body div.content div.row div.dashboard-2 div.bar div.item:nth-child(2)
					{
						float: right;
						
						background-color: #edd42e;
					}
					body div.content div.row div.dashboard-2 div.bar div.item.gray
					{
						background-color: #ddd !important;
					}
					
				body div.content div.row div.dashboard-2 div.table
				{
					width: 100%;
					height: 1px;
					
					margin: -5px 0px 0px 0px;
					display: table;
				}
				
					body div.content div.row div.dashboard-2 div.table div.circle
					{
						width: 10px;
						
						margin: 1px 0px 0px 0px;
						float: left;
						display: table;
					}
					
						body div.content div.row div.dashboard-2 div.table div.circle span
						{
							font-size: 10px;
							color: #2ea3ed;
						}
						body div.content div.row div.dashboard-2 div.table div.circle span.light
						{
							color: #97a0b5;
						}
						
					body div.content div.row div.dashboard-2 div.table div.name
					{
						width: calc(100% - 60px);
						
						margin: 3px 0px 0px 5px;
						float: left;
						
						font-size: 13px;
						color: #666;
					}
					
					body div.content div.row div.dashboard-2 div.table div.percentage
					{
						width: 40px;
						
						margin: 4px 0px 0px 0px;
						float: right;
						
						font-size: 11px;
						text-align: right;
						color: #888;
					}
					
			body div.content div.row div.dashboard-3
			{
				width: calc(33.33% - 38px);
				height: 10px;
				
				margin: 0px 0px 0px 12px;
				padding: 15px;
				float: left;
				display: table;
				
				background-color: #fff;
				
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				
				-webkit-box-shadow: 0px 0px 10px 0.5px #ddd;
				-moz-box-shadow: 0px 0px 10px 0.5px #ddd;
				box-shadow: 0px 0px 10px 0.5px #ddd;
			}
			body div.content div.row div.dashboard-3:first-of-type
			{
				margin: 0px !important;
			}
			
				body div.content div.row div.dashboard-3 div.title
				{
					width: 100%;
					
					float: left;
					
					font-size: 12px;
					color: #888;
				}
				
				body div.content div.row div.dashboard-3 div.bar
				{
					width: 100%;
					height: 2px;
					
					margin: 6px 0px 3px 1px;
					float: left;
				}
				
					body div.content div.row div.dashboard-3 div.bar div.item
					{
						height: 2px;
						
						float: left;
					}
					body div.content div.row div.dashboard-3 div.bar div.item:nth-child(2)
					{
						float: right;
					}
					body div.content div.row div.dashboard-3 div.bar div.item.red
					{
						background-color: #da0a16;
					}
					body div.content div.row div.dashboard-3 div.bar div.item.green
					{
						background-color: #4abf8b;
					}
					body div.content div.row div.dashboard-3 div.bar div.item.blue
					{
						background-color: #2b303c;
					}
					body div.content div.row div.dashboard-3 div.bar div.item.light
					{
						background-color: #97a0b5;
					}
					body div.content div.row div.dashboard-3 div.bar div.item.gray
					{
						background-color: #ddd;
					}
					body div.content div.row div.dashboard-3 div.bar div.item.darkblue
					{
						background-color: #bcd7e8;
					}
				
				body div.content div.row div.dashboard-3 div.value
				{
					width: 100%;
					
					margin: 5px 0px 0px 0px;
					float: left;
				}
				
					body div.content div.row div.dashboard-3 div.value div.table
					{
						width: 100%;
						height: 1px;
						
						margin: -2px 0px 0px 0px;
						float: left;
						display: table;
					}
							
						body div.content div.row div.dashboard-3 div.value div.table div.name
						{
							width: calc(100% - 40px);
							
							margin: 0px;
							float: left;
							
							font-size: 13px;
							color: #666;
						}
						
						body div.content div.row div.dashboard-3 div.value div.table div.amount
						{
							width: 40px;
							
							margin: 2px 0px 0px 0px;
							float: right;
							
							font-size: 11px;
							text-align: right;
							color: #888;
						}
	
		body div.content div.item-wrapper
		{
			margin: 0px 0px 10px 0px;
		}
		body div.content div.item-wrapper.fadeout
		{
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			-moz-opacity: 0.3;
			-khtml-opacity: 0.3;
			opacity: 0.3;
		}
	
			body div.content div.item-wrapper div.item-block
			{
				width: calc(100% - 30px);
				height: 50px;
				
				position: relative;
				
				padding: 15px 15px;
				
				background-color: #fff;
				border: 0.1px solid #dddddd;
				
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				
				-webkit-box-shadow: 0px 0px 10px 0.5px #ddd;
				-moz-box-shadow: 0px 0px 10px 0.5px #ddd;
				box-shadow: 0px 0px 10px 0.5px #ddd;
			}
			body div.content div.item-wrapper div.item-block.fadeout
			{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
				filter: alpha(opacity=30);
				-moz-opacity: 0.3;
				-khtml-opacity: 0.3;
				opacity: 0.3;
			}
			
				body div.content div.item-wrapper div.item-block div.red-id-container
				{
					width: 60px;
					
					position: absolute;
					top: 29px;
					left: -5px;
					transform: rotate(-90deg);
					
					padding: 5px 0px;
					
					background-color: #d00000;
					
					font-size: 12px;
					color: #fff;
					text-align: center;
					
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
				}
			
				body div.content div.item-wrapper div.item-block div.product-image
				{
					width: 55px;
					height: 55px;
					
					margin: 0px 0px 0px 35px;
					float: left;
				}
				
					body div.content div.item-wrapper div.item-block div.product-image img
					{
						width: 100%;
						height: 100%;
					}
			
				body div.content div.item-wrapper div.item-block div.image
				{
					width: 50px;
					height: 50px;
					
					margin: 0px 0px 0px 5px;
					float: left;
				}
				
					body div.content div.item-wrapper div.item-block div.image span.icon
					{
						width: 100%;
						height: 100%;
						
						display: flex;
						align-items: center;
						justify-content: center;
						
						background-color: #eee;
						
						color: #000;
						
						border-radius: 100%;
						-moz-border-radius: 100%;
						-webkit-border-radius: 100%;
					}
					body div.content div.item-wrapper div.item-block.fadeout div.image span.icon
					{
						background-color: #eee;
						
						color: #aaa;
					}
				
					body div.content div.item-wrapper div.item-block div.image div.calendar
					{
						width: 100%;
						height: 100%;
						
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
					
						body div.content div.item-wrapper div.item-block div.image div.calendar div.month
						{
							width: 100%;
							
							padding: 3px 0px;
							
							background: #d10000;
							
							font-size: 7px;
							color: #fff;
							text-align: center;
							
							border-radius: 5px 5px 0px 0px;
							-moz-border-radius: 5px 5px 0px 0px;
							-webkit-border-radius: 5px 5px 0px 0px;
						}
						body div.content div.item-wrapper div.item-block.fadeout div.image div.calendar div.month
						{
							background-color: #aaa;
						}
						body div.content div.item-wrapper div.item-block div.image div.calendar div.month.red
						{
							background-color: #da0a16;
						}
						body div.content div.item-wrapper div.item-block div.image div.calendar div.month.orange
						{
							background-color: #ce8900;
						}
						body div.content div.item-wrapper div.item-block div.image div.calendar div.month.green
						{
							background-color: #4abf8b;
						}
						
						body div.content div.item-wrapper div.item-block div.image div.calendar div.day
						{
							width: 100%;
							height: calc(100% - 15px);
							
							position: relative;
							
							font-size: 19px;
							font-weight: bold;
							text-align: center;
							letter-spacing: -0.5px;
							color: #888;
							
							border-radius: 0px 0px 5px 5px;
							-moz-border-radius: 0px 0px 5px 5px;
							-webkit-border-radius: 0px 0px 5px 5px;
							
							background-image: -webkit-linear-gradient(#f9f9f9 0%, #f1f1f1 100%); 
							background-image: -moz-linear-gradient(#f9f9f9 0%, #f1f1f1 100%); 
							background-image: -o-linear-gradient(#f9f9f9 0%, #f1f1f1 100%); 
							background-image: linear-gradient(#f9f9f9 0%, #f1f1f1 100%);
						}
						
							body div.content div.item-wrapper div.item-block div.image div.calendar div.day div.inner
							{
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%);
							}
				
					body div.content div.item-wrapper div.item-block div.image img
					{
						width: 49px;
						height: 49px;
						
						position: relative;
						
						border: 1px solid #aaa;
						
						border-radius: 60px;
						-moz-border-radius: 60px;
						-webkit-border-radius: 60px;
					}
					
				body div.content div.item-wrapper div.item-block div.text,
				body div.content div.item-wrapper div.item-block div.product-text
				{
					width: calc(100% - 72px);
					height: 50px;
					
					margin: 0px 0px 0px 17px;
					float: left;
					display: flex;
					align-items: center;
					
					font-size: 14px;
					line-height: 17px;
				}
				body div.content div.item-wrapper div.item-block.fadeout div.text
				{
					color: #aaa;
				}
				body div.content div.item-wrapper div.item-block div.text.splitted
				{
					width: calc(50% - 45px);
				}
				body div.content div.item-wrapper div.item-block div.text.splitted.margin
				{
					margin: 0px 0px 0px 38px;
				}
				body div.content div.item-wrapper div.item-block div.product-text
				{
					width: calc(100% - 110px);
					
					margin: 0px 0px 0px 15px;
				}
				
					body div.content div.item-wrapper div.item-block div.product-text div.status
					{
						width: 5px;
						height: 5px;
						
						margin: 6px 1px 0px 0px;
						float: left;
						
						border-radius: 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
					}
					body div.content div.item-wrapper div.item-block div.product-text div.status.green
					{
						background-color: #4abf8b;
					}
					body div.content div.item-wrapper div.item-block div.product-text div.status.orange
					{
						background-color: #dca525;
					}
					body div.content div.item-wrapper div.item-block div.product-text div.status.black
					{
						background-color: #000;
					}
					body div.content div.item-wrapper div.item-block div.product-text div.status.red
					{
						background-color: #da0a16;
					}
					body div.content div.item-wrapper div.item-block div.product-text div.status.blue
					{
						background-color: #2d8df8;
					}
				
					body div.content div.item-wrapper div.item-block div.text div.inner,
					body div.content div.item-wrapper div.item-block div.product-text div.inner
					{
						flex: 1;
						
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						
						text-align: left;
					}
						
						body div.content div.item-wrapper div.item-block div.text div.inner small
						{
							font-size: 13px;
						}
						
							body div.content div.item-wrapper div.item-block div.text div.inner small span
							{
								font-size: 12px;
							}
					
						body div.content div.item-wrapper div.item-block div.text div.inner span.material-icons
						{
							position: relative;
							top: 1.5px;
							right: 1px;
								
							font-size: inherit;
						}
					
				body div.content div.item-wrapper div.item-block div.action-button
				{
					width: 40px;
					height: 40px;
					
					position: absolute;
					top: 50%;
					right: 20px;
					transform: translate(0%, -50%);
					
					display: flex;
					align-items: center;
					justify-content: center;
					
					background-color: #f0f0f0;
					
					text-align: center;
					
					border-radius: 40px;
					-moz-border-radius: 40px;
					-webkit-border-radius: 40px;
				}
				
					body div.content div.item-wrapper div.item-block div.action-button span
					{
						font-size: 25px;
						color: #ccc;
					}
				
			body div.content div.item-wrapper div.extra-menu
			{
				width: calc(100% - 40px);
				
				padding: 30px 20px 10px 20px;
				margin: -25px 0px 20px 0px;
				display: table;
				
				background-color: #e4e8f1;
				border: 0.1px solid #dddddd;
				
				border-radius: 0px 0px 10px 10px;
				-moz-border-radius: 0px 0px 10px 10px;
				-webkit-border-radius: 0px 0px 10px 10px;
			}
			
				body div.content div.item-wrapper div.extra-menu ul
				{
					width: 100%;
					height: 1px;
					
					margin: 0px;
					padding: 0px;
					display: table;
					float: left;
				}
				
					body div.content div.item-wrapper div.extra-menu ul li
					{
						width: 25%;
						
						float: left;
						
						list-style-type: none;
						
						font-size: 15px;
						text-align: center;
					}
					body div.content div.item-wrapper div.extra-menu ul li.check
					{
						color: #d00000 !important;
					}
					
						body div.content div.item-wrapper div.extra-menu ul li span
						{
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
							filter: alpha(opacity=50);
							-moz-opacity: 0.5;
							-khtml-opacity: 0.5;
							opacity: 0.5;
						}
					
						body div.content div.item-wrapper div.extra-menu ul li span.inactive
						{
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
							filter: alpha(opacity=10);
							-moz-opacity: 0.1;
							-khtml-opacity: 0.1;
							opacity: 0.1;
						}
	
		body div.content div.choose-tabs
		{
			width: auto;
			height: 20px;
			
			margin: 0px auto 20px auto;
			padding: 4px;
			display: table;
			
			background-color: #e9e9e9;
			
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		
			body div.content div.choose-tabs div
			{
				padding: 7px 12px;
				display: table;
				
				font-size: 13px;
				color: #ccc;
				
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			body div.content div.choose-tabs div.left
			{
				margin: 0px 4px 0px 0px;
				float: left;
			}
			body div.content div.choose-tabs div.right
			{
				float: right;
			}
			body div.content div.choose-tabs div.active
			{
				background-color: #fff;
				
				color: #000;
			}
			
		body div.content div.choose-tabs-content
		{
			width: calc(100% - 12px);
			height: 1px;
			
			padding: 6px;
			display: none;
			
			overflow-x: hidden;
			overflow-y: scroll;
		}
		body div.content div.choose-tabs-content.left
		{
			display: table;
		}
		
		body div.subcontent div.form
		{
			width: calc(100% - 40px);
			height: 1px;
			
			position: relative;
			
			margin: 0px 0px 15px 0px;
			padding: 20px 20px;
			float: left;
			display: table;
			
			background-color: #fff;
			
			letter-spacing: -0.3px;
			line-height: 16px;
			
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		
			body div.subcontent div.form img
			{
				width: 80%;
			}
		
			body div.input-container
			{
				width: 100%;
				height: 1px;
				
				position: relative;
				
				margin: 0px 0px 12px 0px;
				display: table;
			}
			body div.input-container:nth-last-child(1)
			{
				margin: 0px;
			}
		
				body div.input-container input,
				body div.input-container select
				{
					width: calc(100% - 43px);
					
					padding: 10px 10px 10px 32px;
					
					background-color: #fff;
					border: 1px solid #e5e5e5;
					
					color: #666;
					
					border-radius: 8px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
				}
				body div.input-container input.no-icon
				{
					width: calc(100% - 23px);
					
					padding: 10px;
				}
				
				body div.input-container textarea
				{
					width: calc(100% - 20px);
					height: 70px;
					
					padding: 10px !important;
					
					background-color: #fff;
					border: 1px solid #e5e5e5;
					
					font-size: 15px;
					color: #666;
					
					border-radius: 8px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
				}
				
				body div.input-container select
				{
					width: 100%;
					
					padding: 13px 10px;
				}
				
				body div.input-container div.file-overlay
				{
					height: 42px;
					
					position: absolute;
					right: 1px;
					bottom: 1px;
					left: 33px;
					
					display: flex;
					align-items: center;
					justify-content: left;
					
					background-color: #fff;
					
					font-size: 15px;
					color: #666;
				}
				
				body div.input-container span.placeholder
				{
					width: 100%;
					
					margin: 0px 0px 5px 0px;
					float: left;
					
					font-size: 13px;
					color: #666666;
				}
				
					body div.input-container span.placeholder a
					{
						float: right;
						
						color: inherit;
					}
					
					body div.input-container span.placeholder div.addrow
					{
						float: right;
						
						color: #d00000;
					}
				
				body div.input-container span.input-icon
				{
					width: 17px;
					
					position: absolute;
					top: 37px;
					left: 11px;
					
					font-size: 17px;
				}
				
	body div.menu
	{
		height: 30px;
		
		position: absolute;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 995;
		
		padding: 20px 15px 20px 15px;
		
		background-color: #f9f9f9;
		border-top: 0.1px solid #b2b2b2;
	}
	
		body div.menu ul
		{
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			
			display: table;
			table-layout: fixed;
		}
		
			body div.menu ul li
			{
				display: table-cell;
				
				text-align: center;
				
				list-style-type: none;
			}
			
				body div.menu ul li input
				{
					width: auto;
					
					margin: -5px 0px 0px 0px;
					padding: 8px;
					float: left;
					display: table;
					
					background-color: #d10000;
					border: none;
					
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					
					font-size: 13px;
					color: #fff;
				}
			
				body div.menu ul li span
				{
					width: 100%;
					
					color: #6e7689;
					
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity: 0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
					
					font-size: 30px;
				}
				body div.menu ul li span.active
				{
					color: #d00000;
					
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
					filter: alpha(opacity=100);
					-moz-opacity: 1.0;
					-khtml-opacity: 1.0;
					opacity: 1.0;
				}