/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust:7 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: Arial, sans-serif; color: #222; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #3c70ad; color: #fff; text-shadow: none; }
::selection { background: #3c70ad; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */
/*
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
*/

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 1px solid #DEDEDE; margin: 4px 0px; padding: 8px; }

/* Indicate that 'label' will shift focus to the associated form element */
/*
label { cursor: pointer; }
*/

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* ==========================================================================
   Standaard element style
   ========================================================================== */

h2 {
	font-size: 110%;

}

.icon_title {
	margin: 0px;
	margin-right: 0px !important;
	padding: 12px;
	padding-left: 48px;
	font-weight: bold;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: 8px center;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

a {
	color: #000000;
}

button {
	background: #f5f5f5;
	border: 1px solid #dedede;
	padding: 2px 8px;
	color: #000000;
}

button:disabled {
	color: #8E8E8E;
}

input[type="file"] {
	font-size: 13px;
}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
textarea,
select,
.inputfield {
	border: 1px solid #dedede;
	box-shadow: inset 0px 0px 3px #f5f5f5;
	-o-box-shadow: inset 0px 0px 3px #f5f5f5;
	-webkit-box-shadow: inset 0px 0px 3px #f5f5f5;
	-moz-box-shadow: inset 0px 0px 3px #f5f5f5
	border-radius: 0px;
}

input[type="text"]:disabled,
input[type="search"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
textarea:disabled,
select:disabled,
.inputfield:disabled {
	background-color: #c2c2c2;
}

input[type="text"][readonly],
input[type="search"][readonly],
input[type="password"][readonly],
input[type="tel"][readonly],
input[type="url"][readonly],
input[type="email"][readonly],
input[type="number"][readonly],
textarea[readonly],
select[readonly],
.inputfield[readonly] {
	background-color: #F4F4F4;
}

.euro_inputfield {
	background-image: url(/gfx/euro_sign.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}

.form_checkbox {
	overflow: auto;
}
.form_checkbox  input {
	float: left;
}
.form_checkbox  label {
	float: left;
	padding-left: 4px;
}

.form_field {
	overflow: auto;
	margin-bottom: 4px;
}

.form_field  label {
	float: left;
	width: 128px;
	padding-top: 2px;
}

.form_field  label.auto_width {
	width: auto;
	margin-right: 4px;
}

.form_field  input, .form_field  select, .form_field  textarea {
	float: left;
	margin-right: 4px;
}
/*
.form_field  input[type="checkbox"] {
	margin-top: 4px;
}
*/

.form_field .form_value {
	margin-left: 128px;
	padding-top: 2px;
}

.form_field  label.form_checkbox_label {
	width: auto;
	margin-right: 4px;
	padding-top: 0px;
}

.form_checkfield_pos {
	float: right;
	padding-top: 2px;
}

.form_field .checkbox_list {
	float: left;
	width: 300px;
}

	.form_field .checkbox_list .checkbox_item {
		float: left;
		width: 150px;
	}

.form_field_label_175 label {
	width: 175px;
}


/* ==========================================================================
   Standaard Backoffice style
   ========================================================================== */
.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container.container-fluid {
	/*
	margin-left: 4px;
	margin-right: 4px;
	*/
	padding: 0px 4px;
	min-width: 960px;
	max-width: 2000px;
	width: auto;
}


.container.container-fluid .main_content_with_left,
.container.container-fluid .header_toolbar,
.container.container-fluid .form_toolbar,
.container.container-fluid .form_group_elements
{
	width: auto;		
}


.notify, .notify_with_icon {
	padding: 4px;
	border: 1px solid #dedede;
	background-color: #fffeae;
	margin: 4px 0px;
}

.notify_with_icon {
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding-left: 24px;
}

.main_content_with_left .notify, .main_content_with_left .notify_with_icon {
	margin: 0px !important;
	border-left: 0px;
	border-top: 0px;
}

.table_price_field {
	text-align: right;
}

.items_table {
	border-right: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	background-color: #fff;
}

.items_table .first_item {
	border-left: 0px;
}

.items_table  th {
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	padding: 4px;
	text-align: left;
	font-weight: normal;
}

.items_table  th a {
	display: block;
	text-decoration: none;
	background-position: left center;
	background-repeat: no-repeat;
}

.items_table  th a.sorted {
	padding-left: 20px;
	white-space: nowrap;
}

.items_table  th a:hover {
	text-decoration: underline;
}

.items_table  td {
	border-bottom: 1px solid #dedede;
	padding: 2px;
}

.items_table_boldline td {
	font-weight: bold;
}

.items_table  .order_up {
	background-image: url(/gfx/icons/16x16/bullet_arrow_up.png);
}

.items_table  .order_down {
	background-image: url(/gfx/icons/16x16/bullet_arrow_down.png);
}

.items_table th.items_table_sorted_field {
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #55a3e0;
	border-right: 1px solid #55a3e0;
	background: #3c70ad;
	background: -moz-linear-gradient(top, #457dc0 0%, #326097 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457dc0), color-stop(100%,#326097)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #457dc0 0%,#326097 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #457dc0 0%,#326097 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #457dc0 0%,#326097 100%); /* IE10+ */
	background: linear-gradient(top, #457dc0 0%,#326097 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457dc0', endColorstr='#326097',GradientType=0 ); /* IE6-9 */
}

.items_table th.items_table_sorted_field a {
	color: #ffffff;
}

.items_grouping_title {
	font-weight: bold;
	font-size: 14px;
}

/*
.items_table td.items_table_sorted_field {
	border-left: 1px solid #55a3e0;
	border-right: 1px solid #55a3e0;
}
*/

.item_line_red  td {
	background-color: #f0dddd;
}

.items_table_no_results {
	text-align: center;
}

.items_table_pagingbar, .items_table_searchbar, .items_table_normalbar_top, .items_table_normalbar_bottom {
	border-top: 0px;
	border: 1px solid #dedede;
	padding: 2px;
	color: #222;
	overflow: auto;
	background: #f5f5f5; /* fall back */
}

.items_table_pagingbar {
	text-align: center;
	border-top: 0px;
}

.items_table_normalbar_top {
	border-bottom: 0px;
}

.items_table_normalbar_bottom {
	border-top: 0px;
}

.items_table_searchbar {
	border-bottom: 0px;
}

.items_table_searchbar input {
	padding: 3px;
	width: 160px;
}

.items_table_searchbar button {
	padding-left: 24px;
	background-image: url(/gfx/icons/16x16/magnifier.png);
	background-repeat: no-repeat;
	background-position: 4px;
	margin-left: 2px;
}

.items_table_pagingbar .pageselect {
	font-weight: bold;
}

.items_table_pagingbar .page_disabled {
	color: #777777;
}

.items_table_no_border_tr td ,
.items_table_no_border_tr th {
	border-bottom: 0px;
}


table.overview_table {
	border-left: 0px !important;
	border-top: 0px !important;
}

.overview_table  .items_table, .overview_table_noheight  .items_table {
	border-left: 0px !important;
	border-top: 0px !important;
}

.overview_table .items_table_pagingbar, .overview_table_noheight .items_table_pagingbar, .overview_table_noheight .items_table_normalbar_bottom {
	border-left: 0px !important;
	border-bottom: 0px !important;
}

.overview_table .items_table_searchbar, .overview_table_noheight .items_table_searchbar, .overview_table_noheight .items_table_normalbar_top {
	border-left: 0px !important;
	border-top: 0px !important;
	border-bottom: 1px solid #DEDEDE !important;
}

.overview_table .items_table_tableholder {
	min-height: 390px;
}

.overview_table_noheight {

}

.table_clickable tr:hover td {
	background: #9db6d5;
	background: -moz-linear-gradient(top, #98afcb 0%, #a2bedf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98afcb), color-stop(100%,#a2bedf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #98afcb 0%,#a2bedf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #98afcb 0%,#a2bedf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #98afcb 0%,#a2bedf 100%); /* IE10+ */
	background: linear-gradient(top, #98afcb 0%,#a2bedf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98afcb', endColorstr='#a2bedf',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
}


.table_clickable td {
	cursor: hand;
	cursor: pointer;
}

.table_clickable tr.items_grouping_title:hover  td {
	cursor: auto;
	background: #ffffff;
	color: #000000;
}


/* Toolbar Style */

.toolbar {
	overflow: auto;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.toolbar li {
	float: left;
}

.toolbar li a {
	margin: 4px;
	display: block;
}


/* ==========================================================================
   Standaard Form Backoffice style
   ========================================================================== */

.fieldset_padding {
	padding: 0px 4px;
}

.form_group {
	overflow: auto;
	border-bottom: 1px solid #dedede;
}

.last_form_group {
	border-bottom: 0px;
}

.form_group_legend {
	float: left;
	width: 214px;
	padding: 8px;
	text-align: right;
	font-weight: bold;
}

.form_group_legend_holder {
	float: left;
	width: 230px;
}

.form_group_elements {
	margin-left: 230px;
	margin-right: 0px !important;
	padding: 8px;
	overflow: auto;
}

.form_group_elements_split {
	overflow: auto;
}

.form_group_elements_split_block {
	float: left;
	width: 49.5%;
}


.form_group_products {
	clear: both;
	margin: 8px;
}

.form_group_title {
	margin: 0px;
	margin-left: 230px;
	margin-right: 0px !important;
	padding: 12px;
	padding-left: 48px;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #dedede;
	border-left: 0px;

	background-repeat: no-repeat;
	background-position: 8px center;
}

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

.form_group_title_notop_border {
	border-top: 0px;
}


.main > .form_group_elements {
	width: 714px; /* 730px; */
}
.popup_main > .form_group_elements {
	width: 454px; /* 730px; */
}

.form_group_description {
	font-style: italic;
}

.form_submit_button_up {
	margin-top: 10px;
}

.form_submit_button_down {
	margin-bottom: 10px;
}

.form_submit_button_margin_top_bottom {
	margin: 10px 0px;
}

.label_euro {
	font-weight: Bold;
	padding-right: 4px;
	font-size: 130%;

	width: auto !important;
	padding-top: 0px !important;
}


.form_toolbar {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	/* margin-left: 230px; */
	margin-right: 0px !important;
	overflow: auto;
	width: 729px;
}

.form_toolbar_item_group {
	border-right: 1px solid #dedede;
	overflow: auto;
	padding: 8px;
	float: left;
}

.form_toolbar_item_group_right {
	float: right;
}

.form_toolbar_item_group_last {
	border-right: 0px;
}

.form_toolbar_item {
	float: left;
}

.form_toolbar_item_32 {
	float: left;
	padding: 8px 0px;
}

.form_toolbar_button_32	 {
	float: left;
}

.form_toolbar_button_32	a, .form_toolbar_button_32_selected a {
	display: block;
	padding: 8px 8px;
}

.form_toolbar_button_32:hover, .form_toolbar_button_32_selected {
	background: #3c70ad;
	background: -moz-linear-gradient(top, #457dc0 0%, #326097 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457dc0), color-stop(100%,#326097)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #457dc0 0%,#326097 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #457dc0 0%,#326097 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #457dc0 0%,#326097 100%); /* IE10+ */
	background: linear-gradient(top, #457dc0 0%,#326097 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457dc0', endColorstr='#326097',GradientType=0 ); /* IE6-9 */
}

.form_toolbar_button_32	a.form_toolbar_button_32_icoon {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 42px;
}

.form_toolbar_button_32_icoon.form_toolbar_button_only_icon {
	padding-left: 0px !important;
	width: 24px;
	text-indent: 200%;
	margin: 0 4px;
	white-space: nowrap;
	overflow: hidden;
}


.form_toolbar_button_32:hover a ,
.form_toolbar_button_32_selected a {
	color: #ffffff;
}


.form_table td {
	padding: 2px;
}
.form_table th {
	text-align: left;
	font-weight: normal;
	padding: 2px;
}

.btn {
	background: #f5f5f5;
	border: 1px solid #dedede;
	padding: 2px 8px;
	color: #000000;
}

a.btn {
	text-decoration: none;
}

.btn-block {
	display: block;
}

.btn-small {
	padding: 1px 8px;
}




/* ==========================================================================
   Autocomplete style
   ========================================================================== */

div.autocomplete {
	position:absolute;
	min-width: 320px;
	background-color:white;
	border: 1px solid #dedede;
	margin:0;
	padding:0;
	box-shadow: 3px 3px 5px #777777;
	-o-box-shadow: 3px 3px 5px #777777;
	-webkit-box-shadow: 3px 3px 5px #777777;
	-moz-box-shadow: 3px 3px 5px #777777;
	max-height: 200px;
	overflow: auto;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.autocomplete ul li.selected {
	background: #3c70ad; /* fall back */
	background: -moz-linear-gradient(top, #457dc0 0%, #326198 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #457dc0 0%,#326198 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #457dc0 0%,#326198 100%); /* IE10+ */
	background: linear-gradient(top, #457dc0 0%,#326198 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457dc0', endColorstr='#326198',GradientType=0 ); /* IE6-9 */
	color: white;
	/*
	font-weight: bold;
	*/
}

div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
	font-weight: bold;
}
div.autocomplete .informal {
	font-weight: normal !important;
}

/* Jquery autocomplete */
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	font-size: 12px !important;
	box-shadow: 3px 3px 5px #777777;
	-o-box-shadow: 3px 3px 5px #777777;
	-webkit-box-shadow: 3px 3px 5px #777777;
	-moz-box-shadow: 3px 3px 5px #777777;
}

.ui-autocomplete-loading {
	background: white url('/gfx/ajax-loader.gif') right center no-repeat;
}




/* ==========================================================================
   Header and Footer Backoffice style
   ========================================================================== */
header, footer {
	border: 1px solid #dedede;
	padding: 2px;
	color: #222;
	overflow: auto;
	background: #f5f5f5; /* fall back */
}

header {
/*
	height: 116px;
*/
}

header a, footer a {
	color: #222;
}

.header_logo {
	float: left;
	margin-left: 52px;
}

.header_search {
	margin-top: 16px;
	margin-left: 236px;
	margin-bottom: 16px;
}

.header_search .header_search_form {
	display: flex;	
	padding-right: 16px;
}


.header_search input {
	width: 280px;
	border: 1px solid #dedede;
	padding: 3px;
	
	flex: 1 1 280px;

	box-shadow: inset 0px 0px 3px #f5f5f5;
	-o-box-shadow: inset 0px 0px 3px #f5f5f5;
	-webkit-box-shadow: inset 0px 0px 3px #f5f5f5;
	-moz-box-shadow: inset 0px 0px 3px #f5f5f5;
}

.header_search button {
	width: 84px;
	padding-left: 16px;
	background-image: url(/gfx/icons/16x16/magnifier.png);
	background-repeat: no-repeat;
	background-position: 4px;
	flex: 0 0 84px;
	margin-left: 4px;
}

.header_loggedin_user {
	float: right;
	margin-right: 8px;
	margin-top: 2px;
	width: 200px;
}

.header_loggedin_username {
	padding-left: 38px;
	background-image: url(/gfx/icons/32x32/user.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 4px;
	min-height: 32px;
	margin-right: 32px;
}

.header_loggedin_calendar {
	padding-left: 38px;
	background-image: url(/gfx/icons/32x32/calendar.png);
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 32px;
	margin-right: 32px;
}

.header_loggedin_link {
	float: right;
	clear: right;
}

.header_loggedin_link a {
	display: block;
	padding: 4px;
}

.header_loggedin_link a:hover {
	background: #3c70ad; /* fall back */
	background: -moz-linear-gradient(top, #457dc0 0%, #326198 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #457dc0 0%,#326198 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #457dc0 0%,#326198 100%); /* IE10+ */
	background: linear-gradient(top, #457dc0 0%,#326198 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457dc0', endColorstr='#326198',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
}


.header_popup_text {
	overflow: auto;
	float: right;
	margin: 4px;
}

.header_popup_text  > div {
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 8px;
	padding-left: 20px;
	float: left;
}

.header_popup_loggedin_username {
	background-image: url(/gfx/icons/16x16/user.png);
}

.header_popup_loggedin_calendar {
	background-image: url(/gfx/icons/16x16/calendar.png);
}


 /* ==========================================================================
   Footer
   ========================================================================== */
.footer_center_text {
	padding: 4px;
	text-align: center;
	margin-left: 300px;
	margin-right: 300px;
}
.footer_menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.footer_menu  li {
	margin: 0px;
	padding: 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
}

.footer_menu  li a {
	padding: 4px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

.footer_menu_left { float: left; margin-left: 4px; }
.footer_menu_right { float: right; }

/* ==========================================================================
   Top Menu
   ========================================================================== */
.header_toolbar {
	overflow: auto;
	margin-left: 230px;
	margin-top: 36px;
	width: 724px;
}

.topmenu_toolbar {
	margin: 0px;
	padding: 0px;
	overflow: auto;
	list-style: none;
	/*
	margin-left: 230px;
	width: 720px;
	*/
}


.topmenu_toolbar  li {
	float: left;
	margin: 0px;
	/* margin-bottom: -1px; */
	padding: 0px;
	margin: 0px 1px;
}

.topmenu_toolbar  li a {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	color: #222222;
	text-decoration: none;
	width: 40px;
	height: 40px;
}

.topmenu_toolbar  li:hover, .topmenu_toolbar  li.selected {
	background: #3c70ad;
	background: -moz-linear-gradient(top, #457dc0 0%, #326097 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457dc0), color-stop(100%,#326097)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #457dc0 0%,#326097 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #457dc0 0%,#326097 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #457dc0 0%,#326097 100%); /* IE10+ */
	background: linear-gradient(top, #457dc0 0%,#326097 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457dc0', endColorstr='#326097',GradientType=0 ); /* IE6-9 */
}
.topmenu_toolbar  li:hover a, .topmenu_toolbar  li.selected a {
	color: #ffffff;
}

.topmenu_toolbar_right_align   {
	float: right;
	margin-left: 0px !important;
}


.topmenu_time_display, .topmenu_time_display:hover  {
	font-size: 18px;
	padding-top: 8px !important;
	background: none !important;
	filter: - !important;
	width: 46px;
	text-align: center;
}

/* ==========================================================================
   Main
   ========================================================================== */
.main {
	overflow: auto;
	background-position: left;
	background-repeat: repeat-y;
	background-image: url(/gfx/leftmenu_back.png);
}

.main_left_position {
	float: left;
	width: 230px;
}

.main_content_with_left {
	margin-left: 230px;
	margin-right: 0px !important;
	overflow: auto;
	width: 730px;
}

.main_left_top {
	padding: 8px 0px;
	padding-top: 4px;
	border-bottom: 1px solid #dedede;
}

.main_left_top_last {
	border-bottom: 0px;
}

.main_left_top_title, .main_left_top  h1, .form_group_legend h1 {
	margin: 8px;
	padding: 8px;
	padding-left: 42px;
	font-weight: bold;
	font-size: 12px;
	background-position: left center;
	background-repeat: no-repeat;
	min-height: 16px;
	text-align: left;
}

.main_left_top  h2 {
	font-weight: bold;
	font-size: 12px;
	min-height: 16px;
	text-align: left;
	margin: 8px;
}

.main_left_top_menuitems {
	margin: 0px;
	padding: 0px;
	margin-left: 42px;
	margin-right: 8px;
	list-style: none;
	font-weight: normal;
	text-align: left;
}

.main_left_top_menuitems li {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

.main_left_top_menuitems li a {
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	padding: 2px;
	color: #000000;
	text-decoration: none;
}

.main_left_top_menuitems li:hover a {
	text-decoration: underline;
}

.main_left_filter_form {
	padding-left: 16px;
}

.main_left_filter_form.main_left_totalen {
	padding-right: 8px;
}

/*
.main_left_filter_form.main_left_totalen span {
	width: 100px;
	display: block;
	float: left;
}
*/


.main_left_filter_form.main_left_totalen .field {
	display: flex;
}

.main_left_filter_form.main_left_totalen .label {
	min-width: 100px;
	text-align: right;
}

.main_left_filter_form.main_left_totalen .label_120 {
	min-width: 120px;
	text-align: right;
}

.main_left_filter_form.main_left_totalen .value {
	flex: 1;
}

.main_left_filter_form.main_left_totalen .text-align-right {
	text-align: right;
}


/* ==========================================================================
   Login style
   ========================================================================== */
.login_body {
	overflow: hidden;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/gfx/BOS-logo-huge.jpg);
	background-attachment:fixed;
}

.klant_login_body {
	overflow: hidden;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/gfx/klantenportaal-login-bckgrnd.jpg);
	background-attachment:fixed;
}

.login_window {
	width: 250px;
	height: 215px;
	position: absolute;
	margin-left: -125px;
	margin-top:  -88px;
	left: 50%;
	top: 50%;
}

.login_window_captcha {
	width: 380px;
	height: 370px;
	position: absolute;
	margin-left: -190px;
	margin-top:  -185px;
	left: 50%;
	top: 50%;
}

.login_window.login_window_with_error {
	margin-top:  -130px;
	height: 260px;
}

.login_window_captcha.login_window_with_error {
	margin-top:  -195px;
	height: 390px;

}

.login_window  .window_titlebar,
.login_window_captcha  .window_titlebar
{
	background-repeat: no-repeat;
	background-position: 4px center;
	padding: 12px 40px;
}

.login_content {
	margin: 4px;
}

.login_field {
	overflow: auto;
	padding: 2px 0px;
	margin: 2px 26px;
}

.login_field  label,.login_field  a {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
}

.login_field  input {
/*
	width: 186px;
*/
	width: 186px;
}

.login_field  button {
	width: 100%;
	padding: 12px 40px;
	background-repeat: no-repeat;
	background-position: 4px center;
}
/* ==========================================================================
   Wachtwoord vergeten
   ========================================================================== */
.password_forgot_window {
	width: 400px;
	height: 180px;
	position: absolute;
	margin-left: -200px;
	margin-top:  -90px;
	left: 50%;
	top: 50%;
}

.password_forgot_content {
	padding: 8px;
	overflow: auto;
	height: 96px;
}

.password_forgot_buttons {
	text-align: center;
	padding: 4px;
}



 /* ==========================================================================
   Portaal
   ========================================================================== */
.portaal_leftmenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	margin-bottom: 8px;
}

.portaal_leftmenu li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #dedede;
	background-color: #f5f5f5;
	font-weight: bold;
}

.portaal_leftmenu li a {
	padding: 12px 16px;
	padding-left: 48px;
	display: block;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 4px center;
}


.portaal_leftmenu li:hover, .portaal_leftmenu li.selected {
	border-bottom: 1px solid #55a3e0;
	background: #3c70ad;
	background: -moz-linear-gradient(top, #457dc0 0%, #326097 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#457dc0), color-stop(100%,#326097)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #457dc0 0%,#326097 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #457dc0 0%,#326097 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #457dc0 0%,#326097 100%); /* IE10+ */
	background: linear-gradient(top, #457dc0 0%,#326097 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457dc0', endColorstr='#326097',GradientType=0 ); /* IE6-9 */
}

.portaal_leftmenu li:hover a, .portaal_leftmenu li.selected a {
	color: #ffffff;
}

.portaal_content {
	padding: 8px;
	overflow: auto;
	display: flex;
}

.portaal_content_left {
	/*
	float: left;
	width: 347px;
	*/
	flex: 1 1 50%;
	padding-right: 4px;
}

.portaal_content_right {
	/*
	float: right;
	width: 347px;
	*/
	flex: 1 1 50%;
	padding-left: 4px;
}


.portaal_box {
	margin-bottom: 8px;
}

.portaal_row {
	padding: 8px 4px;
	overflow: auto;
	display: flex;	
	flex-wrap: wrap;
}

.portaal_row .portaal_col { 
	flex: 1 1 340px;
	padding: 0 4px;	
}

/* ==========================================================================
   Portaal table
   ========================================================================== */

.portaal_table   { }

.portaal_table   td {
	padding: 2px;
}

/* ==========================================================================
   Portaal CRM
   ========================================================================== */
.portal_crm_search {
	margin: 4px 2px;
	overflow: auto;
}

.portal_crm_searchfield {
	width: 336px;
	float: left;
}

.portal_crm_searchbutton {
	margin-left: 4px;
	margin-top: 2px;
	float: left;
}

.portal_crm_wait_indicator {
	position: absolute;
	background-color: #fff;
	background-image: url(/gfx/ajax-loader-big.gif);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

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

.portal_crm_result_line1 td {
	padding-top: 6px;
}

.portal_crm_result_line2 td {
	padding-bottom: 6px;
}


/* ==========================================================================
   Taken overzicht
   ========================================================================== */
.taak_referentie_artikel {
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	width: 138px;
}

/* ==========================================================================
   CRM
   ========================================================================== */
.crm_notification_size {
	min-height: 26px;
}

.drukkostenstaffel_block {
	border-top: 1px solid #dedede;
	padding-top: 8px;
	margin-top: 8px;
}

.contactmoment_message_view {
	width: 490px;
	height: 280px;
	overflow: auto;
	border: 1px solid #dedede;
	box-shadow: inset 0px 0px 3px #f5f5f5;
	-o-box-shadow: inset 0px 0px 3px #f5f5f5;
	-webkit-box-shadow: inset 0px 0px 3px #f5f5f5;
	-moz-box-shadow: inset 0px 0px 3px #f5f5f5
	border-radius: 0px;
}


.contactmoment_message_view_email {
	overflow: auto;
	border: 1px solid #dedede;
	box-shadow: inset 0px 0px 3px #f5f5f5;
	-o-box-shadow: inset 0px 0px 3px #f5f5f5;
	-webkit-box-shadow: inset 0px 0px 3px #f5f5f5;
	-moz-box-shadow: inset 0px 0px 3px #f5f5f5
	border-radius: 0px;
	height: 500px;
	width: 100%; /* for Iframes */
}


.label_print_preview {
	margin: 0px;
	background-color: #ececec;
	border: 1px solid #dedede;
	padding: 8px;
	text-align: center;
}

.crm_overview_table .items_table_tableholder {
	min-height: 648px;
}

.crm_contact_nieuwsbrief_afmelddatum {
	color: #ff0000;
	font-style: italic;
}


.crm_klantlogo_box {
	overflow: auto;
	margin: 0px;
}

.crm_klantlogo_item {
	margin-bottom: 4px;
	overflow: auto;

}


.crm_klantlogo_item_image {
	float: left;
	width: 96px;
	height: 96px;
	overflow: hidden;
	border: 1px solid #DEDEDE;
}


.crm_klantlogo_item_image_thumb {
	float: left;
	width: 96px;
	height: 96px;
	overflow: hidden;
	border: 1px solid #DEDEDE;
	margin-right: 4px;
	margin-bottom: 4px;
}


.crm_klantlogo_item_rightitems {
	margin-left: 114px;
	padding: 0px 8px;

}

.klantlogo_item_pmskleuren {
	float: left;
}

.drukproef_logo_item {
	float: left;
	width: 98px;
	margin-right: 4px;
	margin-bottom: 4px;
}


.drukproef_logo_image_thumb {
	float: left;
	width: 96px;
	height: 96px;
	overflow: hidden;
	border: 1px solid #DEDEDE;
}

.drukproef_logo_title {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	width: 98px;
	text-overflow: ellipsis;
}

.drukproef_logo_title {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	width: 98px;
	text-overflow: ellipsis;
}


.drukproef_logo_item_large {
	float: left;
	width: 350px;
	margin-right: 4px;
	margin-bottom: 4px;
}

.drukproef_logo_item_large .drukproef_logo_image_thumb {
	float: none;
}

.drukproef_logo_item_large .drukproef_logo_title {
	width: auto;
	text-align: left;
}



/*
.crm_klantlogo_item_formfield {
	clear: both;
	text-align: center;
}
*/

#logoform_psmkleuren_list {
	margin: 4px 0px;
}

.logoform_pmskleuren_div {
	overflow: auto;
	width: 312px;
	margin: 2px 0px;
}

.logoform_pmskleuren_titel {
	margin-right: 16px;
}

.logoform_pmskleuren_delete {
	float: right;
	width: 16px;
}

.crm_klantlogo_item_large {
	margin-bottom: 4px;
	overflow: auto;
}

.crm_klantlogo_item_logo {
	font-weight: bold;
}


.crm_klantlogo_item_large .crm_klantlogo_item_rightitems {
	margin-left: 114px;
	padding: 0px 8px;
}

.crm_klantlogo_item_large  .crm_klantlogo_item_actions {
	float: left;
	width: 150px;
}


.crm_klantlogo_item_pmskleuren {
	float: left;
	margin-left:10px;
}


.crm_klantlogo_item_opmerking {
	float: left;
}

.crm_klantlogo_item_large .crm_klantlogo_item_formfield {
	text-align: center;
	float: left;
	width: 16px;
	padding-top: 44px;
}

/* ==========================================================================
   Contactpersoon
   ========================================================================== */

#catalogigeschenk_list {
	margin-top: 8px;
}

.contactedit_catgeschenk_item    {
	overflow: auto;
	padding-bottom: 2px;
}

.contactedit_catgeschenk_item_date    {
	float: right;
	width: 72px;
}

.contactedit_catgeschenk_item_actions {
	float: right;
}

/* ==========================================================================
   Aanvragen
   ========================================================================== */
.aanvraag_bewerking_add_div {
	overflow: auto;
	width: 150px;
}

.aanvraag_bewerking_item {
	overflow: auto;
}

.aanvraag_bewerking_item_text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-right: 16px;
}

.aanvraag_bewerking_item_actions {
	float: right;
	width: 16px;
}

.deadline_overdue {
	color: #ff0000;
}

.aanvraag_table_image img {
	max-width: 160px;
}

/* ==========================================================================
   Offerte
   ========================================================================== */
.aanhef_afsluiting_div {
	margin: 8px 0px;
}

.aanhef_sluiting_div {
	margin-top: 24px;
}

.producten_totaal {
	margin: 4px;
	margin-right: 18px;
	text-align: right;
}

.offerte_bewerking_block {
	border-top: 1px solid #dedede;
	padding-top: 8px;
}

.offerte_bewerking_actions {
	float: right;
	width: 240px;
}

.offerte_bewerking_drukker_field {
	margin-bottom: 16px !important;
}

.offerte_marge_field {
	text-align: right;
	width: 48px;
}

input.offerte_marge_field {
	background-image: url(/gfx/procent_image.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 14px;
	width: 32px;
}

.offerte_adres_box {
	margin-bottom: 8px;
	width: 300px;
	overflow: auto;
}

.offerte_adres_information {
	max-width: 284px;
	overflow: auto;
}

.offerte_adres_actions {
	width: 16px;
	float: right;
}

.credietcheck_large_label label {
	width: 192px !important;
}

.krediet_controle_status_text {
	margin: 10px 0px;
	font-weight: bold;
	padding-left: 20px;
	background-position: left 2px;
	background-repeat: no-repeat;
	padding-bottom: 2px;
}

img.offerte_small_image, .offerte_small_image img {
	max-width: 190px;
}


.extrakosten_holder {
	padding-top: 8px;
	border-top: 1px solid #DEDEDE;
}

.offerteregel_sorting {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #DEDEDE;
}

.offerteregel_sorting li {
	margin: 0px;
	padding: 0px;
}


/* 	==========================================================================
	Offerte goedkeuren
	========================================================================== */

.offerte_information_description {
	margin: 16px 8px;
	padding-left: 42px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(/gfx/icons/32x32/error.png);
}

.klantlogo_box {
	overflow: auto;
	margin: 8px 0px;
}

.klantlogo_item {
	margin-bottom: 4px;
	overflow: auto;
}

.klantlogo_item_logo {
	font-weight: bold;
}

.klantlogo_item_actions {
	float: left;
	width: 150px;
}

.klantlogo_item_pmskleuren {
	float: left;
}

.klantlogo_item_formfield {
	text-align: center;
	float: left;
	width: 16px;
	padding-top: 44px;
}

.klantlogo_item_small {
	margin-bottom: 4px;
	overflow: auto;
	padding: 2px;
	float: left;
	width: 100px;
	min-height	: 100px;
	float: left;
}


.klantlogo_item_small_image {
	width: 96px;
	height: 96px;
	overflow: hidden;
	border: 1px solid #DEDEDE;
	margin-left: auto;
	margin-right: auto;
}

.klantlogo_item_button_yellow {
	display: block;
	border: 1px solid #DEDEDE;
	background-color: #fffecb;
	text-align: center;
	padding: 16px 2px;
}

.orderregel_logo_list_add_button {
	margin-bottom: 8px;
}

.orderregel_leverancier_memo_position {
	float: right;
}

.orderregel_main_informatie  label {
	width: 150px;
}

.orderregel_artikel_informatie  label {
	width: 200px;
}
/* bewerkingen wizard */
.orderregel_bewerking_wizard_bewerker {
	width: 155px;
	float: left;
}

.orderregel_bewerking_wizard_bewerker  select{
	width: 150px;
}


.orderregel_bewerking_wizard_bewerkingstechniek {
	float: left;
	width: 145px;
}

.orderregel_bewerking_wizard_bewerkingstechniek select {
	width: 140px;
}

.orderregel_bewerking_wizard_aantal_kleuren {
	float: left;
	width: 125px;
}

.orderregel_bewerking_wizard_aantal_kleuren select {
	width: 120px;
}

.orderregel_bewerking_wizard_bewerkingscode {
	float: left;
	width: 125px;
}

.orderregel_bewerking_wizard_bewerkingscode select {
	width: 120px;
}

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

/*
 * Handelingskosten wizard
 */
.orderregel_handelingskosten_wizard_bewerker {
	float: left;
	width: 174px;
}

.orderregel_handelingskosten_wizard_bewerker  select {
	width: 170px;
}

.orderregel_handelingskosten_wizard_handelingstype {
	width: 214px;
	float: left;
}

.orderregel_handelingskosten_wizard_handelingstype  select{
	width: 210px;
}

.orderregel_handelingskosten_wizard_handelingscode {
	float: left;
	width: 150px;
}

.orderregel_handelingskosten_wizard_handelingscode  select {
	width: 150px;
}


/*
 * Handelingskosten
 */
.handelingskosten_block {
	border-top: 1px solid #dedede;
	padding-top: 8px;
}

.handelingskosten_block_actions {
	float: right;
	width: 240px;
}


/* ==========================================================================
   Monsters
   ========================================================================== */
.monster_artikel_list {
	margin: 4px 0px;
}

.monster_artikel_line {
	margin-left: 128px;
	overflow: auto;
	margin-bottom: 2px;
}

.monster_artikel_line_artikelnr {
	float: left;
	width: 114px;
	padding-top: 2px;
}

.monster_artikel_line_aantal {
	float: left;
	width: 48px;
	margin-right: 4px;
}

.monster_artikel_line_aantal input {
	width: 48px;
}

.monster_artikel_line_brutoprijs {
	float: left;
	width: 78px;
	margin-right: 4px;
}

.monster_artikel_line_brutoprijs input {
	width: 78px;
}

.monster_artikel_line_marge {
	float: left;
	width: 48px;
	margin-right: 4px;
}

/*
.monster_artikel_line_marge input {
	width: 48px;
}
*/

.monster_artikel_line_actions {
	float: left;
	width: 16px;
	margin-left: 4px;
	padding-top: 2px;
}

#monster_factuuradres_display_div {
	margin-left: 128px;
	margin-bottom: 8px;
}

/* ==========================================================================
   Lopende opdrachten
   ========================================================================== */
.lopendopdracht_line    {
	overflow: auto;
}

.lopendopdracht_line_date {
	float: left;
	width: 82px;
}

.lopendopdracht_line_status {
	float: left;
	width: 24px;
}

.lopendopdracht_line_title {
	float: left;
}

.lopendopdracht_status_field {
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}


.lopendopdracht_split    {
	float: left;
	width: 49%;
}

/* ==========================================================================
   Bestellingen
   ========================================================================== */
.bestelling_bold_price td {
	font-weight: bold;
}

.bestelling_no_under_border td {
	border-bottom: 0px;
}

.bestelling_extrapadding td {
	padding: 4px 2px;
}

.bestelling_logo_selector_position {
	margin-top: 16px;
}

.item_footer_line_text {
	float: right;
	min-width: 190px;
}

/* ==========================================================================
   Drukproeven
   ========================================================================== */
.drukproef_add_drukpositie_button {
	margin-top: 4px;
}
.drukpositie_title {
	margin-top: 8px;
	margin-bottom: 4px;
	font-weight: bold;
}
.drukproef_large_label label {
	width: 164px !important;
}

.drukproef_drukpositie_holder {
	width: 420px;
}

.drukproef_drukpositie_actions {
	float: right;
}
/* ==========================================================================
   Configuratie (gebruikers)
   ========================================================================== */
.gebruiker_taal_tekst {
	float: left;
	width: 72px;
	padding-top: 4px;
}
.gebruiker_taal_div {
	float: left;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 32px;
	width: 38px;
	margin-right: 4px;
	text-align: center;
}

.gebruiker_edit_taak_overname_label label {
	width: 256px;
}

.gebruiker_aanvraag_groepen_list {
	margin-left: 128px;
	width: 270px;
	margin-bottom: 4px;
}

.gebruiker_aanvraag_groepen_item {
	overflow: auto;
}

.gebruiker_aanvraag_groepen_item_buttons {
	float: right;
	width: 24px;
}

.gebruiker_aanvraag_groepen_item_titel {
	margin-right: 24px;
}

.gebruiker_signature_box_example {
	border: 1px solid #DEDEDE;
	margin-bottom: 16px;
	width: 300px;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
}

.gebruiker_signature_box_example_text {
	text-align: center;
	margin: 80px 20px;
}


.gebruiker_toewijziging_titel  {
	padding: 12px;
	/* padding-left: 42px; */
	background-repeat: no-repeat;
	background-position: 6px center;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	font-weight: bold;
}

/* ==========================================================================
   Configuratie (toewijzen)
   ========================================================================== */
.toewijzen_new_div {
	padding: 16px 24px;
	border-bottom: 1px solid #DEDEDE;
}

.toewijzen_list {

}

.toewijzen_list_item  {
	border: 1px solid #DEDEDE;
	margin: 8px;
	padding: 8px 16px;
	width: 400px;
}

.toewijzen_list_item_actions {
	float: right;
}

.toewijzen_list_item  .notify_with_icon {
	border: 1px solid #DEDEDE;
	margin-bottom: 16px !important;

}

/* ==========================================================================
   Configuratie (profielen)
   ========================================================================== */
 .profielen_menu_items {
	overflow: auto;
 }


 .profielen_menu_item {
	background-repeat: no-repeat;
	background-position: left center;
	padding: 16px 42px;
 }


/* ==========================================================================
   Producten
   ========================================================================== */

.product_picture_selector_list    {
	overflow: auto;
}

.product_picture_selector_item   {
	float: left;
	width: 128px;
	height: 152px;
	padding: 4px;
	margin-right: 8px;
	overflow: hidden;
	position: relative;
}

.product_picture_selector_item_delete {
	position: absolute;
	right: 0px;
}

.product_picture_selector_item_image {
	height: 120px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.product_picture_selector_item_image  img {
	max-width: 120px;
	max-height: 120px;
}

.product_picture_selector_item_text {
	text-align: center;
	font-weight: bold;
}

.product_picture_selector_item_radio {
	text-align: center;
}

.product_edit_extra_width  label{
	width: 160px;

}

.product_staffelprijs_item {
	overflow: auto;
	margin-bottom: 2px;
}

.product_staffelprijs_item div {
	/* padding: 0px 3px; */
	padding: 0px 1px;
}

.product_staffelprijs_aantal_van {
	float: left;
	width: 64px;
	margin-right: 2px;
}

.product_staffelprijs_aantal_tot {
	float: left;
	width: 64px;
	margin-right: 2px;
}

.product_staffelprijs_prijs {
	float: left;
	width: 70px;
	margin-right: 2px;
}

.product_staffelprijs_prijs_inkoop {
	float: left;
	width: 70px;
}

.product_staffelprijs_actions {
	float: left;
	padding-top: 1px !important;
}

.product_leverancier_adres_information {
	max-width: 186px;
	overflow: auto;
}


/* ==========================================================================
   Statistieken
   ========================================================================== */

#stat_overview_table_list td a {
	cursor: pointer;
}

.table_clickable_nohover td {
	cursor: pointer;
}

.table_row_clickable {
	cursor: pointer;
}

#omzet_table .table_price_field a {
	cursor: pointer;
}

.omzet_table {
	
	
}

.omzet_table .price {
	text-align: right;
}

.omzet_table tfoot {
	font-weight: bold;	
}

#totalChart .ct-bar {
	stroke-width: 45%;		
}

#totalChart .ct-series-a .ct-bar {
	stroke: #30f735;
}

#totalChart .ct-series-b .ct-bar {
	stroke: #ff2a1a;
}

/* ==========================================================================
   Statistieken
   ========================================================================== */
input.brandstof_toeslag {
	background-image: url(/gfx/procent_image.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 14px;
	width: 64px;
}

/* ==========================================================================
   Zoeken
   ========================================================================== */


.search_spinner_holder {
	background: rgba(255, 255, 255, 0.5);
	color: black;
	text-align: center;	
	position: absolute; 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	/* display: flex; */
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;			
	
	display: none;
	-webkit-transition: all 2s;
	transition: all 0.5s;
	
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;		
}

.search_spinner_content {	
	-webkit-transition: all 2s;
	transition: all 0.25s;
	min-height: auto;
}

.searchtable_info {
	position: relative; 	
}

.searchtable_info.show_spinner .search_spinner_content {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	min-height: 100px;
}

.searchtable_info.show_spinner .search_spinner_holder {
	display: flex;	
}

.search_show_more_bar {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;	
}

.search_show_more_bar a {
	display: block;
	padding: 4px;
	text-align: center;		
}

.search_offerte_artikel {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 600px;
}



/* ==========================================================================
   Upload iframe
   ========================================================================== */
.stats_omzet_grid {
	width: 714px;
	overflow-x: auto;
}

.stats_price_field {
	text-align: right;
	padding: 0px 2px;
}


/* ==========================================================================
   Upload iframe
   ========================================================================== */
.adres_field_example    {
	float: right;
	border: 1px solid #DEDEDE;
	width: 230px;
}

.adres_field_example_title {
	border-bottom: 1px solid #DEDEDE;
	padding: 4px;
}

.adres_field_example_text {
	padding: 10px 8px;
}


/* ==========================================================================
   Upload iframe
   ========================================================================== */
.upload_body {
	overflow: hidden;
}

.upload_progress  {
	background-image: url(/gfx/ajax-loader.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px;
	padding-left: 24px;
}

/* ==========================================================================
   Iframe status
   ========================================================================== */
.iframe_status    {
	border: 1px solid #dedede;
}

.iframe_text_status_pos {
	margin: 16px;
}

.iframe_status_frame_pos {
	margin-top: 8px;
}

.iframe_status_log_line {
	border-bottom: 1px solid #dedede;
	padding: 2px;
}

.iframe_body {
	overflow: auto;
}

/* ==========================================================================
   Window DIV
   ========================================================================== */
.window, .popup_window {
	border: 1px solid #dedede;
	background: #ffffff;
}

.popup_window {
	position: absolute;
	box-shadow: 3px 3px 5px #777777;
	-o-box-shadow: 3px 3px 5px #777777;
	-webkit-box-shadow: 3px 3px 5px #777777;
	-moz-box-shadow: 3px 3px 5px #777777;
}

.window_titlebar, .popup_window_title {
	background: #f5f5f5;
	border-bottom: 1px solid #dedede;
	font-weight: bold;
	padding: 6px 8px;
}


.window_titlebar_blue {
	color: #ffffff;
	background: #3c70ad; /* fall back */
	background: -moz-linear-gradient(top, #457dc0 0%, #326198 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #457dc0 0%,#326198 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #457dc0 0%,#326198 100%); /* IE10+ */
	background: linear-gradient(top, #457dc0 0%,#326198 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#457dc0', endColorstr='#326198',GradientType=0 ); /* IE6-9 */
}

.window_content_padding {
	padding: 8px;
}

.window_titlebar_extrabuttons_right {
	float: right;
	margin-top: -2px;
}

.window_titlebar_extrabuttons_right img {
	border: 0px;
}

.popup_modal_background {
	position: absolute;
	background-color: #969696;
	opacity: 0.75;
	filter: alpha(opacity=75);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
.popup_window_content {
	overflow: auto;
}

/* ==========================================================================
   Popup Dialog class
   ========================================================================== */
.popupdialog_message {
	margin: 8px 8px;
}

.popupdialog_message_icon {
	min-height: 18px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 0px;
	padding-left: 42px;
}

.popupdialog_buttons {
	text-align: center;
	padding: 4px;
	padding-bottom: 16px;
}

.popupdialog_buttons button{
	margin: 0px 2px;
}

/* ==========================================================================
   Misc
   ========================================================================== */
.messagedone_message {
	padding: 8px;
	padding-left: 48px;
	min-height: 18px;
	background-repeat: no-repeat;
	background-position: 4px center;
	font-weight: bold;
}

.messagedone_position {
	padding: 128px 64px;
}

.messagedone_button_pos {
	text-align: left;
	padding-left: 46px;
}

.klant_offerteregel_omschrijving_image  img {
	max-width: 360px;
	max-height: 270px;
}

.filter_button_position {
	margin-top: 8px;
}

.handtekening_voorbeeld_box {
	max-height: 256px;
	overflow: auto;
}

.adres_field_adresselect {
	max-width: 210px;
}


.validation_status {
	width: 16px;
	height: 16px;
	background-image: url(/gfx/icons/16x16/status_white.png);
	background-position: center;
}

.validation_status.valid {
	background-image: url(/gfx/icons/16x16/status_green.png);
}

.validation_status.invalid {
	background-image: url(/gfx/icons/16x16/status_red.png);
}


.form_field   .validation_status {
	float: left;
	margin: 2px 4px 0px 0px;
}

.tag-editor {
	font: 100%;
	border: 1px solid #dedede;
	box-shadow: inset 0px 0px 3px #f5f5f5;
	-o-box-shadow: inset 0px 0px 3px #f5f5f5;
	-webkit-box-shadow: inset 0px 0px 3px #f5f5f5;
	-moz-box-shadow: inset 0px 0px 3px #f5f5f5;
}

.tag-editor li {
	margin: 1px 0px;
	line-height: 1.25;
}

.tag-editor input {
	border: 0;
	box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.tag-editor .tag-editor-tag {
	font-size: 12px;
	padding: 1px 4px;
}

.tag-editor .tag-editor-delete i {
	font-size: 12px;
	height: 7px;
}

/* ==========================================================================
   AngularJS classes
   ========================================================================== */
   
     
.productproposal_product_block {
	border-top: 1px solid #dedede;
	padding-top: 8px;
	overflow: auto;	
	transition: box-shadow 0.25s, padding 0.25s;
}

.productproposal_product_block.ui-sortable-helper {
	box-shadow: 0 0 32px #dedede;
	background-color: white;
	overflow: hidden;
	padding: 8px;
}

.productproposal_product_actions {
	float: right;
}

.productproposal_product_info {
	overflow: auto;	
}

.productproposal_product_image {
	float: right;	
	border: 1px solid #dedede;
	width: 192px;
	height: 192px;
	vertical-align: center;
	display: flex;
	align-items: center;
	margin-right: 24px;
}

.productproposal_product_image_select_holder {
	margin-bottom: 8px;	
}
	
.productproposal_product_image_select  label {
	margin-top: 32px;	
	
}

.productproposal_product_image img {
	max-width: 192px;
	max-height: 192px;	
}

.productproposal_product_image_list {
	border-top: 1px solid #dedede;
	margin: 8px 0px 8px 128px;
	overflow: auto;
	padding: 4px 0;
}

.productproposal_product_image_list .item {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 8px;	
	margin-bottom: 8px;	
	position: relative;	
	display: flex;
	align-items: center;
}  
      
.productproposal_product_image_list .item a {	
	display: flex;
	align-items: center;		
	border: 1px solid #dedede;
	width: 64px;
	height: 64px;	
	overflow: hidden;
}
   
   
.productproposal_product_image_list .item img {
 	max-width: 60px;
 	max-height: 60px;
}
   
/* ==========================================================================
   AngularJS classes
   ========================================================================== */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* geef ng-click anchers een muis handje cursor */

a[ng-click]{
    cursor: pointer;
}

/* ==========================================================================
   Icon classes
   ========================================================================== */

/* 16x16 */
.icon_user_16				{ background-image: url(/gfx/icons/16x16/user.png); }
.icon_user_settings_16		{ background-image: url(/gfx/icons/16x16/cog.png); }
.icon_logout_16				{ background-image: url(/gfx/icons/16x16/door_out.png); }
.icon_target_16				{ background-image: url(/gfx/icons/16x16/target.png); }
.icon_taken_16 				{ background-image: url(/gfx/icons/16x16/legend.png); }
.icon_aanvragen_16 			{ background-image: url(/gfx/icons/16x16/basket.png); }
.icon_offertes_16 			{ background-image: url(/gfx/icons/16x16/document_layout.png); }
.icon_opdrachten_16 			{ background-image: url(/gfx/icons/16x16/report.png); }
.icon_bestellingen_16 		{ background-image: url(/gfx/icons/16x16/report.png); }
.icon_lopende_opdrachten_16 	{ background-image: url(/gfx/icons/16x16/walk.png); }
.icon_drukproeven_16		{ background-image: url(/gfx/icons/16x16/images.png); }
.icon_monsters_16 			{ background-image: url(/gfx/icons/16x16/lorry_flatbed.png); }
.icon_crm_16 				{ background-image: url(/gfx/icons/16x16/building.png); }
.icon_facturen_16 			{ background-image: url(/gfx/icons/16x16/page_white_text.png); }
.icon_betalingen_16 			{ background-image: url(/gfx/icons/16x16/money.png); }

.icon_product_16 			{ background-image: url(/gfx/icons/16x16/box_closed.png); }
.icon_email_16 				{ background-image: url(/gfx/icons/16x16/mail_box.png); }
.icon_agenda_16 				{ background-image: url(/gfx/icons/16x16/calendar-day.png); }
.icon_statistieken_16		{ background-image: url(/gfx/icons/16x16/chart_line.png); }

.icon_add_16				{ background-image: url(/gfx/icons/16x16/add.png); }
.icon_copy_16				{ background-image: url(/gfx/icons/16x16/page_white_copy.png); }
.icon_settings_16			{ background-image: url(/gfx/icons/16x16/cog.png); }

.icon_info_16				{ background-image: url(/gfx/icons/16x16/information.png); }
.icon_error_16				{ background-image: url(/gfx/icons/16x16/exclamation.png); }
.icon_warning_16			{ background-image: url(/gfx/icons/16x16/error.png); }

.icon_add_bedrijf_16		{ background-image: url(/gfx/icons/16x16/building_add.png); }
.icon_add_contact_16		{ background-image: url(/gfx/icons/16x16/vcard_add.png); }

.icon_button_ok_16			{ background-image: url(/gfx/icons/16x16/tick.png); }
.icon_button_cancel_16		{ background-image: url(/gfx/icons/16x16/cross.png); }
.icon_button_delete_16		{ background-image: url(/gfx/icons/16x16/bin.png); }

.icon_offertes_send_16 		{ background-image: url(/gfx/icons/16x16/document_layout_go.png); }
.icon_disk_16 				{ background-image: url(/gfx/icons/16x16/disk.png); }

.icon_status_green_16 		{ background-image: url(/gfx/icons/16x16/status_green.png); }
.icon_status_yellow_16 		{ background-image: url(/gfx/icons/16x16/status_yellow.png); }
.icon_status_red_16 			{ background-image: url(/gfx/icons/16x16/status_red.png); }

.icon_bestelling_send_16	{ background-image: url(/gfx/icons/16x16/report_go.png); }

.icon_date_datum			{ background-image: url(/gfx/icons/16x16/calendar.png); }
.icon_date_tijd				{ background-image: url(/gfx/icons/16x16/time.png); }

.icon_taak_herplannen		{ background-image: url(/gfx/icons/16x16/calendar.png); }
.icon_taak_toewijzen 		{ background-image: url(/gfx/icons/16x16/group_go.png); }

.icon_mailadres_16 			{ background-image: url(/gfx/icons/16x16/email.png); }
.icon_phonenr_16 			{ background-image: url(/gfx/icons/16x16/telephone.png); }
.icon_ondersteuning_16 		{ background-image: url(/gfx/icons/16x16/information.png); }
.icon_mijn_logo_16 			{ background-image: url(/gfx/icons/16x16/bricks.png); }
.icon_printer_16 			{ background-image: url(/gfx/icons/16x16/printer.png); }
.icon_paklijst_16 			{ background-image: url(/gfx/icons/16x16/paklijst.png); }
.icon_pdf_16				{ background-image: url(/gfx/icons/16x16/file_extension_pdf.png); }
.icon_afronden_16 			{ background-image: url(/gfx/icons/16x16/opdracht-afronden.png); }
.icon_tick_16 				{ background-image: url(/gfx/icons/16x16/tick.png); }

.icon_password_contact_16	{ background-image: url(/gfx/icons/16x16/key.png); }
.icon_admin_panel_16		{ background-image: url(/gfx/icons/16x16/control_panel.png); }
.icon_edit_16				{ background-image: url(/gfx/icons/16x16/pencil.png); }
.icon_zoom_16				{ background-image: url(/gfx/icons/16x16/magnifier.png); }


.icon_offerte_goedkeuren_16 { background-image: url(/gfx/icons/16x16/tick.png); }
.icon_offerte_afkeuren_16 	{ background-image: url(/gfx/icons/16x16/cross.png); }
.icon_offerte_verlopen_16 	{ background-image: url(/gfx/icons/16x16/taak_status/offerte-verlopen.png); }

.icon_aanvragen_openstaand_16  	{ background-image: url(/gfx/icons/16x16/taak_status/aanvraag-nieuw.png);}
.icon_offerte_openstaand_16 	{ background-image: url(/gfx/icons/16x16/taak_status/offerte-nieuw.png); }
.icon_offerte_vesturen_16		{ background-image: url(/gfx/icons/16x16/taak_status/offerte-versturen.png); }

.icon_comment_16			{ background-image: url(/gfx/icons/16x16/comment.png); }

.icon_labelprint_16			{ background-image: url(/gfx/icons/16x16/label-printer.png); }
.icon_handtekening_16		{ background-image: url(/gfx/icons/16x16/digital_signature_pen.png); }

 .icon_zoeken_16			{ background-image: url(/gfx/icons/16x16/magnifier.png) }

.icon_offertes_marked_16	{ background-image: url(/gfx/icons/16x16/money_valid.png) }
.icon_button_offerte_16		{ background-image: url(/gfx/icons/16x16/document_layout.png); }
.icon_exact_online_16 		{ background-image: url(/gfx/icons/16x16/exact_online.png); }
.icon_export_csv_16 		{ background-image: url(/gfx/icons/16x16/export_excel.png); }
.icon_productproposal_16 	{ background-image: url(/gfx/icons/16x16/page_white_paintbrush.png); }
.icon_product_sales_16 		{ background-image: url(/gfx/icons/16x16/baggage_cart_box.png); }
.icon_crm_verzendbevestiging_16 { background-image: url(/gfx/icons/16x16/page_white_text.png); }
.icon_document_add_16 		{ background-image: url(/gfx/icons/16x16/paklijst_add.png); }

/* 32x32 */
.icon_boslogo_32			{ background-image: url(/gfx/favicon_32x32.png); }
.icon_klantlogo_32			{ background-image: url(/gfx/icons/32x32/klantenportaal.png); }

.icon_user_32				{ background-image: url(/gfx/icons/32x32/user.png); }
.icon_users_32				{ background-image: url(/gfx/icons/32x32/group.png); }
.icon_profiles_32			{ background-image: url(/gfx/icons/32x32/group_link.png); }
.icon_user_settings_32		{ background-image: url(/gfx/icons/32x32/cog.png); }
.icon_filter_32				{ background-image: url(/gfx/icons/32x32/filter.png); }

.icon_taken_32 				{ background-image: url(/gfx/icons/32x32/legend.png); }
.icon_aanvragen_32 			{ background-image: url(/gfx/icons/32x32/basket.png); }
.icon_offertes_32			{ background-image: url(/gfx/icons/32x32/document_layout.png); }
.icon_offerte_copy_32		{ background-image: url(/gfx/icons/32x32/page_white_copy.png); }
.icon_opdrachten_32 			{ background-image: url(/gfx/icons/32x32/report.png); }
.icon_bestellingen_32 			{ background-image: url(/gfx/icons/32x32/report.png); }
.icon_lopende_opdrachten_32	{ background-image: url(/gfx/icons/32x32/lopende-orders.png); }
.icon_drukproeven_32		{ background-image: url(/gfx/icons/32x32/images.png); }
.icon_monsters_32 			{ background-image: url(/gfx/icons/32x32/lorry_flatbed.png); }
.icon_crm_32 				{ background-image: url(/gfx/icons/32x32/building.png); }
.icon_facturen_32 			{ background-image: url(/gfx/icons/32x32/factuur.png); }
.icon_betalingen_32 			{ background-image: url(/gfx/icons/32x32/betalingen.png); }
.icon_producten_32 			{ background-image: url(/gfx/icons/32x32/box_closed.png); }

.icon_email_32 				{ background-image: url(/gfx/icons/32x32/mail_box.png); }
.icon_agenda_32 				{ background-image: url(/gfx/icons/32x32/date.png); }
.icon_statistieken_32 		{ background-image: url(/gfx/icons/32x32/chart_line.png); }
.icon_statistieken_user_32 	{ background-image: url(/gfx/icons/32x32/chart_line_user.png); }
.icon_statistieken_company_32 	{ background-image: url(/gfx/icons/32x32/chart_line_company.png); }
.icon_statistieken_cog_32 	{ background-image: url(/gfx/icons/32x32/chart_line_cog.png); }

.icon_calendar_32			{ background-image: url(/gfx/icons/32x32/calendar.png); }
.icon_herplannen_32			{ background-image: url(/gfx/icons/32x32/herplannen.png); }
.icon_assign_to_user_32		{ background-image: url(/gfx/icons/32x32/group_go.png); }

.icon_add_32				{ background-image: url(/gfx/icons/32x32/add.png); }
.icon_edit_32				{ background-image: url(/gfx/icons/32x32/pencil.png); }
.icon_delete_32				{ background-image: url(/gfx/icons/32x32/cross.png); }

.icon_add_bedrijf_32		{ background-image: url(/gfx/icons/32x32/building_add.png); }
.icon_add_contact_32		{ background-image: url(/gfx/icons/32x32/vcard_add.png); }
.icon_edit_contact_32		{ background-image: url(/gfx/icons/32x32/vcard_edit.png); }
.icon_contact_32			{ background-image: url(/gfx/icons/32x32/vcard.png); }
.icon_password_contact_32	{ background-image: url(/gfx/icons/32x32/key.png); }

.icon_formeel_32 			{ background-image: url(/gfx/icons/32x32/formeel.png); }
.icon_informeel_32 			{ background-image: url(/gfx/icons/32x32/informeel.png); }

.icon_offertes_send_32		{ background-image: url(/gfx/icons/32x32/offerte-versturen.png); }
.icon_voortgang_32			{ background-image: url(/gfx/icons/32x32/application_view_icons.png); }

.icon_customer_32 			{ background-image: url(/gfx/icons/32x32/user_king.png); }
.icon_ondersteuning_32 		{ background-image: url(/gfx/icons/32x32/information.png); }
.icon_catalogus_32			{ background-image: url(/gfx/icons/32x32/catalogus.png); }
.icon_huisstijl_32			{ background-image: url(/gfx/icons/32x32/palette.png); }

.icon_mailadres_32 			{ background-image: url(/gfx/icons/32x32/email.png); }
.icon_phonenr_32 			{ background-image: url(/gfx/icons/32x32/telephone.png); }


.icon_warning_32			{ background-image: url(/gfx/icons/32x32/error.png); }
.icon_information_32		{ background-image: url(/gfx/icons/32x32/information.png); }
.icon_question_32			{ background-image: url(/gfx/icons/32x32/question.png); }
.icon_confirm_32			{ background-image: url(/gfx/icons/32x32/question.png); }
.icon_error_32				{ background-image: url(/gfx/icons/32x32/exclamation.png); }

.icon_offertes_goedgekeurd_32	{ background-image: url(/gfx/icons/32x32/offerte-goedgekeurd.png); }
.icon_offertes_afgekeurd_32		{ background-image: url(/gfx/icons/32x32/offerte-afgekeurd.png); }
.icon_offertes_verlopen_32		{ background-image: url(/gfx/icons/32x32/offerte-verlopen.png); }
.icon_offertes_afgerond_32		{ background-image: url(/gfx/icons/32x32/offerte-afgesloten.png); }

.icon_drukproeven_openstaand_32		{ background-image: url(/gfx/icons/32x32/images.png); }
.icon_drukproeven_goedgekeurd_32	{ background-image: url(/gfx/icons/32x32/drukproef-goedgekeurd.png); }
.icon_drukproeven_afgekeurd_32		{ background-image: url(/gfx/icons/32x32/drukproef-afgekeurd.png); }

.icon_offerte_goedkeuren_32 { background-image: url(/gfx/icons/32x32/tick.png); }
.icon_offerte_afkeuren_32 	{ background-image: url(/gfx/icons/32x32/cross.png); }
.icon_offerte_verlopen_32 	{ background-image: url(/gfx/icons/32x32/taak_status/offerte-verlopen.png); }
.icon_pdf_32				{ background-image: url(/gfx/icons/32x32/pdf.png); }

.icon_verify_offerte_32 		{ background-image: url(/gfx/icons/32x32/opdracht-controle.png); }
.icon_mijn_logo_32 			{ background-image: url(/gfx/icons/32x32/bricks.png); }
.icon_leveringsadres_32 		{ background-image: url(/gfx/icons/32x32/lorry.png); }
.icon_pms_kleur_32 			{ background-image: url(/gfx/icons/32x32/skins.png); }

.icon_credietcheck_32 		{ background-image: url(/gfx/icons/32x32/betalingen.png); }
.icon_facturen_add_32 		{ background-image: url(/gfx/icons/32x32/factuur-aanmaken.png); }
.icon_facturen_send_32 		{ background-image: url(/gfx/icons/32x32/email.png); }
.icon_printer_32			{ background-image: url(/gfx/icons/32x32/printer.png); }
.icon_payment_32			{ background-image: url(/gfx/icons/32x32/betalingen.png); }
.icon_comment_32			{ background-image: url(/gfx/icons/32x32/comment.png); }
.icon_paklijst_32 			{ background-image: url(/gfx/icons/32x32/paklijst.png); }
.icon_bevestiging_32 		{ background-image: url(/gfx/icons/32x32/opdracht-bevestiging.png); }
/* .icon_afronden_32 			{ background-image: url(/gfx/icons/32x32/Bestelling-afronden.png); } */
.icon_afronden_32 			{ background-image: url(/gfx/icons/32x32/opdracht-afronden.png); }
.icon_zoeken_32				{ background-image: url(/gfx/icons/32x32/magnifier.png) }
.icon_admin_panel_32		{ background-image: url(/gfx/icons/32x32/control_panel.png); }
.icon_resources_32			{ background-image: url(/gfx/icons/32x32/resources.png); }
.icon_settings_32			{ background-image: url(/gfx/icons/32x32/setting_tools.png); }
.icon_taken_systeem_32 		{ background-image: url(/gfx/icons/32x32/legend.png); }

.icon_lettertype_32 			{ background-image: url(/gfx/icons/32x32/font.png); }

.icon_facturen_open_32 		{ background-image: url(/gfx/icons/32x32/factuur.png); }
.icon_facturen_betaald_32 	{ background-image: url(/gfx/icons/32x32/factuur-afgerond.png); }

.icon_afleveradres 			{ background-image: url(/gfx/icons/32x32/lorry_flatbed.png); }
.icon_login_32				{ background-image: url(/gfx/icons/32x32/door_in.png); }
.icon_contactmomenten_32	{ background-image: url(/gfx/icons/32x32/CRM-contactmmnt.png); }
.icon_mailsig_32			{ background-image: url(/gfx/icons/32x32/text_signature.png); }
.icon_nieuwsbrief_32		{ background-image: url(/gfx/icons/32x32/newspaper.png); }
.icon_home_32				{ background-image: url(/gfx/icons/32x32/house.png); }
.icon_labelprint_32			{ background-image: url(/gfx/icons/32x32/label-printer.png); }
.icon_crm_documenten_32		{ background-image: url(/gfx/icons/32x32/file_manager.png); }
.icon_functiesklant_32		{ background-image: url(/gfx/icons/32x32/role.png); }
.icon_bewerkingen_32		{ background-image: url(/gfx/icons/32x32/bewerkingen.png); }
.icon_target_32				{ background-image: url(/gfx/icons/32x32/target.png); }
.icon_cat_and_geschenk_32	{ background-image: url(/gfx/icons/32x32/gift.png); }
.icon_import_32				{ background-image: url(/gfx/icons/32x32/document_import.png); }

.icon_verificatie_onderbroken_32 { background-image: url(/gfx/icons/32x32/taak_status/Verificatie-onderbroken.png); }

.icon_handtekening_32		{ background-image: url(/gfx/icons/32x32/digital_signature_pen.png); }
.icon_afkeurreden_32		{ background-image: url(/gfx/icons/32x32/afkeur-redenen.png); }
.icon_aanvragen_toewijzen_32 { background-image: url(/gfx/icons/32x32/toewijzen-aanvraag.png); }
.icon_proforma_32 			{ background-image: url(/gfx/icons/32x32/pro-forma.png); }
.icon_leveringscheck_32		{ background-image: url(/gfx/icons/32x32/leveringscheck.png); }
.icon_employee_32			{ background-image: url(/gfx/icons/32x32/group.png); }

.icon_monster_send_32		{ background-image: url(/gfx/icons/32x32/lorry_flatbed.png); }
.icon_ip_block_32			{ background-image: url(/gfx/icons/32x32/ip_block.png); }
.icon_verkoopgroepen_32		{ background-image: url(/gfx/icons/32x32/account_balances.png); }

.icon_relatie_32 			{ background-image: url(/gfx/icons/32x32/category_group_select.png); }
.icon_netwerk_32 			{ background-image: url(/gfx/icons/32x32/shop_network.png); }
.icon_exact_online_32 		{ background-image: url(/gfx/icons/32x32/exact_online.png); }
.icon_klachten_32 			{ background-image: url(/gfx/icons/32x32/klachten.png); }
.icon_ups_tarief_zones_32	{ background-image: url(/gfx/icons/32x32/map.png); }
.icon_verzendkosten_32		{ background-image: url(/gfx/icons/32x32/verzendkosten.png); }
.icon_voorraad_32			{ background-image: url(/gfx/icons/32x32/add_on.png); }
.icon_besteloverzicht_32	{ background-image: url(/gfx/icons/32x32/bestellingen-overzicht.png); }
.icon_productproposal_32	{ background-image: url(/gfx/icons/32x32/page_white_paintbrush.png); }
.icon_product_sales_32		{ background-image: url(/gfx/icons/32x32/baggage_cart_box.png); }

.icon_marketing_32			{ background-image: url(/gfx/icons/32x32/marketwatch.png); }

/* Language Icons */
.icon_lng_dutch_32			{ background-image: url(/gfx/language_icons/32x32/flag_netherlands.png); }
.icon_lng_english_32		{ background-image: url(/gfx/language_icons/32x32/flag_great_britain.png); }
.icon_lng_german_32			{ background-image: url(/gfx/language_icons/32x32/flag_germany.png); }
.icon_lng_french_32			{ background-image: url(/gfx/language_icons/32x32/flag_france.png); }




.icon_16_left_position {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

button.icon_16_left_position {
	padding-left: 24px;
	background-position: 4px center;
}


.icon_32_left_position {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 4px center;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  /* a[href]:after { content: " (" attr(href) ")"; } */
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

  .hide_inprint {
		display: none;
  }
}

.filter_button {
	background: #3667ab;
	color: #fff;
}

.excel_export_button {
	background: #008000;
	color: #fff;
}

.hide_inprint {
		float: left;width: 700px;
  }
  
  
 .searchtable_info .items_table_pagingbar {
	 display:none;
 }