/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');


body{font-family:'Ubuntu', sans-serif; font-weight: 300;}

h1 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 2rem !important;
    color: #636569;
    margin-bottom: 20px;
}

h2{
    font-family: 'Ubuntu', sans-serif; 
    font-weight: 500;
    color:#33333A;
    font-weight: bold;
    font-size: 1.3rem;
}

h3, h4, h5, a.nav-link {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

h5 {color: #636569;}

p, a, button {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
}

p{
    color:#878686;
}

a{
    color:#ea0029;
}

a:hover {text-decoration: none; color: #ea0029;}

b {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #636569;
}


html {
  scroll-behavior: smooth;
}

.form-label-group > input, .form-label-group > label {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

.primarycolor {color: #FF6F00;}

/* END FONTS */

.hide-block {
    display: none;
}

.show-block {
    display: block;
}

/* LOGIN SCHERM */
.logologin {
	position: relative;
	top:20px;
    width: 100%;
    height: 100px;
    display: block;
}

.heading {width: 80%; padding-bottom: 30px; padding-top: 15%;}

.loginform {width: 90%; height:250px;}

.loginh1 {font-size:2.5rem!important;}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
.loginh1 {font-size:2.3rem!important; line-height: 2.5rem!important;}
.col.bg {display: none;}
}


.remember {
	width: 50%;
	float: left;
}

.password-forgot {
	width: 50%;
    float: left;
    text-align: right;
}


.onthouden {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 80%;
    color: #636569;
}

.terughome {color:#636569;}
.terughome:hover {	color:#ea0029; text-decoration: none;}


/* END LOGIN SCHERM */


/* HEADER & NAVBAR*/
/* LINKERKANT */
.logoleft {
	display: block;
    width: 80%;
}

a.dropdown-item.werkkleding {padding-left: 50px;}

a.dropdown-item.werkkleding:before {
    content: url(/static/werkkleding-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.werkkleding.active:before  {
    content: url(/static/werkkleding-lichtgrijs.svg);
}

a.dropdown-item.werkkleding:hover:before  {
    content: url(/static/werkkleding-lichtgrijs.svg);
}

a.dropdown-item.winterkleding {padding-left: 50px;}

a.dropdown-item.winterkleding:before {
    content: url(/static/winterkleding-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.winterkleding:hover::before  {
    content: url(/static/winterkleding-lichtgrijs.svg);
}

a.dropdown-item.winterkleding.active:before  {
    content: url(/static/winterkleding-lichtgrijs.svg);
}

a.dropdown-item.regenkleding {padding-left: 50px;}

a.dropdown-item.regenkleding:before {
    content: url(/static/regenkleding-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.regenkleding.active:before  {
    content: url(/static/regenkleding-lichtgrijs.svg);
}

a.dropdown-item.regenkleding:hover:before  {
    content: url(/static/regenkleding-lichtgrijs.svg);
}

a.dropdown-item.vrijetijd {padding-left: 50px;}

a.dropdown-item.vrijetijd:before {
    content: url(/static/vrijetijd-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.vrijetijd.active:before  {
    content: url(/static/vrijetijd-lichtgrijs.svg);
}

a.dropdown-item.vrijetijd:hover:before  {
    content: url(/static/vrijetijd-lichtgrijs.svg);
}


a.dropdown-item.disposable {padding-left: 50px;}

a.dropdown-item.disposable:before {
    content: url(/static/disposable-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.disposable.active:before  {
    content: url(/static/disposable-lichtgrijs.svg);
}

a.dropdown-item.disposable:hover:before  {
    content: url(/static/disposable-lichtgrijs.svg);
}


a.dropdown-item.horeca {padding-left: 50px;}

a.dropdown-item.horeca:before {
    content: url(/static/horeca-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.horeca.active:before  {
    content: url(/static/horeca-lichtgrijs.svg);
}


a.dropdown-item.horeca:hover:before  {
    content: url(/static/horeca-lichtgrijs.svg);
}

a.dropdown-item.signaal {padding-left: 50px;}

a.dropdown-item.signaal:before {
    content: url(/static/signaalkleding-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.signaal.active:before  {
    content: url(/static/signaalkleding-lichtgrijs.svg);
}

a.dropdown-item.signaal:hover:before  {
    content: url(/static/signaalkleding-lichtgrijs.svg);
}

a.dropdown-item.laskleding {padding-left: 50px;}

a.dropdown-item.laskleding:before {
    content: url(/static/laskleding-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.laskleding.active:before  {
    content: url(/static/laskleding-lichtgrijs.svg);
}

a.dropdown-item.laskleding:hover:before  {
    content: url(/static/laskleding-lichtgrijs.svg);
}

a.dropdown-item.veiligheidsaccessoires {padding-left: 50px;}

a.dropdown-item.veiligheidsaccessoires:before {
    content: url(/static/veiligheidsaccessoires-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.veiligheidsaccessoires.active:before  {
    content: url(/static/veiligheidsaccessoires-lichtgrijs.svg);
}

a.dropdown-item.veiligheidsaccessoires:hover:before  {
    content: url(/static/veiligheidsaccessoires-lichtgrijs.svg);
}

a.dropdown-item.vlamvertragend {padding-left: 50px;}

a.dropdown-item.vlamvertragend:before {
    content: url(/static/vlamvertragend-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.vlamvertragend.active:before  {
    content: url(/static/vlamvertragend-lichtgrijs.svg);
}

a.dropdown-item.vlamvertragend:hover:before  {
    content: url(/static/vlamvertragend-lichtgrijs.svg);
}

a.dropdown-item.chemicalien {padding-left: 50px;}

a.dropdown-item.chemicalien:before {
    content: url(/static/chemicalien-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.chemicalien.active:before  {
    content: url(/static/chemicalien-lichtgrijs.svg);
}

a.dropdown-item.chemicalien:hover:before  {
    content: url(/static/chemicalien-lichtgrijs.svg);
}

a.dropdown-item.diepvrieskleding {padding-left: 50px;}

a.dropdown-item.diepvrieskleding:before {
    content: url(/static/diepvrieskleding-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.diepvrieskleding.active:before  {
    content: url(/static/diepvrieskleding-lichtgrijs.svg);
}

a.dropdown-item.diepvrieskleding:hover:before  {
    content: url(/static/diepvrieskleding-lichtgrijs.svg);
}

a.dropdown-item.drijfmiddelen {padding-left: 50px;}

a.dropdown-item.drijfmiddelen:before {
    content: url(/static/drijfmiddelen-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.drijfmiddelen.active:before  {
    content: url(/static/drijfmiddelen-lichtgrijs.svg);
}

a.dropdown-item.drijfmiddelen:hover:before  {
    content: url(/static/drijfmiddelen-lichtgrijs.svg);
}

a.dropdown-item.handbescherming {padding-left: 50px;}

a.dropdown-item.handbescherming:before {
    content: url(/static/handbescherming-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.handbescherming.active:before  {
    content: url(/static/handbescherming-lichtgrijs.svg);
}

a.dropdown-item.handbescherming:hover:before  {
    content: url(/static/handbescherming-lichtgrijs.svg);
}

a.dropdown-item.hoofdbescherming {padding-left: 50px;}

a.dropdown-item.hoofdbescherming:before {
    content: url(/static/hoofdbescherming-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.hoofdbescherming.active:before  {
    content: url(/static/hoofdbescherming-lichtgrijs.svg);
}

a.dropdown-item.hoofdbescherming:hover:before  {
    content: url(/static/hoofdbescherming-lichtgrijs.svg);
}

a.dropdown-item.oogbescherming {padding-left: 50px;}

a.dropdown-item.oogbescherming:before {
    content: url(/static/oogbescherming-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.oogbescherming.active:before  {
    content: url(/static/oogbescherming-lichtgrijs.svg);
}

a.dropdown-item.oogbescherming:hover:before  {
    content: url(/static/oogbescherming-lichtgrijs.svg);
}

a.dropdown-item.ademhalingsbescherming {padding-left: 50px;}

a.dropdown-item.ademhalingsbescherming:before {
    content: url(/static/ademhalingsbescherming-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.ademhalingsbescherming.active:before  {
    content: url(/static/ademhalingsbescherming-lichtgrijs.svg);
}

a.dropdown-item.ademhalingsbescherming:hover:before  {
    content: url(/static/ademhalingsbescherming-lichtgrijs.svg);
}

a.dropdown-item.gehoorbescherming {padding-left: 50px;}

a.dropdown-item.gehoorbescherming:before {
    content: url(/static/gehoorbescherming-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.gehoorbescherming.active:before  {
    content: url(/static/gehoorbescherming-lichtgrijs.svg);
}

a.dropdown-item.gehoorbescherming:hover:before  {
    content: url(/static/gehoorbescherming-lichtgrijs.svg);
}

a.dropdown-item.gelaatbescherming {padding-left: 50px;}

a.dropdown-item.gelaatbescherming:before {
    content: url(/static/gelaatbescherming-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.gelaatbescherming.active:before  {
    content: url(/static/gelaatbescherming-lichtgrijs.svg);
}

a.dropdown-item.gelaatbescherming:hover:before  {
    content: url(/static/gelaatbescherming-lichtgrijs.svg);
}

a.dropdown-item.valbeveiliging {padding-left: 50px;}

a.dropdown-item.valbeveiliging:before {
    content: url(/static/valbeveiliging-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.valbeveiliging.active:before  {
    content: url(/static/valbeveiliging-lichtgrijs.svg);
}

a.dropdown-item.valbeveiliging:hover:before  {
    content: url(/static/valbeveiliging-lichtgrijs.svg);
}

a.dropdown-item.overige-artikelen {padding-left: 50px;}

a.dropdown-item.overige-artikelen:before {
    content: url(/static/overige-artikelen-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.overige-artikelen.active:before  {
    content: url(/static/overige-artikelen-lichtgrijs.svg);
}

a.dropdown-item.overige-artikelen:hover:before  {
    content: url(/static/overige-artikelen-lichtgrijs.svg);
}

a.dropdown-item.veiligheidsschoenen {padding-left: 50px;}

a.dropdown-item.veiligheidsschoenen:before {
    content: url(/static/veiligheidsschoenen-donkergrijs.svg);
    display: block;
    height: 20px;
    left: 20px;
    width: 20px;
    position: absolute;
}

a.dropdown-item.veiligheidsschoenen.active:before  {
    content: url(/static/veiligheidsschoenen-lichtgrijs.svg);
}


a.dropdown-item.veiligheidsschoenen:hover:before  {
    content: url(/static/veiligheidsschoenen-lichtgrijs.svg);
}

li.bedrijf-extra {list-style: none;}

ul.bedrijf-opties {padding-left: 20px;}

/* EIND LINKERKANT */

/* BEGIN RECHTERKANT */
.rechts {
    /*margin-left: 15px!important;*/ 
    width: calc(99% - 225px);

}

.searchform {
    float: left; 
    width: 35%;
}

.form-control.zoekform {
	border:0px;
}

.form-control:focus {
	box-shadow: none!important;
}
.btn-blanco {
	color: #D8D8D8;
}

.btn-blanco:focus {
	color:#33333a;
	box-shadow: none!important;
}

.zoekform::placeholder {
	color: #d8d8d8;
}

.cartcol {
    float: right; 
    margin-right: 15px;
}

.zoekbar {border-left:1px solid #d8d8d8;}

img.cart-header {
width: 20px;
height: 20px;
}

/* CART */

#alertsDropdown > i.fa-shopping-cart {width: 22px; height:22px;}

.dropdown-menu.show.cartdropdown {
	right: -20px;
    border-radius: 5px!important;
    width: 300px;
    background-color:#fff;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26)!important;
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26)!important;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26)!important;
}

.cartdropdown:after {
	bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.dropdown-menu.show.cartdropdown {padding: 10px;}

.cart-image {width: 25%; float: left;}
.dropdown-item.cart-item {padding: 0; height: 70px;}
.cart-title {    
    display: block;
    width: 65%;
    float: left;
}
.cart-price {    
    display: block;
    width: 65%;
    float: left;
}
.cart-remove {
    display: block;
    padding: 11px 0;
}



.dropdown-item.cart-item:hover {background-color: transparent; opacity: 1; color: #656369;}


/* END CART */

/* SIDEBAR */
.nav-link.dropdown-toggle.cart {padding: 0.5rem 0;}

.navbar-nav .nav-item .nav-link .badge {
    /*top: 0.1rem;*/ 
    border-radius: 30px!important; 
    width: 12px;
}

.sidebar {background:#D8D8D8;}

.sidebar .nav-item .nav-link {color:#656369; opacity: 0.65;}

.sidebar .nav-item .nav-link:hover {color:#656369; opacity: 1;}

.navbar-nav .nav-item.active .nav-link {color:#656369; opacity: 1; border-right: 4px solid #FF6F00;}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {content: "\f067"; font-size: 11px; padding-top: 10px;}

.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {content:"\f068";}

.sidebar .nav-item .nav-link:active, .sidebar .nav-item .nav-link:focus, .sidebar .nav-item .nav-link:hover {color:#656369; opacity: 1;}

.dropdown-item.active, .dropdown-item:active {opacity: 1; color: #cdcdcd; background: #656369; border-radius: 0;}

.dropdown-menu.show {
    margin: 0!important;
    background: #CDCDCD;
    border: 0px!important;
    border-radius: 0!important;1
    box-shadow: none!important;
}

.dropdown-item {opacity: 0.65; color:#656369;}

.dropdown-item:hover, .dropdown-item:focus {
	opacity: 1;
    color: #cdcdcd;
    background: #656369;
    transition: ease-in 0.2s;}

i.fas.fa-layer-group {width: 18px;}

.fa-layer-group:before {
    content: url(/static/layers.svg);
}

.nav-link i.fas.fa-shopping-cart {width: 18px;} 

.nav-link i.fas.fa-shopping-cart:before {content: url(/static/cart-grey.svg);}
@media only screen and (min-width: 768px) {
    .sidebar .nav-item .nav-link{padding: 0.7rem 1rem;}
}
/* END SIDEBAR */

@media only screen and (min-width: 768px) {
#sidebarToggle {
	display: none!important;
}

#page-top > nav > form {
	margin-left: 0!important;
}

.navbar-expand .navbar-nav {
	margin-left:auto!important;
}

.navbar.navbar-expand.navbar-dark.static-top {
	padding:0;
}

.links {
    width: 250px;
    height: 56px;
    background: #33333A;
}
.navbar-brand.mr-1 {
	width: 100%;
	padding: 10px;
}
.sidebar {
	position: -webkit-sticky;
	position: sticky;
 	top: 0;
 	height: 100vh;
}

.logout {
    position: fixed;
    bottom: 0px;
    background: #CACACA;
    height: 50px;
    text-align: center;
    margin-bottom: 0px!important;
}

.nav-item.logout > a{
	text-align: center!important;
}
}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
	
    .navbar.navbar-expand {
		background:#33333A;
		/*padding: 5px 10px;*/
	}
    
    .links {
    width: 88%;
    height: 56px;
    background: #33333A;
}

#language {display: none;}

#saldo {display: none;}

	.logoleft {
    display: block;
    width: 60%;
    margin: 0 auto;
}

.navbar-brand.mr-1{
	width: 85%;
}

.btn.btn-link.btn-sm.text-white.order-1.order-sm-0 {
	width: 10%;
	padding: 0;
    top: -10px;
    line-height: 0;
    margin-top: -28px;
}

.rechts {
	width: 10%;
}
.dropdown-menu.show:before {
    right: 100%;
    top: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #CDCDCD;
    border-width: 11px;
    margin-top: 0;
}

.sidebar .nav-item .dropdown-menu {
        left: calc(90px + 1rem) !important;
        border-radius: 10px!important;
}
}

#language {float: right; padding-right: 20px;  }
.flags {
     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: ease 0.2s;
}

.flags.active {
     -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
  transition: ease 0.2s;
}

.flags:hover {
     -webkit-filter: none; /* Safari 6.0 - 9.0 */
  filter: none;
  transition: ease 0.2s;
}

.flag-icon {height: 18px;}

/* END HEADER & NAVBAR */

/* LAATST BESTELDE PRODUCTEN */
.lastproducts {margin-top: 20px;}

.productshome {margin-bottom: 50px;}

/* CAROUSEL */
@media only screen and (min-width: 1024px) {
	.mobile-only {display: none!important;}
	.productshome {display: block!important}
}

@media only screen and (max-width: 1095px) and (min-width: 1023px) {
#content-wrapper > div:nth-child(3) > div.row.lastproducts > div:nth-child(4) {
    display: none;
}
}

@media only screen and (max-width: 1023px) and (min-width: 1px) {
	.mobile-only {display: block!important; margin-bottom: 30px!important;}
	.productshome {display: none!important}
	.carousel-inner {width: 80%; margin:0 auto;}
	.carousel-item{transition: transform 1s ease}
}

.carousel-control-prev-icon {background-image: none!important;}

.carousel-control-next-icon {background-image: none!important;}

.carousel-control-prev i.fa.fa-chevron-left {color: #636569; font-size:20px;}

.carousel-control-next i.fa.fa-chevron-right {color: #636569; font-size:20px;}

/* END CAROUSEL */

/* PRODUCTCARD */

.productcard {animation-delay: 0.2s}

.productcard{
    background: linear-gradient(-315deg, transparent 4%, #f5f5f5 4%, 96%,transparent 96%);
    border: 0;
    filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.2));
}

a.productcard:hover{
    text-decoration: none;
}

.card.h-100.productcard:after {
    content: "";
    display: block;
    height: 11px;
    background-image: url(/static/border-blokje.svg);
    background-repeat: repeat-x;
    background-position: left;
    margin-left: 6%;
}

.productcard .card-footer{
    background: transparent;
    padding: 1rem 1.25rem 1.25rem 1.25rem;
    border-top: 0;
}

.productcard .price {
    color: #33333a;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1rem;
}

.productcard h4.card-title {
    font-size: 1.2rem;
    color: #141414;
}

.productcard .card-text {
    font-size: .9rem;
    line-height: 1.45rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.productcard .btn {
    padding: 4px 12px 2px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.8rem;
}

.productcard .card-top {
    background: linear-gradient(-315deg, transparent -10%, #fff 0%, 96%,transparent 96%);
    height: 200px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.productcard .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    max-width: 80%;
    height: 175px;
    width: auto;
    margin: 0 auto;
}

.productcard .label {
    position: absolute;
    top: .75rem;
    left: .75rem;
    padding: .2rem .75rem;
    text-transform: uppercase;
    font-size: .8rem;
    color: #FFF;
    letter-spacing: .5px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

.label.sale{
    background:#33333a;
}

.label.new{
    background:#ea0029;
}

/* COLOR PICKER */
.colorpicker {
    margin-top: -10px;
}

.zwart{color:black;} .rood{color:red;} .geel{color:yellow;} .groen{color:green;} .blauw{color:blue;} .oranje{color:orange;}
/* END COLOR PICKER */
/* END PRODUCTCARD */

/* BUTTONS */
.btn-primary{
    background-color:#FF6F00;
    border-radius:0;
    border:0;
}

.btn-primary:hover {
    background-color: #FF6F00;
    border:0;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #FF6F00;
    border: 0;
}

.btn-lg{
    background: linear-gradient(-315deg, transparent 4%, #FF6F00 4%, 96%,transparent 96%)!important;
}

.btn-group-lg > .btn, .btn-lg {
    padding: .5rem 1.75rem .25rem;
    border-radius: 0;
    font-size: .95rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

    .btn-angle {
    position:relative; 
    display: inline-block;
    width: 40%;
	}

.btn-angle {
    display: block;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

.btn-angle:before {
    position: absolute;
    right: -1px;
    top: -1px;
    content: '';
    border-top: 18px solid #f8f9fa;
    border-left: 18px solid transparent
}

.btn-angle:after {
    position: absolute;
    left: -2px;
    bottom: -2px;
    content: '';
    border-left: 18px solid #f8f9fa;
    border-top: 18px solid transparent;
}

.btn-angle.open {
	background: #d8d8d8;
	color:#636569;
}

/* END BUTTONS */

/* HIGHLIGHT BUTTON */
.highlight .btn {
        display: inline-block;
        position: relative;
        overflow: hidden;
}

.highlight .btn:before {
        content: "";
        position: absolute;
        top: -30px;
        left: -80px;
        height: 100px;
        width: 70px;
        background: rgba(255, 255, 255, .25);
        transform: rotate(20deg);
}

.highlight .btn:hover:before {
        left: 195px;
        transition: all .75s;
}
/* END HIGHLIGHT BUTTON */

/* LOPENDE AANVRAAG HOME */

.bg-warning {background-color: #F39C12!important;}

.lopende-aanvraag .col > div > p {padding: 11px 0px!important;}

.lopende-aanvraag {
	margin-left:0px;
	margin-right: 0px;
	border-radius: 2px;
	margin-bottom: 30px;
}

.lopende-aanvraag .col > div >  p {
	margin: 0!important;
    padding: 10px 0px;
    color: #fff;
}

.lopende-aanvraag .col .aanvraag-details {
	padding: 0px;
}
.lopende-aanvraag .col > div >  a {
    color: #fff;
    text-decoration: none;
    margin: 0;
}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
.lopende-aanvraag .col > div > p {
	padding: 7px 0px!important
}
}


/* BASIS */
.btn-primary:focus, .btn-primary.focus {
	box-shadow: none!important;
}

.d-block {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #636569;
}

.d-block:hover {
	color:#ea0029;
	text-decoration: none;
}

.scroll-to-top {
	line-height: 35px;
    width: 30px;
    height: 30px;
    border-radius: 20px!important;
}

/* END BASIS */

/* MIJN AANVRAGEN */
.open-aanvraag-table {
    background: #F39C12;
    padding: 5px 40px;
    border-radius: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    width: fit-content;
    text-align: center;
}

.toegewezen-aanvraag-table {
    background: #1aad5e;
    padding: 5px 40px;
    border-radius: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    width: fit-content;
    text-align: center;
}

.afgewezen-aanvraag-table {
    background: #EA0029;
    padding: 5px 40px;
    border-radius: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    width: fit-content;
    text-align: center;
}

.keuren {margin-top: 20px;}

.btntoewijzen {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
    margin-left: 5px;
    cursor: pointer;
}

    .btntoewijzen a {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 500;
        background-color: #1aad5e;
        color: #fff;
        padding: 7px 25px;
        border: 2px solid #1aad5e;
    }

.btntoewijzen a:hover {background-color: #117941; border-color:#117941; color: #fff; transition: ease-in 0.2s;}

.btnafwijzen {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
    margin-right: 5px;
}

    .btnafwijzen a {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 500;
        padding: 7px 25px;
        border: 2px solid #ea0029;
    }

.btnafwijzen a:hover {background-color: #ea0029; color: #fff; transition: ease-in 0.2s;}


/* END MIJN AANVRAGEN */

/* TABLES */
.table-responsive {
    border-radius: 6px;
    border:1px solid #dee2e6;
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,0.1);
}

.table {margin-bottom: 0px; background:#fff;}

.table thead th {
    border: 0px;
}

/*.tbody tr:hover {background:#dee2e6; transition:ease 0.2s; cursor: pointer;}*/
.rowhover tr:hover {background:#dee2e6; transition:ease 0.2s; cursor: pointer;}

table {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    font-size: 1.1em;
}

.marginbottom {margin-bottom: 35px;}


/* END TABLES */

/* CONTACTGEGEVENS */

.gegevens-edit {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

table.afleveradressen > tbody > tr:hover {background-color: transparent;}

table.afleveradressen > tbody > tr > td:nth-child(2) {border-right:1px solid #dee2e6;}

table.afleveradressen > tfoot > tr > td:nth-child(2) {border-right:1px solid #dee2e6;}


/* END CONTACTGEGEVENS */

/* BERICHTEN */
.bordered {border-radius: 5px; border: 1px solid #dee2e6; padding: 0;}
.bericht-list {list-style: none; padding: 10px; padding-left: 50px;}
.bericht-list.active, .bericht-list:hover{background: #f2f2f2;}
.bericht-container {padding:0; margin-bottom: 40px;height: 591px;overflow: scroll;}
.searchberichten {
        width: calc(100% - 1px);
    margin: 0!important;
    background: transparent;
    border-bottom: 1px solid #dee2e6;
    padding: 10px 0px;
}

li.bericht-list {border-bottom: 1px solid #dee2e6;}

.title-bericht:before {
    font-size: 1rem;
    font-family: FontAwesome;
    margin-left: -30px;
    padding-right: 10px;
}

.ongelezen .title-bericht:before{
    content: "\f0e0";
    color: #656369;
}

.gelezen .title-bericht:before{
    content: "\f2b6";
    color: #dee2e6;
}

.urgent .title-bericht:before{
    content: "\f06a";
    color: #ea0029;
}

.bericht-short {
    font-size:0.9em;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 20px;
    max-width: 99%;
    white-space: nowrap;
    margin-bottom: 0px;
}

.subject-bericht h4 {max-height: 58px; padding:15px 10px; margin: 0; border-bottom: 1px solid #dee2e6;}

.margin {
    width: calc(75% - 20px);
    margin-left: 20px;
    height: 650px;
}

.body-bericht {padding: 20px; font-size: 0.9em; height: 393px; overflow: scroll;}

.date {
    width: 100%;
    text-align: right;
    padding: 0 20px;
}

.bericht-tekst {
    padding: 20px;
    line-height: 200%;
    padding-bottom: 20px;
}

.inbox {height:650px;}

strong {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #acafb3;
    font-weight: lighter;
}

#comment {width: 95%; margin: 0 20px; padding: 10px; margin-top: 10px; border-color: #dee2e6;}

#verstuur-bericht {
    width: 150px;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}

.subject-bericht h4 {color: #acafb3;}

.floatbutton {
    padding: 10px 17px;
    position: fixed;
    background: #ea0029;
    right: 20px;
    bottom: 20px;
    border-radius: 40px;
    font-size: 20px;
    color: #fff;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);
}

.floatbutton:hover {box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.15); transition: ease-in 0.2s;}

/* END BERICHTEN */

/* PRODUCT PAGE */

.productitem {margin-bottom: 20px;}
.back a{color:#8f9498; font-size:0.8em;}
.topspace {padding-top: 10px;}
img.product-image {max-width: 70px; height: auto; max-height: 100px;}
.informatie {width: 80%;}
    .informatie b {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 500;
    }
.productitem .kleurkeuze {float: left; clear: both; width: 100%; margin-bottom: 20px;}
.maatkeuze {float: left; clear: both; width: 100%; margin-bottom: 20px;}
.productitem .kleurkeuze div {margin-bottom: 10px;}
.maatkeuze div {margin-bottom: 10px;}
.productitem .kleurkeuze span {margin:0 0 0 15px;}
.productitem .kleurkeuze span:hover {box-shadow: 0px 0px 25px 3px rgba(0,0,0,0.1);}
.keuze-geel {    background-color: #FFD400;
    height: 30px;
    width: 50px;
    display: block;
    transform: skewX(35deg);
    float: left;
}

.keuze-oranje {    
    background-color: #FF6B00;
    height: 30px;
    width: 50px;
    display: block;
    transform: skewX(35deg);
    float: left;
}

.maatkeuze span {
    width: 35px;
    padding-top: 6px;
    font-size: 0.9em;
    height: 35px;
    display: block;
    text-align: center;
    border: 1px solid #8f9498;
    float: left;
    color: #8f9498;
    transition: ease-in 0.2s;
    margin-right: 10px;
}

.maatkeuze span:hover {
    background-color: #8f9498;
    color: #000;
    transition: ease-in 0.2s;
}

.maatkeuze span:active {
    background-color: #8f9498;
    color: #000;
    transition: ease-in 0.2s;
}

.maatkeuze span:focus {
    background-color: #8f9498;
    color: #000;
    transition: ease-in 0.2s;
}

.aantal {width:30%; float: left;}

/*.prijs {width: 70%; float: left; margin-top: 36px; margin-bottom: 20px;}*/
.prijs {
    width: 70%;
    float: left;
    margin-top: 22px;
    margin-bottom: 20px;
}

 input.minus {
    background: #F5F5F5;
    border: none;
    width: 30px;
}

 input.plus {
    background: #F5F5F5;
    border: none;
    width: 30px;
}

input.input-text.qty.text {
    width: 40px;
    text-align: center;
    border: none;
}
.productextra {border: 1px solid #D8D8D8;}

.info {padding: 10px 0px;}
.extra-info {margin-bottom: 35px;}

#add-to-cart {
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    padding: 7px 25px;
}

.reviews-stars-positive {
    color: #ea0029!important;
}

.reviews-stars > .reviews-stars-negative {
    position: relative;
    float: right;
    direction: rtl;
    overflow: hidden;
    color: #ffffff;
    display: block;
    margin-bottom: -2.0em;
    line-height: inherit;
}

.reviews-stars-negative {
    color: #ffffff !important;
}

#specs {border-top: 1px solid #d8d8d8; padding-top: 30px;}

.stars {width: 102.58px;}
.stars .reviews-stars {
    font-size: 26px !important;
    line-height: 26px !important;
    text-shadow: none;
    clear: both;
    margin-bottom: 10px;
}

span.op-voorraad {color: #1aad5e;}
span.niet-op-voorraad {color: #ea0029;}
span.weinig-voorraad {color: #F39C12;}

.quantity {border: 1px solid #d8d8d8;}

.disabling {
    position: absolute;
    background: #ffffffef;
    height: 120px;
    z-index: 9999;
    width: 100%;
    padding: 20px;
}

.panel {
    padding: 15px;
    margin: 15px 15px 15px 0px;
    border: 0;
    border-left: 6px solid #e60021;
    background-color: #fff;
    border-radius: 3px;
    width: 60%;
    box-shadow: 0 0px 9px 3px rgba(0,0,0,0.2);
}


/* END PRODUCTPAGE */

/* CART */
.cart-list {padding: 0; border-top: 1px solid #d8d8d8;}
.cart-row {
    list-style: none;    
    display: -webkit-box;
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0;
}

.totaal {text-align: right;}

span.totaal-prijs {
    width: 100px;
    display: block;
    float: right;
}

.totaal p {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 1.2em;
}

@media only screen and (max-width: 1024px) and (min-width: 1px) { 
    .cart-row {display: inline-block;}
    .cart-row .col-md-1 {width: 20%;}
    .cart-row .col-md-5 {width: 80%;}
    .cart-row .col-md-3 {padding-top: 20px; padding-bottom: 20px; width: 60%;}
    .cart-mob {display: inline-table;}
    .cart-mob-price {width: 40%; padding-top: 20px; padding-bottom: 20px;}
    .cart-mob-delete {position: absolute; right:-40px;}
    .prijs {margin-bottom: 0px;}
    .quantity {width: fit-content!important;}
    .aantal {width: 50%;}
    .prijs {width: 50%;}
    .mobilebutton {
    background-color: #fff;
    width: 100%;
    display: block;
    bottom: 0;
    left: 0;
    padding: 10px;
    position: fixed;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    z-index: 9999;
    }
    #add-to-cart {width: 100%;}
}

/* END CART */

/* CHECKOUT */

.progressbar .nav-item {
    border: solid 1px #dedede;
    background-color: white;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
}

    .progressbar .nav-item a {
        color: #33333a;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: inherit;
    background-color: inherit;
}

.progressbar .nav-item .active {
    background-color: #f5f5f5;
}


.adres-checkout {padding: 10px;}

@media only screen and (min-width: 1024px) {
    .adres-checkout {width: 49%; margin-right: 1%;}
}

.afleverkeuze {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #ACACAC;
}

.adresgegevens-standaard {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #ACACAC;
}

.bedrijfsnaam {
    display: block;
}

.adres {
    display: block;
}

.postcode {
    display: block;
}

.plaatsnaam {
    display: block;
}

.telefoonnummer {
    display: block;
}
input[type=radio]{
  /* Hide original inputs */
  visibility: hidden;
  position: absolute;
}
input[type=radio] + label:before{
  height:12px;
  width:12px;
  margin-right: 7px;
  content: " ";
  display:inline-block;
  vertical-align: baseline;
  border:1px solid #ACACAC;
}

input[type=radio]:checked + label:before{ 
    background:#1aad5e;
}

input[type=radio] + label:before{
  border-radius:50%;
}


@media only screen and (max-width: 1024px) and (min-width: 1px) {  
.col-md-2.cart-mob {width: 25%;}
.col-md-8.cart-mob {width: 75%; height: 53px;}
}

/* AFGEROND */
.bigger {font-size: 1.2em; margin-bottom: 20px;}


/* END AFGEROND */

/* CHARTS */

.chartcard {height: 310px!important;} 
.chart-title {padding-left: 10px; padding-top: 10px;}

/* END CHART */

/* KEUREN */

.afbeelding {width: 10%;}

.afbeelding-tabel {
    max-width: 70px;
    height: auto;
    max-height: 100px;
}

/* END KEUREN */

/* MELDINGEN */

.message-item {
margin-bottom: 25px;
margin-left: 40px;
position: relative;
}
.message-item .message-inner {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
position: relative;
}
.message-item .message-inner:before {
border-right: 10px solid #ddd;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -20px;
top: 6px;
width: 0;
}
.message-item .message-inner:after {
border-right: 10px solid #fff;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -18px;
top: 6px;
width: 0;
}
.message-item:before {
background: #fff;
border-radius: 2px;
bottom: -30px;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
content: "";
height: 100%;
left: -30px;
position: absolute;
width: 3px;
}
.message-item:after {
background: #fff;
border: 2px solid #ccc;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
content: "";
height: 15px;
left: -36px;
position: absolute;
top: 10px;
width: 15px;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.message-item .message-head {
border-bottom: 1px solid #eee;
margin-bottom: 8px;
padding-bottom: 8px;
}
.message-item .message-head .avatar {
margin-right: 20px;
}
.message-item .message-head .user-detail {
overflow: hidden;
}
.message-item .message-head .user-detail h5 {
font-size: 16px;
font-weight: bold;
margin: 0;
}
.message-item .message-head .post-meta {
float: left;
padding: 0 15px 0 0;
width:100%;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: left;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}

.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}

.reageren {
    position: absolute;
    width: 100%;
    background: white;
    bottom: 0px;
    left: 0;
    padding-bottom: 20px;
    border-top: solid 1px #dee2e6;
}
/* END MELDINGEN */

.flag-icon-us {
    background-size: cover;
    width: 20px;
    height: auto;
    content: url(/static/uk-flag.png);
}

.flag-icon-nl {
    background-size: cover;
    width: 20px;
    height: auto;
    content: url(/static/nl-flag.png);
 }

.flag-icon-de {
    background-size: cover;
    width: 20px;
    height: auto;
    content: url(/static/german-flag.png);
}

.flag-icon-fr {
    background-size: cover;
    width: 20px;
    height: auto;
    content: url(/static/france-flag.png);
}

.dropdown-menu.open.show .dropdown-menu.inner.selectpicker{
    display: contents;
}

@media (max-width: 992px){
    .dropdown-menu.open.show {
        position: absolute;
    }
}

.dropdown-menu.open.show {
    min-width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* IPAD TWEAKS */
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .navbar.navbar-expand {
        background:#33333A;
        padding: 5px 10px;
    }
    .links {
    width: 225px;
    height: 56px;
    background: #33333A;
}

#language {display: none;}

#saldo {display: block; color:#fff;}

    .logoleft {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.navbar-brand.mr-1{
    width: 80%;
}

.btn.btn-link.btn-sm.text-white.order-1.order-sm-0 {
    width: 10%;
    padding: 0;
    top: -10px;
    line-height: 0;
    margin-top: -28px;
}

.rechts {
    width: calc(100% - 225px);
}
.dropdown-menu.show:before {
    right: 100%;
    top: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #CDCDCD;
    border-width: 11px;
    margin-top: 0;
}

.sidebar .nav-item .dropdown-menu {
        left: calc(90px + 1rem) !important;
        border-radius: 10px!important;
}
}

#saldo {padding: 6px 0;}


/* REVIEW RATING */

.rating {font-family: FontAwesome;}

.rate-base-layer  {
    color: #ea0021
}

.rate-select-layer {
    color: #ea0021
}

.rate-hover-layer {
    color: #ea0021
}

 .animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.stars
{
    margin: 20px 0;
    font-size: 35px;
    color: #d17581;
}

.reviews i.fa.fa-star {
    font-size: 17px;
}

button#rating-star-1 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-top: 1px;
}

button#rating-star-2 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-top: 1px;
}

button#rating-star-3 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-top: 1px;
}

button#rating-star-4 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-top: 1px;
}

button#rating-star-5 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-top: 1px;
}

/*button#rating-star-1 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-left: 3px;
    padding-top: 2px;
}

button#rating-star-2 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-left: 3px;
    padding-top: 2px;
}

button#rating-star-3 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-left: 3px;
    padding-top: 2px;
}

button#rating-star-4 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-left: 3px;
    padding-top: 2px;
}

button#rating-star-5 {
    border-radius: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    padding-left: 3px;
    padding-top: 2px;
}*/

/* WEBSHOP PAGE */
.cat-info {
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.15));
    background: white;
    max-width: 97%;
}

button#sorteerOp {
    border: solid 1px #dedede;
    padding: 5px 15px;
    border-radius: 0;
}

.resultaat-aantal {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #33333A;
}

.resultaten:after {
    content: "";
    background: #33333A;
    display: block;
    height: 15px;
    width: 1.2px;
    position: absolute;
    top: 19%;
    right: 0%;
}

/* FILTERS */
hr.divider{
    margin-top: 0;
    margin-bottom: 2rem;
    height: 1px;
    width: 90%;
}

ul.sidebar-categories, ul.main-categories, .common-filter ul, ul.filter-uitklap, .filter-uitklap ul {
    padding-inline-start: 0px!important;
    padding: 0px;
}

ul li.main-nav-list, ul li.filter-list, ul li.main-filter-list {
    list-style: none;
}

li.main-nav-list a, li.filter-list label, .filter-title {
    text-transform: uppercase;
    font-size: .8rem;
    color: #33333A;
    letter-spacing: .5px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    line-height: 2.25rem;
}

li.filter-list label {
    line-height: 1.5rem;
}

li.main-nav-list a:hover, li.main-nav-list.child a:hover, a.reset:hover {
    text-decoration: none;
    color: #ea0029;
}

a.reset {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    float: right;
}

li.main-nav-list.child a {
    color: #878686;
}

span.number {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;    
    float: right;
}

.pixel-radio {
    margin-right: 10px;
}

.pagination a {
    margin-left: 6px;
}

.pagination a, .maatkeuze .maat {
    border: solid 1px #dedede;
    padding: 10px 15px;
    color: #33333A;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
}

.pagination a.active {
    background: #f5f5f5;
}

.pagination a.dot-dot{
    border:0;
}

.pagination a:hover, .productinfo .maatkeuze .maat:hover,.productinfo .maatkeuze .maat:active, .productinfo .maatkeuze .maat:focus{
    text-decoration: none;
    background: #f5f5f5;
    transition: ease-in 0.2s;
}

.pagination a.dot-dot:hover{
    background: 0;
}

p.tekst-resultaten {float: right;}
/* END FILTERS */
/* END WEBSHOP PAGE */


.btn-block + .btn-block {margin-top: 0px!important;}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #ff9bad!important;
    background:#ff9bad!important;
}


.action-button {
    width: 100%;
    //padding: 10px 40px;
    padding: 5px 10px;
    margin: 0px 10px 10px 0px;
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    font-size: larger;
}

@media only screen and (max-width: 600px) {
    
    .action-button {
        margin: 0% 5% 0% 5%
    }

}


.goedkeuring {
    color: #FFF !important;
    background-color: #1E7FF1;
    border-bottom: 5px solid #10447F;
    text-shadow: 0px -2px #10447F;
}

.openstaand {
    color: #FFF !important;
    background-color: #17a2b8;
    border-bottom: 5px solid #117686;
    text-shadow: 0px -2px #117686;
}

.afgesloten {
    color: #FFF !important;
    background-color: #8e949a;
    border-bottom: 5px solid #4C4E53;
    text-shadow: 0px -2px #4C4E53;
}

.afgewezen {
    color: #FFF !important;
    background-color: #FF0000;
    border-bottom: 5px solid #960000;
    text-shadow: 0px -2px #960000;
}

.toegewezen {
    color: #FFF !important;
    background-color: #3BA440;
    border-bottom: 5px solid #2B782F;
    text-shadow: 0px -2px #2B782F;
}

.nietbijgewerkt {
    color: #FFF !important;
    background-color: #5E8C88;
    border-bottom: 5px solid #324B48;
    text-shadow: 0px -2px #324B48;
}

.wachtenop {
    color: #FFF !important;
    background-color: #ed6313;
    border-bottom: 5px solid #324B48;
    text-shadow: 0px -2px #324B48;
}

/*.goedkeuring {
    color: #000 !important;
    background: #82D4D8;
    box-shadow: 0 12px 40px -12px #82D4D8;
    font-size: larger;
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 20px;
    margin: 0;
    text-align: center;
}

.openstaand {
    background: #17a2b8;
    box-shadow: 0 12px 40px -12px #17a2b8;
    color: white !important;
    font-size: larger; 
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0;
    text-align: center;
}

.afgesloten {
    background: #8e949a;
    box-shadow: 0 12px 40px -12px #8e949a;
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 20px;
    color: #fff;
    font-size: larger;
    margin: 0;
    text-align: center;
}

.afgewezen {
    background: #FF0000;
    color: white;
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 20px;
    color: #fff;
    font-size: larger;
    margin: 0;
    text-align: center;
}

.toegewezen {
    background: #3BA440;
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 20px;
    color: #fff;
    font-size: larger;
    margin: 0;
    text-align: center;
    color: #fff !important;
    box-shadow: 0 12px 40px -12px #3ba440;
}

.nietbijgewerkt {
    background: #5E8C88;
    color: #fff !important;
    box-shadow: 0 12px 40px -12px #5E8C88;
    font-size: larger;
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 20px;
    margin: 0;
    text-align: center;
}*/

@media only screen and (min-width: 768px) {
    
    li#saldoblok {
        left: 84%;
    }

    .card-title {
        margin-bottom: 15px;
    }

    .productcard .card-text {
        margin-top: -11px;
        /*min-height: 70px;*/
    }

    .productcard .card-footer {
        padding: 0rem 1.25rem 1.25rem 1.25rem;
    }

    .productcard .btn {
        padding: 7px 22px 7px;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-size: 1rem;
    }
}