form label.search-filter {
	padding-right: 38px;
}

div.addressbook-container {
	box-sizing: border-box;
    padding-right: 10px;
    width: 100%;
}

table.addressbook,
table.import {
	width: 100%;
	border-collapse: collapse;
	color: #9e9e9e;
}

table.import {
	margin-bottom: 20px;
}

table.addressbook a,
table.import a {
	color: #1887d6;
} 

table.addressbook a.edit,
table.import a.edit {
	position: relative;
	top: 1.5px;
	right: -1px;
	font-size: 16px;
	text-decoration: none;
	color: #CACACA;
	
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

table.addressbook a.edit:after,
table.import a.edit:after {
	content: "\f044";
}

table.addressbook th,
table.addressbook td,
table.import th,
table.import td {
	text-align: left;
	vertical-align: middle;
}

table.addressbook td.checkbox,
table.import td.checkbox {
	
}

table.addressbook td.index,
table.import td.index {
	
}

table.addressbook td.buttons,
table.import td.buttons {
	text-align: right;
}

table.addressbook th,
table.import th {
	color: #878787;
	font-weight: bold;
}

table.addressbook td,
table.import td {
	border-top: 1px solid #e9e9e9;
}

table.addressbook tr,
table.import tr {
	height: 37px;
}

table.addressbook input,
table.import input {
	display: none;
}

table.addressbook input + div,
table.import input + div {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width: 20px;
	height: 20px;
	border: 1px solid #E9E9E9;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: #555555;
	cursor: pointer;
	margin: 8px 0;
}

table.addressbook input:checked + div:after,
table.import input:checked + div:after {
	content: "\f00c";
}

table.addressbook span.index, 
table.import span.index {
	min-width: 20px;
	display: inline-block;
}

table.addressbook label.select,
table.import label.select {
	margin: 8px 0;
}

table.import label.select select {
	height: 20px;
	min-height: 20px;
}

table.import span.select {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	padding: 0px 5px 0 0;
	border: 0px none;
}

table.import span.select::after {
	height: 20px;
	width: 19px;
	line-height: 20px;
	font-size: 14px;
}

div.results {
	padding-right: 10px;
	margin-bottom: 16px;
}

div.results span.found {
	color: #BABABA;
}

div.results span.navigation {
	float: right;
}

div.results span.navigation a {
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	color: #9E9E9E;
	margin-left: 5px;
}

div.results span.navigation a.current-page {
	color: #00C487;
}* {
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
}

body {
	font: 12px/18px Helvetica, Arial, sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
}

div, header, section, footer, nav, h1, h2, h3, h4, h5 {
  display: block;
  position: relative;
}

div.center {
	margin: 0 auto;
}

ul {
	list-style: none;
}

a {
	cursor: pointer;
}

.blue,
a.blue {
	color: #1887D6;
}

#wrapper {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    min-height: 100%;
    padding-top: 108px;
    width: 100%;
}

#wrapper .center:after {
    clear: both;
    content: "";
    display: table;
}

#wrapper .center {
    margin: 0 auto;
    max-width: 1136px;
    padding: 0 40px;
	position: static;
}

#wrapper h1 {
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 16px;
	color: #878787;
}

#wrapper h1 a.external {
	color: #1887d6;
    font-size: 12px;
    font-weight: normal;
    margin-left: 2px;
}

#wrapper h1 a.external:after {
    font-family: FontAwesome;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f08e";
}

#content {
	position: static;
    padding-bottom: 40px;
}


a.button, div.button {
	display: inline-block;
	line-height: 24px;
	padding: 0 8px;
	font-weight: bold;
	font-size: 12px;
	background-color: #CACACA;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	border-radius: 1.5px;
}

div.menu a.button, 
div.menu div.button {
	float: left;
	margin-right: 8px;
}

div.button.dropdown span:after {
	font-family: FontAwesome;
	content: "\f0d7";
	margin-left: 6px;
	float: right;
}

div.button.dropdown ul {
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.5s;
	-webkit-transition: visibility 0.5s;
	position: absolute;
	background-color: rgb(202, 202, 202);
	z-index: 103;
	width: 100%;
	left: 0px;
	padding: 0 8px;
	box-sizing: border-box;
	border-radius: 0 0 1.5px 1.5px;
}

div.button.dropdown ul a {
	text-decoration: none;
	color: #FFF;
}

div.button.dropdown ul li:first-child {
	
}

div.button.dropdown:focus {
	border-radius: 1.5px 1.5px 0 0;
	pointer-events: none;
}

div.button.dropdown:focus ul {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

:focus {
	outline-color: transparent;
	outline-style: none;
}

.clear {
	clear: both;
}

.preload,
.json,
.hidden {
	display: none !important;
}

.pleasehold {
	position: fixed;
	top: 0px;
	left: 0px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
	width: 100%;
	height: 100%;
	background-color: rgba(57, 57, 57, 0.1);
	z-index: 10300;
}

body.loading.longtime .pleasehold {
	opacity: 1;
}

.pleasehold h1 {
	text-align: center;
	margin-left: -51px;
	margin-top: -19px;
	top: 50%;
	left: 50%;
	position: absolute;
	background-color: #393939;
	color: #FFFFFF;
	font-size: 14px;
	width: 102px;
	height: 38px;
	line-height: 38px;
	border-radius: 6px;
}

.pleasehold h1 span:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-animation: 0.75s linear 0s normal none infinite fadeinout;
    animation: 0.75s linear 0s normal none infinite fadeinout;
	content: "\f0e7";
	margin-right: 8px;
}@media screen {

	.col-1-1 {
		width: 100% !important;
	}
	.col-4-5 {
		width: 80% !important;
	}
	.col-3-4 {
		width: 75% !important;
	}
	.col-2-3,
	.col-8-12 {
		width: 66.66% !important;
	}
	.col-3-5 {
		width: 60% !important;
	}
	.col-2-5 {
		width: 40% !important;
	}
	.col-1-2,
	.col-6-12,
	.col-2-4 {
		width: 50% !important;
	}
	.col-1-3,
	.col-4-12 {
		width: 33.33% !important;
	}
	.col-1-4,
	.col-3-12 {
		width: 25% !important;
	}
	.col-1-5 {
		width: 20% !important;
	}
	.col-1-6,
	.col-2-12 {
		width: 16.667% !important;
	}
	.col-1-7 {
		width: 14.28% !important;
	}
	.col-1-8 {
		width: 12.5% !important;
	}
	.col-1-9 {
		width: 11.1% !important;
	}
	.col-1-10 {
		width: 10% !important;
	}
	.col-1-11 {
		width: 9.09% !important;
	}
	.col-1-12 {
		width: 8.33% !important;
	}
	
	[class*='col-'] {

	}
	
}

@media handheld, only screen and (max-width: 767px) {

	[class*='col-'] {
		
	}

}@font-face {
  font-family: 'FontAwesome';
  src: url('../assets/fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), 
  url('../assets/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), 
  url('../assets/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), 
  url('../assets/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}input, textarea {
	-webkit-appearance: none;
	border-radius: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font: 12px/36px Helvetica, Arial, sans-serif;
	border: 1px solid #E9E9E9;
	color: #9E9E9E;
    height: 36px;
    padding: 0 8px;
    width: 100%;
	font-size: 12px;
}

textarea {
	padding: 9px 8px;
	height: 54px;
	resize: vertical;
	line-height: 18px;
}

form label,
form div.label {
	position: relative;
	display: block;
    margin-bottom: 20px;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
}

form label.hidden-lang {
	display: none;
}

form label.publish,
form label.save {
	margin-top: 22px;
	margin-bottom: 0;
}

form label.half {
	width: 50%;
}

form label.quarter {
	width: 25%;
}

form label span,
form div.label span {
	color: #BABABA;
	display: block;
	font-size: 12px;
	margin-bottom: 4px;
}

form label.select select {
	opacity: 0;
	width: 100%;
	height: 36px;
	min-height: 36px;
}

*:disabled,
form label.select select:disabled + span.select,
form label.checkbox input:disabled + div {
	background-color: #f7f7f7;
}

form label span.select {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border: 1px solid #E9E9E9;
    bottom: 0;
    height: 36px;
	line-height: 36px;
    left: 0;
    margin: 0;
	padding: 0 8px;
    position: absolute;
    right: 10px;
    z-index: -1;
}

form label span.select:after {
	background-color: #f7f7f7;
    border-left: 1px solid #f7f7f7;
    height: 34px;
    right: 0;
    top: 0;
    width: 35px;
	content: "\f0d7";
}

form label abbr {
	float: right;
	color: #ccc;
}

form label abbr a {
	color: #ccc;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

form span.message {
	float: left;
}

form label.checkbox input,
form label.publish input {
	display: none;
}

form label.checkbox input + div {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width: 28px;
	height: 28px;
	border: 1px solid #E9E9E9;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: #555555;
	cursor: pointer;
	margin: 8px 0;
	background-color: #FFF;
}

form label.checkbox input:checked + div:after {
	content: "\f00c";
}

form label.radio input {
	display: none;
	width: auto;
	height: auto;
}

form label.radio input + div {
	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width: 14px;
	height: 18px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: #555555;
	cursor: pointer;
	margin: 0 2px 0 0;
	background-color: #FFF;
	top: 1px;
}

form label.radio label {
	float: none;
	margin: 0 0 8px 0;
	padding: 0;
	cursor: pointer;
}

form label.radio input + div:after {
	content: "\f10c";
} 

form label.radio input:checked + div:after {
	content: "\f192";
} 

form label.publish input + div span {
	cursor: pointer;
	display: inline-block;
	line-height: 24px;
	padding: 0 8px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #CACACA;
	margin-bottom: 0;
	border-radius: 1.5px;
}

form label.publish input + div span:after {
	position: relative;
	right: auto;
    top: auto;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	margin-left: 4px;
}

form label.publish input + div span,
form label.publish input:checked + div span.publish,
form label.publish input:checked + div:hover span.published {
	display: none;
}

form label.publish input + div span.publish,
form label.publish input:checked + div span.published,
form label.publish input:checked + div:hover span.unpublish {
	display: inline-block;
}

form label.publish input + div span.published {
	background-color: #00C487;
}

form label.publish input + div span.unpublish {
	background-color: #F45354;
}

form label.publish input + div span.publish:after {
	content: "\f054";
}

form label.publish input + div span.published:after {
	content: "\f00c";
}

form label.publish input + div span.unpublish:after {
	content: "\f00d";
}

form label.date span:after,
form label.datetime span:after,
form label.multidate span:after {
	position: absolute;
	top: 22px;
	right: 10px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 36px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: #CACACA;
	cursor: pointer;
	content: "\f133";
}

form label.max abbr.counter {
	display: inline-block;
	float: right;
	color: #ddd;
}

form label.max abbr.counter.warm {
	color: #ffa29f;
}

form label span:after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 36px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	text-align: center;
	font-size: 22px;
	right: 8px;
	top: 22px;
	position: absolute;
}

form label.valid span:after {
	content: "\f058";
	color: #00c487;
}

form label.invalid span:after {
	content: "\f057";
	color: #f45354;
}

form label.report ul {
	
}

form label.report ul li {
	display: block;
	background-color: #F7F7F7;
	color: #9E9E9E;
	padding: 9px;
	margin-bottom: 10px;
	cursor: pointer;
}

form label.report ul ul {
	
}

form label.report ul li ul {
	opacity: 0;
	visibility: hidden;
	transition: visibility 0.5s;
	-webkit-transition: visibility 0.5s;
	height: 0;
}

form label.report ul li ul li {
	padding: 0;
	margin: 0;
	cursor: default;
}

form label.report ul li ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #9E9E9E;
}

form label.report ul li ul li i {
	font-size: 10px;
	color: #CCC;
}

form label.report ul li:focus {
	pointer-events: none;
}

form label.report ul li:focus ul {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	height: auto;	
	border-top: 1px solid #FFF;
	padding-top: 9px;
	margin-top: 9px;
}

form button,
#ui-datepicker-div button {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    background-color: #CACACA;
    border: 0 none;
    color: #FFFFFF;
    font: bold 12px/22px Helvetica,arial,sans-serif;
    padding: 0 4px;
	cursor: pointer;
	border-radius: 1.5px;
}

#content form button:disabled {
	color: #F7F7F7;
	opacity: 0.75;
}

form label.tags button,
form label.koppeling button,
form label.mixed div.media button {
	position: absolute;
    right: 16px;
    top: 28px;
}

form label.mixed div.media button {
	right: 6px;
}

form label.mixed div.uploader,
form label.mixed div.media {
	margin-bottom: 20px;
}

form fieldset {
	border: 0 none;
    margin-bottom: 20px;
    padding-top: 20px;
}

form fieldset:nth-last-child(2) {
	margin-bottom: 0;
}

form fieldset legend {
	color: #878787;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

form label.progress {
	
}

form label.progress div.progress-bar-container {
	background-color: #f7f7f7;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 100%;
}

form label.progress div.progress-bar {
	background-color: #00c487;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0%;
	transition: width 0.2s;
	-webkit-transition: width 0.2s;
}

form label.progress div.progress-value {
	color: #555555;
}

form label.button .button {
	margin-top: 6px;
}

#content div.upload-button,
form label div.upload-button {
	display: inline-block;
    margin: 6px 0;
}

#content div.upload-button input,
form label div.upload-button input {
	bottom: 0;
    height: auto;
    left: 0;
    opacity: 0.001;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
	cursor: pointer;
}

#content div.upload-button span,
form label div.upload-button span {
	color: #fff;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
}

form label.photo div.upload-button {
	position: absolute;
	bottom: 7px;
	right: 17px;
	margin: 0;
}

form label.mixed div.list {
    width: calc(100% + 10px);
}

form label.mixed ul {
	box-sizing: border-box;
    padding-right: 2px;
    width: 100%;
}

form label.mixed ul:after {
	display: table;
	content: "";
	clear: both;
}

form label.mixed ul li {
	position: relative;
	float: left;
	width: 25%;
	height: 0 !important;
	padding-bottom: 25%;
}

form label.mixed ul li a {
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 8px;
	left: 0;
}

form label.upload ul.files {
	
}

form label.upload ul.files li {
	display: block;
	line-height: 24px;
	font-size: 12px;
	background-color: #F7F7F7;
	margin: 12px 0 0 0;
	position: relative;
}

form label.upload ul.files li a {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 24px 0px 8px;
	margin: 0px;
	color: #878787;
	text-decoration: none;
}

form label.upload ul.files li a.delete {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	display: inline-block;
	width: 12px;
	padding: 0px 4px 0px 2px;
	position: absolute;
	right: 0px;
	top: 0px;
}

form label.mixed ul li a.delete {
	left: auto;
	bottom: auto;
	width: 22px;
	height: 22px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	background-color: transparent;

    color: #fff;
    line-height: 22px;
    text-align: right;
    text-decoration: none;
	
	transition: background-color 0s;
	-webkit-transition: background-color 0s;
	
	box-sizing: border-box;
	padding-right: 6px;
}

form label.mixed ul li a.delete:hover {
	background-color: #f45354;
	width: auto;
	height: auto;
	bottom: 8px;
	left: 0;
	
	transition: background-color 0.12s;
	-webkit-transition: background-color 0.12s;
}

form label.mixed ul li a img {
	width: 100%;
	height: 100%;
}

form ul.taglijst {
		
}

form ul.taglijst li,
form ol.taglijst li,
#sidebar form ul.taglijst li {
	display: block;
	float: left;
	line-height: 24px;
	font-size: 12px;
	background-color: #F7F7F7;
	margin: 12px 12px 0 0;
	position: relative;
}

form ul.taglijst li span,
form ol.taglijst li span,
#sidebar form ul.taglijst li span {
	display: inline-block;
    font-size: 12px;
	font-weight: bold;
    padding: 0 24px 0 8px;
	margin: 0;
}

form ul.taglijst li span a,
form ol.taglijst li span a,
#sidebar form ul.taglijst li span a {
	text-decoration: none;
	color: #878787;
	padding: 0;
}

form ul.taglijst li span a sup {
	font-size: 7px;
	vertical-align: baseline;
	position: relative;
	top: -4px;
}

form label.multidate ul.taglijst {
	
}

form label.multidate ul.taglijst li {
	float: none;
	margin-right: 0;
}

form ul.taglijst li span:after {
	display: none;
}

.sortable-placeholder {
	background-color: transparent !important;
}

form ul.taglijst li a.delete,
form ol.taglijst li a.delete,
#sidebar form ul.taglijst li a.delete {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-indent: -10300px;	
	display: inline-block;
    width: 12px;
	color: #878787;
	padding: 0 8px 0 2px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent;
}

ul.taglijst li a.delete:hover,
ol.taglijst li a.delete:hover,
#sidebar form ul.taglijst li a.delete:hover {
	color: #555555;
}

ul.taglijst li a.delete:after,
ol.taglijst li a.delete:after,
#sidebar form ul.taglijst li a.delete:after {
	content: "\f00d";
	text-indent: 0;
	float: right;
}

form label div.canvas {
	width: 100%;
}

form label.pie-chart div.canvas {
	margin-top: 40px;
	margin-bottom: 20px;
}

form label.table-chart table {
	border-collapse: collapse;
    color: #9e9e9e;
    line-height: 22px;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

form label.table-chart table tr {
	
}

form label.table-chart table tr td {
	border-top: 1px solid #f7f7f7;
}

form label.table-chart table tr th {
    text-align: left;
	border-top: 1px solid #E9E9E9;
}

form label.table-chart table tr a {
	color: #1887d6;
	text-decoration: none;
}

form label.table-chart table tr a:hover {
	text-decoration: underline;
}

form label.table-chart table .page {

}

form label.table-chart table .pageviews {
	text-align: right;
}

form label.table-chart table span {
	display: inline;
    font-size: 12px;
    padding: 0 6px;
    word-wrap: break-word;
}

form div.label.image-map figure img {
	display: block;
	max-width: 100%;
}

form div.image-map figure {
	position: relative;
}

form div.image-map figcaption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

form div.image-map figcaption .image-map-caption {
	position: absolute;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.75);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	
	text-align: center;
	line-height: 22px;
	font-weight: bold;
	color: #555555;
}

form div.image-map ol {
	counter-reset: item;
	list-style-type: none;
}

form div.image-map figcaption ol {
	height: 100%;
	position: relative;
}

form div.image-map figcaption ol li {
	display: block;
	position: absolute;
	color: #878787;
	
	background-color: rgba(255,255,255,.75);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-weight: bold;
	text-align: center;
	
	width: 22px;
	height: 22px;
	line-height: 22px;
	border-radius: 50%;
}

form div.image-map figcaption ol li:before {
	content: counter(item); 
	counter-increment: item 
}

form div.image-map figcaption ol li span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
}

form div.image-map figcaption ol li span a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10300px;
}

form div.image-map figcaption ol li a.delete {
	display: none;
}

form div.image-map ol.taglijst li {	
	margin: 12px 0 0 0;
	float: none;
	top: 0 !important;
	left: 0 !important;
}

form div.image-map ol.taglijst li:before {
	content: counter(item); 
	counter-increment: item;
	padding-left: 8px;
	font-weight: bold;
	color: #878787;
}

form ol.taglijst li span a {
	text-decoration: none;
	color: #878787;
	padding: 0;
}

form label canvas {
	
}

form label div.legend {
	
}

ul.line-legend {
	
}

ul.line-legend li {
	
}

ul.line-legend li span {
	
}

label.save .button {
	float: left;
	margin-right: 8px;
}


label.save span.message {
	display: none;
	color: #ccc;
    float: left;
    font-size: 12px;
    line-height: 24px;
    padding: 0 4px;
	margin: 0;
}

/* autocomplete */
.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0;
}

.ui-menu {
    display: block;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 0;
	background-color: #F7F7F7;
	line-height: 24px;
	border-width: 0 1px 1px 1px;
	border-color: #e9e9e9;
	border-style: none solid solid solid;
	max-height: 240px;
	overflow-x: hidden;
	overflow-y: auto;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-autocomplete .ui-menu-item {
    cursor: pointer;
    margin: 0;
    min-height: 0;
    position: relative;
}

.ui-autocomplete .ui-menu-item a {
	display: block;
	padding: 0 4px;
	color: #9e9e9e;
}

.ui-autocomplete.ui-menu .ui-state-focus, 
.ui-autocomplete.ui-menu .ui-state-active {
    margin: -1px;
}

.ui-autocomplete .ui-state-hover, 
.ui-autocomplete .ui-state-focus {
	background-color: #00C487;
	border: 1px solid #00C487;
	color: #FFFFFF !important;
}

.ui-helper-hidden-accessible {
	display: none !important;
}


/* css for datepicker */

div.ui-datepicker {
	border-width: 1px;
	border-style: solid;
	border-color: #e9e9e9;
	background-color: #FFFFFF;
	width: 255px;
	padding: 0 6px 6px 6px;
	margin-top: 11px;
	/*box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);*/
	display:none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	color: #878787;
	z-index: 104 !important;
}

div.ui-datepicker-header {
	border-bottom: 1px solid #e9e9e9;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.ui-datepicker .ui-slider-horizontal {
	background-color: #e9e9e9;
    height: 1px;
    margin-bottom: 24px;
    position: relative;
    text-align: left;
    top: 8px;
}

div.ui-datepicker .ui-slider-handle {
	background-color: #fff;
    border: 1px solid #e9e9e9;
    display: block;
    height: 19px;
    margin-left: -3px;
    position: absolute;
    top: -10px;
    width: 4px;
    z-index: 2;
}

div.ui-datepicker .ui-datepicker-buttonpane button {
	position:relative;
}

div.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
	float:right;
}

.ui-datepicker-prev span, 
.ui-datepicker-next span {
	
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	
	position:absolute;
	display:block;
	overflow:hidden;
	top:0;
	height:36px;
	width:36px;
	line-height: 36px;
	text-align: center;
	z-index:1;
	cursor:pointer;
	text-indent: -10300px;
}

.ui-datepicker-prev span {
	left: -6px;
}

.ui-datepicker-next span {
	right: -6px;
}

.ui-datepicker-prev span:after,
.ui-datepicker-next span:after {
	position:absolute;
	display:block;
	top: 0;
	left: 0;
	height:36px;
	width:36px;
	line-height: 36px;
	text-align: center;
	text-indent: 0;
}

.ui-datepicker-prev span:after {
	content: "\f053";
}

.ui-datepicker-next span:after {
	content: "\f054";
}

div.ui-datepicker table {
	width:100%;
}

div.ui-datepicker table th {
	padding:6px 0;
}

div.ui-datepicker table th,
div.ui-datepicker table td {
	text-align: center;
}

div.ui-datepicker table td {
	width: 14.28%;
}

div.ui-datepicker table td a {
	text-decoration: none;
	color: #9e9e9e;
}

div.ui-datepicker table td a.ui-state-default {
	background-color: #FFFFFF;
    display: block;
	line-height: 24px;
}

div.ui-datepicker table td a.ui-state-hover {
	background-color: #F7F7F7;
}

div.ui-datepicker table td.ui-state-highlight a,
div.ui-datepicker table td a.ui-state-active {
	background-color: #00c487;
	font-weight: bold;
	color: #FFF;
}

.ui-datepicker-buttonpane.ui-widget-content {
  padding: 5px;
}

/* css for timepicker */
.ui-timepicker-div { margin-top: 18px; }
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 6px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.ui-widget-content {
	
}

.ui-dialog {
	border-radius: 3px;
	background-color: #FFF;
}

.ui-dialog div.iframe {
	width: 100%;
	padding-bottom: 56.25%;
}

.ui-dialog div.iframe iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.ui-dialog-content {
	padding: 20px 10px 20px 20px;
}

.ui-dialog-titlebar {
	border-bottom: 1px solid #e9e9e9;
    box-sizing: border-box;
    color: #878787;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 38px;
    padding: 0 10px;
	cursor:move;
}

.ui-dialog-titlebar span {
	
}

.ui-dialog-titlebar-close {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 0;
	width: 36px;
	height: 36px;
	border: 0 none;
	font-size: 16px;
	background-color: transparent;
	color: #bababa;
	outline: none;
	cursor: pointer;
}

div.message {
	margin-bottom: 20px;
}

div.message p {
	margin-bottom: 18px;
}

button::-moz-focus-inner {
	border: 0;
}

.ui-widget-overlay {
	height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	background-color: rgba(0, 0, 0, 0.1);
}

.ui-front {
    z-index: 1000;
}

div.upload-button.tinyMCE button {
	position: absolute;
	left: 0;
	background-color: #FFF;
	width: 90%;
	height: 52px;
	padding-left: 4px;
}#header {
	position: fixed;
	font-size: 14px;
	line-height: 14px;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 301;
}

#header div.center {
	max-width: 1136px;
	padding: 0 40px;
}

#header span.load-icon {
	display: none;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin: 21px 0 23px 6px;
	color: #FFFFFF;
	-webkit-animation: 0.75s linear 0s normal none infinite fadeinout;
    animation: 0.75s linear 0s normal none infinite fadeinout;
	float: left;
}

body.loading #header span.load-icon {
	display: block;
}

@-webkit-keyframes fadeinout {
    0% {opacity: 0;}
    50% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeinout {
    0% {opacity: 0;}
    50% {opacity: 1;}
	100% {opacity: 0;}
} 

#menu {
	background-color: #393939;
}

#submenu {
	background-color: #F7F7F7;
}

#title-menu,
#content-menu,
#user-menu {
	float: left;
}

#title-menu {
	width: 25%;
	border-right: 1px solid #494949;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 18px;
}

a.show-menu,
#content-menu a.hide-menu {
	display: none;
}

#title-menu a.dashboard {
	float: right;
}

#content-menu {
	white-space: nowrap;
	width: 40%;
	padding-left: 18px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content-menu nav a.active {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #2C2C2C;
	color: #FFFFFF;
	border-radius: 6px;
}

#user-menu {
	width: 35%;
	text-align: right;
}

#menu div.center:after {
	content: "";
	display: table;
	clear: both;
}

#title-menu h1 {
	float: left;
	line-height: 10px;
	margin: 21px 0 23px;
}

#title-menu h1 img {
	display: block;
}

#title-menu a.dashboard,
#content-menu a {
	color: #777777;
    display: inline-block;
    line-height: 32px;
    margin: 11px 8px;
    padding: 0 12px;
    text-decoration: none;
}

#title-menu a.dashboard:hover,
#content-menu a:hover {
	color: #FFFFFF;
}

#user-menu a.site-link {
	background-color: #696969;
    color: #393939;
    display: inline-block;
    font-size: 12px;
    line-height: 24px;
    margin: 15px;
    padding: 0 7px;
    text-decoration: none;
	border-radius: 2px;
}

#user-menu span.user {
	position: relative;
	font-size: 10px;
	text-transform: uppercase;
	color: #878787;
	cursor: pointer;
	display: inline-block;
}

#user-menu span.user ul {
	background-color: #393939;
    display: none;
    left: -10px;
    line-height: 22px;
    padding: 26px 10px 4px;
    position: absolute;
    text-align: left;
    top: 14px;
    width: 100%;
    z-index: 1;
}

#user-menu span.user ul a {
	color: #878787;
	text-decoration: none;
}

#user-menu span.user:hover div.hr {
	background-color: #494949;
    height: 1px;
    left: 0;
    position: absolute;
    top: 30px;
    width: 28px;
    z-index: 10;
}

#user-menu span.user:hover ul,
#user-menu span.user:hover div.hr {
	display: block;
	z-index: 103;
}

#submenu a {
	color: #BABABA;
	text-decoration: none;
}

#submenu a:hover {
	color: #888888;
}

#submenu li.active a {
	color: #393939;
}

#submenu ul {
	display: none;
	margin-left: 25%;
	padding-left: 20px;
	white-space: nowrap;
}

#submenu ul.active {
	display: block;
}

#submenu ul li {
	display: inline-block;
    margin: 20px 18px;
    padding: 0;
    position: relative;
}

#submenu ul li div.dropmenu {
	display: none;
}

#submenu ul li.open div.dropmenu {
	display: block;
	background-color: #F7F7F7;
    left: -18px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 34px;
}

#submenu ul li.active div.dropmenu a {
	color: #BABABA;
}

#submenu ul li.active div.dropmenu a:hover, #submenu ul li.active div.dropmenu li.active a {
	color: #888888;
}

#submenu ul li div.dropmenu .divider {
	background-color: #E9E9E9;
    height: 1px;
    margin-left: 18px;
    width: 28px;
}

#submenu ul li ul {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#submenu ul li ul li {
	display: block;
    margin: 21px 20px 18px 18px;
    white-space: nowrap;
}

@media handheld, only screen and (max-width: 767px) {

	#wrapper .center {
		padding: 0 20px;
	}

	#menu,
	#submenu {
		width: 100%;
	}
	
	#menu div.center {
		padding: 0 8px;
	}
	
	#title-menu {
		width: 100%;
		border-right: 0;
	}
	
	a.show-menu {
		display: block;
	    position: absolute;
	    right: 0;
	    top: 0;
		padding: 20px 12px;
		cursor: pointer;
	}
	
	#header {
		margin-top: 0;
		transition: margin-top 0.3s;
		-webkit-transition: margin-top 0.3s;
	}
	
	#header.show-menu {
		margin-top: -54px;
	}
	
	#content-menu {
		height: 0;
		overflow-y: hidden;
		transition: height 0.3s;
		-webkit-transition: height 0.3s;
	}
	
	#header.show-menu #content-menu {
		height: 54px;
	}
	
	#content-menu a.hide-menu {
		display: block;
	    height: 18px;
	    margin: 0;
	    padding: 18px 10px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 18px;
		cursor: pointer;
	}
	
	a.show-menu img,
	a.hide-menu img{
		display: block;
	}
		
	#title-menu a.dashboard, 
	#content-menu a {

	}
	
	#title-menu a.dashboard {
		float: none;
	}
	
	#user-menu {
		position: absolute;
	    right: 54px;
	    top: 19px;
		width: auto;
	}
	
	#content-menu {
		padding-left: 0;
	    width: 100%;
	}
	
	#title-menu a.dashboard, #content-menu a {
		margin: 11px 0;
	}
	
	#title-menu h1,
	#user-menu a.site-link {
		display: none;
	}
	
	#submenu {
		padding: 0;
	}
	
	#submenu div.center {
		padding: 0;
		min-width: 100%;
		position: absolute;
		z-index: 1;
		height: 100%;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
		-o-text-size-adjust: none;
		text-size-adjust: none;
	}
	
	#submenu ul.active {
		height: 54px;
		background-color: #F7F7F7;
		margin-left: 0;
		padding: 0 10px;
	}
	
	#submenu ul li {
		margin: 20px 10px;
	}
	
}body.login {
	background-color: #393939;
	color: #FFF;
}

body.login #wrapper {
	display: table;
    height: 100%;
    padding: 0;
}

#login, #install {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0;
}

#login h1,
#login form,
#install h1,
#install form {
	max-width: 280px;
	margin: 0 auto;
}

#login h1 {
	margin-bottom: 20px;
}

#login h1 a {
	text-decoration: none;
	color: #FFF;
}

#login label {
	padding-right: 0;
}

#login label input {
	border-color: #FFF;
}

form p.message,
form p.error {
    line-height: 36px;
    margin-bottom: 20px;
    padding: 0 8px;
}

form p.message {
	border: 1px solid #00c487;
    color: #00c487;
}

form p.error {
	border: 1px solid #f45354;
    color: #f45354;
}

#login button {
	background-color: #cacaca;
    border: 0 none;
    border-radius: 1.5px;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 8px;
}/*! perfect-scrollbar - v0.4.3
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2013 HyeonJe Jun; Licensed MIT */

.ps-container .ps-scrollbar-x {
	position: absolute;
	bottom: 3px;
	height: 8px;
	background-color: #AAA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transition: opacity .2s linear;
	-webkit-transition: opacity.2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear
}
.ps-container.ie6 .ps-scrollbar-x {
	font-size: 0
}
.ps-container:hover .ps-scrollbar-x,.ps-container.hover .ps-scrollbar-x {
	opacity: 0.11;
	filter: alpha(opacity=11)
}
.ps-container .ps-scrollbar-x:hover,.ps-container .ps-scrollbar-x.hover {
	opacity: .22;
	filter: alpha(opacity=22);
	cursor: default
}
.ps-container .ps-scrollbar-x.in-scrolling {
	opacity: .22;
	filter: alpha(opacity=22)
}
.ps-container .ps-scrollbar-y {
	position: absolute;
	right: 15px;
	width: 8px;
	background-color: #AAA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0;
	filter: alpha(opacity=0);
	-o-transition: opacity .2s linear;
	-webkit-transition: opacity.2s linear;
	-moz-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.ps-container.ie .ps-scrollbar-y {
	font-size: 0
}
.ps-container:hover .ps-scrollbar-y,.ps-container.hover .ps-scrollbar-y {
	opacity: .11;
	filter: alpha(opacity=11)
}
.ps-container .ps-scrollbar-y:hover,.ps-container .ps-scrollbar-y.hover {
	opacity: .22;
	filter: alpha(opacity=22);
	cursor: default
}
.ps-container .ps-scrollbar-y.in-scrolling {
	opacity: .22;
	filter: alpha(opacity=22)
}
#post-body {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    margin-left: 25%;
    margin-top: 42px;
    padding-left: 38px;
    width: 50%;
	float: left;
}

#post-attachments {
    float: left;
    margin-top: 42px;
    padding-left: 28px;
    padding-top: 94px;
    width: 25%;
	box-sizing: border-box;
}

#post-body div.menu {
	height: 74px;
    margin-bottom: 20px;
}

#post-body div.menu div.content-filter {
	margin-right: 10px;
}

#post-body div.menu div.permalink {
	color: #555555;
    line-height: 24px;
	opacity: 1;
	transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
}

#post-body div.menu div.permalink.new-record {
	opacity: 0;
}

#post-body div.menu div.permalink span {
	padding: 2px 0;
}

#post-body div.menu div.permalink #permalink {
	background-color: #EEEEEE;
}

#post-body div.menu div.permalink a.permalink-link {
	background-image: url("../assets/images/sitelink.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    display: inline-block;
    height: 12px;
    margin-left: 2px;
    opacity: 0.5;
    text-indent: -10300px;
    vertical-align: middle;
    width: 12px;
}

#permalink input {
    border: 0 none;
    height: 18px;
    padding: 0;
    width: 180px;
}

#post-body nav.lang-select {
	display: block;
	position: absolute;
	top: -4px;
	right: 10px;
}

.ui-dialog nav.lang-select {
	display: block;
	position: relative;
	margin-bottom: 15px;
}

nav.lang-select:after {
	display: table;
	content: "";
	clear: both;
}

nav.lang-select a {
	position: relative;
	display: block;
	float: left;
	background-color: #F7F7F7;
	color: #9E9E9E;
	margin: 0px 0px 0px 2px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	height: 26px;
	width: 32px;
	line-height: 27px;
	font-size: 11px;
}

nav.lang-select a.active {
	background-color: #00C487;
	color: #FFF;
}

nav.lang-select a.draft {
	font-style: italic;
}

/*
#post-body nav.lang-select a.draft::after {
	border-color: transparent transparent transparent #DDD;
	border-style: solid;
	border-width: 5px 0px 0px 5px;
	content: "";
	display: block;
	height: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 0px;
	background-color: #FFF;
}

#post-body nav.lang-select a.active.draft::after {
	border-color: transparent transparent transparent #009F6E;
}
*/

#post-body ul.sortable-table {
	position: relative;
	display: block;
	border: 1px solid #e9e9e9;
	padding: 5px;
	min-height: 24px;
}

#post-body ul.sortable-table .sortable-placeholder {
	width: 12.5%;
	padding: 0 5px 12.5% 5px;
	height: 0 !important;
}

#post-body ul.sortable-table li {
	position: relative;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	width: 12.5%;
	cursor: move;
}

#post-body ul.sortable-table:after {
	display: table;
	content: "";
	clear: both;
}

#post-body ul.sortable-table li img {
	display: block;
	width: 100%;
	height: auto;
}ul.order-list {
	
}

ul.order-list li {
	display: block;
	position: relative;
	margin-bottom: 10px;
	margin-right: 10px;
	background-color: #F7F7F7;
	color: #9E9E9E;
}

ul.order-list li span.title {
	display: block;
	cursor: pointer;
}

ul.order-list li span.title span.divider {
	margin: 0 6px;
	display: inline-block;
	text-indent: -10300px;
	border-right: 1px solid #DDD;
}

ul.order-list li span.title a.toggle {
	padding: 9px;
	display: block;
	color: #9E9E9E;
	text-decoration: none;
}

ul.order-list li span.title a.mark-as-shipped {
	position: absolute;
	top: 0;
	padding: 0px 26px 0px 0px;
	margin: 9px;
	display: inline-block;
	text-decoration: none;
	color: #9E9E9E;
	right: 0;
	z-index: 10;
}

ul.order-list li span.title a.mark-as-shipped:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	-moz-osx-font-smoothing: grayscale;
	width: 20px;
	height: 20px;
	border: 1px solid #E9E9E9;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	color: #555;
	cursor: pointer;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: -1px;
	background-color: #FFF;
}

ul.order-list li span.title a.mark-as-shipped.checked:after {
	content: "";
}

ul.order-list li div.content {
	display: none;
	z-index: 103;
	border-top: 1px solid #FFF;
	padding: 9px;
}

ul.order-list li div.content strong a,
ul.order-list li div.content p a {
	color: #1887D6;
}

ul.order-list li div.content h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding-bottom: 9px;
}

ul.order-list li div.content article {
	border-top: 1px dashed #CCC;
	padding: 9px 0px;
}

ul.order-list li div.content article:after {
	display: table;
	content: "";
	clear: both;
}

ul.order-list li div.content span.price,
ul.order-list li div.content span.giftwrap {
	display: inline-block;
	padding: 0;
}

ul.order-list li div.content span.price {
	position: absolute;
	top: 0px;
	right: 0px;
}

ul.order-list li div.content span.giftwrap {
	background-color: #00C487;
	color: #FFF;
	font-size: 11px;
	line-height: 18px;
	padding: 0 6px;
	position: relative;
	top: 2px;
}

ul.order-list li div.content span.giftwrap:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 18px;
	font-size: 12px;
	-moz-osx-font-smoothing: grayscale;
	content: "\f06b";
	margin-right: 4px;
}

ul.order-list li div.content article img {
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 9px;
}

ul.order-list li div.content div.summary p {
    border-top: 1px dashed #CCC;
    padding: 5px 0px;
}

ul.order-list li div.content div.summary span {
    float: right;
}

ul.order-list li div.content span.tax {
    display: none;
}

ul.order-list li.active div.content {
	display: block;
}

ul.order-list li div.content div.addresses,
ul.order-list li div.content div.comments,
ul.order-list li div.content div.ogone {
	margin: 10px 0;
}

ul.order-list li div.content div.addresses {
	background-color: #FFF;
}

ul.order-list li div.content div.addresses div.bill-address,
ul.order-list li div.content div.addresses div.ship-address {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 5px 8px;
}#sidebar-container {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	left: 0;
	padding-top: 150px;
	position: fixed;
	top: 0;
	width: 100%;
}

#sidebar-container.grid {
	z-index: 1;
}

#sidebar {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    border-right: 1px solid #E9E9E9;
	background-color: #FFFFFF;
	padding-right: 38px;
    height: 100%;
    width: 25%;
    z-index: 10;
	transition: width 0.3s;
	-webkit-transition: width 0.3s;
}

#sidebar-container.grid #sidebar {
	width: 50%;
}

#sidebar ul li {
	position: relative;
    margin-bottom: 10px;
    margin-right: 38px;
}

#sidebar ul li ul li {
	margin-bottom: 0;
	margin-right: 0;
}

#sidebar ul li.past span.title {
	text-decoration: line-through;
	font-style: italic;
}

#sidebar ul li.draft {
	font-style: italic;
}

#sidebar ul li.draft:after {
	border-color: transparent transparent transparent #DDDDDD;
    border-style: solid;
    border-width: 10px 0 0 10px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
	background-color: #ffffff;
}

#sidebar ul li ul li.draft:after {
	top: 1px;
}

#sidebar ul li.active.draft:after {
	border-color: transparent transparent transparent #009F6E;
}

#sidebar ul li div.languages {
	float: right;
	text-transform: uppercase;
	font-size: 10px;
}

#sidebar ul li div.languages span.lang {
	
}

#sidebar ul li div.languages span.sep {
	opacity: 0.25;
}

#sidebar ul li div.languages span.lang.draft {
	font-style: italic;
	opacity: 0.5;
}

#sidebar ul li div {
	
}

#sidebar ul li a {
	background-color: #F7F7F7;
	color: #9E9E9E;
	text-decoration: none;
	padding: 9px;
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 100%;
}

#sidebar ul li ul li a,
#sidebar ul li.active ul li a {
	border-top: 1px solid #FFF;
	background-color: #FAFAFA;
	color: #9E9E9E;
}

#sidebar ul li ul {
	height: 0;
	overflow: hidden;
}

#sidebar ul li.active ul {
	height: auto;
}

#sidebar ul li.active a,
#sidebar ul li.active ul li.active a {
	background-color: #00C487;
	color: #FFFFFF;
}

#sidebar ul li a.new {
	border-top: 1px solid #FFF;
	background-color: #FAFAFA !important;
	color: #9E9E9E !important;
	display: none;
}

#sidebar ul li.active a.new {
	display: block;
}

#sidebar ul li a.new:before {
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 12px;
    margin-right: 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f055";
}

#sidebar ul li a.delete {
	display: none;
}

#sidebar ul li a.collapse {
	display: none;
}

#sidebar ul li img {
	display: none;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}

#sidebar-container.grid #sidebar ul {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px;
}

#sidebar-container.grid #sidebar ul li img {
    display: block;
    width: 100%;
}

#sidebar-container.grid #sidebar ul li {
	display: block;
	background-color: transparent;
    float: left;
    margin: 0;
    position: relative;
    width: 12.5%;
	padding-bottom: 12.5%;
	height: 0 !important;
}

#sidebar-container.grid #sidebar ul li div {
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 8px;
	left: 0;
}

#sidebar-container.grid #sidebar ul li a.showall {
	position: absolute;
	top: 0;
	left: 0;
	right: 10px;
	bottom: 10px;
	min-width: 0;
	height: auto;
	width: auto;
	display: flex;
    justify-content: center;
    align-items: center;
}

#sidebar-container.grid ul li.draft:after {
	right: 8px;
}

#sidebar-container.grid #sidebar ul li a {
	height: 100%;
    padding: 0;
    width: 100%;
}

#sidebar-container.grid #sidebar ul li:hover {
	z-index: 103;
}

#sidebar-container.grid #sidebar ul li:hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%);
}

#sidebar-container.grid #sidebar ul li span {
	display: none;
    position: absolute;
}

#sidebar div.menu,
#sidebar div.content-filter {
	z-index: 10;
}

#sidebar div.menu:after {
	display: table;
	content: "";
	clear: both;
}

#sidebar div.content-filter {
	margin: 24px 0;
}

#sidebar-container div.center {
	height: 100%;
}

#sidebar .content {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	padding-top: 148px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}

#sidebar .content ul.ps-container {
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#sidebar h1 a.list,
#sidebar h1 a.grid {
	float: right;
    margin-left: 4px;
    position: relative;
    top: -1px;
    vertical-align: middle;
	cursor: pointer;
}

#sidebar a.grid img,
#sidebar-container.grid #sidebar a.list img {
	opacity: 0.25;
}

#sidebar-container.grid #sidebar a.grid img {
	opacity: 1;
}

#sidebar h1 a img {
	display: block;
}

#sidebar div.bg {
	background-color: #FFFFFF;
    height: 42px;
    left: 0;
    padding-right: 1px;
    position: absolute;
    top: -42px;
    width: 100%;
}

input.zoekfilter {
	font-size: 14px;
	border-width: 0 0 2px 0;	
	padding: 0;
}

@media handheld, only screen and (max-width: 767px) {

	html, body {
		overflow-x: hidden;
	}

	#sidebar-container {
		position: absolute;
		padding-top: 128px;
		transition: left 0.3s;
		-webkit-transition: left 0.3s;
	}
	
	#wrapper.post #sidebar-container {
		left: -100%;
	}
	
	#content {
		position: absolute;
		padding-top: 108px;
		top: 0;
		width: 100%;
		left: 100%;
		transition: left 0.3s;
		-webkit-transition: left 0.3s;
	}
	
	#post-body {
		margin-left: 0;
	    margin-top: 20px;
	    padding: 0 10px 0 20px;
	    width: 100%;
	}
	
	#post-attachments {
		width: 100%;
		padding: 0 10px 0 20px;
	}
	
	#wrapper.post #content {
		left: 0;
	}
	
	#sidebar-container,
	#sidebar-container div.center,
	#sidebar,
	#sidebar .content,
	#sidebar .content ul.ps-container {
		height: auto;
	}
	
	#sidebar .content {
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#sidebar {
		width: 100%;
		padding-right: 0;
		border-right: 0;
	}
	
	#sidebar ul li {
		margin-right: 0;
	}
	
	#sidebar.grid {
		width: 100%;
	}
	
	#sidebar.grid ul {
		padding-right: 0;
	}
	
	#sidebar.grid ul li {
		width: 25%;
	}
	
	#sidebar.grid ul {
		
	}

}