a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    outline: 0;
}

body {
background: #eef1f5;
}


.blue-sharp, .red-sunglo, .yellow-soft {
}


.navbar-default {
  background-color: #697181;
  border-color: #697181;
  border-radius: 0;
}

.nav > li > a {
  position: relative;
  display: block;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  background: #3D6FD3;
  color: #FFFFFF !important;
  border: solid #FFFFFF 2px;
  /*font-weight:bold;*/
  text-transform: uppercase;

}

/*
	nieuw toegevoegd
*/

.alert > .close {
	margin-top: -10px;
	font-size: 36px;
}

#shoppingcart  {
	font-weight: bold;
}

#shoppingcart tbody > tr > td.buttons {
	white-space: nowrap;
}

#shoppingcart .narrow-col {
	width: 0;
}

#shoppingcart .wide-col {
	width: 75%;
}

#shoppingcart .detail span {
	color: #5C9BD1;
}


/*
.btn {
  font-weight: bold;
}
*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #FFFFFF;
  background-color: #284A8D;
  border: solid #FFFFFF 1px;
}

.notification {
  /* circel */
  border-radius: 50%;
  /* width and height can be anything, as long as they're equal */
  width: 35px;
  height: 35px;
  background: #E12858;
  position:absolute;
  right:6px;
  top:6px;
  text-align:center;
  color:#FFFFFF;
  padding-top:7px;
  border-right: solid #4c5b77 1px;
}

/* reset style */
li.btn-app, li.btn-app a {
  background:transparent;
  border:0px;
  font-size:34px;
  padding:0px;
  padding-top:0px;
  margin-top:12px;
  outline:none;
}

li.btn-app a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  text-align: center;
  padding-top:4px;
}

li.btn-app i {
  margin-left:-2px;
}

li#app-settings.active a,
li#app-user.active a,
li#app-lock.active a {
  border:0px;
  background:transparent;
}

li#app-settings {
  margin-left:62px;
}

li#app-user a {
  font-size:41px;
  padding-top:2px;
}

li#app-lock a, li#app-lock.active a {
  background:#1A8AC8;
}


.panel-default-veel-verkocht {
  /*float: left;
  width: 16%;
  height: auto;
  margin: -7px;*/
}

.toevoegen-wijzigen {
  /*width:50%;*/
}

.veel-verkocht{
  margin: 5px;
}


#shoppingcart , #var-opt-loader {
	padding:10px;
	min-height:200px;
	background:#D2DDF1;
	border-radius: 5px;
	border: solid #575758 1px;
}

#shoppingcart {
  margin-bottom:15px;
  /*
  max-height: 200px;
  overflow-y:scroll;
  */
}

#var-opt-loader h4 {
  margin-top: 6px;
  padding-top:0px;
  /*color: #31708f;*/
}

#products {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom:10px;
}

.btn-product {
  margin-bottom: 5px;
}

.col-product {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.categories div {
  /*margin-right: -100px;*/
  width:100%;
	margin-bottom: 10px;
}





/* speciale knoppen */

#action-btn {
  margin-top:10px;
  margin-bottom:15px;
}

.action-btn-left {
  padding-right:5px;
}

.action-btn-right {
  padding-left:5px;
}

.action-btn-left .btn {
  display:block;
  width:100%;
  height:60px;
  text-transform: uppercase;
  /*color:#575758 !important;*/
  /*font-weight: bold;*/
}

.action-btn-right .btn {
  display:block;
  width:100%;
  height:60px;
  text-transform: uppercase;
  /*color:#575758 !important;*/
  /*font-weight: bold;*/
}

#action-btn .second {
  margin-top:10px;
  margin-bottom:10px;
}

/*
#btn-discount {
  text-align: center;
  margin-top: 20px;
  width: 90px;
}

#btn-op-factuur {
  margin-top: 20px;
  width:135px;
}

#btn-addOrderToQueue {
  left: 0px;
  position: absolute;
  height:73px;
}

#btn-paymentPin {
  position: absolute;
  left:93px;
  width:135px;
}

#btn-paymentCash {
  position: absolute;
  bottom:-70px;
  left: 93px;
  width:135px;
}

.top-buffer {
  margin-top: 5px;
}
*/





/* variaties en opties en winkelwagen */


/* -------------------------------------------------------------*/
/* css van webshop - gedeeltelijk nodig */



.shop-category-products {
  clear:both;
}

.shop-product-row {
  display:table;
  width:100%;
  padding-left:0px;
  padding-right:0px;
  padding-top:15px;
  padding-bottom:15px;
  min-height:100px;
  border-bottom:solid silver 1px;
  /*border-bottom:solid #F15D25 1px;*/
}

.shop-product-row-padding {
  padding-bottom:15px;
}
.shop-product-row-nopadding {
  padding-bottom:0px;
}


.shop-product-row-hover {
  /*background:#e8e8e8;*/
}

.shop-product-col-image {

}

.shop-product-image {

}

.shop-product-details {
  padding-left:0px;
  padding-right:0px;
}

.shop-product-name {
  margin-top:0px;
  padding-top:0px;
  font-size:20px;
}

.shop-product-description {
  margin-bottom:10px;
}



.shop-product-price {

}

.shop-product-col-add-cart {

}

.shop-product-btn-add-cart {
  float:right;
}

.shop-product-btn-add-cart-opacity {
  opacity: 0.5;
}


.blokje {
  background:#D9EDF7;
  border-top: solid #31708F 1px;
  border-left: solid #31708F 1px;
  width:40px;
  height:40px;
  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    position: absolute;
    right:50px;
    top:-21px;

}


.shop-product-options-and-variations {
  position: relative;
  margin:0px;
  margin-top: 15px;
  padding:0px;
  padding-top:10px;
  padding-bottom:10px;
  width:100% !important;
  /*
  background:#C3E000;
  background:#F15E24;
  */
  font-weight:normal;
  border:0px;
  background:transparent;
  color:#575758;
}

#shop-product-options-and-variations #productname {
  margin-bottom:10px;
}

#shop-product-options-and-variations #productname > label {
  margin-bottom: 0px;
}

#shop-product-options-and-variations #productname span {
  color:#1A8AC8;
  font-weight:bold;
}


.shop-product-close-options, .shop-cart-close-options {
  float:right;
  width:30px;
  height:30px;
  margin-top:6px;
  background:#31708F;
  font-size:20px;
  border-radius: 50%;
  text-align:center;
  color:#FFFFFF;
  cursor:pointer;
}

.touchspin-wrapper {
	max-width: 120px;
}

.touchspin-wrapper.inline {
	display: inline-block;
}

.shop-product-options-total {
  text-align:right;
  font-weight:bold;
  white-space: nowrap;
  padding-top:8px;
}

.shop-product-options-btn-group {
  text-align:right;
  padding-right:0px;
  display:block;
  margin-top: 15px;
}

.shop-cart-btn-add-cart1 {
  float:right;
}

.shop-product-variations {
  margin-bottom:10px;
	display: none;
}

.shop-product-options {
	margin-bottom: 10px;
	display: none;
}

.shop-product-notes {
	margin-bottom: 10px;
}





/* checkbox met font awesome */
.checkbox-container {
  width: 100%;
  height: 30px;
  padding: 0 0 0 10px;
  margin: 5px 0 0 0;
  border-radius: 3px;
}
.checkbox-container label {
  float: left;
  padding: 0;
  margin-top: 7px;
}
.checkbox-container label .checkBoxTitle {
  /*width: 200px;*/
  width:100%;
  margin-top: -1px;
  font-size: 12px;
  /*font-weight:normal;*/
}

.newCheck[type="checkbox"]:not(:checked), .newCheck[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.newCheck[type="checkbox"]:not(:checked) + label, .newCheck[type="checkbox"]:checked + label {
  /*width: 150px;*/
  width:90%;
  position: absolute;
  cursor: pointer;
}
.newCheck[type="checkbox"]:not(:checked) + label:before, .newCheck[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 17px;
  height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
.newCheck[type="checkbox"]:not(:checked) + label:after, .newCheck[type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family: FontAwesome;
  padding-right: 5px;
  position: absolute;
  top: -8px;
  left: 0;
  font-size: 20px;
  color: #555;
}
.newCheck[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}
.newCheck[type="checkbox"]:checked + label:after {
  opacity: 1;
  color:#31708F;
}
.newCheck[type="checkbox"]:checked + label span, .newCheck[type="checkbox"]:not(:checked) + label span {
  position:absolute;
  left:25px;
}

/*
 * <label class="check">
 *	<input type="checkbox" />
 *	<span>Text here</span>
 * </label>
 */

label.check {
	position: relative;
	padding-left: 21px;
	padding-top: 1px;
 	font-weight: normal;
	cursor: pointer;
}

label.check.bold {
	font-weight: bold;
}

label.check > input[type="checkbox"] {
	display: none;
}

label.check > input[type="checkbox"] + span::before {
	content: " ";
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	background-color: #f8f8f8;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

label.check > input[type="checkbox"] + span::after {
	content: " ";
	position: absolute;
	top: 0;
	left: -1px;
	font: normal normal normal 20px/1 FontAwesome;
	color: #62c462;
	color: #31708F;
}

label.check > input[type="checkbox"]:checked + span::after {
	content: "\f00c";
}





/* numpad */
.numpad {
  background:#E2E2E2;
  margin-bottom:15px;
	border-radius: 5px;
	font-weight: bold;
  padding:6px;
  color: #535353;
}



.footer {
  /* background:#697181; */
  background:#8F95A0;
}

footer.footer .status {
  float:right;
  text-transform: uppercase;
  padding-top:22px;
  padding-right:5px;
}

footer.footer .status > span {
	padding-left: 25px;
}

footer.footer .status > span.offline {
	color: #FF0000;
}

footer.footer .status > span.online {
	color: #00FF00;
}

footer.footer .status > span.warn {
	color: #F45F45;
}



/* orderafhandeling - keuze afhalen / laten bezorgen */
#shop-pickupdeliver {


}



#shop-pickupdeliver .checkbox-container-parent {
	padding-left:6px;
}

#shop-pickupdeliver .checkbox-container {
	display: inline-block;
	width:40% !important;
}

/* orderafhandeling - postcode check */

.shop-addon-spin i {
	color:#00ABC9;
}

.shop-addon-check {
	color:#5CB85C;
	font-size:20px;
}

#shop-message-invalid-postal-code {
	background:#D9534F;
	color:#FFFFFF;
}

#shop-message-no-delivery {
	background:#F0AD4E;
	color:#FFFFFF;
}



/* toevoeging / wijziging / cart

/* aantal */

#cartloader .cart-th-qty,
#shop-orderoverview .cart-th-qty {
	text-align:center
}

#cartloader .cart-td-qty,
#shop-orderoverview .cart-td-qty {
	text-align:center
}


/* subtotaal */

#cartloader .cart-th-subtotal,
#shop-orderoverview .cart-th-subtotal {
	text-align:right
}

#cartloader .cart-td-subtotal,
#shop-orderoverview .cart-td-subtotal {
	text-align:right;
}



/* totaal van subtotalen */

#shop-orderoverview .cart-tr-totalsub td {
	padding-top:20px;
	background:#FFFFFF;
	border:0px;
}

#cartloader .cart-td-totalsub-label,
#shop-orderoverview .cart-td-totalsub-label {
	text-align:right;
	font-weight:bold;
}

#cartloader .cart-td-totalsub,
#shop-orderoverview .cart-td-totalsub {
	text-align:right;
	font-weight:bold;
}


#shipping-message-nodelivery span {
	display:block;
	font-weight:bold;
}


/* korting */

#shop-orderoverview .cart-tr-discount td {
	background:#FFFFFF;
	border:0px;
}

#cartloader .cart-td-discount-label,
#shop-orderoverview .cart-td-discount-label {
	text-align:right;
	font-weight:bold;
}

#cartloader .cart-td-discount,
#shop-orderoverview .cart-td-discount {
	text-align:right;
	font-weight:bold;
}



/* verzendkosten */

#shop-orderoverview .cart-tr-shipping td {
	background:#FFFFFF;
	border:0px;
}

#cartloader .cart-td-shipping-label,
#shop-orderoverview .cart-td-shipping-label {
	text-align:right;
	font-weight:bold;
}

#cartloader .cart-td-shipping,
#shop-orderoverview .cart-td-shipping {
	text-align:right;
	font-weight:bold;
}



/* totaal */

#shop-orderoverview .cart-tr-total td {
	/*padding-top:30px;*/
	background:#FFFFFF;
	border:0px;
}

#cartloader .cart-td-total-label,
#shop-orderoverview .cart-td-total-label {
	text-align:right;
	font-weight:bold;
}

#cartloader .cart-td-total,
#shop-orderoverview .cart-td-total {
	text-align:right;
	font-weight:bold;
}




.nofloat,
.table .btn-group > .btn {
	float:none;
}



.panel > .panel-heading > .caption {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
}

.panel > .panel-heading::before,
.panel > .panel-heading:after {
	content: " ";
	display: table;
}

.panel > .panel-heading::after {
	clear: both;
}

.panel > .panel-heading > .actions {
	margin: -3px;
}



/*
	datatables
*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
	top: auto;
}

table.dataTable > tbody > tr.child > td.child:first-child {
	padding: 5px;
}

table.dataTable > tbody > tr.child ul.dtr-details {
	display: block;
}

table.dataTable > tbody > tr.child ul.dtr-details li {
	padding-left: 5px;
	padding-right: 5px;
}

table.dataTable > tbody > tr.child ul.dtr-details li::before,
table.dataTable > tbody > tr.child ul.dtr-details li::after {
	content: " ";
	display: table;
}

table.dataTable > tbody > tr.child ul.dtr-details li::after {
	clear: both;
}

table.dataTable > tbody > tr.child ul.dtr-details li > span.dtr-data {
	float: right;
}

@media (min-width: 768px) {
	table.dataTable > tbody > tr.child ul.dtr-details li > span.dtr-data {
		float: none;
	}

	table.dataTable > tbody > tr.child ul.dtr-details li {
		padding-left: 25px;
	}

	table.dataTable > tbody > tr.child ul.dtr-details li > span.dtr-title {
		min-width: 20%;
	}
}

.numpad .row.btn-row {
	margin: 0;
}

.numpad .row.btn-row > .col-xs-4 {
	padding: 0;
}

.numpad .row.confirm-row {
	margin-top: 15px;
}

.numpad .btn-numpad {
	padding: 20% 16px;
}

.categories .btn-cat,
.products .btn-product {
	padding: 15px 5px;
}

.categories .btn-cat,
.products .btn-product,
#action-btn button {
	text-overflow: ellipsis;
	overflow: hidden;
}


/*
.btn.blue-sharp:not(.btn-outline):nth-child(even) {
	background: #2f3e4e;
	font-weight: bold;
}

.btn.blue-sharp:not(.btn-outline):nth-child(odd) {
	background: #1b2c3e;
	font-weight: bold;
}

.btn.blue-sharp:not(.btn-outline).active, .btn.blue-sharp.active:focus:not(.btn-outline), .btn.blue-sharp.active:hover:not(.btn-outline) {
	background: #727982;
}
*/


/*
.btn.blue-sharp:not(.btn-outline) {
	border-color: #333;
}
.btn.blue-sharp:not(.btn-outline):hover {
	border-color: #fff;
}
*/

.navbar-default, .footer {
	/* background-color: #162332; */
	background-color: #2b3643;
	color: #fff;
}

.notification {
	background: #861212;
}
/*.nav > li > a {
	background: #0f1923;
	border: solid #777 1px;
}
.nav > li > a:hover {
	background: #0f1923 !important;
	border: solid #fff 1px;
}*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: #0f1923;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	border: solid #fff 1px;
}

.btn.red-pink:not(.btn-outline) {
	color: #ffffff;
	background-color: #4a5664;
	border-color: #4a5664;
	font-weight: bold;
}

.btn.red-pink:not(.btn-outline):hover {
	color: #ffffff;
	background-color: #314151;
	border-color: #314151;
}

#shoppingcart, #var-opt-loader {
background: #2f3e4e;
color: #fefefe;
}

#numpad .btn-success, .cancel {
	line-height: 3 !important;
}

.login-form {
	max-width: 400px;
	margin: 25px auto;
}

#shoppingcart .cart-table-hover {
	margin-bottom: 5px;
}

#shoppingcart tr.discount {
	position: relative;
}

#shoppingcart .remove-discount {
	position: absolute;
	right: 4px;
	top: -1px;
}

#shoppingcart .customer-select {
	font-weight: normal;
}

#shoppingcart .customer-list {
	max-height: 200px;
	overflow-y: auto;
}

#shoppingcart .customer-list tbody > tr {
	cursor: pointer
}

#shoppingcart .customer-list > .table > tbody > tr.active > td {
	background-color: #0f1923;
	font-weight: bold;
}



/* SNELLE TWEAKS VOOR KASSADEMO */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

body, h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",sans-serif !important;
    font-weight: 300;
}


.navbar-default, .footer {
  border: 0px;
}

/*.nav > li > a {
  background: #0f1923;
  border: solid #777 1px;
}*/
/*.nav > li > a:hover {
  background: #0f1923 !important;
  border: solid #fff 1px;
}*/

.nav > li > a {
  background: #2b3643;
  border: solid #79869a 1px;
  color: #79869a;
  border-radius: 4px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #26344B;
}

.categories, .col-md-2.categories {
  padding-left: 0px !important;
}
.navbar {
  margin-bottom: 0px !important;
} 

.nav > li:not(.active):hover > a {
background: #3e4b5c !important;
}

.nav > li.btn-app > a {
  border: 0px;
}


.btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn:first-child:not(:last-child):hover {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    /*border-color: #2b3b55;*/
    border-color: #64686f;
    border-top: 0px;
}

.btn.blue-sharp:not(.btn-outline) {
  background: #364150;
  color: #b4bcc8;
  /*font-weight: bold;*/
}

.btn.blue-sharp.active:hover:not(.btn-outline), .btn.blue-sharp:not(.btn-outline):hover {
  /*background: #212d41;*/
  background: #26344B;
  color: #e4e9f2;
  border: 0;
  /*border-top: 1px solid #2b3b55;*/
  border-top: 1px solid #64686f;
  }


.btn.blue-sharp:not(.btn-outline):not(:first-child):active, .btn.blue-sharp:not(.btn-outline):not(:first-child).active, .open > .btn.blue-sharp:not(.btn-outline):not(:first-child).dropdown-toggle {
  border: 0px;
  /*border-top: 1px solid #2b3b55;*/
  border-top: 1px solid #64686f;
}
.btn.blue-sharp:not(.btn-outline):first-child:active, .btn.blue-sharp:not(.btn-outline):first-child.active, .open > .btn.blue-sharp:not(.btn-outline):first-child.dropdown-toggle {
border-top: 0px;
}

.btn.blue-sharp:not(.btn-outline) {
  border: 0px;
  /*border-top: 1px solid #2b3b55;*/
  border-top: 1px solid #64686f;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}


.btn.blue-sharp:not(.btn-outline):active:hover, .btn.blue-sharp:not(.btn-outline):active:focus, .btn.blue-sharp:not(.btn-outline):active.focus, .btn.blue-sharp:not(.btn-outline).active:hover, .btn.blue-sharp:not(.btn-outline).active:focus, .btn.blue-sharp:not(.btn-outline).active.focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:hover, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle:focus, .open > .btn.blue-sharp:not(.btn-outline).dropdown-toggle.focus {
    border-color: #64686f;
}

  .btn.blue-sharp:not(.btn-outline).active, .btn.blue-sharp.active:focus:not(.btn-outline) {
background: #3e4b5c;
border-left: 4px solid #36c6d3 !important;
color: #f1f1f1;
}

#printer, #network {
  color: green;
}

.pull-right {
  margin-top: 32px;
}

.btn.blue-sharp:first-child.active, .btn.blue-sharp:first-child.active:hover {
  border-top: 0px !important;
  background: #3e4b5c !important;
  border-left: 4px solid #36c6d3 !important;
}

.btn.red-pink:not(.btn-outline) {
  background-color: #3598dc;
  border-color: #3598dc;
  font-weight: normal;
}
.btn.red-pink:not(.btn-outline):hover {
  background-color: #4aa3e0;
  border-color: #4aa3e0;
}

.btn.red-pink:not(.btn-outline):active, .btn.red-pink:not(.btn-outline).active, .open > .btn.red-pink:not(.btn-outline).dropdown-toggle {
    background-color: #e7505a;
    border-color: #e7505a;
}

.btn-info {
    background-color: #3598dc;
    border-color: #3598dc;
}
.btn-info:hover {
    background-color: #4aa3e0;
    border-color: #4aa3e0;
}

.btn-circle {
    border-radius: 4px !important;
}

.btn.yellow-soft:not(.btn-outline), .btn.yellow-soft:not(.btn-outline):focus {
    background-color: #8e44ad;
    border-color: #8e44ad;
}
.btn.yellow-soft:not(.btn-outline):hover {
    background-color: #9a57b6;
    border-color: #9a57b6;
}

.products, .col-md-3 {
  margin-top: 5px;
}

a.pull-right img {
  margin-top: -10px;
}
a.pull-right::after {
   content: "\A Ingelogd als Pietje Puk" !important;
   white-space: pre;
   color: #fff;
}

.numpad {
  margin-bottom: 0px;
}