body {	padding: 0px;	margin: 0px;}


a:focus {
	outline: none;
} 

/*pm: geen border om checboxes in IE*/
input[type="checkbox"]{border:none;}

div, p {    	margin-top: 0px;     }

img {     	border: none;  }


#bodydiv {	
	hheight: 100%;
	hhmin-height: 100%;
	width:950px;
	text-align:left;
	margin:auto;
	position:relative;

}

html>body #bodydiv{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

.headernumeriek, .numeriek {text-align: right; }

.clear {    	clear: both;  }
.clearright { 	clear: right; }

#tree, #tree2 {
	float: left;
	width: 200px;
}

#tree ul, #tree2 ul {
	padding: 0px;
	margin: 0px;
	width: 200px;
}

#tree ul ul {
    width: 200px;
}

#tree.organisatie ul li.childselected li.childselected li li,
#tree.organisatie ul li.childselected li.selected li li {
    display:block;
}





/* ****************** EINDE ************************************* */


#container{
	position: relative;
	float: right;
	width: 670px;
}

#content {
	height: 100%;
	min-height: 100%;	
}

#cleario {clear:both}

.nostyle {	list-style: none;}

#clearfooter {width:100%;height:90px;clear:both}


.default_submit,.default_button
{
	float: left;
}

.totaal_button {
	float: left;
}

.totaal_button_wijzigen {
	float: right;
}

.left_button {
	float: left;
}

.middle_button {
	float: left;	
}

.middle_button, .middle_button_link {
	float: left;

}

.middle_button2 {
	float: left;
}


.right_button {
	float: left;

}



#taglist {
	float: left;
}

#titel_afbeeldingen {
	float: left;
}

#image_path {
	float: left;
}

#bottom2 { clear:both; }

#content div.nofloat {
    float: none;
    clear: both;
}

input.hidden {border:none; display:none;}



.fieldWithErrors input {border: 2px solid red;}
#content td select {
    width: auto;
	display: inline;
	margin: 0px;
}

input[type=hidden] {border:none; background:none;}

.nopoint {list-style:none;}

.LV_validation_message {
 color :red;

}

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 2px solid #FF0000;
    background: #FFAF78;
}

/* progress bar upload shop */

.bar {
  width: 300px;
}

#progress {
  background: #eee;
  border: 1px solid #222;
}
#progressbar {
  width: 0px;
  height: 24px;
  background: #333;
}


/* crosselling */

#content .crosssellov .variant,#content .crosssellov .variantlittle{    float: left;}
/* Beeldbank v2, imagecropper v2 */

#beeldbank2 .image_beeldbankimage{float:left;}

/*Loginpagina*/

.loginpage {	text-align:center;}
.loginpage #outer{	width:450px;	text-align:left;	margin:auto;	position:relative;}

.tDnD_whileDrag{background-color:#83A9AF;color:white;}
.theDragHandle{cursor:move;}
body  {
  background: white !important;
bac
}

#login h2 {
    background: green;
}
#actueel {
    border: green;
    border-style: double;
}

div,ul,a,span,i {
	box-sizing: border-box;
}
#wrapper {
	margin: 0 auto;
}
.container-fluid,
#top_line,
#navbar_top,
#breadcrumb_top, 
#main_content,
#main_footer {
	margin: 0 auto;
	padding: 0px;
	border:0px;
}
h1.site-title {
	display: none;
}
#sysacc_logo {
	width:175px;
	height: 130px;
}
#sysacc_logo a {
	background-image: url(/data/web/logo_220x120.png);
	background-repeat: no-repeat;
}
ul {
	display: block;
	padding: 0px;
	margin: 0px auto;
	width:100%;
}
ul li {
	display: block;
	box-sizing: border-box;
	padding: 0 !important;
	border: 0 !important;
	margin: 0px auto;
	width:auto;
}
ul li ul {
	padding: 0px !important;
	border:0px !important;
	width: auto !important;
}
ul li ul li {
	display: block;
	box-sizing: border-box;
	padding: 0px !important;
	margin: 0px auto;
	width:100%;
	height:auto !important;
}
ul li a  {
	display: block;
	box-sizing: border-box;
	padding: 0 !important;
	border: 0 !important;
	margin: 0px auto;
	width:100%;
}
.dropdown a i {
	transition-duration: .3s;
}

.datapager .open > .dropdown-menu {
	display: grid!important;
}

#search_text,
#searchbutton {
	border:0px !important;
	height:31px !important;
	margin: 1px 0px !important;
}
.cart_nr {
	margin: 0px  !important;
	width: auto !important;
	min-width:27px !important;
	height:27px !important;
	font-weight: normal !important;
	font-size: 10px !important;
	line-height: 27px !important;
	padding: 0 6px !important;
	text-align: center !important;
}
.widgetgrid {
	margin-top: 35px;
}
.widget-mainimage,
.img-responsive {
	width: 100% !important;
	height:auto !important;
}

.pub .thumbnail,
.pubvar .thumbnail {
	box-sizing: border-box;
	padding: 15px;
	min-height: 140px;
    background: #00583f;
    color: white;
    text-align: left;
    font-size: 11px !important;
}
.image,
.image .caption  {
    padding:0px;
    margin: 0 auto;
}

.thumbnail .title span,
.image .caption span {
    	color: white;
	display: block;
	width:100%;
  	text-align: left;
	margin-bottom: 15px;
}
.widgetgrid .widget-tile p {
	color: #FFF !important;
}
.widget-tile-a {
	color: #FFF !important;
	text-align: center;
}

.xmtable.table-striped thead tr.header {
	display: block;
	
}
.xmtable.table-striped thead tr.header th {
	font-weight:bold !important;
	text-transform: uppercase;
	font-size: .9em;
}
.xmtable.table-striped thead tr.header th,
.xmtable.table-striped thead tr.labels th {
	padding-top: 7px;
	padding-bottom: 5px;
}
ul#looprouteHG,
ul#looproute {
	margin: 0 15px;
}
ul#looprouteHG li,
ul#looproute li {
	display: block;
	padding: 5px 10px !important;
	margin: 0 auto 2px auto !important;
}
.aantalselect,
input[type=number] {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

@font-face {
	font-family: 'GothamBold';
	src: url(/data/web/fonts/GothamBold.woff);
}
@font-face {
	font-family: 'GothamMedium';
	src: url(/data/web/fonts/GothamMedium.woff);
}
@font-face {GothamBold
	src: url(/data/web/fonts/IJmond-Bold.woff);
}
*:not(.cart_nr):not(.fa) {
	font-family: helvetica !important;
	font-weight: normal !important;
}

body,
.widgetgrid {
	margin:0px;
}
#top_line,
#navbar_top,
#go_up {
	background-color: #333 !important;
}
#go_up:hover {
	background-color: rgba(255,0,0,1) !important;
}
.cart_nr,
#searchbutton,
#breadcrumb_top {
	background-color: #4a4a4a !important;
}

.btn-primary, .newsitem-list article a, #new_newsitem .form-group input[type="submit"], .newsitem.edit .form-group input[type="submit"] {
	background-color: green;
	}

#account_links a  {
	font-size: 13px !important;
	color: #FFF;
}
#account_links a:hover,
#account_links a:hover i {
	color: #FFF !important;
} 

#main_footer {
	background-color: #d8d8d8;
}
ul.nav-top li a {
	background-color: transparent;
	color: white;
	padding: 0 10px !important;
	line-height:35px;
}
ul.nav-top li:hover a {
	background-color: #666 !important;
	color: white !important;
}
ul.nav-top li.dropdown a,
ul.nav-top li ul.dropdown-menu li:not(.divider) a {
}
ul.nav-top li.child-selected a {
	background-color: #333;
	color: white;
}
ul.nav-top li.dropdown.open a {
}
ul.nav-top li ul.dropdown-menu {
}
ul.nav-top li ul.dropdown-menu li:hover a {
	background-color: gray !important;
	color: white !important;
}
.dropdown a i {
	transform: rotate(180deg);
}
.dropdown.open a i, 
.dropdown:hover a i {
	transform: rotate(0deg);
}


#main_content h1 {
	margin: 35px auto 0 auto;
	font-size: 22px;
	line-height: 22px !important;
	color: red;
}
#main_content h1 small {
	color: #666 !important;
	font-size:.65em;
	line-height: 22px !important;
	margin: 0px !important;
}
#introtekst {
	padding-top: 2px !important;
	background: #eee !important;
}
#introtekst table {
	margin-top: 15px !important;
}
#introtekst table td {
	font-size: 13px !important;
	line-height: 27px !important;
	padding-right: 15px !important;
}
#introtekst table tr td:first-child {
	padding-right: 40px !important;
}

#main_content hr {
	display: block;	
	margin: 5px auto 15px auto;
	border-width:2px;
	border-color: red !important;
}
#main_content .widgetgrid {
	margin-top: 35px;
}
#main_content .widget {
	box-sizing: border-box;
	padding: 0px;
}
#main_content .widgetgrid .widget-tile,
#main_content .widgetgrid a.widget-tile-a {
	display: block;
	margin: 0 auto;
	padding: 25px 15px;
	background: #00583f; 
	box-sizing: border-box;
	min-height: 100px;
}

#main_content .widgetgrid h1,
#main_content .widgetgrid a.widget-tile-a h1 {
	font-family: 'GothamBold' !important;
	color: white !important;
	text-transform: uppercase;
	font-weight: normal !important;
	margin: 0 auto 0px auto;
	font-size: 24px;
	text-align:center;
}
#main_content .widgetgrid h1 {
	text-align:left;
	margin: 0 auto 15px 0px;
}
#main_content .widgetgrid h2 {
	font-family: 'GothamBold' !important;
	color: white !important;
	text-transform: uppercase;
	font-weight: normal !important;
	text-align:center;
	margin: 0 auto;
	font-size: 17px;
}

#main_content .widgetgrid a.widget-tile-a p {
	margin: 0 auto;
	color: white;
	font-size: 15px;
	text-transform: capitalize;
	margin: 0 auto 0px auto;
	text-align:center;
}
#main_content .widgetgrid a.widget-tile-a:hover {
	background: gray; 
	transition-duration: .2s;
	transform: scale(1.1);
	-webkit-box-shadow: 1px 1px 20px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    1px 1px 20px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         1px 1px 20px 0px rgba(50, 50, 50, 0.5);
}

#main_content .widgetgrid .widget  {
	background: white;
}
#main_content .widgetgrid .widget p {
	color: white;
	font-size: 15px;
	margin: 0 auto 0px auto;
	text-align:left;
}
#main_content .widgetgrid .widget p a {
	color: yellow;
}
#main_content .widgetgrid .widget p a:hover {
	text-decoration: underline;
}


ul#tabheaders {
	padding: 0px;
	margin: 25px 15px 25px 15px;
	height:auto;
	background: none;
	border-color: lightgrey;
	
}
ul#tabheaders li {
	margin: 0px;
	padding: 0px;
	float: left;
}
ul#tabheaders li a {
	display: block;
	margin: 0px auto;
	padding: 0 15px !important;
	line-height:30px;
	background: #FFF;
	color: lightgrey;
}
ul#tabheaders li a,
ul#tabheaders li a i {
	background: #FFF;
	color: lightgrey;
}

ul#tabheaders li.active a,
ul#tabheaders li.active a i {
	color: #FFF;
	background: lightgrey;
}

/* --- BESTELBON --- */
#datagrid .header {
  display: none!important;
}
.image .caption span {
	font-size: 18px;
	text-align: center;
	margin-bottom: 0px;
    margin-top: 5px;
}

#datagrid img{
-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 0px 15px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 0px 15px 0px rgba(50, 50, 50, 0.35);
background: #ffffff !important;
}
#datagrid img:hover{
transform: scale(1.1);
-webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    0px 0px 25px 0px rgba(50, 50, 50, 0.35);
box-shadow:         0px 0px 25px 0px rgba(50, 50, 50, 0.35);
}
/* --- Artikel --- */
#savedvariants {display : none; }
.pv-productinfo {display : none; }

/* --- Afbeelding Meerdere afleveradressen --- */
.dad-delcartimage img {
    max-width: 100px!important;
}

.fa-exclamation-circle {color: red}

.mycounts .col-md-12 {
    width: 93%;
}

.mycounts #preview {
    width: 6%;
}

/* twee kolommen DNA */
body.datarecord .form-horizontal .form-group {
    width: calc(50% - 20px);
    float: left;
    margin: 10px !important;
}

/* Campagnemanager */
.col-md-11 {
    width: 100%;
}
#addgrid .header {
    display: none;
}

/* DS 06-05-2021 tabweergave in template*/
#pvform .form-group #tabheaders {
    background: #2a2a29;
}
#pvform #tabheaders .tablink {
    line-height: 42px;
    color: #bbbbbb;
}
#pvform #tabheaders .tablink:hover {
     background: #191918; 
}
#pvform ul#tabheaders li a, 
#pvform ul#tabheaders li a i,
#pvform ul#tabheaders li.active a, 
#pvform ul#tabheaders li.active a i {
    background: none;
}
#pvform .form-group .input-group span {
    padding: 0;
}

/* -- Bestelbon bij POL verbergen */
.publicationvariant_1136 #btn_bestel {
  display: none;
}
/* behalve bij het Excel upload artikel */
.publicationvariant_1136 .main[data-publicationid='1136'] #btn_bestel {
  display: block;
}

/* DS 16-08-2024 weergave artikeltegels voor lange namen */
.pubvar {
  min-height: 200px;
}
}