/*	GENERAL
	--------------------------------------------- */

	html, body { 
		width: 100%;
		min-width: 414px;
		height: 100vh;
		margin: 0; 
		padding: 0; 
		font-family: 'highgate';
		font-size: 16px;
		line-height: 24px; 
		color: #475166;
		background: #f2f2f2;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%
	}

	strong {
		font-weight: 500;
	}

	a {
		color: #475166;
	}

	a:hover {
		text-decoration: underline;
	}
	
	::-webkit-scrollbar {
		width: 20px;
	}

	::-webkit-scrollbar-track {
		background-color: transparent;
	}

	::-webkit-scrollbar-thumb {
		background-color: #cfdce1;
		border-radius: 20px;
		border: 6px solid transparent;
		background-clip: content-box;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #a8bbbf;
	}
	
	.hiddenfields { display:none !important; }

/*	HEADER
	--------------------------------------------- */ 

	section.header {
		width: calc(100% - 250px);
		margin-left: 250px;
		padding: 0;
		position: relative;
		z-index: 107;
	}

	section.header div.center {
		width: calc(100% - 40px);
		max-width: 1200px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}

	section.header div.center div.welcome {
		width: auto;
		height: 60px;
		display: inline-block;
		vertical-align: middle;
	}

	section.header div.center div.welcome span {
		padding-top: 2px;
		font: 400 18px / 70px highgate, sans-serif;  
		display: inline-block;
		vertical-align: middle;
	}

/*	HEADER - NAVIGATION
	--------------------------------------------- */ 

	section.header nav {
		width: auto;
		margin: 15px 0 0 0;
		padding: 0;
		float: right;
		text-align: right;
		position: relative;
		z-index: 9999;
		text-align: center;
	}

	section.header nav a {
		padding: 15px 15px 13px;
		display: inline-block;
		vertical-align: top;
		font: 400 15px / 15px highgate, sans-serif;
	}

	section.header nav a:last-child {
		margin-right: 0;
	}

	section.header nav a.view-shop {
		margin-left: 30px;
		padding-right: 35px;
		background: #fff url('../img/icons/icon-external-link.svg') no-repeat calc(100% - 10px) center / 14px;
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

/*	HEADER - NAVIGATION - DROPDOWN
	--------------------------------------------- */ 

	section.header nav div.dropdown {
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	section.header nav div.dropdown > a {
		padding-right: 18px;
		background: url('../img/icons/icon-arrow-down.svg') no-repeat 100% center / 12px;
		cursor: default;
		text-decoration: none;
	}

	section.header nav div.dropdown div.contain {
		width: 220px;
		margin: 0;
		padding: 15px 25px 13px;
		display: none;
		background: #fff;
		-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .1);
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	section.header nav div.dropdown:hover > a + div.contain {
		display: inline-block;
		position: absolute;
		top: 43px;
		left: -3px;
		text-align: left;
	}

	section.header nav div.dropdown.active > a + div.contain {
		width: 250px;
		display: inline-block;
		position: absolute;
		top: 43px;
		right: -10px;
		z-index: 54;
		text-align: left;
		background: #fff;
		-webkit-border-radius: 20px 0 6px 6px;
		border-radius: 20px 0 6px 6px;
	}

	section.header nav div.dropdown:hover > a + div.contain > a {
		width: 100%;
		margin: 0;
		padding: 0;
		text-shadow: none;
		font: 400 16px / 30px highgate, sans-serif;
		color: #475166;
	}

/*	HEADER - NAVIGATION - MOBILE
	--------------------------------------------- */ 

	section.header div.mobile-menu {
		display: none;
	}

	section.header nav div.mobile-button {
		width: 22px;
		height: 60px;
		display: none;
		vertical-align: top;
		background: url('../img/icons/icon-menu.svg') no-repeat center / 22px;
	}

	section.header nav div.contain-menu.mobile {
		display: none;
	}

	section.header nav div.contain-menu.mobile.open {
		width: 180px;
		padding: 15px;
		display: inline-block;
		position: absolute;
		top: 50px;
		right: 0;
		background: #fff;
		text-align: left;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	}

	section.header nav div.contain-menu.mobile.open a {
		width: 100%;
	}

	section.header nav div.contain-menu.mobile.open div.dropdown-mobile > a {
		display: none;
	}

	section.header nav div.contain-menu.mobile.open div.dropdown-mobile div.contain {
		padding: 0;
		display: inline-block;
		border-radius: 0;
		box-shadow: none;
	}
	
	section.header nav div.contain-menu.mobile.open a.view-shop {
		margin: 0;
		padding: 15px 15px 13px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
/*	BREADCRUMB
	--------------------------------------------- */ 

	div.breadcrumb {
		width: 100%;
		margin: 0 0 10px;
		padding: 0;
		text-align: left;
		position: relative;
		z-index: 65;
	}

	div.breadcrumb ol {
		width: 100%;
		margin: 0;
		padding-left: 0;
	}

	div.breadcrumb ol,
	div.breadcrumb ol li {
		display: inline-block;
		vertical-align: middle;
	}

	div.breadcrumb ol li,
	div.breadcrumb ol li a {
		color: #7f90b1;
		font: 400 12px / 12px highgate, sans-serif;
		-webkit-transition: ease opacity 200ms;
		transition: ease opacity 200ms;
	}

	div.breadcrumb ol li.delimiter {
		margin-left: 5px;
	}

	div.breadcrumb ol li a:hover {
		opacity: .6;
	}

/*	SIDEBAR - NAVIGATION
	--------------------------------------------- */

	section.sidebar {
		width: 100%;
		max-width: 250px;
		min-height: 100%;
		padding: 100px 0 50px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 105;
		background: #fff;
		-webkit-transition: ease 100ms all;
		transition: ease 100ms all;
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
	}

	section.sidebar span.logo { 
		width: 100%;
		max-width: 250px;
		height: 60px;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 102;
		overflow: hidden;
		background: #fff url('../img/logo-mijnovis.svg') no-repeat center / calc(100% - 40px) auto;
		-webkit-transition: 100ms opacity ease-in;
		transition: 100ms opacity ease-in;
	}

	section.sidebar a {
		width: 100%;
		margin: 0;
		padding: 5px 20px 5px 65px;
		display: inline-block;
		vertical-align: top;
		position: relative;
		background: no-repeat 30px 16px / 22px; 
		border-bottom: 1px solid rgba(53, 149, 210, .1);
		-webkit-transition: ease 200ms all;
		transition: ease 200ms all;
	}

	section.sidebar a.dashboard {
		background-image: url('../img/icons/icon-dashboard.svg');
	}

	section.sidebar a.ads {
		background-image: url('../img/icons/icon-category-list.svg');
	}

	section.sidebar a.categories {
		background-image: url('../img/icons/icon-category-list.svg');
	}

	section.sidebar a.items {
		background-image: url('../img/icons/icon-items.svg');
	}
	
	section.sidebar a.options {
		background-image: url('../img/icons/icon-connect.svg');
	}
	
	section.sidebar a.settings {
		background-image: url('../img/icons/icon-settings.svg');
	}
	
	section.sidebar a.shop {
		background-image: url('../img/icons/icon-shop.svg');
	}
	
	section.sidebar a.rental {
		background-image: url('../img/icons/icon-rental.svg');
	}
	
	section.sidebar a.sell {
		background-image: url('../img/icons/icon-verkoop.svg');
	}
	
	section.sidebar a.buy {
		background-image: url('../img/icons/icon-inkoop.svg');
	}
	
	section.sidebar a.concept {
		background-image: url('../img/icons/icon-concept.svg');
	}

	
	section.sidebar a.configurator {
		background-image: url('../img/icons/icon-configurator.svg');
	}

	section.sidebar a span.label {
		width: 100%;
		padding: 12px 15px 10px;
		display: inline-block;	
		color: #54565b;
		font: 400 16px / 25px highgate, sans-serif;
		letter-spacing: -.015em;
	}

	section.sidebar a span.label.spacing {
		padding-bottom: 0px;
	}

	section.sidebar a span.tooltip {
		width: 100%;
		max-width: 138px;
		position: static;
		bottom: 13px;
		padding-left: 15px;
		left: 80px;
		font: 400 11px / 11px highgate, sans-serif;
		color: #7f90b1;
	}

	section.sidebar a:hover,
	section.sidebar a.active {
		background-color: rgba(53, 149, 210, .05);	
		text-decoration: none;
	}
	
	
	section.sidebar a.active.hassubmenu {
		border-bottom:0px;
	}
	

	section.sidebar a:last-of-type {
		margin: 0;
	}
	
	
	section.sidebar .submenu {
		display:inline-block; 
		width:100%;
		border-top:0px solid rgba(0,0,0,0.25);
		box-sizing:border-box;
		padding: 10px 20px 20px 65px;
		margin-top:0px;
		background-color: rgba(53, 149, 210, .05);
		border-bottom: 1px solid rgba(53, 149, 210, .1);
	}
	
	
	section.sidebar .submenu .submenu-item {
		display:inline-block; 
		width:100%;
		font: 400 14px / 25px highgate, sans-serif;
		padding:0px 5px 0px 15px;
		cursor:pointer;
		line-height:20px;
		margin-bottom:10px;
	}
	
	section.sidebar .submenu .submenu-item.active {
		font-weight: 700;
		background-image: url('../img/icons/icon-arrow-right-dark.svg');
		background-position: left 6px;
		background-repeat:no-repeat;
		background-size:10px;
		

	
	}
	

/*	CONTENT
	--------------------------------------------- */
	
	
	.tabs { display:inline-block; width:100%; border-bottom:1px solid #D9D9D9;  margin-bottom:20px; }
	.tab { display:inline-block; width:auto; box-sizing:border-box; padding:10px; border:1px solid #D9D9D9; border-bottom:0; position:relative; background: linear-gradient(0deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 15%); cursor:pointer; line-height:20px; }
	.tab.activetab { background:#fff; }
		.tab:after { width: 100%; height: 1px; margin: auto; position: absolute; content: ''; bottom: -1px; left: 0; right: 0; background-color:#D9D9D9; }
		.tab.activetab:after { width: 100%; height: 1px; margin: auto; position: absolute; content: ''; bottom: -1px; left: 0; right: 0; background-color:#fff; }
	
	.tab-content { display:inline-block; width:100%; vertical-align:top; }
	.hiddenTabContent { visibility:hidden; height:1px; overflow:hidden; }
	
	.select2-container--default .select2-results__catalog--group, 
	.select2-container--default .select2-results__option--group, 
	.select2-container--default .select2-results__article--group { font-style:italic; }
	
	.select2-results__catalogs.select2-results__catalogs--nested, 
	.select2-results__options.select2-results__options--nested, 
	.select2-results__articles.select2-results__articles--nested { font-style:normal; }

	section.content { 
		width: calc(100% - 250px); 
		min-height: 100%;
		margin-left: 250px;
		display: inline-block;
		vertical-align: top;
		position: relative; 
		z-index: 106;
		-webkit-transition: ease 100ms all;
		transition: linear 100ms all;
	}

	section.content > div.header {
		width: calc(100% - 40px);
		max-width: 1200px;
		margin: 40px auto 0;
	}

	section.content form > div.header {
		width: calc(100% - 40px);
		max-width: 1200px;
		margin: 40px auto 0;
	}

	section.content h1 {
		margin-bottom: 20px;
		font: 700 26px / 34px highgate, sans-serif;
	}

	section.content h1 span#catalog-title, 
	section.content h1 span#option-title, 
	section.content h1 span#article-title {
		width: 100%;
		display: inline-block;
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	section.content h1 span a {
		margin-left: 15px;
		padding: 8px 15px 6px;
		display: inline-block;
		vertical-align: middle;
		background: #44bd60;
		font: 400 16px / 20px highgate, sans-serif;
		color: #fff;
		text-align: center;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;
	}

	section.content .filters-right a.add-article,
	section.content .filters-right a.add-option,
	section.content .filters-right span.add-option	{
		margin-left: 15px;
		padding: 8px 15px 6px 35px;
		display: inline-block;
		vertical-align: middle;
		font: 400 16px / 20px highgate, sans-serif;
		color: #fff;
		text-align: center;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;
		height:42px;
		line-height:29px;
		background: #44bd60 url(/assets/img/icons/icon-add-white.svg) no-repeat 10px center / 15px;
		cursor:pointer;
	}

	section.content h1 span a:hover {
		background: #f3940e;
	}

	section.content div.center {
		width: calc(100% - 40px);
		max-width: 1200px;
		margin: 0 auto 80px;
		padding: 40px;
		background: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
	}
	
	section.content div.center.first {
		margin: 0 auto 40px;
		line-height:0;
	}

	section.content div.center h2 {
		margin: 40px 0 15px;
		font: 700 20px / 28px highgate, sans-serif;
	}

	section.content div.center > p {
		padding: 10px 20px 10px 40px;
		background: #f9f9f9 url('../img/icons/icon-lightbulb.svg') no-repeat 10px center / 20px; 
		font: 400 16px / 30px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	section.content div.center p a {
		text-decoration: underline;
	}

/*  CONTENT - LISTING 
--------------------------------------------- */

	div.item-group {
		width: 100%;
	}

	div.item-group div.item-row {
		padding: 7px 15px 5px;
		margin-top: 3px;
		display: flex;
		background-color: #f9f9f9;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	div.item-group div.item-row:not(.header):hover {
		background-color: #f0f0f0;
	}

	div.item-group div.item-row.header {
		background: #fff;
		border: 0;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.item-group div.item-row span.depth {
		color: #63708b;
		margin-right: 5px;
	}

	div.item-group div.item-row div.item {
		width: 25%;
		flex: 0 1 auto;
		font: 400 15px / 42px highgate, sans-serif;
	}
	
	div.item-group div.item-row div.item.payment:not(.paid) {
		color: #cb3d3d;
	}
	
	div.item-group div.item-row div.item.title {
		width: 40%;
	}
	
	div.item-group div.item-row div.item.title.category-group-header {
		cursor:pointer;		
		padding-left:20px;
		box-sizing:border-box;
		background-position:left center;
		background-repeat:no-repeat;
		background-size:10px;
	}
	
	div.item-group div.item-row div.item.title.category-group-header.open {
		background-image:url('../img/icons/icon-arrow-down-dark.svg');
	}
	
	div.item-group div.item-row div.item.title.category-group-header.closed {
		background-image:url('../img/icons/icon-arrow-right-dark.svg');
	}
	
	div.item-group div.item-row.hidden {
		display:none;
	}
	
	div.item-group div.item-row div.item.title a {
		color: #3595d2;
	}		
	
	div.item-group div.item-row div.item span.depth {
		color: #63708b;
		margin-right: 5px;
		padding-left:20px;
		box-sizing:border-box;
	}
	
	div.item-group div.item-row div.item.first {
		width: 15%;
	}
	
	div.item-group div.item-row div.item span.hidden {
		display: none;
	}

	div.item-group div.item-row.header div.item {
		font-weight: 700;
	}

	div.item-group div.item-row div.item.actions {
		margin: 0 0 0 auto;
		padding: 0;
		cursor: pointer;
		text-align: right;
		font: 400 15px / 28px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease 200ms all;
		transition: ease 200ms all;
	}

	div.item-group div.item-row div.item.actions span.delete,
	div.item-group div.item-row div.item.actions span.edit a {
		color: #475166;
		font: 400 15px / 42px highgate, sans-serif;
		text-decoration: none;
	}
	
	div.item-group div.item-row div.item.actions span.delete:hover,
	div.item-group div.item-row div.item.actions span.edit:hover a {
		text-decoration: underline;
	}
	
	div.item-group div.item-row div.item.actions span.delete {
		margin-right: 12px;
		color: #cb3d3d;
	}
	
	div.item-group div.item-row div.item.actions p.added-ovis {
		margin: 0;
		padding: 2px 40px 0 0;
		display: inline-block;
		vertical-align: middle;
		background: url('../img/icons/icon-ovis.svg') no-repeat center right / 36px; 
		font: italic 400 14px / 20px highgate, sans-serif;
		text-align: center;
		text-decoration: none;
	}
	
	div.item-group p.no-items-found {
		padding: 190px 20px 10px 40px;
		background: url(/assets/img/icons/icon-no-articles.svg) no-repeat center 50px / 130px;
		text-align: center;
		font: 400 24px / 30px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

/*  CONTENT - OPTIONS AND ARTICLES
	-------------------------------- */	

	div.catalogs, 
	div.options, 
	div.articles {
		width: 100%;
	}

	div.catalogs div.catalog, 
	div.options div.option, 
	div.articles div.article {
		width: calc(25% - 20px);
		min-height: 360px;
		margin: 26px 26px 0 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 9;
		background: #f9f9f9;
		border: 1px solid #eee;
		text-decoration: none;
		overflow: hidden;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease 100ms background;
		transition: ease 100ms background;
	}

	div.catalogs div.catalog:nth-of-type(-n+4), 
	div.options div.option:nth-of-type(-n+4), 
	div.articles div.article:nth-of-type(-n+4) {
		margin-top: 0;
	}

	div.catalogs div.catalog:nth-of-type(4n+4), 
	div.options div.option:nth-of-type(4n+4), 
	div.articles div.article:nth-of-type(4n+4) {
		margin-right: 0;
	}

	div.catalogs div.catalog:hover, 
	div.options div.option:hover, 
	div.articles div.article:hover {
		border-color: #ddd;
	}

	div.catalogs div.catalog span.thumb, 
	div.options div.option span.thumb, 
	div.articles div.article span.thumb {
		width: 100%;
		height: 188px;
		display: inline-block;
		vertical-align: top;
		background: #fff no-repeat center / cover;
		border-bottom: 1px solid #eee;
	}

	div.catalogs div.catalog div.contain, 
	div.options div.option div.contain, 
	div.articles div.article div.contain {
		padding: 20px 30px 80px;
	}
	
	section.content div.center div.catalogs div.catalog div.contain.switch, 
	section.content div.center div.options div.option div.contain.switch, 
	section.content div.center div.articles div.article div.contain.switch {
		width: 90px;
		padding: 20px 0 0 0;
		position: absolute;
		right: 127px;
		bottom: 20px;
	}
	
	section.content div.center div.catalogs div.catalog div.contain.switch div.multiple, 
	section.content div.center div.options div.option div.contain.switch div.multiple, 
	section.content div.center div.articles div.article div.contain.switch div.multiple {
		width: 90px;
		margin-right: 16px;
		padding: 0;
	}
	
	section.content div.center div.catalogs-contain.row div.catalogs div.catalog div.contain.switch div.multiple,
	section.content div.center div.options-contain.row div.options div.option div.contain.switch div.multiple,
	section.content div.center div.articles-contain.row div.articles div.article div.contain.switch div.multiple {
		max-width: 91px;
	}
	
	section.content div.center div.catalogs div.catalog div.contain.switch div.multiple:last-of-type,
	section.content div.center div.options div.option div.contain.switch div.multiple:last-of-type,
	section.content div.center div.articles div.article div.contain.switch div.multiple:last-of-type {
		margin-right: 0;
	}
	
	section.content div.center div.catalogs div.catalog div.contain.switch div.multiple label.switch,
	section.content div.center div.options div.option div.contain.switch div.multiple label.switch,
	section.content div.center div.articles div.article div.contain.switch div.multiple label.switch {
		width: 100%;
	}
	
	section.content div.center div.catalogs div.catalog div.contain.switch div.multiple label.switch input:checked + .slider:before,
	section.content div.center div.options div.option div.contain.switch div.multiple label.switch input:checked + .slider:before,
	section.content div.center div.articles div.article div.contain.switch div.multiple label.switch input:checked + .slider:before {
		-webkit-transform: translateX(66px);
		-ms-transform: translateX(66px);
		transform: translateX(66px);
	}

	div.catalogs div.catalog div.contain span.title,
	div.options div.option div.contain span.title,
	div.articles div.article div.contain span.title {
		width: 100%;
		min-height: 50px;
		max-height: 50px;
		overflow: hidden;
		display: inline-block;
		font: 600 20px / 24px highgate, sans-serif;
	}

	div.articles div.article div.contain span.category,
	div.catalogs div.catalog div.contain span.category,
	div.options div.option div.contain span.category	{
		font-style:italic;
	}

	div.catalogs div.catalog div.contain span.title:first-letter,
	div.options div.option div.contain span.title:first-letter,
	div.articles div.article div.contain span.title:first-letter {
		text-transform: capitalize;
	}

	div.catalogs div.catalog div.contain span.row,
	div.options div.option div.contain span.row,
	div.articles div.article div.contain span.row {
		width: 100%;
		max-width: 198px;
		margin-top: 10px;
		display: inline-block;
		font: 400 18px / 18px highgate, sans-serif;
	}

	div.catalogs div.catalog div.contain span.row span.value,
	div.options div.option div.contain span.row span.value,
	div.articles div.article div.contain span.row span.value {
		width: 70%;
		display: inline-block;
	}
	
	div.catalogs div.catalog div.contain span.row span.value.no-price,
	div.options div.option div.contain span.row span.value.no-price,
	div.articles div.article div.contain span.row span.value.no-price {
		font-size: 16px;
		line-height: 24px;
		font-style:italic;
	}
	
	div.catalogs div.catalog div.contain span.row span.value:nth-of-type(2),
	div.options div.option div.contain span.row span.value:nth-of-type(2),
	div.articles div.article div.contain span.row span.value:nth-of-type(2) {
		width: 30%;
		padding: 3px 24px 0 0;
		background: url('../img/icons/icon-stock.svg') no-repeat center right / 16px; 
		text-align: right;
	}
	
	div.catalogs div.catalog div.contain span.row span.value span.vat,
	div.options div.option div.contain span.row span.value span.vat,
	div.articles div.article div.contain span.row span.value span.vat {
		font-size: 14px;
	}

	div.catalogs div.catalog a.edit-catalog,
	div.catalogs div.catalog span.add-catalog,
	div.options div.option a.edit-option,
	div.options div.option span.add-option,
	div.articles div.article a.edit-article,
	div.articles div.article span.add-article {
		margin-top: 15px;
		padding: 8px 15px 6px;
		display: inline-block;
		position: absolute;
		bottom: 30px;
		left: 30px;
		z-index: 10;
		background: #44bd60;
		font: 400 16px / 20px highgate, sans-serif;
		color: #fff;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;
	}

	div.catalogs div.catalog a.edit-catalog:hover,
	div.catalogs div.catalog span.add-catalog:hover,
	div.options div.option a.edit-option:hover,
	div.options div.option span.add-option:hover,
	div.articles div.article a.edit-article:hover,
	div.articles div.article span.add-article:hover {
		background-color: #f3940e;
	}
	
	div.catalogs div.catalog p.added-ovis,
	div.options div.option p.added-ovis,
	div.articles div.article p.added-ovis {
		width: 36px;
		height: 36px;
		display: inline-block;
		margin: 0;
		position: absolute;
		bottom: 30px;
		right: 30px;
		z-index: 10;
		background: url('../img/icons/icon-ovis.svg') no-repeat center / 36px; 
		font: italic 400 14px / 20px highgate, sans-serif;
		text-align: center;
		text-decoration: none;
	}

	div.catalogs div.catalog a.watch-catalog,
	div.options div.option a.watch-option,
	div.articles div.article a.watch-article {
		padding: 8px 15px 6px;
		display: inline-block;
		position: absolute;
		bottom: 30px;
		right: 15px;
		z-index: 10;
		font: 400 14px / 20px highgate, sans-serif;
		color: #475166;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;

	}

	div.catalogs div.catalog a.watch-catalog:hover,
	div.options div.option a.watch-option:hover,
	div.articles div.article a.watch-article:hover {
		opacity: .8;
	}

	div.catalogs-filters,
	div.options-filters,
	div.articles-filters {
		position: relative;
		padding-right:100px;
		box-sizing:border-box;
	}	
	
	div.options-filters div.filter.filter-category {
		display: none;
	}

	div.catalogs-filters div.filter,
	div.options-filters div.filter,
	div.articles-filters div.filter {
		width: 100%;
		max-width: 280px;
		margin-right: 10px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		position: relative;
		margin-bottom:10px;
	}

	div.catalogs-filters div.filter:last-of-type,
	div.options-filters div.filter:last-of-type,
	div.articles-filters div.filter:last-of-type {
		margin-right: 0;
	}

	div.catalogs-filters div.filter-sort,
	div.options-filters div.filter-sort,
	div.articles-filters div.filter-sort {
		padding-left: 42px;
	}

	div.catalogs-filters div.filter-sort > span.sort-icon,
	div.options-filters div.filter-sort > span.sort-icon,
	div.articles-filters div.filter-sort > span.sort-icon {
		width: 42px;
		height: 42px;
		position: absolute;
		top: 0;
		left: 0;
		background: url('../img/icons/icon-sorting.svg') no-repeat center / 18px; 
		border: 1px solid #ddd;
		border-right: 0;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
	}

	div.catalogs-filters div.filter-sort .select2-container .select2-selection,
	div.options-filters div.filter-sort .select2-container .select2-selection,
	div.articles-filters div.filter-sort .select2-container .select2-selection {
		-webkit-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
	}

	div.catalogs-filters div.filters-right,
	div.options-filters div.filters-right,
	div.articles-filters div.filters-right {
		/*float: right;*/
		position:absolute;
		top:0; 
		right:0;
		
	}

	div.catalogs-filters div.filter-active,
	div.options-filters div.filter-active,
	div.articles-filters div.filter-active {
		width: auto;
		margin-right: 30px;
		padding: 7px 0;
	}

	div.catalogs-filters div.filter-active span.label,
	div.options-filters div.filter-active span.label,
	div.articles-filters div.filter-active span.label {
		margin-right: 5px;
	}

	div.catalogs-filters div.filter-layout,
	div.options-filters div.filter-layout,
	div.articles-filters div.filter-layout {
		width: auto;
	}

	div.catalogs-filters div.filter-layout div.mode,
	div.options-filters div.filter-layout div.mode,
	div.articles-filters div.filter-layout div.mode {
		width: 42px;
		height: 42px;
		display: inline-block;
		vertical-align: top;
		background: #fff no-repeat center / 16px;
		border: 1px solid #ddd;
		border-right: 0;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

	div.catalogs-filters div.filter-layout div.mode:nth-of-type(1),
	div.options-filters div.filter-layout div.mode:nth-of-type(1),
	div.articles-filters div.filter-layout div.mode:nth-of-type(1) {
		background-image: url('/assets/img/icons/icon-layout-block-light.svg');
	}

	div.catalogs-filters div.filter-layout div.mode.active:nth-of-type(1),
	div.options-filters div.filter-layout div.mode.active:nth-of-type(1),
	div.articles-filters div.filter-layout div.mode.active:nth-of-type(1) {
		background-image: url('/assets/img/icons/icon-layout-block.svg');
	}

	div.catalogs-filters div.filter-layout div.mode:nth-of-type(2),
	div.options-filters div.filter-layout div.mode:nth-of-type(2),
	div.articles-filters div.filter-layout div.mode:nth-of-type(2) {
		background-image: url('/assets/img/icons/icon-layout-row-light.svg');
		border-right: 1px solid #ddd;
		-webkit-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
	}

	div.catalogs-filters div.filter-layout div.mode.active:nth-of-type(2),
	div.options-filters div.filter-layout div.mode.active:nth-of-type(2),
	div.articles-filters div.filter-layout div.mode.active:nth-of-type(2) {
		background-image: url('/assets/img/icons/icon-layout-row.svg');
	}

	div.catalogs-filters div.filter-layout div.mode:hover,
	div.options-filters div.filter-layout div.mode:hover,
	div.articles-filters div.filter-layout div.mode:hover {
		background-color: #f1f1f1;
		cursor: pointer;
	}

	div.catalogs-filters div.filter-group,
	div.options-filters div.filter-group,
	div.articles-filters div.filter-group {
		width: 100%;
		max-width: 300px;
		position: relative;
		display: inline-block;
		vertical-align: top;
	}

	div.catalogs-filters div.filter span.reset,
	div.options-filters div.filter span.reset,
	div.articles-filters div.filter span.reset {
		width: 40px;
		height: calc(100% - 2px);
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1px;
		background: #fff url('../img/icons/icon-cross.svg') no-repeat center / 12px; 
		border-left: 1px solid #e1e1e1;
		cursor: pointer;
		-webkit-transition: ease background 200ms;
		transition: ease background 200ms;
		-webkit-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
	}

	div.catalogs-filters div.filter span.reset:hover,
	div.options-filters div.filter span.reset:hover,
	div.articles-filters div.filter span.reset:hover {
		background-image: url('../img/icons/icon-cross-hover.svg');
	}

	div.catalogs-filters div.filter-group span.reset,
	div.catalogs-filters div.filter-category span.reset,
	div.options-filters div.filter-group span.reset,
	div.options-filters div.filter-category span.reset,
	div.articles-filters div.filter-group span.reset,
	div.articles-filters div.filter-category span.reset {
		border-right: 1px solid #e1e1e1;
		right: 40px;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	div.ocatalogs-contain,
	div.options-contain,
	div.articles-contain {
		margin: 20px 0;
	}
	
	div.catalogs-contain p.no-catalogs-found,
	div.options-contain p.no-options-found,
	div.articles-contain p.no-articles-found {
		padding: 190px 20px 10px 40px;
		background: url(/assets/img/icons/icon-no-articles.svg) no-repeat center 50px / 130px;
		text-align: center;
		font: 400 24px / 30px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	div.list-contain a.item.no-items,
	div.items a.item.no-items,
	div.item-group a.item.no-items {
		width: 100%;
		max-width: 200px;
		min-height: 0;
		margin: -24px 10px 0 0;
		padding: 200px 30px 30px;
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 9;
		background: #fff url('../img/icons/icon-article-add.svg') no-repeat center 80px / 60px;
		border: 1px solid #e1e1e1;
		text-align: center;
		text-decoration: none;
		overflow: hidden;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease 200ms background;
		transition: ease 200ms background;
	}

	div.list-contain a.item.no-items:hover,
	div.items a.item.no-items:hover,
	div.item-group a.item.no-items:hover {
		border-color: #475166;
	}

/* OPTIONS AND ARTICLES: ROW
-------------------------------- */
div.catalogs-contain.row div.catalogs div.catalog,
div.options-contain.row div.options div.option,
div.articles-contain.row div.articles div.article {
	width: 100%;
	min-height: 0;
	margin: 0 0 10px;
}

div.catalogs-contain.row div.catalogs div.option div.catalog,
div.options-contain.row div.options div.option div.contain,
div.articles-contain.row div.articles div.article div.contain {
	width: calc(100% - 200px);
	padding: 20px 20px 0px;
	display: inline-block;
	vertical-align: top;
}

div.catalogs-contain.row div.catalogs div.catalog div.contain span.title,
div.options-contain.row div.options div.option div.contain span.title,
div.articles-contain.row div.articles div.article div.contain span.title {
	min-height: 0;
}

div.catalogs-contain.row div.catalogs div.catalog span.thumb,
div.options-contain.row div.options div.option span.thumb,
div.articles-contain.row div.articles div.article span.thumb {
	max-width: 200px;
	height: 130px;
	border: 0;
}

div.catalogs-contain.row div.catalogs div.catalog div.contain span.row,
div.options-contain.row div.options div.option div.contain span.row,
div.articles-contain.row div.articles div.article div.contain span.row {
	color: #696c71;
	vertical-align: top;
}

div.catalogs-contain.row div.catalogs div.catalog div.contain span.title,
div.options-contain.row div.options div.option div.contain span.title,
div.articles-contain.row div.articles div.article div.contain span.title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.catalogs-contain.row div.catalogs div.catalog div.contain span.category,
div.options-contain.row div.options div.option div.contain span.category,
div.articles-contain.row div.articles div.article div.contain span.category {
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display:inline-block;
}

div.catalogs-contain.row div.catalogs div.catalog div.contain span.row span.label,
div.options-contain.row div.options div.option div.contain span.row span.label,
div.articles-contain.row div.articles div.article div.contain span.row span.label {
	width: 15%;
	min-width: 120px;
}

div.catalogs-contain.row div.catalogs div.catalog div.contain span.row span.row,
div.options-contain.row div.options div.option div.contain span.row span.row,
div.articles-contain.row div.articles div.article div.contain span.row span.row {
	width: 85%;
}

div.catalogs-contain.row div.catalogs div.catalog a.edit-catalog,
div.catalogs-contain.row div.catalogs div.catalog p.added-ovis,
div.options-contain.row div.options div.option a.edit-option,
div.options-contain.row div.options div.option p.added-ovis,
div.articles-contain.row div.articles div.article a.edit-article,
div.articles-contain.row div.articles div.article p.added-ovis {
	right: 20px;
	left: auto;
	bottom: 20px;
	background-color:#f3940e;  
}

div.catalogs-contain.row div.catalogs div.catalog p.added-ovis,
div.options-contain.row div.options div.option p.added-ovis,
div.articles-contain.row div.articles div.article p.added-ovis {
	right: 130px;
}

/* NAVIGATION
-------------------------------- */

div.list-contain {
	min-height: 300px;
}

div.list-loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #f2f2f2;
	display: none;
}

div.list-loading span {
	width: 100px;
	height: 100px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1001;
	background: url('../img/icons/icon-loading.svg') no-repeat center / 100px; 
}

div.list-found {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
	font: 500 14px / 24px highgate, sans-serif;	
}
	
div.list-navigation {
	width: 100%;
	height: 24px;
}

div.list-navigation.top:not(.order) {
	margin-top: 20px;
}

div.list-navigation.bottom {
	margin-top: 20px;
}

div.list-navigation div.contain {
	display: inline-block;
	vertical-align: middle;
}

div.list-navigation div.list-button {
	width: auto;
	padding: 0 5px;
	display: inline-block;
	vertical-align: middle;
	color: #475166;
	font: 500 14px / 14px highgate, sans-serif;
	text-align: center;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: ease opacity 100ms;
	transition: ease opacity 100ms;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

div.list-navigation div.list-button:hover {
	opacity: .8;
}

div.list-navigation div.list-button.previous {
	padding-left: 0;
}

div.list-navigation div.list-button.next {
	padding-right: 0;
}


div.list-navigation div.list-button.disabled {
	opacity: .4;
	pointer-events: none;
}

div.list-navigation div.list-pagination {
	display: inline-block;
	vertical-align: middle;
}

div.list-navigation div.list-pagination a.pagination-item {
	margin: 0 5px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font: 500 14px / 24px highgate, sans-serif;	
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

div.list-navigation div.list-pagination a.pagination-item.active {
	color: #3595d2;
}

/*  CONTENT - VIEW ORDER
--------------------------------------------- */

div.order-catalogs div.header,
div.order-options div.header,
div.order-articles div.header {
	position: relative;
}

div.order-catalogs div.header div.actions,
div.order-options div.header div.actions,
div.order-articles div.header div.actions {
	width: 100%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

div.order-catalogs div.header div.actions span.amount,
div.order-options div.header div.actions span.amount,
div.order-articles div.header div.actions span.amount {
	min-width: 55px;
	display: inline-block;
	margin: 0;
	text-align: center;
	font-weight: 700;
}

div.order-catalogs div.header div.actions span.price,
div.order-options div.header div.actions span.price,
div.order-articles div.header div.actions span.price {
	width: 100%;
	max-width: 100px;
	margin-left: 10px;
	display: inline-block;
	text-align: center;
	font-weight: 700;
}

div.order-catalogs div.catalog,
div.order-options div.option,
div.order-articles div.article {
	padding: 0;
	position: relative;
}

div.order-catalogs div.catalog:last-of-type,
div.order-options div.option:last-of-type,
div.order-articles div.article:last-of-type {
	border-bottom: 0;
}

div.order-catalogs div.catalog a.thumb,
div.order-options div.option a.thumb,
div.order-articles div.article a.thumb {
	width: 100%;
	max-width: 100px;
	height: 100px;
	display: inline-block;
	vertical-align: middle;
	background: #fff no-repeat center / contain;
}

div.order-catalogs div.contain,
div.order-options div.contain,
div.order-articles div.contain {
	width: calc(100% - 130px);
	margin-left: 30px;
	display: inline-block;
	vertical-align: middle;
}

div.order-catalogs div.catalog div.actions,
div.order-options div.option div.actions,
div.order-articles div.article div.actions {
	width: 50%;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

div.order-catalogs div.actions span.price,
div.order-options div.actions span.price,
div.order-articles div.actions span.price {
	width: 100%;
	max-width: 100px;
	margin-left: 10px;
	display: inline-block;
	text-align: center;
}

div.order-catalogs div.catalog div.actions div.catalog-amount,
div.order-options div.option div.actions div.option-amount,
div.order-articles div.article div.actions div.article-amount {
	min-width: 55px;
	display: inline-block;
	margin: 0;
	text-align: center;
}

div.order-catalogs div.catalog a.title,
div.order-options div.option a.title,
div.order-articles div.article a.title {
	width: 50%;
	display: inline-block;
	vertical-align: middle;
	font: 400 16px / 24px highgate, sans-serif;
}

div.order-catalogs div.amount-information,
div.order-options div.amount-information,
div.order-articles div.amount-information {
	width: 100%;
	margin-top: 5px;
	padding: 20px 20px 0 0;
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid #eee;
}

div.order-catalogs span.delivery-costs,
div.order-catalogs span.amount-total,
div.order-options span.delivery-costs,
div.order-options span.amount-total,
div.order-articles span.delivery-costs,
div.order-articles span.amount-total {
	width: 100%;
	display: inline-block;
	text-align: right;
	font: 400 16px / 16px highgate, sans-serif;
}

div.order-catalogs span.delivery-costs span:nth-of-type(2),
div.order-catalogs span.amount-total span:nth-of-type(2),
div.order-options span.delivery-costs span:nth-of-type(2),
div.order-options span.amount-total span:nth-of-type(2),
div.order-articles span.delivery-costs span:nth-of-type(2),
div.order-articles span.amount-total span:nth-of-type(2) {
	min-width: 100px;
	display: inline-block;
}

div.order-catalogs span.tax-notification,
div.order-options span.tax-notification,
div.order-articles span.tax-notification {
	width: 100%;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
	color: #ababab;
	text-align: right;
	font: 300 13px / 13px highgate, sans-serif;
}

section.content div.shop-orders h3 {
	width: 100%;
	margin-bottom: 20px;
	font: 400 22px / 30px highgate, sans-serif;
}

section.content div.shop-orders h4 {
	margin-top: 50px;
}

section.content div.shop-orders p {
	margin: 0;
}

section.content div.shop-orders div.notice {
	margin-right: 5px;
	padding: 10px 15px 8px 22px;
	display: inline-block;
	vertical-align: top;
	background: no-repeat left center / 16px; 
	font: 400 14px / 22px highgate, sans-serif;
}

section.content div.shop-orders div.notice.payment-status:not(.paid) {
	color: #cb3d3d;
	padding-left: 0;
}

section.content div.shop-orders div.notice.paid {
	background-image: url('../img/icons/icon-check.svg');
}
	
section.content div.shop-orders div.notice.order-status {
	background-image: url('../img/icons/icon-process.svg');
}
	
section.content div.shop-orders div.notice.order-status.geleverd {
	background-image: url('../img/icons/icon-check.svg');
}

/*  CONTENT - FAQ 
--------------------------------------------- */

div.faq-contain {
	width: 100%;
}

div.faq-contain div.item {
	width: 100%;
	margin-top: 15px;
	padding-top: 15px;
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid #eee;
	cursor: pointer;
}

div.faq-contain div.item:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

div.faq-contain div.item span.title {
	width: 100%;
	padding-right: 30px;
	display: inline-block;
	background: url('../img/icons/icon-arrow-right-dark.svg') no-repeat right center / 16px;
	font: 500 20px / 28px highgate, sans-serif;
}

div.faq-contain div.item.open span.title {
	background-image: url('../img/icons/icon-arrow-down-dark.svg');
}

div.faq-contain div.item span.description {
	padding: 20px 0;
	display: none;
}

div.faq-contain div.item span.description p {
	padding: 5px 0;
}

div.faq-contain div.item span.description p strong {
	padding-top: 10px;
	display: inline-block;
	font-weight: 700;
}

div.faq-contain div.item span.description a {
	text-decoration: underline;
}

div.faq-contain div.item span.description ul {
	padding: 5px 0 5px 15px;
}

div.faq-contain div.item span.description ul li {
	line-height: 30px;
}

div.faq-contain div.item span.description ul.disc li {
	list-style-type: disc !important;
}

div.faq-contain div.item span.description ul.number li {
	list-style-type: number;
}

div.faq-contain div.item span.description ul.disc li ul.circle li {
	list-style-type: circle !important;
}

/* SETTINGS
-------------------------------- */	
section.content.settings div.center {
	padding: 0;
	overflow: hidden;
}

section.content.settings > div.center {
	display: flex;
}

section.content div.scroll-to {
	width: 20%;	
	padding: 40px 40px 0;
	background: #f9f9f9;
}

section.content div.scroll-to .sticky {
	max-width: 160px;
}

section.content div.scroll-to a {
	width: 100%;
	margin-bottom: 8px;
	display: inline-block;
	cursor: pointer;
}

section.content div.contain-settings {
	width: 80%;	
}

section.content div.center div.contain.setting {
	width: 100%;
	margin: 0;
	padding: 60px 40px;
	border-top: 2px solid #f9f9f9;
}

section.content div.center div.contain.setting:first-of-type {
	padding-top: 40px;
	border-top: 0;
}

section.content div.center div.contain.setting div.information {
	width: 80%;
	display: inline-block;
	vertical-align: middle;
}

section.content div.center div.contain.setting div.information h2 {
	margin: 0 0 5px;
	font-weight: 700;
}

section.content div.center div.contain.setting div.information p {
	margin-bottom: 0;
	font-size: 15px;
}

section.content div.center div.contain.setting div.action {
	width: 20%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

section.content div.center div.contain.setting div.setting-contain {
	width: 100%;
	max-width: 640px;
	margin-top: 20px;
	position: relative;
}

section.content div.center div.contain.setting div.setting-contain.multiple {
	width: calc(50% - 10px);
	display: inline-block;
}

section.content div.center div.contain.setting div.setting-contain.multiple:last-of-type {
	margin-left: 20px;
}

section.content div.center div.contain.setting div.setting-contain > textarea {
	height: 100px;
}

section.content div.center div.contain.setting div.setting-contain .select2-container {
	max-width: 640px !important;
}

section.content div.center div.contain.setting div.information.startimage {
	width: 100%;
}

section.content div.center div.contain.setting div.information div.contain-startimage {
	width: 100%;
	margin: 20px 0 0 0;
}

section.content div.center div.contain.setting div.information div.contain-startimage label {
	width: calc(20% - 12px);
	margin: 10px 15px 0  0;
	display: inline-block;
	vertical-align: top;
}

section.content div.center div.contain.setting div.information div.contain-startimage label.custom-header {
	position: relative;
}

section.content div.center div.contain.setting div.information div.contain-startimage label.custom-header span#label-custom-header {
	width: auto;
	height: 28px;
	padding: 5px 10px;
	position: absolute;
	top: 8px;
	right: 36px;
	z-index: 1000;
	cursor: pointer;
	background: #fff;
	font: 700 11px / 21px highgate, sans-serif;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	-webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, .15);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
}

section.content div.center div.contain.setting div.information div.contain-startimage label.custom-header span#delete-custom-header {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1000;
	cursor: pointer;
	background: #cb3d3d url('../img/icons/icon-delete.svg') no-repeat center / 16px;
	-webkit-border-radius: 0 3px 3px 0px;
	border-radius: 0 3px 3px 0px;
}

section.content div.center div.contain.setting div.information div.contain-startimage label.custom-header span#delete-custom-header:hover {
	background-color: #ec4848;
}

section.content div.center div.contain.setting div.information div.contain-startimage label.upload-your-own {
	height: 94px;
	background: #f9f9f9;
	border: 1px solid #eaeaea;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

section.content div.center div.contain.setting div.information div.contain-startimage label.upload-your-own:hover {
	background-color: #f1f1f1;
}

section.content div.center div.contain.setting div.information div.contain-startimage label.upload-your-own span {
	height: 28px;
	width: 120px;
	padding-left: 35px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: left;
	background: url('../img/icons/icon-upload.svg') no-repeat left center / 22px;
	font: 400 12px / 16px highgate, sans-serif;
}

section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(5n+5) {
	margin-right: 0;
}

section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(-n+5) {
	margin-top: 0;
}

section.content div.center div.contain.setting div.information div.contain-startimage label [type=radio] { 
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

section.content div.center div.contain.setting div.information div.contain-startimage label [type=radio] + img {
	width: 100%;
	height: auto;
	max-height: 94px;
	cursor: pointer;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	filter: grayscale(30);  
}

section.content div.center div.contain.setting div.information div.contain-startimage label [type=radio]:checked + img {
	outline: 3px solid #3595d2;
	filter: grayscale(0);  
}

section.content div.center div.contain.setting div.information div.contain-startimage label img:hover {
	filter: grayscale(0);  
}

section.content div.center div.contain.setting div.information div.contain-uploadheader {
	margin-top: 30px;			
}

section.content div.center div.contain.setting div.information div.contain-uploadheader #drag-drop-area {
	
}

section.content div.center div.contain.setting div.setting-contain #delete-subdomain {
	margin: 20px 0 0 0;	
	padding: 3px 0 0 20px;
	display: inline-block;
	background: url('../img/icons/icon-cross.svg') no-repeat left center / 12px;
	font: 500 12px / 16px highgate, sans-serif;
	cursor: pointer;
}

section.content div.center div.contain.setting div.setting-contain #delete-subdomain:hover {
	text-decoration: underline;
}

section.content div.center div.contain.setting div.setting-contain #subdomain-status {
	margin: 20px 0 0 20px;	
	padding: 3px 0 0 24px;
	display: inline-block;
	background:  no-repeat left center / 16px;
	font: 500 12px / 16px highgate, sans-serif;
}

section.content div.center div.contain.setting div.setting-contain #subdomain-status.processing {
	background-image: url('../img/icons/icon-loading.svg');
}

section.content div.center div.contain.setting div.setting-contain #subdomain-status.active {
	background-image: url('../img/icons/icon-check.svg');
}

/* SCROLL TOP 
-------------------------------- */				
div.scroll-top {
    width: 60px;
    height: 60px;
	margin: auto;
    position: fixed;
    bottom: 0;
	top: 0;
    right: 20px;
    z-index: 500;
	display: none;
    background: #fff url('../img/icons/icon-arrow-up.svg') center / 24px no-repeat;
    cursor: pointer;    
    text-decoration: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
	-webkit-transition: ease background-position 200ms, ease width 300ms;
	transition: ease background-position 200ms, ease width 300ms;
} 

div.scroll-top:hover {
	background-position: center calc(50% - 3px);
}

/* COLOR PICKER
---------------------------------------- */ 
.sp-replacer {
	border: 0;
	-webkit-border-radius: 3px;
}

.sp-container {
	background: #fff;
	border: 0;
	-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15);
	-webkit-border-radius: 3px;
}

.sp-replacer {
	padding: 6px 8px;
	background: #f9f9f9;
	border: 1px solid #D9D9D9;
}

.sp-replacer:hover, 
.sp-replacer.sp-active {
	border: 1px solid #ddd;
}

.sp-preview {
	overflow: hidden;
	border: 0;
	-webkit-border-radius: 2px;
}

.sp-color, 
.sp-hue, 
.sp-clear {
	overflow: hidden;
	border: 0;
	-webkit-border-radius: 3px;
}

.sp-initial {
	overflow: hidden;
	-webkit-border-radius: 2px;
	border: 0;
}

.sp-input {
	border: 1px solid #D9D9D9;
}

.sp-input:focus {
	border: 1px solid #D9D9D9;
}

.sp-cancel,
.sp-cancel:hover {
	color: #475166 !important;
}

.sp-container button {
	margin-top: 3px;
	padding: 6px 10px 4px;
	background: #44bd60;
	border: 0;
	color: #fff;
	text-shadow: none;
	font: 400 14px / 14px highgate, sans-serif;
}

.sp-container button:hover {
	border: 0;
	background: #f3940e;
	text-shadow: none;
}

/* NOTIFY
---------------------------------------- */ 
div#notify-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .1);
}

div#notify {
	width: auto;
	max-width: 414px;
	height: 103px;
	margin: auto;
	padding: 45px 40px 43px 80px;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
	background: #fff no-repeat 30px center / 40px;
	font: 700 18px / 18px highgate, sans-serif;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .075);
	box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .075);
}

div#notify.success {
	background-image: url('../img/icons/icon-success.svg');
}

div#notify.failed {
	background-image: url('../img/icons/icon-failed.svg');
}

/*  FORMS - GENERAL
	---------------------------------------- */ 

	form { 
		width: 100%;
		max-width: 640px;
		display: inline-block;
	}

	form div.contain {
		width: 100%;
		margin: 15px 0;
		display: inline-block;
		position: relative;
	}

	form div.contain:first-of-type {
		margin-top: 0;
	}

	form div.contain:last-of-type {
		margin-bottom: 0;
	}

	form div.contain div.multiple {
		width: calc(50% - 10px);
		display: inline-block;
		vertical-align: top;
	}
	
	form div.contain label span.tooltip {
		margin-left: 10px;
	}
	
	form div.contain div.multiple span.tooltip {
		margin-left: 10px;
	}
	
	form div.contain label span.tooltip.required {
		color:red;
	}
	
	form div.contain div.multiple span.tooltip.required {
		color:red;
	}
	
	form div.contain div.multiple.full {
		width: 100%;
	}

	form div.contain.switch div.multiple {
		width: auto;
	}

	form div.contain div.multiple:nth-of-type(2) {
		margin-left: 20px;
	}

	form div.contain.switch div.multiple:nth-of-type(2) {
		margin-left: 0;
	}

	form div.contain.address div.multiple:nth-of-type(1) {
		width: 80%;
	}

	form div.contain.address div.multiple:nth-of-type(2) {
		width: calc(20% - 20px);
	}

	form div.contain.zipcode div.multiple:nth-of-type(1) {
		width: 30%;
	}

	form div.contain.zipcode div.multiple:nth-of-type(2) {
		width: calc(70% - 20px);
	}
	
	form div.contain.shippingmethods div.multiple:nth-of-type(1),
	form div.contain.assembly div.multiple:nth-of-type(1) {
		width: calc(33.333333333% - 15px);
	}

	form div.contain.shippingmethods div.multiple:nth-of-type(2),
	form div.contain.assembly div.multiple:nth-of-type(2) {
		width: calc(66.666666667% - 5px);
	}
	
	form div.contain div.triple {
		width: calc(33.333333333% - 14px);
		margin-left: 20px;
		display: inline-block;
		vertical-align: top;
	}
	
	form div.contain div.triple:first-of-type {
		margin-left: 0;
	}
	
	form div.contain p.tooltip {
		margin: 10px 0 0 0;
		padding: 15px 15px 12px 40px;
		background: #f9f9f9 url('../img/icons/icon-lightbulb.svg') no-repeat 10px center / 20px; 
		font: 400 13px / 18px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	label {
		width: 100%;
		margin: 0 0 8px;
		display: inline-block;
		vertical-align: bottom;
		font: 400 16px / 16px highgate, sans-serif;
	}
	
	p.footnote { font-size:13px; }
	
	label span {
		width: auto;
		padding: 0;
		margin-left: 3px;
		display: inline-block;
		vertical-align: bottom;
		font: italic 400 11px / 11px highgate, sans-serif;
	}

	input,
	textarea,
	select {
		width: 100%;
		margin: 0;
		padding: 13px 12px 11px;
		display: inline-block;
		vertical-align: top;
		background: #fff;
		border: 1px solid #D9D9D9;
		font: 400 16px / 16px highgate, sans-serif;
		color: #676767;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none
	}

	form.callback input {
		background: #f9f9f9;
	}

	textarea { 
		resize: none; 
		height: 131px; 
		line-height: 24px;
	} 

	input:hover,
	textarea:hover,
	select:hover { 
		outline: none;
	}

	input:focus,
	textarea:focus,
	select:focus { 
		outline: none;
	}
	
	
	label.checkbox { 
		line-height:30px;
		display:inline-block;
		position:relative;
		padding-left:40px; 
		box-sizing:border-box;
	}	
	
	label.checkbox input[type='checkbox'] {
		width:30px; height:30px;
		position:absolute;
		left:0; top:0;
	}	
	
	label.checkbox input[type='checkbox']:checked {
		background-image: url('../img/icons/icon-check.svg');
		background-position:center center;
		background-repeat:no-repeat;
		background-size:20px;
	}
	
	
	

	select {
		background: #fff url('../img/icons/icon-arrow-down.svg') no-repeat calc(100% - 15px) / 16px;
	}
	form select option:first-of-type {
		color: #b5bdc4;
	}

	input[type='submit'] {
		width: 100%;
		max-width: 180px;
		margin: 10px 0 0 0;
		padding: 12px 25px 10px;
		display: inline-block;
		background: #44bd60 no-repeat calc(100% - 15px) center / 24px;
		border: 0;
		color: #fff;
		font: 400 16px / 16px highgate, sans-serif;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

	input[type='submit']:hover {
		background-color: #f3940e;
	}

	input[type='submit'].disabled {
		background-image: url('../img/icons/icon-loading-submit.svg');
		pointer-events: none;
	}
	
	div.contain-submit {
		width: calc(100% - 250px);
		margin-left: 250px;
		padding: 0 20px;
		position: fixed;
		left: 0;
		bottom: 40px;
		z-index: 9999;
		text-align: center;
	}
	
	div.contain-submit div.center-submit {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 10px 0;
		background: #fff;
		border: 1px solid #eee;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .05);
		box-shadow: 0 1px 15px 0 rgba(0, 0, 0, .05);
	}
	
	input[type='submit'].submit,
	section.content div.center div.contain.setting div.setting-contain span#save-settings.submit {
		max-width: 185px;
		margin: 0 auto;
		padding: 12px 25px 10px;
		display: inline-block;
		z-index: 106;
		font: 400 18px / 16px highgate, sans-serif;
	}
	
	input[type='submit'].submit.right {
		width: auto;
		height: 30px;
		padding: 2px 0 0 28px;
		position: absolute;
		top: -2px;
		bottom: auto;
		right: 0;
		left: auto;
		color: #475166;
		background: transparent url(../img/icons/icon-save.svg) no-repeat left center / 18px;
		font: 400 16px / 28px highgate, sans-serif;
	}
	
	input[type='submit'].submit.right.disabled {
		color:#a3a8b2;
		background: transparent url(../img/icons/icon-waiting.svg) no-repeat left center / 18px;
	}
	
	
	input[type='submit'].submit.right:hover {
		text-decoration: underline;
	}

	::-webkit-input-placeholder { color: #b5bdc4; font-size: 16px; line-height: 16px; }
	:-moz-placeholder           { color: #b5bdc4; font-size: 16px; opacity: 1; line-height: 16px; }
	::-moz-placeholder          { color: #b5bdc4; font-size: 16px; opacity: 1; line-height: 16px; }
	:-ms-input-placeholder      { color: #b5bdc4; font-size: 16px; line-height: 16px; }  

	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		-webkit-box-shadow: 0 0 0 30px white inset !important;
	}
	
	input:disabled {
		opacity: .6;
	}

	form div.notice {
		width: 100%;
		padding: 20px 20px 17px;
		margin: 20px 0 10px;
		display: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	form div.notice.success {
		background: #6dbb7f;
	}

	form div.notice.error {
		background: #f94449;
	}

	form div.notice p {
		margin-bottom: 5px;
		color: #fff;
		font: 400 14px / 14px highgate, sans-serif !important;
	}

	form div.notice p:last-of-type {
		margin-bottom: 0 !important;
	}

	form input.error,
	form textarea.error {
		border-color: #ffbdbd;
	}
	
	div.form-notification {
		margin-bottom: 10px;
		padding: 12px 15px 10px;
		font: 400 14px / 22px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.form-notification.error {
		background: #ffbdbd;
	}
	
	div.form-notification.success {
		background: #ffdd80;
	}

/*  FORM - SWITCH
	---------------------------------------- */  
	section.content div.center div.contain.switch div.multiple {
		margin-right: 20px;
		padding: 5px 0;
		display: inline-block;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content div.center div.contain.switch div.multiple:last-of-type {
		margin-right: 0;
	}

	section.content div.center label.switch {
		width: 120px;
		height: 34px;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	
	section.content div.center label.switch.active {
		width: 54px;
	}

	section.content div.center label.switch input {
		opacity: 0;
		width: 0;
		height: 0;
		padding: 0;
	}

	section.content div.center label.switch span.slider {
		margin: 0;
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	section.content div.center label.switch span.slider:before {
		position: absolute;
		content: "";
		height: 14px;
		width: 14px;
		left: 5px;
		bottom: 10px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
		-webkit-border-radius: 30px;
		border-radius: 30px;
	}
	
	section.content div.center label.switch input + .slider:after {  
		width: 100%;
		height: 12px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		text-align: center;
		font: 400 13px / 13px highgate, sans-serif;
		color: #475166;
	}
	
	section.content div.center label.switch input + .slider {
		background-color: #cb3d3d;
	}
	
	section.content div.center label.switch input:checked + .slider {
		background-color: #3595d2;
	}
	
	section.content div.center label.switch input + .slider:after { 
		color: #fff;
	}
	
	section.content div.center label.switch input[name=catalog_active] + .slider:after,
	section.content div.center label.switch input[name=option_active] + .slider:after,
	section.content div.center label.switch input[name=article_active] + .slider:after {  
		content: 'Offline';
	}
	
	section.content div.center label.switch input[name=catalog_active]:checked + .slider:after,
	section.content div.center label.switch input[name=option_active]:checked + .slider:after,
	section.content div.center label.switch input[name=article_active]:checked + .slider:after {  
		content: 'Online';
	}

	section.content div.center label.switch input[name=catalog_viewonly] + .slider:after,
	section.content div.center label.switch input[name=option_viewonly] + .slider:after,
	section.content div.center label.switch input[name=article_viewonly] + .slider:after {  
		content: 'Bekijken';
	}

	section.content div.center label.switch input[name=catalog_viewonly]:checked + .slider:after,
	section.content div.center label.switch input[name=option_viewonly]:checked + .slider:after,
	section.content div.center label.switch input[name=article_viewonly]:checked + .slider:after {  
		content: 'Kopen';
	}
	
	section.content div.center label.switch input[data-setting=stockCount] + .slider:after,
	section.content div.center label.switch input[data-setting=mollieEnabled] + .slider:after,
	section.content div.center label.switch input[data-setting=maintenanceMode] + .slider:after {  
		content: 'Uit';
	}
	
	section.content div.center label.switch input[data-setting=stockCount]:checked + .slider:after,
	section.content div.center label.switch input[data-setting=mollieEnabled]:checked + .slider:after,
	section.content div.center label.switch input[data-setting=maintenanceMode]:checked + .slider:after {  
		content: 'Aan';
	}

	section.content div.center label.switch input:focus + .slider {

	}

	section.content div.center label.switch input:checked + .slider:before {
		-webkit-transform: translateX(95px);
		-ms-transform: translateX(95px);
		transform: translateX(95px);
	}
	
	section.content div.center label.switch.active input:checked + .slider:before {
		-webkit-transform: translateX(29px);
		-ms-transform: translateX(29px);
		transform: translateX(29px);
	}
	
	section.content div.center label.switch.small {
		width: 30px;
		height: 15px;
	}
	
	section.content div.center label.switch.small span.slider:before {
		width: 11px;
		height: 11px;
	}
	
	section.content div.center label.switch.small input:checked + .slider:before {
		-webkit-transform: translateX(15px);
		-ms-transform: translateX(15px);
		transform: translateX(15px);
	}
	
/*  FORMS - ADD OPTION AND ARTICLE
	---------------------------------------- */ 
	form#catalog-add,
	form#option-add,
	form#article-add {
		max-width: 100%;
		position: relative;
	}
	
	form#catalog-add span#delete-catalog,
	form#option-add span#delete-option,
	form#article-add span#delete-article {
		padding: 2px 0 0 23px;
		position: absolute;
		right: 115px;
		top: -2px;
		background: url('../img/icons/icon-delete-cross.svg') no-repeat left center / 14px;
		font: 400 16px / 28px highgate, sans-serif;
		color: #cb3d3d;
	}
	
	form#catalog-add span#delete-catalog:hover,
	form#option-add span#delete-option:hover,
	form#article-add span#delete-article:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	
	form#catalog-add div.block,
	form#option-add div.block,
	form#article-add div.block { 
		width: calc(50% - 25px);
		margin-right: 50px;
		display: inline-block;
		vertical-align: top;
	}
	
	form#catalog-add div.block.full,
	form#option-add div.block.full,
	form#article-add div.block.full {
		width: 100%;
		margin: 0 0 30px;
	}
	
	form#catalog-add div.block.catalog-add-right,
	form#option-add div.block.option-add-right,
	form#article-add div.block.article-add-right {
		margin-right: 0;
	}
	
	form#catalog-add .uppy-Dashboard-inner,
	form#option-add .uppy-Dashboard-inner,
	form#article-add .uppy-Dashboard-inner {
		width: 100% !important;
		height: 300px;
	}
	
	form#catalog-add div.images,
	form#option-add div.images,
	form#article-add div.images {
		width: 100%;
		/*margin-top: 50px;*/
		display: inline-block;
	}
	
	form#catalog-add div.images > span,
	form#option-add div.images > span,
	form#article-add div.images > span {
		margin-bottom: 15px;
		display: inline-block;
		font: 400 22px / 28px highgate, sans-serif;
	}
	
	form#catalog-add div.images #total-images-reached,
	form#option-add div.images #total-images-reached,
	form#article-add div.images #total-images-reached {
		width: 100%;
		max-width: 1220px;
		margin-bottom: 30px;
		padding: 20px;
		position: relative;
		background: #fafafa;
		max-width: 100%;
		max-height: 100%;
		outline: none;
		border: 1px solid #eaeaea;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	form#catalog-add div.images #total-images-reached.hidden,
	form#option-add div.images #total-images-reached.hidden,
	form#article-add div.images #total-images-reached.hidden {
		display:none;
	}
	
	form#catalog-add div.images #existing-images,
	form#option-add div.images #existing-images,
	form#article-add div.images #existing-images {
		width: 100%;
		max-width: 1220px;
		min-height: 200px;
		margin-bottom: 30px;
		padding: 20px;
		position: relative;
		background: #fafafa url('/assets/img/icons/icon-no-image.svg') no-repeat center / 200px;
		max-width: 100%;
		max-height: 100%;
		outline: none;
		border: 1px solid #eaeaea;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	

	form#catalog-add div.images #existing-images > span,
	form#option-add div.images #existing-images > span,
	form#article-add div.images #existing-images > span {
		width: 100%;
		max-width: 205px;
		height: 188px;
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		background: no-repeat center / contain;
		position: relative;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	form#catalog-add div.images #existing-images  > span:hover,
	form#option-add div.images #existing-images  > span:hover,
	form#article-add div.images #existing-images  > span:hover {
		cursor: move;
	}	
		
	form#catalog-add div.images #existing-images > span span#delete-image,
	form#option-add div.images #existing-images > span span#delete-image,
	form#article-add div.images #existing-images > span span#delete-image {
		width: 28px;
		height: 28px;
		position: absolute;
		top: 8px;
		right: 8px;
		cursor: pointer;
		background: #cb3d3d url('../img/icons/icon-delete.svg') no-repeat center / 16px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	form#catalog-add div.images #existing-images > span span#delete-image:hover,
	form#option-add div.images #existing-images > span span#delete-image:hover,
	form#article-add div.images #existing-images > span span#delete-image:hover {
		background-color: #ec4848;
	}
	
	
	form#article-add div.options {
		width: 100%;
		margin-top: 0px;
		display: inline-block;
	}
	
	form#article-add div.options > span {
		margin-bottom: 15px;
		display: inline-block;
		font: 400 22px / 28px highgate, sans-serif;
	}
	
	form#article-add div.options .existing-options-title {
		display: inline-block; width: 100%; line-height:31px; margin-bottom:5px; position:relative; padding-right:120px; box-sizing:border-box;
	}
	
	form#article-add div.options .existing-options-title span { 
		display: inline-block; width:auto; margin-left:10px; color:#fff; padding:3px 10px 0; line-height:24px; vertical-align:top; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; cursor:pointer; position:absolute; right:0; top:0; padding-left:30px; background: #44bd60 url('/assets/img/icons/icon-add-white.svg') no-repeat 10px center / 15px;
	}
	
	form#article-add div.options .existing-options-title span:hover { background-color:#f3940e; }	
	
	form#article-add div.options .existing-options.filled {
		background: #fafafa ;
	}
	
	form#article-add div.options .existing-options {
		width: 100%;
		max-width: 1220px;
		min-height: 100px;
		margin-bottom: 30px;
		padding: 20px;
		position: relative;
		background: #fafafa url('/assets/img/icons/icon-no-connect.svg') no-repeat center / 150px;
		max-width: 100%;
		max-height: 100%;
		outline: none;
		border: 1px solid #eaeaea;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	form#article-add div.options .existing-options > span.existing-option {
		width: 100%;
		/*max-width: 205px;*/
		/*height: 220px;*/
		display: inline-block;
		vertical-align: top;
		margin: 5px;
		background: no-repeat center / contain;
		position: relative;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #eaeaea;
		padding:0px 0px 0px 0px;
		box-sizing:border-box;
		background-color:#ffffff;
	}
	
	/*form#article-add div.options .existing-options > span.existing-option.disabled .existing-option-image {
		opacity: 0.35;
	}*/
	
	form#article-add div.options .existing-options > span.existing-option .option-inactive {
		color: red;
		/*
		border-radius: 3px;
		content: "Inactief";
		background-color: red;
		opacity: 1;
		position: absolute;
		left: 50px;
		width: 103px;
		*/
		font-style: italic;
		display:inline-block;
		padding: 0px 0px 0px 10px;
		text-align: left;
		border: 1px solid #fff;
		box-sizing: border-box;
		/*top: 55px;
		-moz-box-shadow:    0px 0px 5px 6px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.25);
		box-shadow:         0px 0px 5px 6px rgba(0,0,0,0.25);*/
	}
	
	form#article-add div.options .existing-options > span.existing-option > span.existing-option-title { display:inline-block; width:100%; vertical-align:top; padding:10px 50px 10px 30px; box-sizing:border-box; max-height: 48px; overflow: hidden; background-image:url('../img/icons/icon-sortable.svg'); background-repeat:no-repeat; background-position:5px center; background-size:16px; line-height: 24px; }
	
	form#article-add div.options .existing-options > span.existing-option > span.existing-option-image {
		width: 100%;
		max-width: 205px;
		height: 150px;
		display: none;
		/*display: inline-block;*/
		vertical-align: top;
		margin: 0 0 10px 0;
		background: no-repeat center / cover;
		position: relative;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
	}
	
	
	form#article-add div.options .existing-options  > span:hover {
		cursor: move;
	}	
		
	form#article-add div.options .existing-options > span span#delete-option {
		width: 28px;
		height: 28px;
		position: absolute;
		top: 8px;
		right: 8px;
		cursor: pointer;
		background: #cb3d3d url('../img/icons/icon-delete.svg') no-repeat center / 16px;
		-webkit-border-radius: 3px;
		border-radius: 3px;		
	}
	
	form#article-add div.options .existing-options > span span#delete-option:hover {
		background-color: #ec4848;
	}	
	
	.options-to-add-container {
		position:relative;			
	}
	
	.options-to-add-container .add-option {
		display:inline-block;
		background-color:#fff;
		width:100%;
	}
	
	.options-to-add-container .add-option .add-selection {
		display: inline-block; width:auto; margin-left:10px; color:#fff; padding:3px 10px 0; line-height:24px; vertical-align:top; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; cursor:pointer; position:absolute; right:0; top:0; padding-left:30px; background: #44bd60 url('/assets/img/icons/icon-add-white.svg') no-repeat 10px center / 15px;
	}
	
	.options-to-add { 
		display:inline-block;
		padding-top:00px;
		box-sizing:border-box;
		width:100%;
	}
	
	.option-to-add { 		
		height: 122px;
		display: inline-block;
		width: 100%;
		border: 1px solid #ededed;
		box-sizing: border-box; 
		padding:10px;
		position:relative;
		padding-left:150px;
		padding-right:50px;
		margin-bottom:10px;
	}
	
	.option-to-add.active {
		background:rgba(68,189,96,0.25);	
	}
	
	.option-to-add.active.disabled {
		background:rgba(0,0,0,0.05);
		color:rgba(71,81,102,0.65);
	}
	
	.option-to-add.disabled span.icon.article_price,
	.option-to-add.disabled span.icon.article_number
	{
		opacity: 0.65;	
	}
	
	.option-to-add.disabled span.option-add-image,
	.option-to-add.disabled span.option-add-selector
	{
		opacity: 0.35;	
	}
	
	.option-to-add.disabled::after {
		border-radius: 3px;
		content: "Inactief";
		color: #fff;
		background-color: red;
		opacity: 1;
		position: absolute;
		left: 25px;
		padding: 5px 5px 2px 5px;
		width: 95px;
		text-align: center;
		border: 1px solid #fff;
		box-sizing: border-box;
		-moz-box-shadow:    0px 0px 5px 6px rgba(0,0,0,0.25);
		-webkit-box-shadow: 0px 0px 5px 6px rgba(0,0,0,0.25);
		box-shadow:         0px 0px 5px 6px rgba(0,0,0,0.25);
	}
	
	.option-to-add .option-add-selector { 
		background-position: center center;
		background-repeat:no-repeat;
		cursor:pointer;
		position:absolute; 
		right:0px;
		top:10px;
		height:100px; 
		width:50px;
		border-left:1px solid #ededed;
		background: url('/assets/img/icons/icon-radio.svg') no-repeat center / 100px;
	}
	
	.option-to-add.active .option-add-selector { 
		background: url('/assets/img/icons/icon-radio-active.svg') no-repeat center / 100px;
		border-left:1px solid #fff;
	}
	
	.option-add-image {
		background-position: center center;
		background-repeat:no-repeat;
		background-size:cover;
		position:absolute; 
		left:10px;
		top:10px;
		height:100px; 
		width:125px;
	}
	
	.option-add-title {
		font-size: 18px;
		display:inline-block;
		width:100%;
		margin-bottom:10px;
	}
	
	.option-add-price {
		display:inline-block;
		width:100%;
		position:relative;
		padding-left:0px;
		padding-right:20px;
		box-sizing:border-box;
		min-height:30px;
		line-height:30px;
	}
	.option-add-price select {
		padding: 10px 12px 8px !important;
		margin-bottom:5px !important;
	}
	
	.option-add-number {
		display:inline-block;
		width:100%;
		position:relative;
		padding-left:35px;
		box-sizing:border-box;
		height:30px;
		line-height:30px;
	}	
	
	.option-add-number span.icon,
	.option-add-price span.icon {
		width: 25px;
		height: 25px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background: no-repeat center / 14px;
	}
			
	.option-add-number span.icon.article_price,
	.option-add-price span.icon.article_price {
		background-image: url('../img/icons/icon-euro.svg');
	}
		
	.option-add-number span.icon.article_ean,
	.option-add-price span.icon.article_ean {
		background-image: url('../img/icons/icon-ean.svg');
	}
	
	.option-add-number span.icon.article_number,
	.option-add-price span.icon.article_number {
		background-image: url('../img/icons/icon-number.svg');
	}
	
	
	
	
	form#catalog-add div.input-icon,
	form#option-add div.input-icon,
	form#article-add div.input-icon {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
	
	form#catalog-add div.input-icon input,
	form#option-add div.input-icon input,
	form#article-add div.input-icon input {
		padding-left: 44px;
	}
	
	form#catalog-add div.input-icon span.icon,
	form#option-add div.input-icon span.icon,
	form#article-add div.input-icon span.icon {
		width: 42px;
		height: 42px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		background: no-repeat 14px center / 14px;
	}
	
	form#catalog-add div.input-icon span.icon.catalog_stock,
	form#option-add div.input-icon span.icon.option_stock,
	form#article-add div.input-icon span.icon.article_stock {
		background-image: url('../img/icons/icon-stock.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_price,
	form#option-add div.input-icon span.icon.option_price,
	form#article-add div.input-icon span.icon.article_price {
		background-image: url('../img/icons/icon-euro.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_shippingcosts,
	form#option-add div.input-icon span.icon.option_shippingcosts,
	form#article-add div.input-icon span.icon.article_shippingcosts {
		background-image: url('../img/icons/icon-euro.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_assemblycosts,
	form#option-add div.input-icon span.icon.option_assemblycosts,
	form#article-add div.input-icon span.icon.article_assemblycosts {
		background-image: url('../img/icons/icon-euro.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_ean,
	form#option-add div.input-icon span.icon.option_ean,
	form#article-add div.input-icon span.icon.article_ean {
		background-image: url('../img/icons/icon-ean.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_number,
	form#option-add div.input-icon span.icon.option_number,
	form#article-add div.input-icon span.icon.article_number {
		background-image: url('../img/icons/icon-number.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_brand,
	form#option-add div.input-icon span.icon.option_brand,
	form#article-add div.input-icon span.icon.article_brand {
		background-image: url('../img/icons/icon-brand.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_size,
	form#option-add div.input-icon span.icon.option_size,
	form#article-add div.input-icon span.icon.article_size {
		background-image: url('../img/icons/icon-size.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_weight,
	form#option-add div.input-icon span.icon.option_weight,
	form#article-add div.input-icon span.icon.article_weight {
		background-image: url('../img/icons/icon-weight.svg');
	}
	
	form#catalog-add div.input-icon span.icon.catalog_engine,
	form#option-add div.input-icon span.icon.option_engine,
	form#article-add div.input-icon span.icon.article_engine {
		background-image: url('../img/icons/icon-engine.svg');
	}

/*  FORMS - ACCOUNT
	---------------------------------------- */ 
	form#account {
		max-width: 100%;
	}
	
	form#account div.block { 
		width: calc(50% - 25px);
		margin-right: 50px;
		display: inline-block;
		vertical-align: top;
	}
	
	form#account div.block:nth-of-type(2) {
		margin-right: 0;
	}
	
	form#account div.block h2 {
		margin-top: 0;
	}	

/*  FOOTER
	--------------------------------------------- */

	footer {
		width: calc(100% - 250px);
		margin-left: 250px;
		display: inline-block;
	}

	footer p.copyright {
		padding: 5px 15px;
		margin: 0;
		text-align: center;
		font-size: 12px;
		color: #282828;
	}
	
/*  SIMPLELIGHTBOX
	--------------------------------------------- */

	.slbWrapOuter {
		overflow-y: hidden;
	}

	div.slbContentOuter {
		width: calc(100% - 40px);
		max-height: 600px;
		margin: 30px auto;
		max-width: 500px;
		padding: 40px;
		position: relative;
		z-index: 1;
		background: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		overflow-y: scroll;
	}
	
	.slbElement.option-selector div.slbContentOuter {
		max-width: 768px;
	}
	
	
	.slbElement.agreement div.slbContentOuter {
		max-width: 768px;
	}
	
	div.slbContent {
		height: 100%;
		overflow: hidden;
	}

	.slbOverlay {
		-webkit-animation: slbOverlay 0.1s;
		-moz-animation: slbOverlay 0.1s;
		animation: slbOverlay 0.1s;
	}

	.slbCloseBtn {
		width: 30px;
		height: 30px;
		right: 10px;
		top: 10px;
		font: 400 30px / 20px highgate, sans-serif;
		color: #000;
		animation: none;
	}

	div.slbContentOuter h2 {
		width: 100%;
		margin-bottom: 20px;
		display: inline-block;
		font-size: 20px;
		line-height: 28px;
		font-weight: 500;
	}

	div.slbContentOuter h2 span {
		width: 100%;
		display: inline-block;
		font-size: 14px;
		line-height: 14px;
	}

	div.slbContentOuter div.contain {
		margin-bottom: 15px;
		position: relative;
	}

	div.slbContentOuter div.contain:last-of-type {
		margin-bottom: 0;
	}

	div.slbContentOuter div.contain div.multiple {
		width: calc(50% - 5px);
		margin-right: 10px;
		display: inline-block;
		position: relative;
	}

	div.slbContentOuter div.contain div.multiple:nth-of-type(2) {
		margin-right: 0;
	}

	div.slbContentOuter div.contain label {
		padding: 0 7px;
		font-size: 12px;
		line-height: 12px;
		background: #fff;
		position: absolute;
		top: -5px;
		left: 10px;
		color: #565656;
	}

	div.slbContentOuter div.contain input,
	div.slbContentOuter div.contain textarea {
		padding: 11px 15px 7px;
	}
	
	div.slbContentOuter div.button {
		
	}

	div.actions {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 0 10px;	
		position: relative;
	}

	div.actions a.go-back {
		padding-left: 25px;
		display: inline-block;
		background: url('../img/icons/icon-goback.svg') no-repeat left center / 18px;
		font: 400 16px / 28px highgate, sans-serif;
	}

	div.catalog-add div.images,
	div.option-add div.images,
	div.article-add div.images {
		width: 100%;
		margin: 10px 0 20px;
		display: inline-block;
		vertical-align: top;
	}

	div.catalog-add div.images span.image,
	div.option-add div.images span.image,
	div.article-add div.images span.image {
		width: 15%;
		height: 200px;
		margin: 0 5px;
		display: inline-block;
		vertical-align: top;
		background: #fff no-repeat center / contain;
		border: 1px solid #ddd;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.catalog-add div.description,
	div.option-add div.description,
	div.article-add div.description {
		width: 100%;		
		margin: 30px 0;		
	}
	
	div.catalog-add div.description p,
	div.option-add div.description p,
	div.article-add div.description p {
		margin-bottom: 15px;
	}

	div.popup-confirmation {
		width: 100%;
	}

	div.popup-confirmation span.thumb {
		width: 100px;
		height: 100px;
		margin-bottom: 30px;
		display: inline-block;
		vertical-align: middle;
		background: #fff no-repeat center / contain;
	}

	div.popup-confirmation span.title {
		width: calc(100% - 120px);
		margin-left: 20px;
		display: inline-block;
		vertical-align: middle;
	}

	div.popup-confirmation div.actions,
	div.actions.detail {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	.slbElement.agreement div.actions {
		margin: 30px 0 0;
		padding: 0;
		display: inline-block !important;
	}

	div.actions span.button {
		padding: 8px 15px 6px;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		-wekbit-border-radius: 3px;
		border-radius: 3px;
	}

	div.actions span.button.disabled {
		pointer-events: none;
	}

	div.actions span.continue {
		margin-right: 10px;
		background-color: #44bd60;
		color: #fff;
	}

	div.actions span.continue.delete {
		background-color: #ff3d3d;
	}

	div.actions span.continue:hover {
		background-color: #f3940e;
	}

	div.actions span.cancel:hover {
		text-decoration: underline; 
	}
	
	div.user_agreement span.title {
		width: 100%;
		margin-bottom: 15px;
		display: inline-block;
		font: 400 24px / 32px highgate, sans-serif;
	}
	
	div.user_agreement strong {
		width: 100%;
		margin: 20px 0 0;
		display: inline-block;
		font: 400 20px / 28px highgate, sans-serif;
	}

/*  UPPY
    --------------------------------------------- */

	#drag-drop-area {
		width: 100%;
	}
	
	#drag-drop-area.hidden {
		display: none;
	}

	[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
		border: 0;
	}
	
	#existing-images img { 
		max-width: 320px;
		height: auto;
	}
	
/*  CROPPY
    --------------------------------------------- */
	#upload-logo {
		width: 100%;
		height: 230px;
		margin-bottom: 55px;
		display: inline-block;
		vertical-align: top;
		position: relative;
		background: #f2f2f2;
	}
	
	#upload-logo span.placeholder {
		width: 300px;
		height: 100px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff no-repeat center / 100% auto;
	}

	.croppie-container .cr-boundary {
		max-width: 584px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.croppie-container .cr-viewport,
	.croppie-container .cr-resizer {
		box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.05);		
	}
	
	.cr-slider {
		border: 0 !important;
	}
	
	.cr-actions {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	
	.cr-actions a#upload-button-contain {
		position: relative;
		display: none;
		color: #3595d2;
	}
	
	.cr-actions a#upload-button-contain input[type="file"] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}

	.cr-actions span.action {
		margin-left: 10px;
		cursor: pointer;
		color: #3595d2;
	}
	
	.cr-actions span.action:hover {
		text-decoration: underline;
	}
	
	.cr-actions span.action:first-of-type {
		margin-left: 0;
	}
	
	.cr-actions span#upload-cancel,
	.cr-actions span#upload-result {
		display: none;
	}
	
	

/*  SELECT2 
	--------------------------------------------- */

	.select2-dropdown {
		border: 1px solid #D9D9D9;
	}
	
	.select2-container {
		width: 100% !important;
		max-width: 320px !important;
		background: #fff;
	}
	
	.contain.error .select2-container .select2-selection {
		border:1px solid #ffbdbd;
	}
	
	form#catalog-add div.block .select2-container,
	form#option-add div.block .select2-container,
	form#article-add div.block .select2-container,
	form#category .select2-container {
		max-width: 100% !important;
	}

	.select2-container .select2-selection {
		min-height: 42px;
		border: 1px solid #D9D9D9;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.select2-container--default .select2-selection .select2-selection__placeholder {
		color: #b5bdc4;
	}
	
	.select2-container .select2-search--inline .select2-search__field {
		margin-top: 12px;
		font: 400 16px / 16px highgate, sans-serif;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
	.select2-container--default .select2-selection {
		padding-left: 5px;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		margin-top: 7px;
		font: 400 16px / 24px highgate, sans-serif;
		background: #f1f1f1;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
		padding-top: 2px;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		font: 400 16px / 28px highgate, sans-serif;
	
	.select2-container--default.select2-container--focus .select2-selection--multiple {
		border: 1px solid #D9D9D9;
	}
	
	}
	
	.error .select2-selection select2-selection--multiple {
		border: 1px solid #ffbdbd !important;
	}
	
	
	.select2-container--default .select2-selection .select2-selection__arrow b {
		display: none;
	}

	.select2-container--default .select2-results__catalog--highlighted.select2-results__catalog--selectable,
	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
	.select2-container--default .select2-results__article--highlighted.select2-results__article--selectable {
		background-color: #3595d2;
	}

	.select2-container--default .select2-search--dropdown .select2-search__field {
		border: 1px solid #D9D9D9;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 42px;
		padding-right: 40px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__clear {
		display: none;
	}
	
	.select2-container .select2-selection {
		background: url('../img/icons/icon-arrow-down.svg') no-repeat calc(100% - 11px) 15px / 16px;
	}
	
	
	.select2-results__catalog--selectable,
	.select2-results__option--selectable,
	.select2-results__article--selectable {
		position:relative;
	}
	
	.select2-selection__choice .color-selector span {
		padding-right:25px; box-sizing:border-box;
	}
	
	.select2-selection__choice .color-selector div {
		position:absolute; right:5px; top:2px; width:20px; height:20px; border-radius:20px;
	}
	
	.select2-results__catalog--selectable .color-selector span,
	.select2-results__option--selectable .color-selector span,
	.select2-results__article--selectable .color-selector span {
		padding-right:25px; box-sizing:border-box;
	}
	
	.select2-results__catalog--selectable .color-selector,
	.select2-results__option--selectable .color-selector,
	.select2-results__article--selectable .color-selector {
		width: 100%;
		display: inline-block;
		padding-right: 50px;
		box-sizing:border-box;
	}
	
	.select2-results__catalog--selectable .color-selector div,
	.select2-results__option--selectable .color-selector div,
	.select2-results__article--selectable .color-selector div {
		position:absolute; right:5px; top:8px; width:40px; height:20px; border-radius:5px; border:1px solid #D9D9D9;
	}
	
	
		
/*  TINYMCE 
	--------------------------------------------- */
	
	.tox-tinymce {
		border: 1px solid #D9D9D9 !important;
		-webkit-border-radius: 3px !important;
		border-radius: 3px !important;
	}

/*  MEDIA QUERIES
    --------------------------------------------- */	
	@media only screen and (min-width: 0) and (max-width: 1400px) {
		
		div.catalogs div.catalog:nth-of-type(n),
		div.options div.option:nth-of-type(n),
		div.articles div.article:nth-of-type(n) {
			width: calc(33.33333333333% - 10px);
			margin: 20px 15px 0 0;
		}
		
		div.catalogs div.catalog:nth-of-type(3n+3),
		div.options div.option:nth-of-type(3n+3),
		div.articles div.article:nth-of-type(3n+3) {
			margin-right: 0;
		}
		
		div.catalogs div.catalog:nth-of-type(-n+3),
		div.options div.option:nth-of-type(-n+3),
		div.articles div.article:nth-of-type(-n+3) {
			margin-top: 0;
		}
		
	}
	
	@media only screen and (min-width: 0) and (max-width: 1280px) {
		
		div.options-filters div.filters-right {
			/*width: 100%;*/
			margin: 0;
			float: none;
		}
		
		div.options-filters div.filter-layout {
			position: absolute;
			right: 0;
		}
		
		div.catalogs div.catalog:nth-of-type(n),
		div.options div.option:nth-of-type(n),
		div.articles div.article:nth-of-type(n) {
			width: calc(50% - 10px);
			margin: 20px 20px 0 0;
		}
		
		div.catalogs div.catalog:nth-of-type(2n+2),
		div.options div.option:nth-of-type(2n+2),
		div.articles div.article:nth-of-type(2n+2) {
			margin-right: 0;
		}
		
		div.catalogs div.catalog:nth-of-type(-n+2),
		div.options div.option:nth-of-type(-n+2),
		div.articles div.article:nth-of-type(-n+2) {
			margin-top: 0;
		}
		
		div.item-group div.item-row.header {
			display: none;
		}
		
		div.item-group div.item-row {
			width: 100%;
			margin-top: 10px;
			padding: 15px 20px;
			display: inline-block;
		}
		
		div.item-group div.item-row:nth-of-type(2) {
			margin-top: 20px;
		}
		
		div.item-group div.item-row div.item:nth-of-type(n) {
			width: 100%;
			line-height: 30px;
		}
		
		div.item-group div.item-row div.item:nth-of-type(1) {
			font-weight: 700;
			font-size: 16px;
		}
		
		div.item-group div.item-row div.item span.hidden {
			width: 100%;
			max-width: 120px;
			display: inline-block;
		}
		
		div.item-group div.item-row div.item select[name=order_status] {
			margin-top: 10px;
		}
		
		div.item-group div.item-row div.item.actions {
			width: 100%;
			margin-top: 20px;
		}
		
	}
	
	@media only screen and (min-width: 0) and (max-width: 1100px) {
		section.content .filters-right a.add-article,
		section.content .filters-right a.add-catalog,
		section.content .filters-right a.add-option,
		section.content .filters-right span.add-option
		{ 
			font-size:0; 
			background-position:center center; 
			background-size:25px; 
		}
	}
	
	@media only screen and (min-width: 0) and (max-width: 1080px) {
		div.catalogs-filters div.filter, 
		div.options-filters div.filter, 
		div.articles-filters div.filter {
			max-width: 100%;
			margin: 0;
			margin-bottom: 10px;
		}
		
		div.catalogs-filters div.filter .select2-container, 
		div.options-filters div.filter .select2-container, 
		div.articles-filters div.filter .select2-container {
			max-width: 100% !important;
		}
	}
	
	@media only screen and (min-width: 0) and (max-width: 960px) {
		
		html,
		body {
			background: #f9f9f9;
		}
		
		section.header {
			width: calc(100% - 61px);
			margin-left: 61px;
			padding: 0 10px;
		}
		
		section.content > div.header {
			width: 100%;
			margin: 0;
			padding: 10px 30px 0px;
		}
		
		section.content {
			width: calc(100% - 60px);
			margin-left: 60px;
		}
		
		section.content div.center {
			width: 100%;
			min-height: 100vh;
			margin: 0;
			padding: 10px 30px 30px 30px;
			background: #f9f9f9;
			-webkit-border-radius: 0;
			border-radius: 0;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		
		section.sidebar {
			width: 60px;
			padding: 65px 10px 30px 10px;
			-webkit-border-radius: 0;
			border-radius: 0;
			border-right: 1px solid #eee;
		}
		
		section.sidebar span.logo {
			max-width: 60px;
			border-right: 1px solid #eee;
			background-image: url(/assets/img/logo-mijnovis-mobile.svg);
			background-size: calc(100% - 23px);
		}
		
		section.sidebar a {
			width: 40px;
			height: 40px;
			padding: 0;
			background-position: center;
		}
		
		div.options-filters div.filter.filter-category {
			display: inline-block;
		}
		
		section.sidebar a span.label,
		section.sidebar a span.tooltip {
			display: none;
		}
		
		section.sidebar .submenu {
			display: none; 
		}
		
		form#account div.block {
			width: 100%;
			margin: 0;
		}
		
		form#account div.block:nth-of-type(1) {
			margin-bottom: 40px;
		}
		
		div.contain-submit {
			width: calc(100% - 80px);
			margin-left: 70px;
		}
		
		input[type='submit'].submit.right {
			width: 40px;
			height: 40px;
			background-color: #fff;
			background: #44bd60 url(/assets/img/icons/icon-save-light.svg) no-repeat center / 18px; 
			text-indent: -9999px;
		}
		
		form#catalog-add span#delete-catalog,
		form#option-add span#delete-option,
		form#article-add span#delete-article {
			width: 40px;
			height: 40px;
			padding: 17px 20px 15px;
			right: 50px;
			bottom: 10px;
			text-indent: -9999px;  
			white-space: nowrap;
			background: #fff url(/assets/img/icons/icon-delete-cross.svg) no-repeat center / 18px; 
			-webkit-border-raduis: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
			box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		}
		
		section.content div.center div.contain.setting {
			padding: 60px 30px;
		}
		
		section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(n) {
			width: calc(33.3333333333% - 20px);
			margin: 10px 10px 0 0;
		}
		
		section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(-n+3) {
			margin-top: 0;
		}
		
		section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(3n+3) {
			margin-right: 0;
		}	

		section.content div.center div.contain.switch div.multiple {
			padding-left: 15px;
			/*background: #fff;
			border: 1px solid #D9D9D9;*/
		}
		
		form#catalog-add div.images #existing-images,
		form#option-add div.images #existing-images,
		form#article-add div.images #existing-images,
		.uppy-Dashboard-inner {
			background-color: #fff;
		}
		
		form div.contain div.multiple span.tooltip {
			width: 100%;
			margin: 5px 0 0 0;
		}
		
		div.item-group div.item-row {
			background: #fff;
			-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
			box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		}
		
		footer {
			width: calc(100% - 60px);
			margin-left: 60px;
		}
		
	}
	
	@media only screen and (min-width: 0) and (max-width: 768px) { 
		
		div.catalogs-filters div.filter:nth-of-type(n),
		div.options-filters div.filter:nth-of-type(n),
		div.articles-filters div.filter:nth-of-type(n) {
			max-width: 100%;
			margin: 0;
			margin-bottom: 10px;
		}
		
		div.catalogs-filters div.filter:nth-of-type(1),
		div.options-filters div.filter:nth-of-type(1),
		div.articles-filters div.filter:nth-of-type(1) {
			margin-bottom: 10px;
		}
		
		div.catalogs-filters div.filter .select2-container,
		div.options-filters div.filter .select2-container,
		div.articles-filters div.filter .select2-container {
			max-width: 100% !important;
		}
		
		/*div.options-filters div.filters-right,
		div.articles-filters div.filters-right {
			width: 100%;
			float: none;
			display: inline-block;
		}*/

	}
	
    @media only screen and (min-width: 0) and (max-width: 640px) { 
		
		section.header nav {
			margin: 0;
		}
		
		section.header nav div.mobile-button {
			display: inline-block;
		}
		
		section.content div.center h1 {
			margin-bottom: 20px;
			font: 700 26px / 34px highgate, sans-serif;
		}
		
		section.content div.center h1 span {
			width: 100%;
			display: inline-block;
		}
		
		section.content div.center h1 span a {
			margin: 10px 0 0 0;
		}
		
		section.content div.breadcrumb {
			margin-top: 15px;
		}
		
		section.content div.list-navigation {
			height: auto;
		}
		
		section.content div.list-navigation div.contain {
			width: 100%;
			margin-top: 15px;
		}
		
		section.content div.catalogs-filters div.filter-layout,
		section.content div.options-filters div.filter-layout,
		section.content div.articles-filters div.filter-layout {
			bottom: -90px;
		}

		section.content div.catalogs div.catalog:nth-of-type(n),
		section.content div.options div.option:nth-of-type(n),
		section.content div.articles div.article:nth-of-type(n) {
			width: 100%;
			margin: 0 10px 20px 0;
		}
		
		section.content div.catalogs div.catalog:last-of-type,
		section.content div.options div.option:last-of-type,
		section.content div.articles div.article:last-of-type { 
			margin-bottom: 0;
		}
		
		div.catalogs-contain.row div.catalogs div.catalog span.thumb,
		div.options-contain.row div.options div.option span.thumb,
		div.articles-contain.row div.articles div.article span.thumb {
			max-width: 100%;
		}
		
		div.catalogs-contain.row div.catalogs div.catalog div.contain,
		div.options-contain.row div.options div.option div.contain,
		div.articles-contain.row div.articles div.article div.contain {
			width: 100%;
		}
		
		form#catalog-add div.block,
		form#option-add div.block,
		form#article-add div.block {
			width: 100%;
			margin: 0 0 10px;
		}
		
		form#catalog-add div.block.catalog-add-right,
		form#option-add div.block.option-add-right,
		form#article-add div.block.article-add-right {
			margin-top: 15px;
		}
		
		section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(n) {
			width: calc(50% - 20px);
			margin: 10px 10px 0 0;
		}
		
		section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(-n+2) {
			margin-top: 0;
		}
		
		section.content div.center div.contain.setting div.information div.contain-startimage label:nth-of-type(2n+2) {
			margin-right: 0;
		}

    }