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

.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: #0a8de9;
}

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

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.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: #666666;
}

.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: #00af66;
}

/* custom */
/* Dyvelopment Custom Start */
.logo {
    min-height: 50px;
}
/* Dyvelopment Custom End */

/* webdinge 09/04/2020 
#top {	height: 60px; }
#top.style2 #logo img {	max-height: 60px;	height: 60px;}
#footer .social-wrapper-footer .usp .icon{ color:#fff;}
 wij zijn klaar */


/* #tfcwidgetcontainer #title {
background-color: #00af66;
}
.customer-service-block .wrap.banner.s2 {background: #fff;}

-------------------------------- 
Added switch
-------------------------------- 
.radio-switch-v2 {
	 position: relative;
	 display: inline-block;
	 display: -webkit-inline-box;
	 display: -ms-inline-flexbox;
	 display: inline-flex;
}
 .radio-switch-v2__item {
	 position: relative;
	 height: 20px;
	 float: left;
}
 .radio-switch-v2__input {
	 position: relative;
	 z-index: 2;
	 height: 100%;
	 width: calc(35px*0.5);
	 opacity: 0;
	 cursor: pointer;
	 -webkit-transform: scaleX(2);
	     -ms-transform: scaleX(2);
	         transform: scaleX(2);
	 -webkit-transform-origin: 0 0;
	     -ms-transform-origin: 0 0;
	         transform-origin: 0 0;
}
 .radio-switch-v2__item:last-of-type .radio-switch-v2__input {
	 -webkit-transform-origin: 100% 100%;
	     -ms-transform-origin: 100% 100%;
	         transform-origin: 100% 100%;
}
 .radio-switch-v2__item:first-of-type .radio-switch-v2__input {
	 -webkit-box-ordinal-group: 2;
	     -ms-flex-order: 1;
	         order: 1;
}
 .radio-switch-v2__input:checked {
	 z-index: -1;
}
 .radio-switch-v2__label {
	 position: relative;
	 z-index: 2;
	 display: block;
	 line-height: 20px;
	 font-size: calc(10px*1.2);
	 -webkit-transition: color .2s;
	 -o-transition: color .2s;
	 transition: color .2s;
	 -webkit-user-select: none;
	    -moz-user-select: none;
	     -ms-user-select: none;
	         user-select: none;
}
 .radio-switch-v2__item:first-of-type .radio-switch-v2__label {
	 float: left;
	 margin-right: 5px;
}
 .radio-switch-v2__item:last-of-type .radio-switch-v2__label {
	 float: right;
	 margin-left: 5px;
}
 .radio-switch-v2__input:checked ~ .radio-switch-v2__label {

}
 .radio-switch-v2__input:focus ~ .radio-switch-v2__label {
	 outline: 2px solid rgba(0,0,0,.2);
	 outline-offset: 2px;
}
 .radio-switch-v2__label :not(*):focus-within, .radio-switch-v2__input:focus ~ .radio-switch-v2__label {
	 outline: none;
}
 .radio-switch-v2__toggle {
	 position: absolute;
	 z-index: 1;
	 width: 35px;
	 height: 20px;
	 top: 0;
	 left: 0;
	 -webkit-transform: translateX(-50%);
	     -ms-transform: translateX(-50%);
	         transform: translateX(-50%);
	 border-radius: 50em;
	 background-color: rgba(0,0,0,.3);
}
 .radio-switch-v2:focus-within .radio-switch-v2__toggle, .radio-switch-v2:active .radio-switch-v2__toggle {
	 -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.2);
	         box-shadow: 0 0 0 2px rgba(0,0,0,.2);
}
 .radio-switch-v2__marker {
	 position: absolute;
	 z-index: 1;
	 top: 3px;
	 left: 3px;
	 width: calc(20px - 3px * 2);
	 height: calc(20px - 3px * 2);
	 border-radius: 50%;
	 background-color: white;
	 -webkit-transition: left .2s;
	 -o-transition: left .2s;
	 transition: left .2s;
	 -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
	         box-shadow: 2px 2px 10px rgba(0,0,0,.2);
	 will-change: left;
}
 .radio-switch-v2__input:checked ~ .radio-switch-v2__toggle .radio-switch-v2__marker {
	 left: calc(35px - 20px + 3px);
}
 

.top-bar {
  text-align: left;
  display: flex;
  justify-content: space-between;
}

.top-bar .switch {
  float: right;
}

@media only screen and (min-width: 1000px) {
  .site-header {
    background-color: white;
  }
  
	.fixed-header .site-header {
    position: fixed;
    background-color: white;
    left: 40px;
    right: 40px;
    top: 44px;
    z-index: 1001;
  }
  
  .fixed-header .top-bar {
    position: fixed;
    left: 40px;
    right: 40px;
    top: 0px;
    z-index: 1001;
  }
  
  .fixed-header .main-content {
  	margin-top: 129px;
  }
  
  .js .main-content {
    -webkit-transition: opacity .4s ease-out .2s;
    transition: opacity .4s ease-out .2s;
	}
}

-------------------------------- 
Added switch
-------------------------------- 
.radio-switch-v2 {
	 position: relative;
	 display: inline-block;
	 display: -webkit-inline-box;
	 display: -ms-inline-flexbox;
	 display: inline-flex;
}
 .radio-switch-v2__item {
	 position: relative;
	 height: 20px;
	 float: left;
}
 .radio-switch-v2__input {
	 position: relative;
	 z-index: 2;
	 height: 100%;
	 width: calc(35px*0.5);
	 opacity: 0;
	 cursor: pointer;
	 -webkit-transform: scaleX(2);
	     -ms-transform: scaleX(2);
	         transform: scaleX(2);
	 -webkit-transform-origin: 0 0;
	     -ms-transform-origin: 0 0;
	         transform-origin: 0 0;
}
 .radio-switch-v2__item:last-of-type .radio-switch-v2__input {
	 -webkit-transform-origin: 100% 100%;
	     -ms-transform-origin: 100% 100%;
	         transform-origin: 100% 100%;
}
 .radio-switch-v2__item:first-of-type .radio-switch-v2__input {
	 -webkit-box-ordinal-group: 2;
	     -ms-flex-order: 1;
	         order: 1;
}
 .radio-switch-v2__input:checked {
	 z-index: -1;
}
 .radio-switch-v2__label {
	 position: relative;
	 z-index: 2;
	 display: block;
	 line-height: 20px;
	 font-size: calc(10px*1.2);
	 -webkit-transition: color .2s;
	 -o-transition: color .2s;
	 transition: color .2s;
	 -webkit-user-select: none;
	    -moz-user-select: none;
	     -ms-user-select: none;
	         user-select: none;
}
 .radio-switch-v2__item:first-of-type .radio-switch-v2__label {
	 float: left;
	 margin-right: 5px;
}
 .radio-switch-v2__item:last-of-type .radio-switch-v2__label {
	 float: right;
	 margin-left: 5px;
}
 .radio-switch-v2__input:checked ~ .radio-switch-v2__label {

}
 .radio-switch-v2__input:focus ~ .radio-switch-v2__label {
	 outline: 2px solid rgba(0,0,0,.2);
	 outline-offset: 2px;
}
 .radio-switch-v2__label :not(*):focus-within, .radio-switch-v2__input:focus ~ .radio-switch-v2__label {
	 outline: none;
}
 .radio-switch-v2__toggle {
	 position: absolute;
	 z-index: 1;
	 width: 35px;
	 height: 20px;
	 top: 0;
	 left: 0;
	 -webkit-transform: translateX(-50%);
	     -ms-transform: translateX(-50%);
	         transform: translateX(-50%);
	 border-radius: 50em;
	 background-color: rgba(0,0,0,.3);
}
 .radio-switch-v2:focus-within .radio-switch-v2__toggle, .radio-switch-v2:active .radio-switch-v2__toggle {
	 -webkit-box-shadow: 0 0 0 2px rgba(0,0,0,.2);
	         box-shadow: 0 0 0 2px rgba(0,0,0,.2);
}
 .radio-switch-v2__marker {
	 position: absolute;
	 z-index: 1;
	 top: 3px;
	 left: 3px;
	 width: calc(20px - 3px * 2);
	 height: calc(20px - 3px * 2);
	 border-radius: 50%;
	 background-color: white;
	 -webkit-transition: left .2s;
	 -o-transition: left .2s;
	 transition: left .2s;
	 -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.2);
	         box-shadow: 2px 2px 10px rgba(0,0,0,.2);
	 will-change: left;
}
 .radio-switch-v2__input:checked ~ .radio-switch-v2__toggle .radio-switch-v2__marker {
	 left: calc(35px - 20px + 3px);
}
 

.top-bar {
  text-align: left;
  display: flex;
  justify-content: space-between;
}

.top-bar .switch {
  float: right;
}

@media only screen and (min-width: 1000px) {
  .site-header {
    background-color: white;
  }
  
	.fixed-header .site-header {
    position: fixed;
    background-color: white;
    left: 40px;
    right: 40px;
    top: 44px;
    z-index: 1001;
  }
  
  .fixed-header .top-bar {
    position: fixed;
    left: 40px;
    right: 40px;
    top: 0px;
    z-index: 1001;
  }
  
  .fixed-header .main-content {
  	margin-top: 129px;
  }
  
  .js .main-content {
    -webkit-transition: opacity .4s ease-out .2s;
    transition: opacity .4s ease-out .2s;
	}
}*/
