/* @import url("../shoppage/frontend.css"); */
@import url("../shopping/plugins/plugins.css");

.m_shoppage {
	background: #fff;
	padding: 10px;
}
.shoppingcart {
	font-size: 16px;
}
.shoppingcart a {
	text-decoration: none;
}
.shoppingcart h1,
.shoppingcart h2,
.shoppingcart h3 {
	margin-top: 5px;

}
.checkout h1,
.checkout h2,
.checkout h3 {
	margin-top: 5px;

}
.shoppingcart hr {
	border: 0;
	color: #994e03;
	background-color: #994e03;
	height: 1px;
}

.shoppingcartrow {
	clear: both;
	background: #f3f3f3;	
	margin-bottom: 3px;
	padding: 2px 5px 3px;
}
.shoppingcartrow .plusmin {
	margin: 10px 0 3px;
}
.shoppingcartrow .option_desc {
	font-size: 85%;
	font-weight: 700;
	padding: 2px 2px 2px 5px;
	font-style: italic;
	line-height: 1.2;
	margin-bottom: 5px;
	color: #555;
}
.shoppingcartrow.shoppingcarttotal {
	display: block !important;
}
.shoppingcartrow.highlight {
    -webkit-animation-name: fadebg; /* Safari 4.0 - 8.0 */
    animation-name: fadebg;
    -webkit-animation-duration: 1.5s; /* Safari 4.0 - 8.0 */
    animation-duration: 1.5s;	
}

@-webkit-keyframes fadebg {0% {background-color: #ff7777;}100% {background-color: #f3f3f3;}}
@keyframes fadebg {0% {background-color: #ff7777;}100% {background-color: #f3f3f3;}}

.shoppingcartrow div {
	clear: both;
}
.shoppingaction {
	font-weight: bold;
	text-decoration: none;
	border-radius: 0;
	display: inline-block;
	text-align: center;
	padding: 5px 15px;
	margin: 0px 2px 1px;
    color: #000000;
	background: #fff;
	border: 0px;
    font-family: arial;
}
.shoppingaction:hover {
	text-decoration: none;
}

.shoppingaction.sminus {
	border: 1px solid #999;
	padding: 0 5px;
}
.shoppingaction.splus {
	border: 1px solid #999;
	padding: 0 5px;
}


.shoppingaction.aremove {
    color: #ffffff;
	background: #ff7777;
	/* border-bottom: 5px solid #cc0a0a; */
}
.shoppingaction.aremove:hover, .shoppingaction.aremove:focus {
    color: #cc0a0a;
	background: #ffffff;
}
.shoppingaction.sremove {
    padding: 2px 5px 1px;
    color: #fff;
    background: #f77;
    /* border-bottom: 5px solid #cc0a0a; */
    line-height: 14px;
    font-size: 12px;
    font-family: arial;
}
.shoppingaction.sremove:hover, .shoppingaction.sremove:focus {
	color: #cc0a0a;
	background: #ffffff;
}
.shoppingcheckout {
	font-weight: bold;
	text-decoration: none;
	border-radius: 0;
	display: inline-block;
	text-align: center;
	padding: 5px 15px;
	margin: 0px 2px 1px;	
	background: #4bae4b;
	/* border-bottom: 5px solid #146c14; */
	color: #fff;
}
.shoppingcheckout:hover {
    color: #007700;
	background: #ffffff;
}
.shoppingmessage {
	background: #4bae4b;
	/* border-bottom: 5px solid #146c14; */
	color: #fff;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px;
}



.addcart *::before, .addcart *::after {
    box-sizing: border-box;
}

.addcart {
	/* display: inline-block; */
}
.attributes {
	/* display:none; */
	margin: 5px 0 20px;
}
.attributes button {
	margin: 5px 0;
}
.addcart input, .addcart select {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	padding: 3px;
	border: 1px solid #888;
}

.addcart input[type=text] {
    padding: 2px 5px; 
    border: 2px solid #ccc; 
	margin-right: 5px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
	height: 35px;
	width: 40px;
}

.addcart input[type=text]:focus {
    border-color:#333;
}
.addcart.disabled {
	/* background: #f3f3f3; */
	/* padding: 10px; */
	cursor: not-allowed;
	opacity: 0.8;
}

.addcart.disabled * {
	cursor: not-allowed;
}

.button {
    background: none repeat scroll 0 0 #2B5688;
    border-radius: 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    margin: 23px 0;
    padding: 20px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.button:hover{ background:#3c3c3c;color:#fff;text-decoration:none;} 

.small.button {
	font-size: 12px;
	padding: 5px 10px;
    background: #f7f7f7;
	border: 1px solid #aaa;
    border-radius: 0;
    color: #000;
	margin: 0 0 5px 15px;
	text-transform: none;
}

.regel {
	background: #eee;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.regel .soort {
	display: block;
	font-weight: 900;
	background: #888;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 2px;
	font-size: 18px;
}
.regel .tp {
	display: inline-block;
	width: 12.5%;
	font-size: 80%;
}

.add2cart {
	padding: 2px;
}
.add2cart button[type=submit] {
	width: 100%;
	margin: 0 1px;
    padding:4px 0; 
    background:#ccc; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 0;
    border-radius: 0; 
	font-size: 12px;
}
.add2cart button[type=submit]:hover {
    background:#aaa; 
}
.add2cart button[type=submit].ajax {
    background:#f77; 
}
.add2cart button span {
	display: block;
	font-weight: 800;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 120px;
}

@media(max-width:1200px) {
	.regel .tp {
		width: 25%;
	}
	
}
@media(max-width:991px) {
	.regel .tp {
		width: 25%;
	}
	.sticky {
		top: 70px;
	}
	
}
@media(max-width:767px) {
	.regel .tp {
		width: 33.3%;
	}
	.sticky {
		position: relative;
		top: 0;
	}
}

.datum {
	max-width: 300px;
}

/*
.modal.fade-scale {
  transform: scale(0.95);
  opacity: 0;
  -webkit-transition: all .15s linear;
  -o-transition: all .15s linear;
  transition: all .15s linear;
}

.modal.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}
*/

.prodtitle {
	font-size: 24px;
	font-weight: 700;
}
.orders {
	/* border: 1px solid #ccc; */
	margin-bottom: 3px;
	padding: 0px;
	font-size: 13px;
	cursor:pointer;
}
.orders .naw {
	font-weight: 700;
	color: #333;
	background: #ccc;
	padding: 1px 5px;
	margin: -5px -5px 5px;
}

.orders .payment{
	background: #2980b9;	
	color: #fff;
	padding: 10px;
	font-weight: 300;
	font-style: italic;
}
.orders .delivery{
	background: #970e0e;	
	color: #fff;
	padding: 5px;
	/* font-weight: 700; */
}
.orders .pickup{
	background: #1f841f;	
	color: #fff;
	padding: 5px;
}
.orders .fetch{
	background: #970e0e;	
	color: #fff;
	padding: 5px;
}
.orders .return{
	background: #1f841f;	
	color: #fff;
	padding: 5px;
}
.orders .offer{
	background: #555;	
	color: #fff;
	padding: 5px;
}
.orders .webshop,
.orders.webshop td {
    background: #154a79   !important;
	color:#fff;
}
.orders .current,
.orders.current td {
    background: #7268b9 !important;
	color:#fff;
}
				 
					
									 
			
 

.orders ul {
	padding: 0 0 0 15px;
	margin: 0;
}
.orders ul ul {
    background: #0000001a;
    padding-left: 20px;
}
.orders li.item {
	font-weight: 400;
	font-size: 90%;
}

.l20 {
	margin-left: 20px;
}
.r20 {
	margin-right: 20px;
}


.resultbox {
	/* display:none; */
	overflow: hidden;
	border-radius: 0;
	margin-bottom: 20px;
	border: 1px solid #f3f3f3;
	background: #ffffff;
	border-radius: 0;
	position: relative;
}
.resultbox .addcart {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	
}
@media (min-width:1200px) {
	.resultbox {
		height: 325px;
	}
}
@media (min-width:768px) and (max-width:1199px) {
	.resultbox {
		height: 215px;
	}
}
.modal-body .extras {
	padding: 1px 10px;
	margin-top: 15px;
	background: #f3f3f3;
}
.modal-body .extras .resultbox {
	display: block;
}
.modal-body .extras h1 {
	font-size: 16px;
	font-weight: 900;
}

/* orders */

.wnav {
	height: 50px;
	text-align: center;
	margin-top: 20px;
}
.calendar {
  background-color: white;
  border: 1px solid #e1e1e1;
}

.calendar__week_in,
.calendar__week_out,
.calendar__header {
  display: flex;
  flex-direction: column;
}


@media (min-width: 768px) {
	.calendar__week_in,
	.calendar__week_out,
	.calendar__header {
		display: grid;
		grid-template-columns: repeat(7, 1fr);  
	}
}
.calendar__week_in,
.calendar__week_out {
	/* grid-auto-rows: calc(50vh - 200px); */
	min-height: calc(50vh - 100px);
	min-height: 30vh;
}
.calendar__week_out {
	background: #f2ffe5;
}
.calendar__week_in {
	background: #fff0f0;
}

.calendar__header {
	grid-auto-rows: 50px;
	align-items: center;
	text-align: center;
}
.calendar__head {
	cursor: pointer;
	padding: 15px 0;
}
.calendar__head:hover {
	background: #ddd;
}
.calendar__day {
  padding: 16px;
}


.calendar__header > div {
  /* text-transform: uppercase; */
  font-size: 90%;
  font-weight: bold;
}

.calendar__day {
  border-right: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}

.calendar__day:last-child {
  border-right: 0;
}


#myOrder .modal-dialog {
	width: 1050px;
}
#myOrder .modal-body {
	padding: 0;
}
#myOrder .modal-body div {
	background: #fff !important;
}
#myOrder .modal-body table {
	border: none !important;
}

#myOrder .modal-content {
	border-radius: 0;
}
#myOrder .hidepop {
	display: none;
}


.order {
	padding: 5px 10px;	
	border-bottom: 1px solid #ddd;
	cursor:pointer;
}
.order:hover {
	background: #f3f3f3;
}

.order span {
	padding: 5px 10px;	
	display: inline-block;
}
.order .order-id { width: 70px; }
.order .order-date { width: 120px; }
.order .order-name { width: 320px; }
.order .order-price { width: 90px; text-align: right;}

.order .order-70 	{ width: 70px;}
.order .order-90 	{ width: 90px;}
.order .order-120 	{ width: 120px;}
.order .order-150 	{ width: 150px;}
.order .order-170 	{ width: 170px;}
.order .order-200 	{ width: 200px;}
.order .order-320 	{ width: 320px;}

.user {
	padding: 5px 0px;	
	border-bottom: 1px solid #ddd;
}
.user label.tlabel {
	font-weight: 800;
	width: 180px;
	vertical-align: top;
}

.user span {
	padding: 5px 10px;	
	display: block;
	background: #f7f7f7;
	margin-bottom: 1px;
}
.user span span {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	width: calc(100% - 190px);
	min-width: 300px;
}
.user span span ul {
	padding-left: 15px;
	list-style: square;
}
.modal-header .close {
    /* margin: -16px -6px 0 0; */
    font-family: monospace;
    font-size: 34px;
    opacity: .7;
}


.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"],
.form-signin input[type="password"],
.form-signin input[type="email"] {
    margin-bottom: 10px;
}

.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}

.field textarea, .field input[type=text], .field input[type=email], .field input[type=password]  {
	border: 1px solid #ccc;
	width: calc(100% - 190px);
	min-width: 300px;
	max-width: 600px;
	padding: 2px 5px;
	font-family: inherit;
	font-size: inherit;
}
.field textarea {
	min-height: 150px;
}
.error {
	background-color: #ff4040 !important;
	border: 1px solid #ff4040 !important;
	color: #fff !important;
	padding: 20px;
	margin: 0 0 20px 0;
	font-weight: 900;
}

.message {
	background-color: #0da400  !important;
	border: 1px solid #0da400  !important;
	color: #fff !important;
	padding: 20px;
	margin: -15px 0 20px 0;
	font-weight: 900;
}

.selector span span.required {
    display: inline;
    font-weight: 400;
    width: auto;
    font-size: 24px;
    color: #ff4040;
}

.empty {
    border: 1px solid red;
    padding: 20px;
    color: #ff4040;
    margin-bottom: 30px;
}

.f80 { font-size:80%;}
.f85 { font-size:85%;}
.f90 { font-size:90%;}

.modal-action {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	/* text-align: center; */
	font-size:80%;
}

.fbold th {
	background:#444;
	color:#fff;
	line-height: 1 !important;
}

.w4 {
	/* width: 22%; */
}
.dd {
	background: #eee;
	display: block;
	padding: 2px 5px;
	text-align: center;
	
}
.dh {
	background: #444;
	color: #fff;
	display: block;
	padding: 10px;
	text-align: left;
	margin-top: 0;
}
tr.blankrow td {
	border-color: #fff !important;
}
tr.orders  {
	background:#00ff0015;
}
tr.orders.pickup  {
	background:#ff777715;
}
tr.orders.offer  {
	background:#555;
	color: #fff;
}
tr.orders.offer .dd {
	background:#777;
	color: #fff;
}	
tr.orders:hover  {
	/* background:#ffffff; */
	
}

.cats {
	margin: 0 0 20px 0;
	padding: 5px;
}

.cats label {
    /* border: 1px solid #aaa; */
    /* padding: 7px 5px; */
    margin: 3px;
    border-radius: 0;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}
.cats label > input[type="radio"] {
	display: none;
}

.cats label > input[type="radio"] + ::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .3rem;
    border-radius: 50%;
    border-style: solid;
    border-width: .1rem;
    border-color: #808080;
}
.cats label > input[type="radio"]:checked + *::before {
	background: radial-gradient(#ff0000 0%, #ff0000 40%, transparent 50%, transparent);
	border-color: #ff0000;
}
.cats label > input[type="radio"]:checked + *  {
	color: #ff0000;
}

.table-container {
  position: relative;
  max-height:  calc(100vh - 160px);
  width:  calc(100vw - 290px);
  overflow: scroll;
  /* scrollbar-width: thin; */
}

.table-container table td,
.table-container table th {
	padding: 3px;
	white-space:nowrap;
	color: #000;
	text-align: center;
	vertical-align: middle !important;
}
.table-container table td {
	font-size: 80%;
	/* min-width: 130px; */
	/* height: 50px; */
}
.table-container table thead th {
	padding: 5px;
	background: #333;	
	color: #fff;
	position: sticky;
	top: 0;
	z-index: 1;
}

.table-container table tbody th {
	padding: 5px;
	background: #333;	
	color: #fff;
	border: 1px solid #fff;	
	position: relative;
}
.table-container table thead th:first-child {
	position: sticky;
	left: 0;
	z-index: 2;
}
.table-container table tbody th {
	position: sticky;
	left: 0;
	z-index: 1;
	background: #555;
	text-align: left;
}
.table-container caption {
  text-align: left;
  padding: 0.25rem;
  position: sticky;
  left: 0;
}

.account-login {
	margin: 20px auto 100px;
}

table.borderless td,table.borderless th{
     border: none !important;
}
table.borderless td:first-child {
	width:150px;
	font-weight: 800;
}

.editProd ,
.editTxt ,
.editNaw {	
	border: 1px solid #999;
	background: #e7e7e7;
	display: inline-block;
	padding:3px 5px;
	white-space: pre-wrap; /* New Code */
	vertical-align: middle;
	min-width: 30%;
}

.wide1 .editProd , .wide1 .editTxt ,.wide1 .editNaw {	width: 99%; margin-right: 1%; }
.wide2 .editProd , .wide2 .editTxt ,.wide2 .editNaw {	width: 49%; margin-right: 1%;}
.wide3 .editProd , .wide3 .editTxt ,.wide3 .editNaw {	width: 32.3%; margin-right: 1%;}


.editNaw[placeholder]:empty:before {
    content: attr(placeholder);
    color: #aaa; 
	white-space: nowrap;
	font-weight: 100;
}

.editTxt {
	padding:8px;
	width: 100%;
	min-height: 150px;
	margin-bottom: 10px;
	border: 1px solid #fff;
	font-weight: bold;
}

.editMode{
	border: 1px solid black;
	background: #fff;
	font-weight: bold;
	/* padding:8px; */
	outline: 0;
}
.cpbox {
    min-height: 20px;
    padding: 2px 20px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}
.cpbox td {
	vertical-align: middle !important;
}

.price2 {
	font-style: italic;
	font-size: 90%;
	border: 1px solid #ccc;
	padding: 15px;
}

.afhaal {
	font-style: italic;
	font-size: 90%;
	border: 1px solid #ccc;
	padding: 15px;
}
.afhaal h4 {
	margin: 0;
	font-weight: bold;
}
.w90 {
    display: inline-block;
    width: 90px;
	font-weight: bold;
}
.modal-body .results {
	border:1px solid #444;
	background:#eee;
	padding:10px;
	margin-top: 5px;
	cursor:pointer;
}
.modal-body .results:hover {
	background:#aee;
}

.cp_productlist td {
	width: 140px;
	height: 60px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
  
.thumbnails a { float: left; display: block; width: 25%; padding: 2px; }
.thumbnails img { }



.card {
	margin-bottom: 20px;
	padding: 20px;
	background: #eee;
	border: 1px solid #ddd;
	border-radius: 0;
}

#cart-popover {
	font-size: 24px;
	padding: 10px 15px;
	background: #fff;
	margin: 8px 15px;
	color: #333;
	border-radius: 0;
}
#cart-popover.has {
	background-color: #51a633;
	color: #fff !important;
}
@media (max-width:767px) {
	#cart-popover {
		position: absolute;
		padding: 17px 15px 17px 30px;
		border-radius:0;
		margin:0;
		background: transparent;
		color: #ddb239;
		height: 60px;
	}
}
.cart-div {
	display:inline-block;
	font-size: 12px;
	line-height: 1;
	vertical-align: middle;
	text-align: center;
}

.do-block { 
	background: #f7f7f7;
	border: 1px solid #e4ebed;
	padding: 15px;
	border-radius: 0px;
	margin: 10px 0px;	
}
.do-block:after { /* clear floats */
	content: "";
	clear: both;
	display: table;
}
.do-block h1, .do-block h2, .do-block h3, .do-block h4 {
	text-shadow: none !important;
}

.do-title {

}
.do-order {
	background: #e8fbe5;
	/* border: 1px solid #aaa; */

}
.do-image {
	text-align: center;
}

.order_extra {
	margin: 10px 0;
	padding: 15px;
	font-weight: 700;
	font-style: italic;
}
.setbutton {
    padding: 4px 6px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 0;
}
.calmsg {
    background: #337ab7;
    padding: 10px;
    font-weight: 400;
    color: #fff;
	line-height: 1.2;
	font-size: 14px;
}
.calmsg p {
	line-height: 1.2;
	font-size: 14px;
}

.dropdown-menu {
  /* left: 50%; */
  right: auto;
  transform: translate(-50%, 0);
}
button.btn.btn-default.dropdown-toggle {
    width: 99%;
	border: none;
}
.fass {
	width: 20px;
}			


.extras .resultbox {
	height: 285px;
}

.extras .resultbox h3 {
    font-size: 16px;
    font-weight: 300;
    color: #555;
    padding: 5px 15px;
    text-align: center;
    margin: 0;
    /* white-space: nowrap; */
    overflow: hidden;
    text-shadow: none;
}
.extras .pagecart {
    padding: 4px 5px;
}

.thumbnail-wrapper {
    position: relative;
}

.thumbnails {
	white-space:nowrap;
	position: relative;
	overflow: hidden;
}

.thumbnails a {
    float: none;
    display: inline-block;
    width: auto;
    padding: 10px 5px;
    height: 150px;
}

.thumbnails a img {
    max-width: unset;
    height: 100% !important;
    width: auto !important;
}

.knop {
    position: absolute;
	top: 0;
    width: 40px;
    height: 100%;
    /* padding: 10px; */
    border: none;
    z-index: 10;
    cursor: pointer;
    background-color: #fffa;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.knop.btn-prev { left: 0;}
.knop.btn-next { right: 0;
}