@media screen and (max-device-width: 480px){
    body{
        -webkit-text-size-adjust: none !important;
    }
}

input, textarea, select
{
	-webkit-appearance: none;
	border-radius:0px;
}

textarea
{
	resize: none !important
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

html, body
{
	padding:0px;
	margin:0px;
	font-family:Roboto;
	font-weight:500;
	height: 100%;
	min-height: 100%;
	color:#333333;
	min-width:320px;
}

.clear
{
	float:left;
	width:100%;
}

.red
{
	color:#FF6B6B;
}

.upgrade
{
	font-size:1.4em !important;
	color:#FF6B6B;
}

.inspire-mee
{
	text-transform:none !important;
}

@media (min-width: 1181px) {
	.desktop-hide
	{
		display:none;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.tablet-hide
	{
		display:none;
	}
}

@media (max-width: 750px) {
	.mobile-hide
	{
		display:none !important;
	}
}

.wrapper
{
	float:left;
	width:100%;
	height: 100%;
	min-height: 100%;
	display: table;
	padding-top:49px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.no-padding
{
	padding:0px !important
}

.no-padding-top
{
	padding-top:0px !important
}

.no-padding-bottom
{
	padding-bottom:0px !important
}

.no-margin-bottom
{
	margin-bottom:0px !important
}

.no-margin-top
{
	margin-top:0px !important
}

.padding-left
{
	padding-left:20px !important;
}

.padding-20
{
	padding:20px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.margin-bottom
{
	margin-bottom:20px !important
}

.margin-top
{
	margin-top:20px !important
}

.border-top
{
	border-top:1px solid #dddddd;
}

.border-bottom
{
	border-bottom:1px solid #dddddd;
}

.red-highlight
{
	color:#FF6B6B;
}

.green-highlight
{
	color:#4caf50;
}

.trade
{
	font-family:arial !important;
	font-size:0.9em !important;
	opacity:1 !important;
	float:none !important;
	margin:0px !important;
	color:inherit !important;
}

/*TOP BAR*/

.top-bar
{
	width:100%;
	position:fixed;
	top:0px;
	height:49px;
	background-color:#37474F;
	border-bottom:1px solid #4B5A61;
	z-index:9999;
	min-width:320px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 750px) {
	.top-bar
	{
		padding-right:0px;
	}
}

.right-content-top-bar
{
	background-color: #263238 !important
}

.top-bar-logo
{
	float:left;
	width:30px;
	height:30px;
	margin-left:20px;
	margin-top:9px;
	background-image:url('images/locked-white.png');
	background-position:center;
	background-size:20px 20px;
	background-repeat:no-repeat;
}

@media (max-width: 750px) {
	.top-bar-logo
	{
		width:0px;
	}
}

.top-bar-title
{
	float:left;
	color:#ffffff;
	font-size:0.9em;
	margin-left:6px;
	margin-right:6px;
	line-height:48px;
	text-decoration:none;
	font-weight: 900;
}

.top-bar-divider
{
	float:left;
	color:#ffffff;
	line-height:48px;
	font-weight: 300;
}

span.top-bar-title
{
	font-weight: 300;
}
.top-bar-icon 
{
	float:right;
	width:24px;
	height:24px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	margin-right:20px;
	margin-top:12px;
	cursor:pointer;
	transition:all .25s ease-in-out;
}

@media (max-width: 750px) {
	.top-bar-icon 
	{
		margin:0px;
		height:48px;
		width:48px;
		background-size:16px 16px;
		position:absolute;
		right:0px;
	}
}

@media (max-width: 750px) {
	.top-bar-icon:hover
	{
		background-color:#FF6B6B
	}
}

@media (min-width: 751px) {
	.top-bar-menu
	{
		display:none !important;
	}
}

@media (max-width: 750px) {
	.top-bar-support, .top-bar-live-support, .top-bar-contact
	{
		display:none !important;
	}
}

@media (min-width: 751px) {
	.top-bar-menu
	{
		display:none !important;
	}
}

.top-bar-support
{
	display:none;
	background-image:url('images/support.png');
}

.top-bar-menu
{
	background-image:url('images/menu.png');
}

.notify
{
	position:absolute;
	right:10px;
	top:160px;
	z-index:10000;
	padding:0px;
	border-radius:3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.notify-fixed
{
	position:fixed;
	top:60px;
}

@media (max-width: 750px) {
	.notify
	{
		display:none;
	}
}

.notify-inner
{
	float:left;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:3px;
	line-height:20px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:40px;
	font-size:0.8em;
	font-weight:400;
	border:1px solid #00BCD4;
	border-right-width:44px;
	background-color:#E0F7FA;	
	color:#205823;
}

.notify-icon
{
	position:absolute;
	float:left;
	width:44px;
	height:20px;
	height:44px;
	top:50%;
	right:0px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:18px 18px;
	background-image:url('images/cancel.png');
	margin-top:-20px;
	cursor:pointer;	
}

.notify-inner span
{
	font-weight:600;
}

.top-bar-site
{
	float:right;
	color:#ffffff;
	margin-right:20px;
	line-height:48px;
	font-size:0.9em;
	cursor:pointer;
	transition:all .25s ease-in-out;
	background-size:35px 35px;
	background-repeat:no-repeat;
	background-position:left 20px center;
	padding-left:65px;
	padding-right:5px;
}

@media (max-width: 750px) {
	.top-bar-site
	{
		float:left;
	}
}

.top-bar-site-open
{
	float:right;
	background-image: url("images/arrow-down.png");
	background-size:8px 8px;
	background-position:center;
	background-repeat:no-repeat;
	width:30px;
	height:48px;
	
}

.top-bar-site:hover
{
	background-color:#111618;
}

.top-bar-site-popup
{
	position:absolute;
	display:none;
	z-index:3;
	right:0px;
	top:60px;
	float:left;
	border-radius:5px;
	background-color:#ffffff;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:20px;
	border:1px solid #dddddd;
	width:150px;
	padding-top:6px;
	padding-bottom:6px;
}

@media (max-width: 750px) {
	.top-bar-site-popup
	{
		left:0px;
		margin-left:20px;
	}
}

.top-bar-site-popup-link
{	
	float:left;
	width:100%;
	line-height:20px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	font-weight:400;
	cursor:pointer;
	text-decoration:none;
	color:#333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition:all .25s ease-in-out;
}

.top-bar-site-popup-link:hover
{	
	background-color:#F5F5F5;
}

a.top-bar-site-popup-link
{
	font-size:0.8em;
}

.top-bar-site-popup-link-active
{	
	background-color:#F5F5F5;
	pointer-events:none;
}

/*LEFT NAV*/

.left-nav
{
	background-color:#263238;
	width:260px;
	vertical-align: top;
	height:100%;
}

.top-bar .left-nav{
	border-right:1px solid #4B5A61;
	width:259px;
}

.top-bar .left-nav-inner span{
	color:red;
}


@media (min-width: 751px) {
	.left-nav
	{
		display:table-cell !important;
	}
}

@media (max-width: 750px) {
	.left-nav
	{
		width:100%;
		display:none;
		background-color:transparent;
	}
}

@media (min-width: 751px) {
	.left-nav-hidden
	{
		display:none !important;
	}
}

.left-nav-support
{
	display:none;
}

.left-nav-inner
{
	float:left;
	width:260px;
}

@media (max-width: 750px) {
	.left-nav-inner
	{
		width:100%;
		background-color:#263238;
		padding-bottom:20px;
	}
}

.left-nav-user-name
{
	float:left;
	width:100%;
	color:#ffffff;
	text-align:center;
	font-size:0.9em;
	margin-top:20px;
}

@media (max-width: 750px) {
	.left-nav-user-name
	{
		width:auto;
		margin-left:10px;
		margin-top:30px;
	}
}

.left-nav-user-charity, .left-nav-user-strength
{
	float:left;
	width:100%;
	color:#ffffff;
	text-align:center;
	font-size:0.7em;
	font-weight:400;
	margin-top:0px;
	opacity:0.8;
}

.left-nav-user-strength
{
	margin-top:10px;
}

@media (max-width: 750px) {
	.left-nav-user-charity, .left-nav-user-strength
	{
		display:none;
	}
}

.left-nav-user
{
	float:left;
	width:100%;
}

.left-nav-user-logo-outer
{
	float:left;
	width:100%;
	margin-top:53px;
}

@media (max-width: 750px) {
	.left-nav-user-logo-outer
	{
		width:auto;
		margin-top:20px;
	}
}

.left-nav-user-logo
{
	margin:auto;
	width:82px;
	height:82px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:41px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:2px;
	position:relative;
	z-index:1;
}

@media (max-width: 750px) {
	.left-nav-user-logo
	{
		width:36px;
		height:36px;
		border-radius:18px;
		float:left;
		margin-left:20px;
	}
}

.left-nav-user-icons
{
	float:left;
	width:100%;
	margin-top:12px;
}

@media (max-width: 750px) {
	.left-nav-user-icons
	{
		float:right;
		width:auto;
		margin-top:22px;
		margin-right:5px;
	}
}

.left-nav-user-icons-inner
{
	margin:auto;
	width:50px;
}

.left-nav-user-icons-inner-admin
{
	width:25px;
}

@media (max-width: 750px) {
	.left-nav-user-icons-inner
	{
		float:right;
		width:auto;
	}
}

.left-nav-user-icon	
{
	float:left;
	width:15px;
	height:15px;
	margin-left:5px;
	margin-right:5px;
	background-size:12px 12px;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	transition:all .25s ease-in-out;
}

@media (max-width: 750px) {
	.left-nav-user-icon
	{
		width:30px;
		height:30px;
		background-size:15px 15px;
	}
}

.left-nav-user-icon-logout
{
	background-image:url('images/logout.png');
}

.left-nav-user-icon-settings
{
	background-image:url('images/settings.png');
}

.left-nav-user-icon:hover
{
	opacity:1;
}

.left-nav-menu
{
	float:left;
	width:260px;
	position: fixed;
}

@media (max-width: 750px) {
	.left-nav-menu
	{
		width:100%;
		margin-top:20px;
		position: relative;
	}
}

.left-nav-menu-section
{
	float:left;
	width:100%;
	position:relative;
}

.left-nav-menu-title
{
	float:left;
	width:100%;
	color:#ffffff;
	font-size:0.85em;
	opacity:0.8;
	height:45px;
	line-height:45px;
	background-color:#263238;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:50px;
	cursor:pointer;
	transition:all .25s ease-in-out;
	background-image:url('images/arrow-right.png');
	background-size:8px 8px;
	background-position:right 20px center;
	background-repeat:no-repeat;
}

.left-nav-menu-title:hover
{
	background-color:#202B30;
	opacity:1;
}

.left-nav-menu-title-active
{
	background-color:#FF6B6B;
	opacity:1;
	background-image:url('images/arrow-down.png');
}

.left-nav-menu-title-active:hover
{
	background-color:#FF6B6B;
}

.left-nav-menu-section-title
{
	float:left;
	width:100%;
	color:#ffffff;
	font-size:0.7em;
	opacity:0.5;
	font-weight:400;
	height:45px;
	line-height:45px;
	margin-top:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:20px;
	text-transform:uppercase;
}

.left-nav-menu-title-link
{
	background-image:none;
	text-decoration:none;
}

.left-nav-menu-links
{
	float:left;
	display:none;
	width:100%;
	background-color:#202B30;
	overflow:hidden;
}

.left-nav-menu-links .left-nav-menu-links
{
	margin-top:1px;
}

.left-nav-menu-links-active
{
	display:block;
	border-bottom:1px solid rgba(255,255,255,0.2);
}

.left-nav-menu-link, .left-nav-menu-section .left-nav-menu-section .left-nav-menu-title
{
	float:left;
	width:100%;
	color:#ffffff;
	font-size:0.8em;
	font-weight:400;
	opacity:0.8;
	height:40px;
	line-height:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:50px;
	text-decoration:none;
	transition:all .25s ease-in-out;
	cursor:pointer;
	background-color:transparent;
}

.left-nav-menu-link:hover, .left-nav-menu-section .left-nav-menu-section .left-nav-menu-title:hover
{
	background-color:#111618;
}

.left-nav-menu-link-active, .left-nav-menu-section .left-nav-menu-section .left-nav-menu-title-active
{
	background-color:#111618;
	opacity:1;
	font-weight:500;
}

.left-nav-menu-section .left-nav-menu-section .left-nav-menu-link
{
	padding-left:70px;
}

.left-nav-menu-section .left-nav-menu-section .left-nav-menu-link-active
{
	background-color:#37474F;
}

.left-nav-menu-icon
{
	float:left;
	width:50px;
	height:42px;
	background-size:16px 16px;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	opacity:0.8;
	pointer-events:none;
}

.left-nav-menu-title-active .left-nav-menu-icon
{
	opacity:1;
}

.left-nav-menu-title:hover .left-nav-menu-icon
{
	opacity:1;
}

#left-nav-menu-icon-dashboard{background-image:url('images/left-nav/live-data.png');}
#left-nav-menu-icon-live-data{background-image:url('images/left-nav/live-data.png');}
#left-nav-menu-icon-targets{background-image:url('images/left-nav/targets.png');}
#left-nav-menu-icon-orders{background-image:url('images/left-nav/orders.png');}
#left-nav-menu-icon-phone-order{background-image:url('images/left-nav/phone-order.png');}
#left-nav-menu-icon-samples{background-image:url('images/left-nav/samples.png');}
#left-nav-menu-icon-fabrics{background-image:url('images/left-nav/fabrics.png');}
#left-nav-menu-icon-wallpapers{background-image:url('images/left-nav/fabrics.png');}
#left-nav-menu-icon-customers{background-image:url('images/left-nav/customers.png');}
#left-nav-menu-icon-special-products{background-image:url('images/left-nav/special-products.png');}
#left-nav-menu-icon-free-gifts{background-image:url('images/left-nav/free-gifts.png');}
#left-nav-menu-icon-voucher-codes{background-image:url('images/left-nav/voucher-codes.png');}
#left-nav-menu-icon-eshots{background-image:url('images/left-nav/enquiries.png');}
#left-nav-menu-icon-brands{background-image:url('images/left-nav/brands.png');}
#left-nav-menu-icon-inspire-mee{background-image:url('images/left-nav/inspire-mee.png');}
#left-nav-menu-icon-merchants{background-image:url('images/left-nav/merchants.png');}
#left-nav-menu-icon-users{background-image:url('images/left-nav/users.png');}
#left-nav-menu-icon-logs{background-image:url('images/left-nav/logs.png');}
#left-nav-menu-icon-performance{background-image:url('images/left-nav/performance.png');}
#left-nav-menu-icon-feedback{background-image:url('images/left-nav/feedback.png');}
#left-nav-menu-icon-enquiries{background-image:url('images/left-nav/enquiries.png');}
#left-nav-menu-icon-tickers{background-image:url('images/left-nav/tickers.png');}
#left-nav-menu-icon-quotes{background-image:url('images/left-nav/quotes.png');}
#left-nav-menu-icon-refunds{background-image:url('images/left-nav/refunds.png');}
#left-nav-menu-icon-invoices{background-image:url('images/left-nav/invoices.png');}
#left-nav-menu-icon-payments{background-image:url('images/left-nav/payments.png');}
#left-nav-menu-icon-help{background-image:url('images/left-nav/help.png');}
#left-nav-menu-icon-reporting{background-image:url('images/left-nav/reporting.png');}
#left-nav-menu-icon-searches{background-image:url('images/left-nav/searches.png');}
#left-nav-menu-icon-clearance{background-image:url('images/left-nav/clearance.png');}
#left-nav-menu-icon-face-masks{background-image:url('images/left-nav/face-masks.png');}
#left-nav-menu-icon-warnings{background-image:url('images/left-nav/warnings.png');}
#left-nav-menu-icon-workroom-stock{background-image:url('images/left-nav/workroom-stock.png');}
#left-nav-menu-icon-products{background-image:url('images/left-nav/products.png');}
#left-nav-menu-icon-competitions{background-image:url('images/left-nav/competitions.png');}

.left-nav-menu-break
{
	float:left;
	width:100%;
	height:1px;
	background-color:rgba(255,255,255,0.1);
	margin-top:10px;
	margin-bottom:10px;
}

.left-nav-menu-link-count
{
	display:inline-block;
	min-width:12px;
	height:16px;
	background-color:#FF6B6B;
	line-height:16px;
	text-align:center;
	border-radius:8px;
	font-size:0.85em;
	margin-left:3px;
	padding-left:2px;
	padding-right:2px;
}

/*CONTENT*/

.page-content
{
	float:left;
	display:table;
	width:100%;
	height: 100%;
	min-height: 100%;
	max-width:100%;
}

.right-content
{
	display:table-cell;
	width:100%;
	background-color:#F5F5F5;
	height:100%;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 750px) {
	.right-content
	{
		display:block;
	}
}

.content
{
	float:left;
	width:100%;
	background-color:#F5F5F5;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.right-content-header
{
	float:left;
	width:100%;
	background-color:#ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.right-content-back
{
	float:left;
	width:16px;
	height:29px;
	background-image:url('images/back.png');
	background-size:16px 16px;
	background-repeat:no-repeat;
	background-position:center;
	margin-top:32px;
	margin-left:20px;
}

.right-content-back-spacer
{
	float:left;
	width:10px;
	height:29px;
	margin-top:32px;
}

.right-content-title
{
	float:left;
	margin-top:32px;
	margin-bottom:32px;	
	font-size:1.2em;
	line-height:29px;
	font-weight:400;
	margin-left:11px;
	letter-spacing:-0.015em;
}

@media (max-width: 750px) {
	.right-content-title
	{
		width:75%;
	}
}

.right-content-title span
{
	font-weight:500;
	text-transform:capitalize;
}

span.brand-name
{
	text-transform:none;
}
			 
.right-content-breadcrumbs
{
	float:left;
	width:100%;
	padding-left:20px;
	background-color:#FCFCFC;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	font-weight:400;
	font-size:0.8em;
	text-transform:capitalize;
}
 
.right-content-breadcrumbs-home
{
	padding-left:20px;
	background-image:url('images/home.png');
	background-size:12px 12px;
	background-position:left;
	background-repeat:no-repeat;
}
 
.right-content-breadcrumbs a
{
	color:#333333;
	text-decoration:none;
}    

.right-content-breadcrumbs span
{
	opacity:0.5;
}  

.right-content-buttons
{
	float:right;
	margin-right:20px;
}

@media (max-width: 750px) {
	.right-content-buttons
	{
		display:none;
		width:100%;
		float:left;
		margin:0px;
		border-top:1px solid #dddddd;
	}
}

.right-content-buttons-inner
{
	float:left;
}

.right-content-buttons-more
{
	cursor:pointer;
	float:right;
	width:30px;
	height:30px;
	margin-top:30px;
	background-image:url('images/more.png');
	background-size:14px 14px;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:9px;
}

@media (min-width: 751px) {
	.right-content-buttons-more
	{
		display:none;
	}
}

.right-content-button
{
	float:left;
	padding:10px;
	height:60px;
	background-position:top 10px center;
	text-align:center;
	text-decoration:none;
	font-size:0.8em;
	font-weight:400;
	color:#333333;
	padding-top:38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size:20px 20px;
	background-repeat:no-repeat;
	margin-top:17px;
	cursor:pointer;
}

@media (max-width: 750px) {
	
	.right-content-buttons-inner
	{
		width:100%;
	}
	
	.right-content-buttons
	{
		padding-bottom:17px;
	}
	
	.right-content-button
	{
		width:33.3333%;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	
	.right-content-buttons
	{
		width:100%;
	}
	
	.right-content-buttons-inner
	{
		width:100%;
	}
	
	.right-content-buttons
	{
		padding-bottom:17px;
		margin-right:0px;
	}
	
	.right-content-button
	{
		width:25%;
		margin-top:0px;
		margin-bottom:17px;
	}
}

.right-content-export-button
{
	background-image:url('images/export.png');
}

.right-content-import-button
{
	background-image:url('images/import.png');
}

.right-content-analytics-button
{
	background-image:url('images/analytics.png');
	background-size:30px 30px;
}

.right-content-archive-button
{
	background-image:url('images/bin.png');
}

.right-content-print-button
{
	background-image:url('images/print-dark.png');
}

.right-content-parcel-button
{
	background-image:url('images/parcel.png');
}

.right-content-upgrade-button
{
	background-image:url('images/delivery.png');
}

.right-content-sms-button
{
	background-image:url('images/sms.png');
}

.right-content-move-button, .right-content-unarchive-button
{
	background-image:url('images/move.png');
}

.right-content-email-button
{
	background-image:url('images/email.png');
}

.right-content-add-button
{
	background-image:url('images/add.png');
}

.right-content-close-button
{
	background-image:url('images/locked.png');
}

.right-content-manage-button
{
	background-image:url('images/manage.png');
}

.right-content-quote-button
{
	background-image:url('images/quotes.png');
}

.right-content-chasing-button
{
	background-image:url('images/sad.png');
}

.right-content-label-button
{
	background-image:url('images/labels.png');
}

.content-box
{
	float:left;
	padding:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
}

@media (min-width: 1181px) {
	.content-box-center
	{
		margin-top:50px;
	}
}

.content-box-right
{
	float:right;
}

.content-box-question
{
	padding-bottom:0px;
}

@media (max-width: 750px) {
	.content-box
	{
		width:100%;
	}
}

.content-box-100
{
	width:100%;
}

.content-box-75
{
	width:75%;
}

.content-box-50
{
	width:50%;
}

.content-box-25
{
	width:25%;
}

.content-box-33
{
	width:33.3333%;
}

.content-box-20
{
	width:20%;
}

@media (max-width: 750px) {
	.content-box-75, .content-box-25, .content-box-20
	{
		width:100%;
	}
	
	.content-box-mobile-half
	{
		width:50%;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.content-box-75, .content-box-25, .content-box-20
	{
		width:100%;
	}
	
	.content-box-mobile-half
	{
		width:50%;
	}
	.content-box-tablet-full
	{
		width:100% !important;
		margin-right:0%;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.content-box-20
	{
		width:50%;
	}
}

.content-box-inner
{
	float:left;
	width:100%;
	border-radius:5px;
	background-color:#ffffff;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #dddddd;
	position:relative;
}

.content-container
{
	float:left;
	width:100%;
}

.content-container-hidden
{
	display:none;
}

@media (min-width: 751px) {
	#content-container-filters
	{
		display:block !important;
	}
}

.content-title
{
	float:left;
	width:100%;
	min-height:67px;
	padding:20px;
	line-height:27px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight:400;
	border-bottom:1px solid #DDDDDD;
}

.content-title-no-border
{
	border-bottom:none;
}

.content-title-no-padding
{
	padding-left:0px;
	min-height:0px;
	padding-bottom:0px;
}

.content-title-no-spacing
{
	min-height:20px !important;
	padding-bottom:0px;
}

.content-center-title
{
	float:left;
	width:100%;
	text-align:center;
	font-weight:400;
}

.content-title-question
{
	padding-left:50px;
	background-size:20px 20px;
	background-image:url('images/question.png');
	background-position:left 20px center;
	background-repeat:no-repeat;
	padding-right:50px;
	cursor:pointer;
}

.content-box h3
{
	float:left;
	width:100%;
	font-size:0.95em;
	font-weight:500;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
	margin-top:20px;
}

.content-box h4
{
	float:left;
	width:100%;
	font-size:0.8em;
	font-weight:500;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}

.content-box h5
{
	float:left;
	width:100%;
	text-align:center;
	font-size:0.8em;
	font-weight:500;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}

.content-box h5 span
{
	font-weight:500;
	font-size:2em;
}

.content-box p
{
	float:left;
	width:100%;
	font-size:0.8em;
	font-weight:400;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}

.content-box p a
{
	color:#333333;
}

.content-box-question p
{
	padding:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.content-box img
{
	width:100%;
	margin-bottom:20px;
}

.content-box ol, .content-box ul
{
	float:left;
	width:100%;
	font-size:0.8em;
	font-weight:400;
	margin:0px;
	padding:20px;
	padding-left:32px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content-box li
{
	padding:5px;
}

.content-box span
{
	font-weight:600;
}

.content-box .table-full-border span
{
	font-weight:400;
}

.content-icons
{
	float:left;
	width:67px;
	padding:20px;
	height:67px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	right:0px;
	top:0px;
}

.content-box-question .content-icons
{
	pointer-events:none;
}

.content-icon-toggle
{
	float:right;
	width:27px;
	height:27px;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	background-size:8px 8px;
}

.content-icon-close
{
	background-image:url('images/close.png');
}

.content-icon-open
{
	background-image:url('images/open.png');
}

.content-box-question .content-icon-close
{
	background-image:url('images/open.png');
}

.content-box-question .content-icon-open
{
	background-image:url('images/close.png');
}

.content-break
{
	float:left;
	width:100%;
	height:1px;
	background-color:#dddddd;
	margin-top:20px;
	margin-bottom:20px;
}

.outer-title
{
	float:left;
	width:100%;
	font-weight:500;
	padding:15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom:0px;
	margin-top:20px;
}

.outer-title-top
{
	margin-top:0px;
}

.code-lines
{
	float:left;
	width:100%;
	border:1px solid #dddddd;
	border-left:3px solid #2196f3;
	font-family:Menlo,Monaco,Consolas,"Courier New",monospace;
	font-size:0.75em;
	line-height:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#fdfdfd;
	margin-bottom:20px;
	border-radius:3px;
	padding-top:20px;
	padding-bottom:20px;
	background: linear-gradient(to bottom, #FDFDFD, #FDFDFD 50%, #F8FAFC 50%, #F8FAFC);
	background-size: 100% 40px;
	padding-left:20px;
	padding-right:20px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.code-lines-red
{
	border-left:3px solid #F44336;
}

.code-lines-green
{
	border-left:3px solid #4CAF50;
}

.code-lines span
{
	color:#999999;
}

/*TOTALS*/
		
.totals
{
	float:left;
	width:100%;
	position:relative;
}

.total
{
	float:left;
	width:25%;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}

.total-1
{
	width:100% !important;
}

.total-2
{
	width:50%;
}

.total-3
{
	width:33.3333%;
}

.total-5
{
	width:20%;
}

.total-6
{
	width:16.6666667%;
}

@media (max-width: 1180px) {
	.total
	{
		width:50%;
	}
}
	
.total-title
{
	float:left;
	width:100%;
	opacity:0.5;
	font-size:0.8em;
	font-weight:400;
	margin-top:2px;
}

.total-amount
{
	float:left;
	width:100%;
}	

.count
{
	display:none;
}

/*CHARTS*/

.chart
{
	float:left;
	width:100%;
	position:relative;
}

.order-chart, .registration-chart, .lookup-chart, .supplier-chart, .customer-chart
{
	float:left;
	width:100%;
	height: 400px;
	overflow: hidden;
	padding : 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 750px) {
	.order-chart, .registration-chart, .lookup-chart, .customer-chart
	{
		height: 200px;
	}
}

.echarts-tooltip
{
	font-size:0.8em !important;
	font-weight:400 !important;
	border-radius:3px !important;
	padding:8px !important;
}

#chart-filter
{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:-40px;
	position:relative;
	z-index:1000;
}

@media (min-width: 750px) and (max-width: 1180px) {
	#chart-filter
	{
		margin-bottom:-20px;
	}
}

@media (max-width: 750px) {
	#chart-filter
	{
		margin-bottom:0px;
	}
}

/*TABLES*/

.table-wrapper
{
	float:left;
	width:100%;
	position:relative;
}

.import-table-wrapper
{
	overflow-x:auto;
}

.table
{
	float:left;
	width:100%;
	/*table-layout: fixed;*/
}

.import-table
{
	table-layout:fixed;
}

.table .row-alt
{
	background-color:#FCFCFC;
}

.table .row-highlight
{
	background-color:#e8f5e9;
}

.table .row-selectable
{
	cursor:pointer;
}
		
.table .row-selected
{
	background-color:#E3F2FD;
}

.table .table-select-all
{
	position:absolute;
	margin-left:15px;
	top:22px;
	left:6px;
}

@media (max-width: 1180px) {
	.table .table-select-all
	{
		margin-left:0px;
		top:12px;
		left:12px;
	}
}
			
.table th
{
	line-height:20px;
	padding-top:12px;
	padding-bottom:12px;
	text-align:left;
	font-size:0.8em;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #bbbbbb;
	padding-left:20px;
	padding-right:40px;
	font-weight:500;
	background-position:right 20px center;
	background-repeat:no-repeat;
	background-size:8px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#ffffff;
}

.table-full-border
{
	border-collapse:collapse;
	border:1px solid #dddddd;
	margin-bottom:20px;
}


.table-no-border
{
	border-collapse:collapse;
	border:none;
}

.table-inner
{
	float:left;
	width:100%;
	margin-top:12px;
	margin-bottom:10px;
	font-size:1.3em;
	display:none;
	border-collapse:collapse;
}

.table-full-border th
{
	border-top:none;
	font-weight:600;
	border:1px solid #dddddd;
	border-bottom:1px solid #bbbbbb;
}

.import-table th
{
	width:200px !important;
}

@media (max-width: 750px) {
	.table th
	{
		padding-left:10px !important;
	}
}

.table-sort-asc, .table-sort-desc, .table-sort
{
	cursor:pointer;
}

.table-sort
{
	background-image:url('images/sort.png');
	background-size:8px 16px !important;
}

@media (max-width: 750px) {
	.table .table-sort
	{
		background-image:none;
	}
}

.table-sort-asc
{
	background-image:url('images/sort-asc.png');
}

.table-sort-desc
{
	background-image:url('images/sort-desc.png');
}

@media (max-width: 1180px) {
	.table-responsive
	{
		display:none;
	}
}

.table td
{
	line-height:20px;
	padding-top:12px;
	padding-bottom:12px;
	text-align:left;
	font-size:0.8em;
	border-bottom:1px solid #dddddd;
	padding-left:20px;
	padding-right:20px;
	font-weight:400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

@media (max-width: 750px) {
	.table td
	{
		padding-left:10px;
		padding-right:10px;
	}
}

.import-table td
{
	width:200px !important;
}

.small-table td
{
	padding-top:5px;
	padding-bottom:5px;
	font-size:0.8em;
}

.small-table td input[type="text"]
{
	height:20px;
	padding:0px;
	text-align:center;
}

.table-full-border td
{
	border:1px solid #dddddd;
}

.table-no-border td
{
	border:none;
}

.table-totals td
{
	font-weight:500;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
}

.table-green, .table-orange, .table-red, .table-black, .table-blue, .table-pink
{
	display:inline-block;
	padding-left:5px;
	padding-right:5px;
	text-transform:uppercase;
	color:#ffffff;
	border-radius:3px;
	font-size:0.65rem !important;
	line-height:20px !important;
	height:20px !important;
	font-weight:600 !important;
	margin-right:5px;
	text-decoration:none;
}

.top-bar .table-green, .top-bar .table-orange, .top-bar .table-red, .top-bar .table-black, .top-bar .table-blue, .top-bar .table-pink 
{
	float:right;
	margin-top:14px;
	margin-right:12px;
}

@media (max-width: 1180px) {
	.top-bar .table-green, .top-bar .table-orange, .top-bar .table-red, .top-bar .table-black, .top-bar .table-blue, .top-bar .table-pink 
	{
		display:none;
	}
}

.table-green
{
	background-color:#4CAF50;
}

.table-orange
{
	background-color:#ff9800;
}

.table-red
{
	background-color:#F44336;
}

.table-blue
{
	background-color:#0093c9;
}

.table-black
{
	background-color:#000000;
}

.table-pink
{
	background-color:#e73b5f;
}

.table-site
{
	text-transform:capitalize;
}

.table-note-alt
{
	margin-top:5px;
	clear:both;
}

.table-footer
{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:-1px;
	border-top:1px solid #bbbbbb;
}

.table-count
{
	float:left;
	line-height:20px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	font-size:0.8em;
	padding-left:20px;
	font-weight:400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 1180px) {
	.table-count
	{
		width:100%;
		text-align:center;	
		padding-left:0px;
	}
}

.table-paging
{
	float:right;
	padding-right:20px;
}

@media (max-width: 1180px) {
	.table-paging
	{
		margin-top:8px;
		margin-bottom:8px;
		padding:0px;
	}
}

.table-paging-inner
{
	float:right;
}

.table-page, .table-page-active, #table-page-next, #table-page-previous, .table-page-spacer
{
	float:right;
	cursor:pointer;
	height:20px;
	line-height:20px;
	min-width:20px;
	text-align:center;
	padding:7px;
	border-radius:3px;
	font-size:0.8em;
	font-weight:400;
	transition:all .25s ease-in-out;
}

@media (max-width: 750px) {
	.table-page, .table-page-active, #table-page-next, #table-page-previous, .table-page-spacer
	{
		min-width:18px;
		min-height:18px;
	}
}

.table-page:hover, #table-page-next:hover, #table-page-previous:hover
{
	background-color:#F5F5F5;
}

.table-page-active
{
	background-color:#000000;
	color:#ffffff;
}

@media (max-width: 1180px) {
	.table-empty
	{
		padding-left:45px !important;
	}
}

@media (max-width: 1180px) {
	.table-empty-no-padding
	{
		padding-left:10px !important;
	}
}

.form-info-message th
{
	background-color:transparent;
	font-size:0.85em;
	border-top:none;
	padding-top:0px;
}

.form-info-message td
{
	padding-top:5px;
	padding-bottom:5px;
	font-size:0.85em;
}

.admin-map
{
    float:left;
	width:100%;
	position:relative;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.admin-map-top
{
	padding-top:20px;
}

.admin-info
{
    float:left;
	width:100%;
	position:relative;
	padding-bottom:20px;
}

.admin-list
{
    float:left;
	width:100%;
	position:relative;
}

.admin-list-loading
{
	float:left;
	width:100%;
	position:absolute;
	z-index:1000;
	top:0px;
	left:0px;
	background-image:url('images/loading.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-size:35px 35px;
	background-color:rgba(255,255,255,0.8);
	opacity:0.7;
}

.admin-filters
{
	position:relative;
}

.admin-filter
{
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
}

@media (max-width: 750px) {
	.admin-filter
	{
		padding-top:0px;
		background-color:#fcfcfc;
	}
}

@media (min-width: 1181px) {
	.admin-filter-top
	{
		margin-top:-67px;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.admin-filter-top
	{
		margin-top:-35px;
	}
}

@media (max-width: 750px) {
	.admin-filter-top
	{
		margin-top:-20px;
		background-color:#ffffff;
	}
}

.admin-filter-input-container
{
	float:left;
	height:36px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}

.admin-filter-input-container-right
{
	float:right;
}

@media (max-width: 1180px) {
	.admin-filter-input-container
	{
		float:left;
		height:auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:20px;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.admin-filter-input-container
	{
		width:33.333%;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.admin-filter-top .admin-filter-input-container
	{
		width:100%;
	}
}

@media (max-width: 750px) {
	.admin-filter-input-container
	{
		width:100%;
	}
}

.admin-filter-label
{
	float:left;
	line-height:20px;
	text-align:left;
	font-size:0.8em;
	font-weight:400;
	margin-top:8px;
	padding-right:15px;
}

@media (max-width: 1180px) {
	.admin-filter-label
	{
		width:100%;
		text-align:left;
	}
}

.admin-filter-divider
{
	float:left;
	width:20px;
	line-height:20px;
	text-align:center;
	font-size:0.8em;
	font-weight:400;
	margin-top:8px;
}

@media (max-width: 1180px) {
	.admin-filter-divider
	{
		display:none;
	}
}

.admin-filter-input-container input, .admin-filter-input-container select
{
	float:left;
	border:1px solid #ddd;
	border-radius:3px;
	height:36px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:12px;
	padding-right:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:190px;
	font-family:Roboto;
	color:#333333;
	font-weight:400;
	font-size:0.8em;
	background-color:#ffffff;
}

input.has-icon
{
	padding-left:52px !important;
	margin-left:-41px !important;
}

input.has-icon-right
{
	padding-left:12px !important;
	margin-left:0px !important;
	padding-right:52px !important;
	margin-right:-41px !important;
}

select[name=FilterSource]
{
	width:110px;
}

input[name=FilterDateFrom], input[name=FilterDateTo], select[name=FilterYearFrom], select[name=FilterYearTo], select[name=FilterStartDay], select[name=FilterStartMonth], select[name=FilterMonthFrom], select[name=FilterMonthTo]
{
	width:100px;
	text-align:center;
}

input[name=FilterDateRange], input[name=FilterDateRangeAlt]
{
	text-align:center;
}

input[name=FormURL]
{
	border-top-left-radius:0px !important;
	border-bottom-left-radius:0px !important;
}

@media (max-width: 1180px) {
	input[name=FormURL]
	{
		border-radius:3px !important;
		border-top-left-radius:0px !important;
		border-top-right-radius:0px !important;
	}
}

select[name=FormDisableProducts]
{
	height:128px !important;
}

@media (max-width: 1180px) {
	.admin-filter-input-container input, .admin-filter-input-container select
	{
		width:100%;
	}
}

.admin-select-arrow, .admin-file-delete, .admin-input-search
{
	float:left;
	width:40px;
	height:34px;
	background-color:#ffffff;
	margin-left:-41px;
	border:1px solid #ddd;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-left:none;
	background-position:center;
	background-repeat:no-repeat;	
}

.admin-select-arrow
{
	background-size:8px 8px;
	background-image:url('images/select.png');
	pointer-events:none;
}

#confirmBox .admin-select-arrow
{
	margin-top:20px;
}

.admin-input-search
{
	background-size:12px 12px;
	background-image:url('images/search-grey.png');
	cursor:pointer;
}

.admin-file-delete
{
	cursor:pointer;
	background-color:#FAFAFA;
	background-size:12px 12px;
	background-image:url('images/file-delete.png');
}

.admin-input-icon
{
	float:left;
	width:40px;
	height:36px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	border-left:none;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
	background-size:20px 20px;
}

.admin-input-icon-right
{
	float:right;
	width:40px;
	height:36px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-right:none;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	z-index:1;
	background-size:20px 20px;
}

.admin-input-icon-facebook
{
	background-color:#3b5998;
	background-image:url('images/facebook.png');
}

.admin-input-icon-twitter
{
	background-color:#2fa7e0;
	background-image:url('images/twitter.png');
}

.admin-input-icon-google
{
	background-color:#D34836;
	background-image:url('images/google.png');
}

.admin-input-icon-youtube
{
	background-color:#B31217;
	background-image:url('images/youtube.png');
}

.admin-input-icon-pinterest
{
	background-color:#CB2028;
	background-image:url('images/pinterest.png');
}

.admin-input-icon-instagram
{
	background-color:#C13584;
	background-image:url('images/instagram.png');
}

.admin-input-icon-email
{
	background-image:url('images/email.png');
}

.admin-input-icon-password
{	
	background-image:url('images/locked.png');
}

.admin-input-icon-vat
{
	line-height:20px;
	opacity:0.5;
	text-align:right;
	line-height:38px;
	
}

.admin-input-icon-email, .admin-input-icon-password
{
	opacity:0.5;
	background-size:15px 15px;	
}

.admin-input-icon-add
{
	cursor:pointer;
	background-color:#4caf50;
	background-image:url('images/add-white.png');
	background-size:15px 15px;
}

.admin-input-icon-remove
{
	cursor:pointer;
	background-color:#FF6B6B;
	background-image:url('images/cancel.png');
	background-size:15px 15px;
}

.admin-form-social
{
	float:left;
	width:50px;
	height:50px;
	border-radius:25px;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px 20px;
}

.admin-form-social-facebook
{
	background-color:#3b5998;
	background-image:url('images/facebook.png');
}

.admin-form-social-twitter
{
	background-color:#2fa7e0;
	background-image:url('images/twitter.png');
}

.admin-input-icon-url
{
	background-color:#F5F5F5;
	line-height:34px;
	font-size:0.8em;
	border:1px solid #dddddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	width:auto;
	border-right:0px;
}

@media (max-width: 1180px) {
	.admin-input-icon-url
	{
		width:100%;
		border-right:1px solid #dddddd;
		border-radius:3px !important;
		border-bottom-left-radius:0px !important;
		border-bottom-right-radius:0px !important;
		border-bottom:none !important;
	}
}

.table-icon
{
	text-align:center !important;
	padding-left:0px !important;
	padding-right:0px !important;
	position:relative;
	width:35px;
}

.table-micro{width:60px;}

.table-mini{width:120px;}

.table-small{width:200px;}

.table-medium{width:225px;}

@media (max-width: 1180px) {
	.table-mini, .table-small, .table-medium
	{
		width:auto;
	}
	
	.table td
	{
		overflow-wrap: normal !important;
		word-wrap: normal !important;
		-ms-word-break: normal !important;
		word-break:normal !important;
		word-break:normal !important;
	}
	
}

.line-remove
{
	float:left;
	width:15px;
	height:15px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url('images/remove.png');
}

.address-edit, .item-edit, .address-view
{
	width:15px;
	height:15px;
	background-position:center bottom;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url('images/edit.png');
	display:inline-block;
	margin-left:5px;
}

.item-edit
{
	margin-left:0px;
}

.address-view
{
	background-image:url('images/address.png');
}


.table-actions
{
	position:relative;
	width:100px;
}

th.table-actions
{
	padding:0px !important;
	text-align:center;
}

@media (max-width: 750px) {
	th.table-actions
	{
		width:80px;
		padding-right:0px !important;
		padding-left:0px !important;
	}
}

.table-actions-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/actions.png');
	background-size:22px 22px;
	background-position:center;
	background-repeat:no-repeat;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.table-actions-icon:hover
{
	opacity:0.5;
}

.table-actions-popup
{
	display:none;
	position:absolute;
	z-index:2;
	right:20px;
	float:left;
	border-radius:5px;
	background-color:#ffffff;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:20px;
	border:1px solid #dddddd;
	width:155px;
	padding-top:8px;
	padding-bottom:8px;
}

@media (max-width: 750px) {
	.table-actions-popup
	{
		right:0px;
	}
}

.table-actions-link
{	
	float:left;
	width:100%;
	line-height:20px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	font-weight:400;
	cursor:pointer;
	text-decoration:none;
	color:#333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition:all .25s ease-in-out;
}

.table-actions-link:hover
{	
	background-color:#F5F5F5;
}

.icon-group
{
	float:right;
	position:relative;
	margin-left:15px;
}

.icon-group .table-actions-arrow
{
	width:10px;
	height:20px;
	float:right;
	background-position:right center;
	text-align:right;
	padding-right:10px;
	background-image:url('images/close.png');
	background-repeat:no-repeat;
	background-size:8px 8px;
}

.icon-group .table-actions-icon
{
	width:auto;
	float:right;
	background-position:left center;
	text-align:right;
	padding-right:20px;
	padding-left:28px;
}

.icon-group #table-actions-icon-1
{
	background-image:url('images/print-dark.png');
	background-size:15px 15px;
}

.icon-group #table-actions-icon-2
{
	background-image:url('images/address.png');
	background-size:18px 18px;
}

.icon-group .table-actions-popup
{
	right:0px;
}

.icon-group-clear
{
	display:none;
}

.table-expand
{
	text-align:center !important;
	padding-left:0px !important;
	padding-right:0px !important;
	position:relative;
	width:35px;
}

@media (max-width: 750px) {
	.table-expand
	{
		padding-left:0px !important;
		padding-right:5px !important;
	}
}

.table-expand-icon
{
	float:left;
	width:100%;
	height:40px;
	cursor:pointer;
	background-image:url('images/expand.png');
	background-size:12px 12px;
	background-repeat:no-repeat;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.table-expand-icon:hover
{
	opacity:0.5;
}

@media (max-width: 750px) {
	.table-expand-icon
	{
		background-position:left 15px center;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.table-expand-icon
	{
		background-position:left 20px center;
	}
}

.table-expand-icon-shrink
{
	background-image:url('images/shrink.png');
}

.table-expand-row
{
	display:none;
}

@media (min-width: 1181px) {
	.table-expand-row
	{
		display:none !important;
	}
}

.table-expand-cell, .table-expand-cell-title
{
	float:left;
	line-height:20px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:left;
	width:50%;
	min-height:20px;
}

.table-expand-cell-title
{
	font-weight:500;
}

@media (max-width: 750px) {
	.table-expand-cell-title
	{
		padding-left:10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

.table-notes-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/notes.png');
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:center;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.table-repeat-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/repeat.png');
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:center;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.table-fabric-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/fabric.png');
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:center;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.table-match-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/match.png');
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:center;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.table-contact-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/contact-grey.png');
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-position:center;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.date-range-popup
{
	display:none;
	position:absolute;
	top:58px;
	right:20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	width: 300px;
	z-index:9999;
}

@media (max-width: 1180px) {
	.date-range-popup
	{
		top:88px;
	}
}

@media (max-width: 750px) {
	.date-range-popup
	{
		float:left;
		position:static;
		width:100%;
		top:0px;
		right:0px;
		margin-top:20px;
	}
}

.date-range-popup-section-1
{
	float:left;
	width:100%;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px solid #e5e5e5;
}

.date-range-popup-section-2
{
	float:left;
	width:100%;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px solid #e5e5e5;
}

.date-range-popup-section-3
{
	float:left;
	width:100%;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.date-range-popup-label
{
	float:left;
	font-size: 0.7em;
	color:#999999;
	font-weight: 400;
	line-height: 35px;
	padding-right: 15px;
	text-align: left;
	width:70px;
}

@media (max-width: 750px) {
	.date-range-popup-label
	{
		width:100%;
	}
}

.date-range-popup-dash
{
	float:left;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	width:10px;
}

@media (max-width: 750px) {
	.date-range-popup-dash
	{
		display:none;
	}
}

.date-range-popup-divider
{
	position:absolute;
	left:0px;
	top:30px;
	width:100%;
	background-color:#e5e5e5;
	height:1px;
	margin-top:20px;
	margin-bottom:12px;
	
}

.date-range-popup select
{
	float:left;
	width:175px;
}

@media (max-width: 750px) {
	.date-range-popup select
	{
		width:100%;
	}
}

.date-range-popup input
{
	float:left;
	width:110px;
}

@media (max-width: 750px) {
	.date-range-popup input
	{
		width:100%;
	}
}

.date-range-popup .button
{
	width:98px;
}

@media (max-width: 750px) {
	.date-range-popup .button
	{
		width:70px;
	}
}

.date-range-popup .blue-button
{
	margin-left:12px;
}

input[name=FilterDateRangeFrom], input[name=FilterDateRangeTo]
{
	text-align:center;
}

/*FORMS*/

.dm-form
{
	float:left;
	width:100%;
	padding:20px;
	padding-top:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dm-form-outer
{
	padding:0px;
}

.dm-form-outer .content-box-inner
{
	padding:20px;
}

.dm-form-outer .content-title
{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	min-height:47px;
}

.table-form
{
	padding:0px;
}

.input-container
{
	float:left;
	margin-bottom:20px;
}

.input-container-full
{
	width:100%;
}

.input-container-split
{
	float:left;
	width:50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.input-container-split-right
{
	padding-left:20px;
}

@media (max-width: 1180px) {
	.input-container-split
	{
		width:100%;
		padding:0px;
	}
}

@media (min-width: 1180px) {
	.input-container-split-first
	{
		margin-top:35px;
	}
}

.admin-form-label
{
	float:left;
	line-height:20px;
	padding-bottom:8px;
	padding-top:8px;
	text-align:left;
	font-size:0.8em;
	font-weight:400;
}

.admin-form-label-yes-no
{
	width:auto !important;
	margin-left:10px !important;
}

.admin-form-label-time
{
	width:auto !important;
	margin-left:5px !important;
	margin-right:5px !important;
}

.admin-form-tooltip
{
	float:left;
	text-align:left;
	font-size:0.7em;
	font-weight:300;
	margin-top:7px;
	color:#888888;
	clear:both;
}

.admin-form-spacer
{
	float:left;
	width:20px;
	height:36px;
}

.input-container span
{
	float:left;
	text-align:left;
	font-weight:400;
	margin-right:10px;
	margin-top:4px;
	color:#888888;
	font-size:0.7em;
}

.admin-form-checkbox + .admin-form-tooltip
{
	margin-top:0px;
}

@media (max-width: 1180px) {
	.admin-form-checkbox + .admin-form-tooltip
	{
		margin-top:7px;
	}
}

.admin-form-tooltip a
{
	color:#888888;
}

.content-box-25 .input-container-horiz .admin-form-label
{
	width:100%;
}

#OrderDetails .input-container-horiz .admin-form-label
{
	width:50%;
}

.content-box-50 .input-container-horiz .admin-form-label
{
	width:25%;
}

.content-box-75 .input-container-horiz .admin-form-label
{
	width:15%;
}

.content-box-100 .input-container-horiz .admin-form-label
{
	width:12%;
}

.content-box-25 .admin-form-tooltip
{
	margin-left:0%;
}

.content-box-50 .admin-form-tooltip
{
	margin-left:25%;
	width:75%;
}

.content-box-75 .admin-form-tooltip
{
	margin-left:15%;
	width:85%;
}

.content-box-100 .admin-form-tooltip
{
	margin-left:12%;
	width:88%;
}

.no-padding .admin-form-tooltip
{
	margin-left:12%;
	width:88%;
}

.input-container-split .admin-form-tooltip
{
	margin-left:0px !important;
	width:100% !important;
}

.input-container-split .admin-form-label
{
	width:100% !important;
}

.dm-form select, .dm-form input[type=text], .dm-form input[type=password], .dm-form textarea, .dm-form input[type=file], .input-file, .table select, #confirmBox select
{
	float:left;
	border:1px solid #ddd;
	border-radius:3px;
	height:36px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:12px;
	padding-right:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Roboto;
	color:#333333;
	font-weight:400;
	font-size:0.8em;
}

.table select, .table input[type=text], #confirmBox select
{
	font-size:1em;
	width:100%;
}

#confirmBox select
{
	margin-bottom:-40px;
}

.dm-form input[readonly], .dm-form select[readonly], .dm-form textarea[readonly], #page-filter input[readonly]
{
	background-color:#fafafa;
	color:#000000;
}

.dm-form input[disabled], .dm-form select[disabled]
{
	background-color:#fafafa;
	color:#aaaaaa;
}

.admin-form-checkbox
{
	float:left;
	margin-top:7px;
}

@media (max-width: 1180px) {
	.admin-form-checkbox
	{
		margin-top:0px;
	}
}

.admin-form-checkbox-next
{
	float:left;
	margin-left:19px;
}

.required .admin-form-label::after { 
    content: " *";
	color: #FF6B6B;
}

.required .admin-form-label-time::after { 
    content: "";
}

.form-error .admin-form-label
{
	color:#FF6B6B;
	font-weight:500;
}

.form-error .admin-form-tooltip
{
	color:#FF6B6B;
}

.form-error select, .form-error input[type=text], .form-error input[type=password], .form-error textarea, .form-error .admin-select-arrow, .form-error .admin-input-search
{
	border-color:#FF6B6B !important;
}

.form-success .admin-form-label
{
	color:#4caf50;
	font-weight:500;
}

.form-success .admin-form-tooltip
{
	color:#4caf50;
}

.form-success select, .form-success input[type=text], .form-success input[type=password], .form-success textarea, .form-success .admin-select-arrow, .form-success .admin-input-search
{
	border-color:#4caf50 !important;
}

.dm-form textarea
{
	height:auto;
}

.content-box-25 .input-container-horiz select, .content-box-25 .input-container-horiz input[type=text], .content-box-25 .input-container-horiz input[type=password], .content-box-25 .input-container-horiz textarea
{
	width:100%;
}

.content-box-50 .input-container-horiz select, .content-box-50 .input-container-horiz input[type=text], .content-box-50 .input-container-horiz input[type=password], .content-box-50 .input-container-horiz textarea
{
	width:75%;
}

.content-box-75 .input-container-horiz select, .content-box-75 .input-container-horiz input[type=text], .content-box-75 .input-container-horiz input[type=password], .content-box-75 .input-container-horiz textarea
{
	width:85%;
}

.content-box-100 .input-container-horiz select, .content-box-100 .input-container-horiz input[type=text], .content-box-100 .input-container-horiz input[type=password], .content-box-100 .input-container-horiz textarea
{
	width:88%;
}

.input-container-split select, .input-container-split input[type=text], .input-container-split input[type=password], .input-container-split textarea
{
	width:100% !important;
}

.admin-form-checkbox-next select
{
	width:100% !important;
}

.input-no-title
{
	width:100% !important;
}

@media (max-width: 1180px) {
	.admin-form-label
	{
		width:100% !important;
	}
}

@media (max-width: 1180px) {
	.admin-form-tooltip
	{
		margin-left:0px !important;
		width:100% !important;
	}
}

@media (max-width: 1180px) {
	.input-container-horiz select, .input-container-horiz input[type=text], .input-container-horiz input[type=password], .input-container-horiz textarea
	{
		width:100% !important;
	}
}

.input-file
{
	width:100%;
	line-height:20px;
	cursor:pointer;
	background-color:#FAFAFA;
	color:#333333;
	text-decoration:none;
}

.input-file-delete
{
	float:right;
}

.dm-form input[type=file]
{
	width:100%;
    opacity:0;
    overflow:hidden;
    cursor:pointer;
	margin-top:-36px;
}

.form-uploading, .form-upload
{
	float:right;
	background-color:#EC407A;
	color:#ffffff;
	height:22px;
	font-weight:400;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:12px;
	padding-right:12px;
	font-size:0.8em;
	line-height:22px;;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	margin-top:-36px;
	width:70px;
	text-align:center;
	transition:all .25s ease-in-out;
}

.form-upload-hover
{
	background-color:#EA2A6A;
}

.form-uploading
{
	display:none;
	background-image:url('images/uploading.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px 20px;
}
                  
.admin-form-image, .admin-form-gallery-image
{
	float:left;
	background-color:#ffffff;
	border:1px solid #dddddd;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	margin-top:20px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

.content-box-25 .admin-form-image-single
{
	width:200px !important;
	height:200px !important;
	/*border-radius:100px !important;*/
}

.content-box-25 .admin-form-image-small
{
	width:100px !important;
	height:100px !important;
	border-radius:50px !important;
	margin-top:0px;
}

@media (min-width: 1181px) {
	.admin-form-image, .admin-form-gallery-image
	{
		width:18.4%;
		margin-left:2%;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.admin-form-image, .admin-form-gallery-image
	{
		width:23.5%;
		margin-left:2%;
	}
}

@media (max-width: 750px) {
	.admin-form-image, .admin-form-gallery-image
	{
		width:32%;
		margin-left:2%;
	}
}

@media (min-width: 1181px) {
	.content-box-25 .admin-form-image, .content-box-25 .admin-form-gallery-image
	{
		width:48%;
		margin-left:4%;
	}
}

@media (min-width: 1181px) {
	.content-box-25 .admin-form-image-2,.content-box-75 .admin-form-image-5
	{
		margin-left:0px;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.admin-form-image-4
	{
		margin-left:0px;
	}
}

@media (max-width: 750px) {
	.admin-form-image-3
	{
		margin-left:0px;
	}	
}

@media (min-width: 1181px) {
	.admin-form-image
	{
		float:left;
		cursor:pointer;
		background-color:#ffffff;
		border:1px solid #dddddd;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	
		margin-top:20px;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
	}
}
										
.admin-form-no-image
{
	background-image:url('images/placeholder.jpg');
	background-size:cover;
}

.admin-form-image input
{
	float:left;
	display: block !important;
	width:100% !important;
	height:100% !important;
	opacity: 0 !important;
	overflow: hidden !important;
	cursor:pointer;
	margin-top:0px !important;
}

.admin-form-image-loading, .admin-form-image-upload, .admin-form-image-delete
{
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	background-size:30px 30px;	
}

.admin-form-image-loading
{
	background-image:url('images/loading.gif');
	display:none;
}

.admin-form-image-delete
{
	background-color:rgba(0,0,0,0.7);
	background-image:url('images/delete.png');
	display:none;
	cursor:pointer;
}

.admin-form-image-upload
{
	background-color:rgba(0,0,0,0.7);
	background-image:url('images/upload.png');
	display:none;
	pointer-events:none;
}

.button
{
	float:right;
	line-height:20px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:12px;
	font-weight:400;
	font-size:0.8em;
	border-radius:3px;
	cursor:pointer;
	transition:background-color .25s ease-in-out;
	text-align:center;
	padding-right:39px;
	background-position:right 12px center;
	background-size:15px 15px;
	background-repeat:no-repeat;
	text-decoration:none;
}

.red-button
{
	border:1px solid #c21420;
	background-color:#FF6B6B;
	color:#ffffff;
}

.red-button:hover
{
	border:1px solid #c21420;
	background-color:#c21420;
}

.green-button
{
	border:1px solid #3D6322;
	background-color:#558B2F;
	color:#ffffff;
}

.green-button:hover
{
	border:1px solid #3D6322;
	background-color:#3D6322;
}

.blue-button
{
	border:1px solid #0080FF;
	background-color:#2196f3;
	color:#ffffff;
}

.blue-button:hover
{
	border:1px solid #0080FF;
	background-color:#0080FF;
}

.pink-button
{
	border:1px solid #D51A43;
	background-color:#e73b5f;
	color:#ffffff;
}

.pink-button:hover
{
	border:1px solid #D51A43;
	background-color:#D51A43;
}

.white-button
{
	background-color:#FCFCFC;
	border:1px solid #dddddd;
}

.white-button:hover
{
	background-color:#F5F5F5;
}

.submit-button, .autofill-button, .yes-button, .basket-button, .preview-button, .select-event-button, .notes-button
{
	background-image:url('images/submit.png');
}

.notes-button
{
	clear:both;
	float:left;
	margin-top:10px;
}

.search-button
{
	background-image:url('images/search.png');
}

.no-button, .remove-button
{
	background-image:url('images/cancel.png');
}

.download-button
{
	background-image:url('images/download.png');
}

.reply-button
{
	background-image:url('images/reply.png') !important;
}

.save-button
{
	background-image:url('images/save.png') !important;
}

.content-add-button, .content-add-button
{
	background-image:url('images/add-white.png');
	float:left;
	margin-right:20px;
}

.add-button
{
	background-image:url('images/add-white.png');
}

.email-button
{
	background-image:url('images/email-white.png');
}

.print-orders-button, .print-labels-button, .job-sheets-button, .labels-button, .letters-button, .checklists-button, .address-button
{
	background-image:url('images/print.png');
}

.status-button
{
	background-image:url('images/submit.png');
}

.brand-button
{
	display:block !important;
	background-image:url('images/submit.png');
}

.cancel-button
{
	background-image:url('images/cancel.png');
}

.payment-button
{
	background-image:url('images/submit.png');
}

.sign-in-button
{
	width:100%;
	padding-right:12px;
	background-image:url('images/sign-in.png');
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.blank-button
{
	padding-right:12px;
}

.import-button
{
	margin-right:20px;
}

.preview-button
{
	margin-right:20px;
}

.threshold-button
{
	margin-top:20px;
	margin-bottom:-20px;
}

.list-button
{
	float:left;
	margin-left:20px;
	display:none;
}

.left-button
{
	float:left;
	margin-top:20px;
}

@media (max-width: 1180px) {
	.list-button
	{
		margin-bottom:10px;
	}
}

.list-button-show
{
	display:block;
}

.table-button
{
	float:left;
	margin-top:24px;
	font-size:1em;
}

.google-button
{
	float:left;
	background-color:#D34836;
	background-image:url('images/google.png');
}

.change-button
{
	margin-left:10px;
}

.google-button:hover
{
	background-color:#C43D2B;
}

@media (min-width: 1181px) {
	.select-event-button
	{
		margin-top:-36px;
	}
}

.center-button-container
{
	float:left;
	text-align:center;
	width:100%;
}

.center-button
{
	display:inline-block;
	float:none;
	margin:auto !important;
}

.form-error-message, .form-success-message, .form-info-message, .form-blue-message
{
	float:left;
	position:relative;
	width:100%;
	padding:10px;
	padding-bottom:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:1;
	margin-bottom:10px;
}

.form-error-message-75, .form-success-message-75, .form-info-message-75, .form-blue-message-75
{
	width:75%;
}

.content-box .form-error-message, .content-box .form-success-message, .content-box .form-info-message, .content-box .form-blue-message
{
	padding:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.dm-form-outer .form-error-message, .dm-form-outer .form-success-message, .dm-form-outer .form-info-message, .dm-form-outer .form-blue-message
{
	padding:0px;
	padding-bottom:20px;
}

.form-error-message-inner, .form-success-message-inner, .form-info-message-inner, .form-blue-message-inner
{
	float:left;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius:3px;
	line-height:20px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:40px;
	font-size:0.8em;
	font-weight:400;
}

.form-blue-message-inner
{
	border:1px solid #14C1D7;
	border-left-width:44px;
	background-color:#D6F4F8;
	color:#00626E;
}

.form-blue-message-inner a
{
	color:#00626E;
}

.form-error-message-inner
{
	border:1px solid #ff5722;
	border-left-width:44px;
	background-color:#fbe9e7;
	color:#9c1f1f;
}

.form-error-message-inner a
{
	color:#9c1f1f;
}

.form-success-message-inner
{
	border:1px solid #4caf50;
	border-left-width:44px;
	background-color:#e8f5e9;
	color:#205823;
}

.form-success-message-inner a
{
	color:#205823;
}

.form-info-message-inner
{
	border:1px solid #FF9800;
	border-left-width:44px;
	background-color:#FFF3E0;
	color:#aa3510;
}

.form-info-message-inner a
{
	color:#aa3510;
}

.form-error-message-inner span, .form-success-message-inner span, .form-info-message-inner span, .form-blue-message-inner span
{
	font-weight:600;
}

.form-error-message-icon, .form-success-message-icon, .form-info-message-icon, .form-blue-message-icon
{
	position:absolute;
	float:left;
	width:44px;
	height:20px;
	height:44px;
	top:50%;
	margin-left:-64px;
	margin-top:-16px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:18px 18px;
}

.content-box .form-error-message-icon, .content-box .form-success-message-icon, .content-box .form-info-message-icon, .content-box .form-blue-message-icon
{
	margin-top:-12px;
}

.dm-form-outer .form-error-message-icon, .dm-form-outer .form-success-message-icon, .dm-form-outer .form-info-message-icon, .dm-form-outer .form-blue-message-icon
{
	margin-top:-32px;
}

.form-blue-message-icon
{
	background-image:url('images/warning.png');
}

.form-error-message-icon
{
	background-image:url('images/warning.png');
}

.form-success-message-icon
{
	background-image:url('images/submit.png');
}

.form-info-message-icon
{
	background-image:url('images/warning.png');
}

.form-private-message-icon
{
	background-image:url('images/locked-white.png') !important;
}

.form-success-message-close, .form-info-message-close, .form-error-message-close, .form-blue-message-close
{
	cursor:pointer;
	position:absolute;
	top:35px;
	display:inline-block;
	-webkit-transform:scale(1.4,1);
	-moz-transform:scale(1.4,1);
	-ms-transform:scale(1.4,1);
	-o-transform:scale(1.4,1);
	transform:scale(1.4,1);
	opacity:0.6;
	transition:all .25s ease-in-out;
	margin-top:-10px;
	right:40px;
}

.form-success-message-close:hover, .form-info-message-close:hover, .form-error-message-close:hover, .form-blue-message-close:hover
{
	opacity:1;
}

.content-box .form-error-message-close, .content-box .form-success-message-close, .content-box .form-info-message-close, .content-box .form-blue-message-close
{
	margin-top:0px;
}

.dm-form-outer .form-error-message-close, .dm-form-outer .form-success-message-close, .dm-form-outer .form-info-message-close, .dm-form-outer .form-blue-message-close
{
	margin-top:-20px;
	right:20px;
}

#add-order-products
{
	float:left;
	width:100%;
	margin-bottom:20px;
	position:relative;
}

.admin-form-question
{
	float:left;
	width:100%;
}

.admin-form-question span
{
	font-weight:400;
}

.widget-preview, .button-preview
{
	margin:auto;
	margin-top:20px;
}

.widget-preview-container, .button-preview-container
{
	float:left;
	width:100%;
	overflow-x:auto;
}

.button-preview
{
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	background-position:center;
	background-repeat:no-repeat;
	border-radius:3px;
}

.admin-option
{
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	border-radius:3px;
	float:left;
	background-color:#fafafa;
	width:100%;
	border:1px solid #dddddd;
	margin-bottom:20px;
	padding:20px;
	padding-bottom:0px;
	position:relative;
}

.admin-option-delete, .admin-image-delete
{
	float:right;
	width:40px;
	height:34px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	background-size:12px 12px;
	background-image:url('images/file-delete.png');
	margin-right:-20px;
	margin-top:-20px;
	margin-bottom:20px;
	background-color:#ffffff;
	border-left:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.admin-image-delete
{
	border:none;
	background-color:transparent;
}

#count-filter
{
	float:right;
	margin-top:-10px;
	margin-right:20px;
}

@media (max-width: 1180px) {
	#count-filter
	{
		margin-top:20px;
	}
}

#count-filter select
{
	width:80px;
}

@media (max-width: 1180px) {

	#count-filter .admin-filter-input-container
	{
		width:100%;
	}
	
	#count-filter .admin-filter-label
	{
		width:auto;
	}

}

/*CONFIRM BOX*/

#confirmOverlay
{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:100000;
}

#confirmBox
{
	background-color: #ffffff;
	width:558px;
	position:fixed;
	left:50%;
	top:31px;
	margin:0 0 0 -279px;
	border-radius:3px;
	padding:20px;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

@media (max-width: 558px)
{	
	#confirmBox
	{
		left:0px;
		width:90%;
		margin:0px;
		margin-left:5%;
	}
}

#confirmBox h1
{
	float:left;
	width:100%;
	line-height:27px;
	font-weight:400;
	margin:0px;
	padding:0px;
	font-size:1em;
}

#confirmBox p
{
	float:left;
	width:100%;
	font-weight:400;
	margin:0px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:0.8em;
	line-height:20px;
}

#confirmBox ul
{
	float:left;
	width:95%;
	font-weight:400;
	margin:0px;
	padding:0px;
	font-size:0.8em;
	line-height:20px;
	margin-left:5%;
}

#confirmBox li
{
	margin-bottom:15px;
}

#confirmButtons
{
	float:right;
	width:100%;
	text-align:right;
}

#confirmBox .button:last-child
{
	margin-right:0;
}

#confirmBox a.button
{
	text-decoration:none;
}

#confirmBox .yes-button
{
	margin-left:5px;
}

.progress-bar-outer
{
	float:left;
	width:100%;
	height:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:20px;
}

.progress-bar
{
	float:left;
	width:100%;
	height:20px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
	background-color:#eeeeee;
	border-radius:3px;
	overflow:hidden;
}

.progress-bar-inner
{
	float:left;
	width:0%;
	height:20px;
	background-color:#EC407A;
	box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	transition:all .25s ease-in-out;
}

/*MAP*/

#map-canvas
{
	width:100%;
	height: 400px;
	margin: 0px;
	padding: 0px
}

.chart-type
{
	position:absolute;
	left:140px;
	top:11px;
}

.chart-type input
{
	float:left;
	display:inline-block;
	height:30px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	text-align:center;
	cursor:pointer;
	font-family:Roboto,Arial,sans-serif;
	color:#565656;
	font-size:11px;
	box-shadow:0 1px 4px -1px rgba(0, 0, 0, 0.3);
	min-width:41px;
}

.chart-type input:hover
{
	background-color:#ebebeb;
	border:1px solid #ebebeb;
	color: #000000;
}

.chart-type input.selected
{
	color: #000000;
	font-weight:500;
} 

.gm-style-iw
{
	overflow:hidden !important;
}      

.gm-style-iw h1
{
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	font-weight:500;
	line-height:29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#333333;
	font-size:1.2rem;
}

.gm-style-iw p
{
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	font-weight:400;
	line-height:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#333333;
	font-size:0.8rem;
}

/*AUTOCOMPLETE*/

.ui-autocomplete
{
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

* html .ui-autocomplete
{
    height: 100px;
}

/*STEPS*/

.steps
{
	float:left;
	width:100%;
	margin-bottom:40px;
}

@media (max-width: 750px) {
	.steps
	{
		margin-bottom:0px;
	}
}

@media (min-width: 751px) {
	.steps-2
	{
		width:50%;
		margin-left:25%;
	}
}

.step
{
	float:left;
	width:25%;
	position:relative;
}

.steps-2 .step
{
	width:50%;
}

@media (max-width: 750px) {
	.step
	{
		width:100%;
		margin-bottom:20px;
	}
}

.step-icon
{
	float:left;
	width:34px;
	height:34px;
	border:2px solid #eeeeee;
	border-radius:17px;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	margin-bottom:10px;
	position:relative;
	z-index:2;
	background-color:#ffffff;
	cursor:pointer;
}

.step-active .step-icon
{
	border-color:#2196f3;
	background-color:#2196f3;
	background-image:url('images/tick-blue.png');
	background-position:center;
	background-size:cover;
	background-size:28px 28px;
}

.step-label
{
	float:left;
	width:100%;
	text-align:center;
	line-height:20px;
	font-size:0.8em;
	font-weight:400;
	opacity:0.5;
}

.step-active .step-label
{
	opacity:1;
}

.step-line
{
	position:absolute;
	height:2px;
	background-color:#eeeeee;
	width:100%;
	top:16px;
	z-index:1;
}

@media (min-width: 751px) {
	.step-left .step-line
	{
		width:50%;
		right:0px;
	}
}

@media (min-width: 751px) {
	.step-right .step-line
	{
		width:50%;
	}
}

@media (max-width: 750px) {
	.step-active .step-line
	{
		background-color:#2196f3;
	}
}

/*DASHBOARD*/

.dashboard
{
	float:left;
	width:100%;
	margin-top:10px;
}

.dashboard-sizer
{
	float:left;
	width:5%;
}

.dashboard-box
{
	float:left;
	width:100%;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dashboard-box-table
{
	padding:0px;
}

.dashboard-box h3
{
	text-align:center;
}

#dashboard-sign-in
{
	padding-bottom:0px;
}

#dashboard-sign-in h3
{
	margin-bottom:5px;
}

.dashboard-box-left h3
{
	text-align:left;
}

.dashboard-box-no-logo h3
{
	margin-top:0px;
}

.dashboard-box-table h3
{
	padding:20px;
	margin-bottom:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dashboard-box p
{
	text-align:center;
}

.dashboard-box-left p
{
	text-align:left;
}

.dashboard-box-cancel
{
	float:left;
	width:100%;
	font-size:0.7em;
	font-weight:400;
	text-align:right;
	padding:20px;
	padding-top:10px;
	padding-right:5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity:0.6;
	cursor:default;
}

.dashboard-box-cancel span
{
	font-weight:400;
	cursor:pointer;
}

.dashboard-box-cancel span:hover
{
	text-decoration:underline;
}

.dashboard-box .button
{
	transition:margin-right 0.0s ease-in-out;
}

.dashboard-box-icon
{
	float:left;
	width:50px;
	height:50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position:center;
	background-size:cover;
}

#dashboard-sign-in .dashboard-box-icon
{
	background-image:url('images/analytics.png');
}

.dashboard-box-active
{
	border:1px solid #4CAF50;
}

.dashboard-box-tick
{
	position:absolute;
	z-index:5;
	right:-8px;
	top:-8px;
	width:40px;
	height:40px;
	border-radius:20px;
	background-color:#4CAF50;
	background-image:url('images/submit.png');
	background-size:36px 36px;
	background-position:center;
	background-repeat:no-repeat;
}

.dashboard-box-links
{
	float:left;
	width:100%;
	text-align:center;
	font-size:0.8em;
	color:#000000;
	opacity:0.3;
	margin-top:20px;
	font-weight:400;
}

.dashboard-box-features
{
	color:#000000;
	font-weight:400 !important
}

.dashboard-box-features:hover
{
	text-decoration:underline;
	cursor:pointer;
}

.dashboard-box-row-tick, .dashboard-box-row-cross
{
	background-position:right 20px center, left 20px center;
	background-repeat:no-repeat;
	padding-left:50px !important;
}

.dashboard-box-row-tick
{
	background-image:url('images/next.png'), url('images/tick.png');
	background-size:8px 8px, 12px 12px;
}

.dashboard-box-row-cross
{
	background-image:url('images/next.png'), url('images/cross.png');
	background-size:8px 8px, 10px 10px;
}

.dashboard-box-row
{
	float:left;
	width:100%;
	font-size:0.8em;
	font-weight:400;
	padding:0px;
	margin:0px;
	color:#333333;
	text-decoration:none;
	transition:all .25s ease-in-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid #ddd;	
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.dashboard-box-row:hover
{
	background-color:#e3f2fd;
}

.dashboard .content-box
{
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:20px;
}

@media (min-width: 750px) and (max-width: 1180px) {
	.dashboard .content-box-25
	{
		width:50%;
	}
}

@media (max-width: 1180px) {
	.content-box-50
	{
		width:100%;
	}
}

.dashboard table
{
	width:100%;
}

.dashboard table td
{
	border-top:1px solid #ddd;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.8em;
	font-weight:400;
}

.dashboard table td a
{
	color:#333333;
	text-decoration:none;
}


.dashboard-table-total
{
	text-align:right;
	width:100px;
}

.dashboard-box-loading
{
	float:left;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	background-image:url('images/loading.gif');
	background-position:center;
	background-repeat:no-repeat;
	background-size:35px 35px;
	background-color:rgba(255,255,255,0.8);
	opacity:0.7;
}

.dashboard-actions
{
	position:relative;
	width:70px;
	float:right;
	margin-top:-38px;
}

#dashboard-sample-conversion .dashboard-actions, #dashboard-gender .dashboard-actions, #dashboard-repeat .dashboard-actions
{
	margin-top:21px;
}

#dashboard-sample-conversion .content-title, #dashboard-gender .content-title, #dashboard-repeat .content-title
{
	margin-top:-42px;
}

.dashboard-box-icon + .dashboard-actions
{
	margin-top:0px;
	margin-right:-20px;
}

.dashboard-box-setup .dashboard-actions
{
	margin-top:20px;
	margin-right:0px;
	margin-bottom:-40px;
}

.dashboard-actions-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/actions.png');
	background-size:22px 22px;
	background-position:center;
	background-repeat:no-repeat;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.dashboard-actions-icon:hover
{
	opacity:0.5;
}

.dashboard-actions-popup
{
	position:absolute;
	display:none;
	z-index:3;
	right:0px;
	float:left;
	border-radius:5px;
	background-color:#ffffff;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:20px;
	border:1px solid #dddddd;
	width:150px;
	padding-top:6px;
	padding-bottom:6px;
}

@media (max-width: 750px) {
	.dashboard-actions-popup
	{
		right:0px;
	}
}

.dashboard-actions-link
{	
	float:left;
	width:100%;
	line-height:20px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	font-weight:400;
	cursor:pointer;
	text-decoration:none;
	color:#333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition:all .25s ease-in-out;
}

.dashboard-actions-link:hover
{	
	background-color:#F5F5F5;
}

.dashboard-actions-link-active
{	
	background-color:#F5F5F5;
}

.dashboard-actions-link-break
{
	float:left;
	height:1px;
	width:100%;
	background-color:#e5e5e5;
	margin-top:6px;
	margin-bottom:6px;
}

div.dashboard-actions-link
{
	font-size:0.8em;
}

.dashboard table .row-alt
{
	background-color:#FCFCFC;
}

.dashboard .totals, .dashboard .order-chart
{
	border-top:1px solid #dddddd;
}

.dashboard .total-icon
{
	float:left;
	width:34px;
	height:34px;
	border:2px solid #333333;
	border-radius:17px;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	margin-bottom:10px;
	position:relative;
	z-index:2;
	background-color:#ffffff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:18px 18px;
	cursor:pointer;
	display:none;
}					

.order-total
{
	float:left;
	width:100%;
	margin-bottom:40px;
	padding-bottom:20px;
	text-align:right;
	border-bottom:1px solid #dddddd;
	padding-right:20px;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.bulk-totals
{
	float:left;
	width:100%;
	margin-bottom:0px;
	padding-bottom:20px;
	text-align:right;
	border-bottom:1px solid #dddddd;
	padding-right:20px;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	font-weight:400;
	font-size:0.8em;
}

.bulk-totals span
{
	font-weight:600;
	font-size:1.2em;
}

iframe
{
	float:left;
	width:100%;
	border:none;
}
									
.content-section-controls
{
	float:right;
}

.content-section
{
	float:left;
	width:100%;
	position:relative;
}

.content-button-up, .content-button-down, .content-button-remove, .content-button-drag
{
	float:right;
	cursor:pointer;
	cursor:pointer;
	height:15px;
	width:15px;
	margin-left:5px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px 15px;
	margin-bottom:5px;
}	

.content-button-up{background-image:url('images/move-up.png'); background-size:10px 10px;}
.content-button-down{background-image:url('images/move-down.png'); background-size:10px 10px;}
.content-button-remove{background-image:url('images/remove.png');}
.content-button-drag{background-image:url('images/drag.png'); background-size:12px 12px;}

.drag-helper
{
	float:left;
	width:100%;
	height:2px;
	margin-top:20px;
}

#drag-helper-0
{
	margin-top:0px;
}

.drag-helper-active
{
	background-color:#e7202e;
}

.croppic-content-upload
{
	float:left;
	border:1px solid #ddd;
	border-radius:3px;
	height:36px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:12px;
	padding-right:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Roboto;
	color:#333333;
	font-weight:400;
	font-size:0.8em;
	cursor:pointer;
	width:85%;
	background-color:#ffffff;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url('images/upload-black.png');
}

@media (max-width: 1180px) {
	.croppic-content-upload
	{
		width:100%;
	}
}

#ProductViewAll
{
	cursor:pointer;
}

#UpdateOrderRefund, #UpdateOrderDispatchEmail, #UpdateOrderFromRemnants, #UpdateOrderDiscontinuedEmail, #UpdateOrderCompletedBy, #UpdateOrderIgnoreRemnants
{
	display:none;
}

#OrderDetails
{
	display:none;
}

#ProductSearch
{
	display:none;
}

#croppic
{
	display:none;
}

select[name=FormCategories]
{
	height:128px !important;
}

input[name=FormStartTimeH], input[name=FormStartTimeM], input[name=FormEndTimeH], input[name=FormEndTimeM]
{
	width:50px !important;
	text-align:center;
}

.admin-form-checkbox-group
{
	float:left;
	width:75%;
}

.admin-form-checkbox-group .admin-form-checkbox
{
	width:33.333%;
	text-align:left;
}

@media (max-width: 750px) {
	.admin-form-checkbox-group .admin-form-checkbox
	{
		width:50%;
	}
}

.admin-form-checkbox-group .admin-form-checkbox span
{
	font-size:0.8em;
	font-weight:400;
	margin-left:8px;
	float:none;
}

.product-image-label
{
	position:absolute;
	width:100%;
	height:36px;
	padding:5px;
	bottom:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.product-image-label select
{
	width:100%;
}








/*ARTICLES*/

.article-content
{
	float:left;
	width:100%;
	background-color:#F5F5F5;
	border:1px solid #dddddd;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.article-content-add-sub-container
{
	display:none;
    float:right;
	margin-right:-5px;
}

.article-content-add-container
{
	float:left;
	margin-left:-5px;
}

.article-content-add-button
{
	margin-left:5px;
	margin-right:5px;
	float:left;
}

.article-content-add-sub-container .article-content-add-button
{
	padding-right:12px;
}

.article-content-add-container #TEXT{background-image:url('images/text.png');}
.article-content-add-container #IMAGE{background-image:url('images/image.png');}
.article-content-add-container #VIDEO{background-image:url('images/video.png');}
.article-content-add-container #LINK{background-image:url('images/link.png');}
.article-content-add-container #SLIDESHOW{background-image:url('images/slide.png');}
.article-content-add-container #FEED{background-image:url('images/connect.png');}
.article-content-add-container #OTHER{background-image:url('images/slide.png');}

.article-content-add-container #IMAGES{background-image:url('images/image.png');}
.article-content-add-container #MULTI{background-image:url('images/list.png');}
.article-content-add-container #FREE{background-image:url('images/text.png');}
.article-content-add-container #TRUEFALSE{background-image:url('images/toggle.png');}

.article-content-add-container #FLOWQUESTION{background-image:url('images/question-white.png');}
.article-content-add-container #FLOWEND{background-image:url('images/stop.png');}

.article-gif
{
	float:left;
    cursor:pointer;
    background-color:#ffffff;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('images/upload-black.png');
	background-size:30px;
    border:1px solid #dddddd;
	border-radius:3px;
}

.article-gif input {
    display: block !important;
	width:300px !important;
	height:300px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    cursor:pointer;
	margin:0px !important;
	padding:0px !important;
}

.article-document-filename
{
	pointer-events:none;
}           

.croppic-content-upload-landscape, .croppic-content-upload-portrait, .croppic-content-upload-square, .croppic-content-upload-answer
{
    float:left;
    cursor:pointer;
    background-color:#ffffff;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url('images/upload-black.png');
    border:1px solid #dddddd;
	background-size:30px;
	border-radius:3px;
    width:300px;
	height:300px;
}

.article-content-slide-next, .article-content-slide-start, .article-content-slide-end
{
    float:left;
    height:35px;
	line-height:35px;
    width:100%;
    background-color:#85AC4D;
    color:#ffffff;
    cursor:auto;
	text-align:center;
	font-size:0.8em;
	border-radius:3px;
}

.article-content-section-controls
{
    width:100%;
    float:left;
	margin-bottom:10px;
}

.article-content-button-up, .article-content-button-down, .article-content-button-remove, .article-content-button-drag
{
    float:right;
    cursor:pointer;
    background-color:#ffffff;
    border:1px solid #dddddd;
    cursor:pointer;
    height:20px;
    width:20px;
    margin-left:5px;
    background-position:center;
    background-repeat:no-repeat;
	background-size:12px 12px;
	border-radius:3px;
}

.article-content-button-up:hover, .article-content-button-down:hover, .article-content-button-remove:hover, .article-content-button-drag:hover
{
    background-color:#eeeeee;
}

.article-content-button-up{background-image:url('images/open.png');}
.article-content-button-down{background-image:url('images/close.png');}
.article-content-button-remove{background-image:url('images/remove.png');}
.article-content-button-drag{background-image:url('images/drag.png');}

.article-content-section
{
    float:left;
    width:100%;
    position:relative;
}

.quiz-content-remove
{
	float:left;
	width:40px;
	height:34px;
	background-color:#ffffff;
	margin-left:-42px;
	border:1px solid #ddd;
	border-top-right-radius:3px;
	background-position:center;
	background-repeat:no-repeat;	
	cursor:pointer;
	background-color:#FAFAFA;
	background-size:12px 12px;
	background-image:url('images/file-delete.png');
}

.quiz-content-image-label
{
	float:left;
	line-height:218px;
	height:116px;
	margin-right:5px;
}

.croppic-content-upload-answer
{
	float:left;
    width:116px;
    height:116px;
	margin-right:10px;
	background-size:22px 22px;
}

@media (min-width: 1181px) {
	.article-content-section .input-container-split-right
	{
		margin-bottom:10px;
	}
	
	.flowchart-content-section .input-container-split-right
	{
		margin-bottom:0px;
	}
}

#ImportErrors, #ImportInfo, #ImportSuccess, #ImportInfo1, #ImportInfo2, #ImportInfo3
{
	display:none;
}

#ImportErrorsInner span, #ImportInfoInner span, #ImportSuccessInner span
{
	font-weight:400;
}

/*GALLERY*/

.gallery
{
	float:left;
	width:100%;
	padding-left:20px;
	padding-right:20px;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.gallery-image-container, .gallery-image-container-small
{
	float:left;
	position:relative;
	width:32%;
	margin-right:2%;
	background-color:#FCFCFC;
	border:1px solid #dddddd;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:20px;
	padding:5px;
}

.gallery-image-container-small
{
	width:9.1%;
	margin-right:1%;
	padding-top:9.1%;
	background-size:cover;
}

.gallery-image-container h4
{
	margin-bottom:10px;
	padding-left:10px;
}

.gallery-image-container .table-actions-icon
{
	width:20px;
	position:absolute;
	bottom:20px;
	right:15px;
}

.gallery-image-container .table-actions-popup
{
	font-size:0.8em;
	right:30px;
	top:auto !important;
	bottom:10px;
}

.gallery-image
{
	float:left;
	width:100%;
	height:250px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	margin-bottom:15px;
}

@media (min-width: 1181px) {
	.gallery-image-container-3, .gallery-image-container-small-10
	{
		margin-right:0px;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.gallery-image-container
	{
		width:49%;
	}
	
	.gallery-image-container-small
	{
		width:32%;
		margin-right:2%;
		padding-top:32%;
	}	
	
	.gallery-image-container-2, .gallery-image-container-small-3
	{
		margin-right:0px;
	}
	
	.gallery-image
	{
		height:200px;
	}
}

@media (max-width: 750px) {
	.gallery-image-container
	{
		width:100%;
	}
	
	.gallery-image
	{
		height:250px;
	}
	
	.gallery-image-container-small
	{
		width:49%;
		margin-right:2%;
		padding-top:49%;
	}	
	
	.gallery-image-container-small-2
	{
		margin-right:0px;
	}
}

/*INSPIRE MEE*/

#room-shot-form
{
	float:left;
	width:100%;
	margin-bottom:20px;
}

.room-shot-image-pin
{
	position:absolute;
	background-color:#FF6B6B;
	border-radius:13px;
	text-align:center;
	margin-top:10px;
	margin-left:10px;
	color:#ffffff;
	font-size:0.9em;
	width:26px;
	height:26px;
	line-height:25px;
	margin:0px;
	margin-left:8px;
	margin-top:5px;
	cursor:pointer;
}

.room-shot-image-outer
{
	float:left;
	background-color:#FCFCFC;
	border:1px solid #dddddd;
	text-align:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding:20px;
	position:relative;
	width:100%;
	text-align:center;
}

.room-shot-image
{
	display:inline-block;
	position:relative;
}

.room-shot-image img
{
	margin:0px;
	width:auto;
}

.pin-form
{
	position:relative;
	float:left;
	width:22%;
	margin-right:4%;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	margin-top:20px;
	border:1px solid #dddddd;
	background-color:#FCFCFC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width: 1181px) {
	.pin-form-4
	{
		margin-right:0px;
	}
}

@media (min-width: 750px) and (max-width: 1180px) {
	.pin-form
	{
		width:30%;
		margin-right:5%;
	}
	
	.pin-form-3
	{
		margin-right:0px;
	}
}

@media (max-width: 750px) {
	.pin-form
	{
		width:100%;
		margin-right:0px;
	}
}

.fabric-guide
{
	position:fixed;
	top:70px;
	right:25px;
	width:185px;
	z-index:10000;
	overflow-y:scroll;
	background-color:#ffffff;
	border:1px solid #dddddd;
	padding-bottom:10px;
	height:660px;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
}

.fabric-guide-inner
{
	float:left;
	width:100%;
}

.fabric-guide-fabric
{
	cursor:pointer;
	float:left;
	width:150px;
	height:150px;
	margin-top:10px;
	margin-left:10px;
	background-size:cover;
	background-repeat:no-repeat;
}

.fabric-guide-fabric-last
{
	margin-bottom:16px;
}

.fabric-guide-inner p
{
	float:left;
	width:100%;
	text-align:center;
	font-size:0.8em;
	margin-top:10px;
	opacity:0.7;
	margin-top:5px;
}

/*MISSING DATA*/

#sticky-anchor-hidden
{
	float:left;
	width:100%;
	height:54px;
	display:none;
}

.sticky-row
{
	position: fixed;
	z-index:100;
	width:1259px !important;
	border-right:1px solid #dddddd;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.sticky-row
{
	margin-top:-256px;
}

.missing-data
{
	float:left;
	width:100%;
	text-align:center;
}

.missing-data-inner
{
	display:inline-block;
	width:1260px;
}

.missing-data table
{
	background-color:#ffffff;
	border:1px solid #dddddd;
	border-collapse:collapse;
	margin-bottom:20px;
}

.missing-data table th
{
	font-weight:400;
	font-size:0.8em;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	background-color:#ffffff;
	padding-top:5px;
}

.missing-data table td
{
	text-align:left;
	font-weight:400;
	font-size:0.8em;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	background-color:#ffffff;
}

.missing-colour, .missing-pattern
{
	width:20px;
	height:20px;
	border-radius:10px;
	margin:auto;
	margin-top:5px;
	float:left;
	margin-bottom:5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.missing-colour
{
	margin-left:15px;
}

.missing-pattern
{
	margin-left:35px;
}

#missing-colour-white, #missing-colour-ivory, #missing-colour-cream, #missing-colour-yellow
{
	border:1px solid #dddddd;
}

#missing-colour-multi-coloured
{
	background:repeating-linear-gradient(
		45deg,
		#CD1719,
		#CD1719 5px,
		#14277D 5px,
		#14277D 10px
	);
}

.missing-thumbnail
{
	float:left; 
	background-position:center; 
	border:1px solid #dddddd;
	background-size:cover;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
}

.missing-colours .icheckbox_square
{
	margin-left:15px !important;
}

.missing-patterns .icheckbox_square
{
	margin-left:35px !important;
}

#UpdateOrderDetails
{
	display:none;
}

/*SAMPLES*/

.sample-full-order
{
	position:absolute;
	top:15px;
	right:15px;
	width:30px;
	height:30px;
	background-color:#FF6B6B;
	border-radius:16px;
	border:2px solid #ffffff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:18px 18px;
	background-image:url('images/star-white.png');
	pointer-events:none;
}

.boxes
{
	float:left;
	width:100%;
}

.box
{
	float:left;
	width:100%;
	margin-top:20px;
}

.box-alt
{
	margin-top:10px;
}

.box-colour
{
	float:left;
	width:10px;
	height:10px;
	border-radius:5px;
	margin-left:5px;
	margin-top:5px;
}

.check-box
{
	float:left;
}

.check-box-label
{
	float:left; 
	margin-left:10px;
	width:100px;
}

.options-box
{
	float:left;
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
}

.options-box a
{
	text-decoration:none;
	color:#333333;
}

.options-box a:hover
{
	text-decoration:underline;
}
	
.options-box span
{
	cursor:pointer;
}

.options-box span:hover
{
	text-decoration:underline;
}

.notes
{
	float:left;
	width:100%;
}

.notes-container
{
	float:left;
	width:100%;
	display:none;
	margin-bottom:25px;
	font-size:1.2em;
}

.basket-image
{
	width:200px;
	height:200px;
	background-size:cover;
}

.image-cell
{
	width:1px;
}

#UpdatedTotal, #OriginalTotal, #SampleTotal
{
	display:none;
}

.note-outer
{
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	padding:0px !important;
}

.note-red
{
	border-left:2px solid #FF6B6B;
}

.note-green
{
	border-left:2px solid #4caf50;
}

.note-orange
{
	border-left:2px solid #FF9800;
}

.note-bar
{
	float:left;
	width:100%;
	padding:15px;
	background-color:#fcfcfc;
	border-top:1px solid #dddddd;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.note-bar .icon
{
	float:left;
	width:14px;
	height:14px;
	border-radius:7px;
	background-color:#fcfcfc;
	-moz-box-sizing:border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:1px;
	margin-right:10px;
	margin-left:6px;
}

.note-red .note-bar .icon
{
	border:2px solid #FF6B6B;
}

.note-green .note-bar .icon
{
	border:2px solid #4caf50;
}

.note-orange .note-bar .icon
{
	border:2px solid #FF9800;
}

.note-outer p
{
	margin-bottom:0px;
}

.note-outer .dashboard-box p
{
	margin-bottom:20px;
}

.note-actions
{
	position:relative;
	width:70px;
	float:right;
	margin-top:18px;
	margin-bottom:-45px;
}

.note-actions-icon
{
	float:left;
	width:100%;
	height:20px;
	cursor:pointer;
	background-image:url('images/actions.png');
	background-size:22px 22px;
	background-position:center;
	background-repeat:no-repeat;
	opacity:1;
	transition:all .25s ease-in-out;
	position:relative;
	z-index:1;
}

.note-actions-icon:hover
{
	opacity:0.5;
}

.note-actions-popup
{
	position:absolute;
	display:none;
	z-index:3;
	right:0px;
	float:left;
	border-radius:5px;
	background-color:#ffffff;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right:20px;
	border:1px solid #dddddd;
	width:150px;
	padding-top:6px;
	padding-bottom:6px;
}

@media (max-width: 750px) {
	.note-actions-popup
	{
		right:0px;
	}
}

.note-actions-link
{	
	float:left;
	width:100%;
	line-height:20px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	font-weight:400;
	cursor:pointer;
	text-decoration:none;
	color:#333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition:all .25s ease-in-out;
}

.note-actions-link:hover
{	
	background-color:#F5F5F5;
}

a.note-actions-link
{
	font-size:0.8em;
}

.reminder-row a
{
	font-weight:500;
	color:#333333;
	text-decoration:none;
}

.reminder-row span, .dashboard-table-total span
{
	font-weight:400;
	opacity:0.5;
	font-size:0.9;
}

.note-outer h3
{
	padding-left:20px;
}

.UpgradeDelivery
{
	display:none;
}

p.forgot-password
{
	margin-bottom:5px;
	margin-top:25px;
}

.forgot-password a
{
	text-decoration:none;
	color:#1e88e5 !important;
}

.forgot-password a:hover
{
	text-decoration:underline;
}

/*CALENDAR*/

.fullcalendar-basic
{
	padding:20px;
	margin:0px;
}

/*FEEDBACK*/

.feedback-star
{
	float:left;
	width:20px;
	height:20px;
	background-image:url('images/star.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size: auto 100%;
	margin-top:4px;
	padding-right:1px;
	padding-left:1px;
}

.input-container .feedback-star
{
	margin-top:8px;
}

/*MISC*/

#parcel-size
{
	display:none;
}

.remove-status
{
	float:right;
	width:15px;
	height:20px;
	margin-left:3px;
	background-position:center;
	background-size:12px 12px;
	background-repeat:no-repeat;
	background-image:url('images/remove-white.png');
}
	                                    
.customer-rating
{
	float:left;
	width:100%;
	padding:20px;
	padding-top:0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	margin-top:-10px;
}

.customer-inner
{
	display:inline-block;
}

.customer-rating-option
{
	float:left;
	font-size:0.8em;
	font-weight:400;
	background-size:20px 20px;
	background-position:center;
	background-repeat:no-repeat;
	line-height:20px;
	width:40px;
	height:30px;
	cursor:pointer;
	transition:all .25s ease-in-out;
}

.customer-rating-option-active
{
	pointer-events:none;
}

.customer-rating-option:hover
{
	opacity:0.5;
}

.customer-rating-option-yes
{
	background-image:url('images/happy.png');
}

.customer-rating-option-no
{
	background-image:url('images/sad.png');
}

.customer-rating-option-warning
{
	background-image:url('images/warning-red.png');
}

.order-column-left
{
	float:left;
	width:75%;
}

.order-column-left .content-box
{
	width:100%;
}

.order-column-right
{
	float:right;
	width:25%;
}

.order-column-right .content-box
{
	width:100%;
}

@media (max-width: 1180px) {
	
	.order-column-left
	{
		width:100%;
	}
	
	.order-column-right
	{
		width:100%;
	}
	
}

.search-clear
{
	float:left;
	width:20px;
	height:36px;
	margin-left:-25px;
	cursor:pointer;
	background-image:url('images/remove.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px 15px;
	opacity:0.1;
}