/*make sure website name to be white,
  force some conditions with the !important specifier to override other settings*/
a.navbar-brand:link { color:white; }
a.navbar-brand:visited { color:white !important; }
a.navbar-brand:hover { color:white !important; }
a.navbar-brand:active { color:white; }

.navbar-brand /* Wrapper for website name */ {
	margin: 0px;
	font-weight: bold;
}

.thead {
	border: 1px solid black;
	color: black
}

.th .tr {
	border: 1px solid black;
	color : black !important;
}
	
.navbar-header .navbar-text /* Wrapper for website name and slogan */ {
  color: white; 
  font-family: 'Open Sans',Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;
}

/* you can add additional css styling to views and define them here; this one currently is not used
.maxwidth800 {max-width:800px;}*/

/* make sure that table headers are readable (black-on-white) instead of white text*/
table th {
color: black!important;
background: white!important;
}

/* styling for title in the products page, THIS also affects titles of the basic page content type!!*/
.field--name-title {
  font-weight: bold;
}

/* Make sure to use a wider block for the commerce cart block */
#block-quatro-winkelwagen {
  width: 100%; /* Adjust the width as needed */
}

/* Hide the 'REMOVE button' from commerce cart view on small screens, to prevent having a horizontal scroll bar! */
@media only screen and (max-width: 768px) {
  .views-field-remove-button {
    display: none;
  }
}

.cart-form {
	max-width:800px;
}

.highlighted {
	background-color: red!important;
	background:yellow!important;
}

/* don't use a left margin for the drupal bootstrap tab module */
.nav-tabs {
	margin-left: 0px!important;
}