/* 20230911142303 - v2 */
.gui,
.gui-block-linklist li a {
  color: #000000;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #9e292b;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #9e292b;
  box-shadow: 0 0 2px #9e292b;
}

.gui-select.gui-focus .gui-handle {
  border-color: #9e292b;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #000000;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #ecb731;
}

/* custom */
#a_c_bg
{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 500;
background-image: url(https://admin.drinkhut.nl/graphics/b_check_60b.png);
}

#a_c_dialog
{
font-size: 13pt;
line-height: 13pt;
position: fixed;
top: 5%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
z-index: 1000;
width: 360px;
padding: 12px !important;
border: 2px solid #888888;
border-radius: 12px;
background-color: #FFFFFF;
}

.a_c_d_top
{
position: relative;
height: 120px;
margin: 0px;
font-size: 13pt;
vertical-align: middle;
}

.a_c_d_top IMG
{
float: left;
margin-right: 16px;
}

.a_c_d_query
{
position: relative;
margin-top: 12px;
font-size: 17pt;
color: #9E292B;
text-align: center;
}

.a_c_d_foot
{
position: relative;
margin: 8px 0px 0px 0px;
text-align: center !important;
}

.a_c_d_foot IMG
{
margin-left: auto;
margin-right: auto;
}



.a_c_d_response
{
position: relative;
margin-top: 8px;
left: 0px;
height: 30px;
width: 100%;
}

A.yes_but
{
display: block;
position: absolute;
left: 30px;
width: 100px;
padding: 4px;
border: 1px solid #888888;
border-radius: 8px;
background-color: green;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-size: 15pt;
font-weight: bold;
}

A.no_but
{
display: block;
position: absolute;
right: 30px;
width: 100px;
padding: 4px;
border: 1px solid #888888;
border-radius: 8px;
background-color: red;
color: #FFFFFF;
text-align: center;
text-decoration: none;
font-size: 15pt;
font-weight: bold;
}

.image-wrap .cart
{
  background-color: #11C60B;
  color: #FFFFFF !important;
  border: #11C60B solid 1px !important;
  border-radius: 4px;
  font-weight: bold !important;
}

.btn
{
  background-color: #11C60B !important;
  font-weight: bold !important;
   border-radius: 4px;
}

.change
{
  border-radius: 4px;
  color: #FFFFFF !important;
  font-weight: bold;
}

.up
{

}

.down
{

}

.xx_txtban
{
  text-align: center;
  color: #000000;
  z-index: 99;
}

.zoom
{

}



@media screen and (max-width: 759px) {
	.xx_txtban
	{
  display: none;
	}

  .logo
  {
  padding-top: 10px !important;
	padding-bottom: 10px !important;  
  }

	 #xx_tb
  {
  display: none;
  } 
  
 	 #xx_cont
  {
  display: none;
  }  
  
  	 #xx_cats
  {
  display: none;
  }   
  
    
}

@media screen and (min-width: 760px) {

	.navigation
	{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	}

	.xx_txtban
	{
	display: block;
	text-align: center;
	color: #000000;
	}
  
 .subnav .subnav
  {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  }

  .subnav .subnav .subitemLink
  {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  margin-top: 1px !important;
  margin-bottom: 1px !important;
  } 

}

.zoombox .images a img, .zoombox .thumbs a img {
  background: #FFFFFF !important;
}

.image-wrap IMG
{
  background: #FFFFFF !important;
}

.pager ul li.active a
{
  color: #FFFFFF !important;
}

.sale-new
{
  background: #FF0000 !important;
  border-radius: 4px;
  font-weight: bold;
}


/* VIEWSION vErify */

.vErify-lWrp {
  background-image: url(https://admin.drinkhut.nl/graphics/b_check_60b.png);

	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 1000;
	opacity: 0;
}

.vErify-lWrp.init {
	opacity: 1;
	transition: opacity .4s;
	-moz-transition: opacity .4s; 
	-webkit-transition: opacity .4s;
	-o-transition: opacity .4s;
}

body.vErify > *:not(.vErify-lWrp, .wsa-demobar) {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.vErify-lWrp > table {
	width: 100%;
	height: 100%;
	height: 100vh;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.vErify-td {
	text-align: center;
	vertical-align: middle;
	height: 100%;
	height: 100vh;
}




.vErify-ctnr {
	background-color: #fff;
	color: #666;
	
	
	width: 502px; 
	min-height: 100px;
	margin: auto;
	
	margin-top: -200px;
	
	border: 2px solid #888888;
	border-radius: 12px;
	
	
	-moz-box-shadow: 0px 0px 10px 0px #666;
	-webkit-box-shadow: 0px 0px 10px 0px #666;
	box-shadow: 0px 0px 10px 0px #666;	
	
	opacity: 0;
	
	
	transition: margin-top .4s, opacity 1s;
	-moz-transition: margin-top .4s, opacity 1s;
	-webkit-transition: margin-top .4s, opacity 1s;
	-o-transition: margin-top .4s, opacity 1s;
	
	transition-delay: .4s;
	-moz-transition-delay: .4s;
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
	
}

.init .vErify-ctnr {
	margin-top: -100px;
	opacity: 1;
}

.vErify-ctnr .clear {display: block; width: 100%; height: 20px;}


.vErify-ctnr .txt {
	margin: 40px;
	font-size: 20px;
	line-height: 30px;
}

.vErify-ctnr .act {
	margin: 40px;
	margin-bottom: 30px;
}


a.vErify-btn {
	display: inline-block;
	padding: 10px 15px;
	background-color: #878787;
	margin: 10px;
	color: #e1e1e1;
	
	text-decoration: none;	
	min-width: 100px;
	cursor: pointer;	
	font-size: 20px;
	line-height: 30px;
}

a.vErify-btn:hover {
	text-decoration: none;	
	background-color: #4f4f4f;
	color: #fff;	
}


a.vErify-btn.disabled,
a.vErify-btn.disabled:hover {
	
	background-color: #c9c9c9;
	color: #acacac;
	cursor: default;
	
}

a.vErify-btn.ready {
	background-color: #1ECE02;
	color: #d9ffd3;
}
a.vErify-btn.ready:hover {
	background-color: #1fdf00;
	color: #fff;
}



input.vErify-input {
	font-size: 20px;
	line-height: 30px;
	padding: 10px 0px;
	background-color: #eeeeee;
	margin: 10px;
	color: #000;
	width: 60px;
	text-align: center;
	border: 1px solid #ccc;
	
	border-radius: 4px;
	
	-moz-box-shadow: inset 0 0 2px #ccc;
	-webkit-box-shadow: inset 0 0 2px #ccc;
	box-shadow: inset 0 0 2px #ccc;
	
}



@media (max-width: 500px) {
    .vErify-ctnr {
	   width: auto; margin: 0px; 
	   margin-bottom: 0px;
	}
	
	a.vErify-btn {
		padding: 6px 10px;
		font-size: 16px;
		line-height: 25px;
		min-width: 80px;
	}
}


.vErify-loading {
	
	position: absolute;
	left: 0px; right: 0px; top:0px; bottom:0px;
	
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}


.vErify-loading > div {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 180px auto;
}



.vErify-loading .b {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #1ECE02;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.vErify-loading .b.b2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.vErify-loading svg {margin-left: -30px; visibility: hidden}

.vErify-loading.checked .b {display: none}
.vErify-loading.checked svg {visibility: visible;}
.vErify-loading.checked .check {
  fill: none;
  margin-left: -30px;
  stroke: #1ECE02;
  stroke-width: 20;
  stroke-dasharray: 180;
  stroke-dashoffset: 180;
  -webkit-animation: draw 1.5s 1 ease;
  animation: draw 1.5s 1 ease;
}
@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}














.vErify-ctnr .selectWrp { margin: 30px; position: relative; margin-bottom: 0px;}
.vErify-ctnr select {width: 100%; min-width: 100%; max-width: 100%; font-size: 16px; line-height: 20px; border-color: #1ECE02; background-color: #f8fff7; color: #000; z-index: 1}
.vErify-ctnr.idChk .txt {font-size: 16px; line-height: 18px; margin-bottom: 10px; margin-top: 15px; max-height: 80px; overflow:auto; padding: 0px 10px}
.vErify-ctnr.idChk .img {margin: 30px; margin-top: 15px; position: relative;    }
.vErify-ctnr.idChk .img > div {width: 100%; padding-bottom: 62.5%; background-size: contain; background-repeat: no-repeat;}


.vErify-ctnr.idChk .img > div.step {opacity: 1;
	
	transition: 		opacity .4s;
	-moz-transition: 	opacity .4s; 
	-webkit-transition: opacity .4s;
	-o-transition: 		opacity .4s;
	
}


.vErify-ctnr.idChk .img > div.step {position: absolute; left: 0px; top: 0px; }
.vErify-ctnr.idChk .img > div.step.inact {opacity: 0;}

.vErify-ctnr.idChk.type-de-id2 .img > div {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-new.png);}
.vErify-ctnr.idChk.type-de-id2 .img > div.st-1 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-new-st-1.png)}
.vErify-ctnr.idChk.type-de-id2 .img > div.st-2 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-new-st-2.png)}
.vErify-ctnr.idChk.type-de-id2 .img > div.st-3 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-new-st-3.png)}
.vErify-ctnr.idChk.type-de-id2 .img > div.st-4 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-new-st-4.png)}

.vErify-ctnr.idChk.type-de-id1 .img > div {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-old.png);}
.vErify-ctnr.idChk.type-de-id1 .img > div.st-1 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-old-st-1.png)}
.vErify-ctnr.idChk.type-de-id1 .img > div.st-2 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-old-st-2.png)}
.vErify-ctnr.idChk.type-de-id1 .img > div.st-3 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-old-st-3.png)}
.vErify-ctnr.idChk.type-de-id1 .img > div.st-4 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-de-old-st-4.png)}

.vErify-ctnr.idChk.type-pp-int .img > div {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/pp-int.png);}
.vErify-ctnr.idChk.type-pp-int .img > div.st-1 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/pp-int-st-1.png)}
.vErify-ctnr.idChk.type-pp-int .img > div.st-2 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/pp-int-st-2.png)}
.vErify-ctnr.idChk.type-pp-int .img > div.st-3 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/pp-int-st-3.png)}
.vErify-ctnr.idChk.type-pp-int .img > div.st-4 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/pp-int-st-4.png)}

.vErify-ctnr.idChk.type-nl-id .img > div {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-nl.png);}
.vErify-ctnr.idChk.type-nl-id .img > div.st-1 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-nl-st-1.png)}
.vErify-ctnr.idChk.type-nl-id .img > div.st-2 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-nl-st-2.png)}
.vErify-ctnr.idChk.type-nl-id .img > div.st-3 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-nl-st-3.png)}
.vErify-ctnr.idChk.type-nl-id .img > div.st-4 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-nl-st-4.png)}

.vErify-ctnr.idChk.type-be-id .img > div {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-be.png);}
.vErify-ctnr.idChk.type-be-id .img > div.st-1 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-be-st-1.png)}
.vErify-ctnr.idChk.type-be-id .img > div.st-2 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-be-st-2.png)}
.vErify-ctnr.idChk.type-be-id .img > div.st-3 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-be-st-3.png)}
.vErify-ctnr.idChk.type-be-id .img > div.st-4 {background-image: url(https://app.viewsion.net/apps/verify/src/gfx/id-be-st-4.png)}

.vErify-ctnr.idChk .img.stepping > div.bg {
	
	-webkit-filter: grayscale(75%);
	-moz-filter: grayscale(75%);
	-ms-filter: grayscale(75%);
	-o-filter: grayscale(75%);
	filter: grayscale(75%);
	
}

.vErify-ctnr.idChk .act {margin: 30px; margin-top: 20px;}



input.vErify-input.idChk {
	
	font-size: 16px;
	line-height: 25px;
	padding: 4px 0px;
	margin: 10px 5px;
	width: 100px;
	text-transform: uppercase;
}
input.vErify-input.idChk.s1 {
	width: 40px;
}
input.vErify-input.idChk.s7 {
	width: 90px;
}
input.vErify-input.idChk.s8 {
	width: 100px;
}
input.vErify-input.idChk.s10 {
	width: 120px;
}
input.vErify-input.idChk.s11 {
	width: 130px;
}




.vErify-ctnr.idChk .inputWrp > div > div {display: inline-block}
.vErify-ctnr.idChk .inputWrp > div > div label {display: block;}

.vErify-ctnr.idChk .inputWrp > div > div label span {background-color: #1ECE02; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; font-size: 16px; font-weight: bold; color: #fff}

.vErify-ctnr.idChk .inputWrp > div > div.inact label span {background-color: #cdcdcd}



@media (max-width: 500px) {


    
    .vErify-ctnr.idChk .selectWrp,
    .vErify-ctnr.idChk .img,
    .vErify-ctnr.idChk .txt,
    .vErify-ctnr.idChk .act {margin: 15px}
    .vErify-ctnr.idChk .act {margin: 15px 0px}
    
    .vErify-ctnr .clear { height: 10px;}
    
    .vErify-ctnr.idChk .txt {font-size: 12px; line-height: 16px; margin-bottom: 8px; margin-top: 12px;}
    
	
    input.vErify-input.idChk {
		font-size: 16px;
		line-height: 22px;
		padding: 0px 2px;
		margin: 10px 4px;
		width: 55px;

	}
	
	input.vErify-input.idChk.s1 {
		width: 30px;

	}

	input.vErify-input.idChk.s7 {
		width: 80px;

	}
	
	input.vErify-input.idChk.s8 {
		width: 90px;

	
	}
	
	
	input.vErify-input.idChk.s10 {
		width: 105px;

	
	}
	input.vErify-input.idChk.s11 {
		width: 115px;

	
	}

}

@media (max-width: 340px) {

	input.vErify-input.idChk.s1 {
		width: 20px;

	}

	input.vErify-input.idChk.s7 {
		width: 70px;

	}
	
	input.vErify-input.idChk.s8 {
		width: 80px;

	
	}
	
	
	input.vErify-input.idChk.s10 {
		width: 95px;

	
	}
	input.vErify-input.idChk.s11 {
		width: 105px;

	
	}

}

@media (max-height: 500px) {

    .vErify-ctnr.idChk > div.img {overflow: hidden; margin-top: 3px !important }
    .vErify-ctnr.idChk .img > div {margin-top: -30%;}
	
}


@media (max-height: 650px) {
	.init .vErify-ctnr.idChk {
		margin-top: 0px;
	}
	
	.vErify-ctnr.idChk .selectWrp {
		margin-bottom: 0px;
	}
	.vErify-ctnr.idChk {

		display: block;
		position: fixed;
		left: 0px; right: 0px; top: 0px; bottom: 0px;
		overflow: auto;
		border: none;

	}
}


/* hide checkout buttons on load 

.gui-checkout .gui-button-action,
.gui-checkout .gui-button-action.vErify-btnLock {visibility: hidden !important}

.gui-checkout .gui-button-action.vErify-btnUnlock {visibility: visible !important}


*/

a.gui-button-small.gui-button-action.disabled {
  opacity:0.2;
  cursor: not-allowed;
  pointer-events:none;
}
a.gui-button-small.gui-button-action.disabled:hover {
	cursor: not-allowed;
  
}