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;
}
}