*
{
  -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 */
}

div.image div.calendar
{
	width: 100%;
	height: 100%;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
		
	-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;
}

	div.image div.calendar div.month
	{
		width: 100%;
		
		padding: 3px 0px;
		
		background: #e8363a;
		
		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;
	}
	
	div.image div.calendar div.day
	{
		width: 100%;
		height: calc(100% - 15px);
		
		position: relative;
		
		font-size: 17px;
		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%);
	}
	
		div.image div.calendar div.day div.inner
		{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

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

	body div.contract
	{
		width: 100%;
		height: 1px;
		
		margin: 60px 0px 0px 0px;
		display: table;
		
		text-align: center;
	}
	
		div.contract img.contract
		{
			width: 80%;
			
			-webkit-box-shadow: 0px 0px 10px 1px #ddd;
			-moz-box-shadow: 0px 0px 10px 1px #ddd;
			box-shadow: 0px 0px 10px 1px #ddd;
		}
	
	body div.howto-cart
	{
		position: absolute;
		top: 50px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 998;
		
		display: none;
		
		background-color: #000;
		
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
	
	body div.howto-cart-block
	{
		width: 200px;
		height: 1px;
		
		position: absolute;
		top: -100px;
		left: 50%;
		z-index: 999;
		transform: translate(-50%, 0%);
		
		padding: 8px;
		display: none;
		
		background-color: #fff;
		
		color: #000;
		text-align: center;
		
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		
		-webkit-box-shadow: 0px 0px 10px 0.5px #999;
		-moz-box-shadow: 0px 0px 10px 0.5px #999;
		box-shadow: 0px 0px 10px 0.5px #999;
	}
	
	body div.howto-cart-block div.button-ok
	{
		width: calc(100% - 10px);
		height: 1px;
		
		margin: 5px 0px 0px 0px;
		padding: 8px 5px;
		float: left;
		display: table;
		
		font-size: 12px;
		color: #fff;
		text-align: center;
		
		background-color: #000;
		
		border-radius: 7px;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	body div.header
	{
		height: 50px;
		
		position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
		z-index: 995;
		
		visibility: hidden;
		
		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: 2px 0px 0px 0px;
				padding: 8px 0px 0px 0px;
				
				background-color: #e1e1e1;
				
				border-radius: 30px;
				-moz-border-radius: 30px;
				-webkit-border-radius: 30px;
				
				font-size: 15px;
				text-align: center;
			}
			body div.header div.action-buttons span.blue
			{
				display: none;
				
				background-color: #ce363a;
				color: #fff;
			}
		
		body div.header div.image
		{
			width: 35px;
			height: 35px;
			
			position: absolute;
			top: 7px;
			left: 20px;
		}
		
			body div.header div.image img
			{
				width: 35px;
				height: 35px;
			}
	
	body div.content,
	body div.subcontent
	{
		position: absolute;
		top: 50px;
		right: 0px;
		bottom: 65px;
		left: 0px;
		
		visibility: hidden;
		
		padding: 20px;
		display: none;
		overflow-x: hidden;
		overflow-y: scroll;
		
		background: #f1f1f1;
	}
	body div.subcontent
	{
		display: block;
	}
	
		body div.subcontent div.options-container
		{
			width: 100%;
			
			margin: 0px 0px 15px 0px;
			display: table;
		}
		
			body div.subcontent div.options-container div.title
			{
				padding: 3.5px 0px 0px 0px;
				float: left;
				
				font-size: 18px;
			}
			
			body div.subcontent div.options-container div.checkbox
			{
				float: right;
			}
			
				body div.subcontent div.options-container div.checkbox div.check
				{
					width: 45px;
					height: 15px;
					
					padding: 2.5px;
					float: right;
					
					background-color: #f9f9f9;
					border: 0.1px solid #ddd;
					
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					
					-webkit-box-shadow: 0px 0px 2px 0.1px #ddd;
					-moz-box-shadow: 0px 0px 2px 0.1px #ddd;
					box-shadow: 0px 0px 2px 0.1px #ddd;
				}
				body div.subcontent div.options-container div.checkbox div.check.active
				{
					background-color: #f5f5f5;
				}
				
					body div.subcontent div.options-container div.checkbox div.check div.slider
					{
						width: 25px;
						height: 15px;
						
						background-color: #bbb;
						
						border-radius: 10px;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
					}
					body div.subcontent div.options-container div.checkbox div.check.active div.slider
					{
						float: right;
						
						background-color: #2ea3ed;
					}
					
			body div.subcontent div.options-explaination
			{
				padding: 10px 0px 0px 0px;
				
				border-top: 0.1px solid #ccc;
				
				font-size: 14px;
			}
	
		body div.subcontent div.faq
		{
			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.2px;
			line-height: 16px;
			color: #555;
			
			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.subcontent div.faq strong
			{
				width: 100%;
				
				margin: 0px 0px 5px 0px;
				float: left;
				
				font-size: 20px;
				letter-spacing: -1px;
			}
	
		body div.content div.bar
		{
			width: 100%;
			height: 2px;
			
			margin: 8px 0px 9px 0px;
			float: left;
		}
		body div.content div.bar.blue
		{
			background-color: #2ea3ed;
		}
		body div.content div.bar.yellow
		{
			background-color: #edd42e;
		}
		body div.content div.bar.red
		{
			background-color: #ed2e2e;
		}
		body div.content div.bar.orange
		{
			background-color: #eab137;
		}
		
			body div.content div.bar div.filler
			{
				height: 2px;
				
				float: left;
			}
			body div.content div.bar div.filler.yellow
			{
				background-color: #edd42e;
			}
			body div.content div.bar div.filler.blue
			{
				background-color: #2ea3ed;
			}
			body div.content div.bar div.filler.red
			{
				background-color: #ed2e2e;
			}
			body div.content div.bar div.filler.orange
			{
				background-color: #eab137;
			}
	
		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;
				
				-webkit-box-shadow: 0px 0px 2px 1px #ccc;
				-moz-box-shadow: 0px 0px 2px 1px #ccc;
				box-shadow: 0px 0px 2px 1px #ccc;
			}
			
		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.remove-button
		{
			width: calc(100% - 30px);
			height: 1px;
			
			position: relative;
			
			margin: 0px 0px 0px 0px;
			padding: 15px;
			float: left;
			display: table;
			
			background-color: #e8363a;
			
			font-size: 18px;
			color: #fff;
			text-align: center;
			
			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.subcontent div.remove-login-cache
		{
			width: calc(100% - 30px);
			height: 1px;
			
			position: relative;
			
			margin: 10px 0px 0px 0px;
			padding: 15px;
			float: left;
			display: table;
			
			background-color: #edd42e;
			
			font-size: 18px;
			color: #fff;
			text-align: center;
			
			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.subcontent div.receipt
		{
			width: calc(100% - 40px);
			height: 1px;
			
			position: relative;
			
			margin: 0px 0px 15px 0px;
			padding: 20px 20px;
			float: left;
			display: none;
			
			background-color: #fff;
		}
		body div.subcontent div.receipt:after
		{
			height: 10px;
			
			position: absolute;
			right: 0;
			bottom: -10px;
			left: 0;
			
			display: block;
			
			content: "";
			
			background:
			linear-gradient(
			45deg, transparent 33.333%,
			#fff 33.333%, #fff 66.667%,
			transparent 66.667%
			),linear-gradient(
			-45deg, transparent 33.333%,
			#fff 33.333%, #fff 66.667%,
			transparent 66.667%
			);
			background-size: 8px 30px;
			background-position: 0 -15px;
		}
		body div.subcontent div.receipt:before
		{
			height: 10px;
			
			position: absolute;
			top: -10px;
			right: 0;
			left: 0;
			
			display: block;
			
			content: "";
			-webkit-transform: rotateX(180deg);
			transform: rotateX(180deg);
			
			background:
			linear-gradient(
			45deg, transparent 33.333%,
			#fff 33.333%, #fff 66.667%,
			transparent 66.667%
			),linear-gradient(
			-45deg, transparent 33.333%,
			#fff 33.333%, #fff 66.667%,
			transparent 66.667%
			);
			background-size: 8px 20px;
			background-position: 0 -10px;
		}
		
			body div.subcontent div.receipt div.receipt-header
			{
				width: 100%;
				
				margin: 0px 0px 20px 0px;
				
				font-size: 18px;
				text-align: center;
				text-transform: uppercase;
				color: #000;
			}
			
			body div.subcontent div.receipt div.product
			{
				width: 100%;
				height: 1px;
				
				padding: 10px 0px;
				display: table;
				
				border-top: 1px dashed #ccc;
			}
			
				body div.subcontent div.receipt div.product div.name
				{
					width: 75%;
					
					float: left;
				}
				body div.subcontent div.receipt div.product.total div.name
				{
					font-weight: bold;
				}
				
				body div.subcontent div.receipt div.product div.price
				{
					width: 25%;
					
					float: right;
					
					text-align: right;
				}
				body div.subcontent div.receipt div.product.total div.price
				{
					font-weight: bold;
				}
	
		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;
			
			-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.subcontent div.form.google
		{
			background-color: #f7f7f7;
			color: #555;
		}
		
			body div.subcontent div.form div.input-container
			{
				width: 100%;
				height: 1px;
				
				position: relative;
				
				margin: 0px 0px 15px 0px;
				display: table;
			}
			body div.subcontent div.form div.input-container:nth-last-child(1)
			{
				margin: 0px;
			}
		
				body div.subcontent div.form div.input-container input,
				body div.subcontent div.form 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.subcontent div.form div.input-container input.no-icon
				{
					padding: 10px;
				}
				
				body div.subcontent div.form div.input-container select
				{
					width: 100%;
					
					padding: 13px 10px;
				}
				
				body div.subcontent div.form 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.subcontent div.form div.input-container span.placeholder
				{
					width: 100%;
					
					margin: 0px 0px 5px 0px;
					float: left;
				}
				
					body div.subcontent div.form div.input-container span.placeholder a
					{
						float: right;
						
						color: inherit;
					}
				
				body div.subcontent div.form div.input-container span.input-icon
				{
					position: absolute;
					top: 35px;
					left: 11px;
					
					font-size: 17px
				}
		
			body div.subcontent div.form div.search-results
			{
				width: 100%;
				height: 10px;
				
				display: none;
				
				background-color: #fff;
				
				line-height: 20px;
			}
			
				body div.subcontent div.form div.search-results div.result
				{
					width: 100%;
					height: 25px;
					
					display: flex;
					align-items: center;
					justify-content: left;
				}
				
					body div.subcontent div.form div.search-results div.result span
					{
						margin: 0px 4px 0px 0px;
					}
					
					body div.subcontent div.form div.search-results div.result div.name
					{
						width: 100px;
						
						float: left;
						
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
		
			body div.subcontent div.form.customer-summary div.text
			{
				width: calc(70% - 10px);
				height: 1px;
				
				position: absolute;
				top: 50%;
				transform: translate(0%, -50%);
				
				padding: 10px 0px 10px 15px;
				display: table;
				float: left;
			}
			
				body div.subcontent div.form.customer-summary div.text div.service
				{
					margin: 0px 0px 5px 0px;
					
					font-size: 14px;
					font-weight: bold;
					letter-spacing: -1px;
				}
			
				body div.subcontent div.form.customer-summary div.text div.name
				{
					margin: 0px 0px -2px 0px;
					
					font-size: 16px;
				}
				
				body div.subcontent div.form.customer-summary div.text div.address
				{
					font-size: 14px;
				}
				
			body div.subcontent div.form.customer-summary div.image
			{
				width: 70px;
				height: 70px;
				
				float: right;
			}
			
				body div.subcontent div.form.customer-summary div.image img
				{
					width: 61px;
					height: 61px;
					
					border-radius: 61px;
					-moz-border-radius: 61px;
					-webkit-border-radius: 61px;
					
					-webkit-box-shadow: 0px 0px 10px 0.5px #999;
					-moz-box-shadow: 0px 0px 10px 0.5px #999;
					box-shadow: 0px 0px 10px 0.5px #999;
				}
			
	body div.menu
	{
		height: 35px;
		
		position: absolute;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 995;
		
		visibility: hidden;
		
		padding: 20px 15px 10px 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: #2ea3ed;
					border: none;
					
					border-radius: 5px;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					
					font-size: 13px;
					color: #fff;
				}
			
				body div.menu ul li span
				{
					font-size: 30px;
				}
				body div.menu ul li span.material-icons-outlined
				{
					width: 100%;
					
					color: #bbb;
				}
				body div.menu ul li span.material-icons
				{
					filter: invert(58%) sepia(28%) saturate(3304%) hue-rotate(176deg) brightness(96%) contrast(93%);
				}
	
	body img.login-logo
	{
		width: 120px;
		
		position: fixed;
		left: 50%;
		z-index: 985;
		
		margin: 0px 0px 0px -60px;
	}

	body div.container
	{
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 980;
		
		padding: 30px;
		
		overflow-x: hidden;
		overflow-y: scroll;
	}
	body div.container.pattern
	{
		background: url('/media/system/login-bg3.png') repeat;
		background-size: contain;
		background-position: center top;
	}
	body div.container.pattern-admin
	{
		background: url('/media/system/login-admin-bg3.png') repeat;
		background-size: contain;
		background-position: center top;
	}
	
		body div.container div.login-container
		{
			position: absolute;
			right: 0px;
			bottom: 0px;
			left: 0px;
			z-index: 999;
			
			padding: 50px 30px;
			
			background-color: #e6e6e6;
			border-top: 0.1px solid #ccc;
			border-bottom: 0.1px solid #ccc;
		}
		
			body div.container div.login-container input[type='text'],
			body div.container div.login-container input[type='tel'],
			body div.container div.login-container input[type='password']
			{
				width: 100%;
				height: 20px;
				
				padding: 0px 0px 10px 0px;
				margin: 0px 0px 20px 0px;
				
				background: transparent;
				border: none;
				border-bottom: 1px solid #ccc;
				
				border-radius: 0px;
				-moz-border-radius: 0px;
				-webkit-border-radius: 0px;
			}
			body div.container div.login-container input::placeholder
			{
				color: #bbb;
			}
			body div.container div.login-container input:focus
			{
				border-color: #2ea3ed;
			}
			body div.container div.login-container input:focus::placeholder
			{
				color: #999;
			}
			
			body div.container div.login-container input[type='submit'],
			body div.container div.login-container input[type='button']
			{
				width: 100%;
				height: 40px;
				
				margin: 15px 0px 0px 0px;
				padding: 0px 20px;
				
				background-color: #2ea3ed;
				border: 0px;
				
				color: #fff;
				text-transform: uppercase;
				
				border-radius: 0px;
				-moz-border-radius: 0px;
				-webkit-border-radius: 0px;
			}
			body div.container.admin div.login-container input[type='submit'],
			body div.container.admin div.login-container input[type='button']
			{
				background-color: #edd42e;
				
				color: #666;
			}
			
		body div.container div.admin-login
		{
			position: absolute;
			right: 0px;
			bottom: 0px;
			left: 0px;
			
			padding: 30px 30px 15px 30px;
			
			background-color: #f9f9f9;
			
			font-size: 13px;
			color: #bbb;
			text-decoration: none;
			text-align: center;
		}
		
			body div.container div.admin-login a
			{
				font-size: 13px;
				color: #aaa;
				text-decoration: none;
			}