.adoptionscart { position: relative; z-index: 999999999999 !important; }
.adoptionscart > div { position: fixed; z-index: 999999999999 !important; bottom: 0px; left: 10px; padding: 10px; background-color: rgba(255,255,255,1); width: 400px; margin: 0 auto;  }
@media screen and (max-width: 600px) { .adoptionscart > div { width: 95%!important; background-color: #e2ecdb;  }  }

.adoptionscart .btnclose { position: absolute; right: 0px; top: 0px; }
.adoptionscart .btnMeliefGreen { background-color: #578534; }
.btnAdd2Adoption { z-index: 99999999999999 !important; }

.imgkader { position: relative; width: 100%; height: auto; overflow: hidden !important; }
.imgkader img { width: 100%; height: auto; transition: all 0.6s ease; }
.imgkader span { transition: all 0.6s ease; width: auto; height: auto; border: 1px solid #fff !important; position: absolute; top: 1%; left: 1%; bottom: 4%; right: 1%; z-index: 10000000001; }
.imgkader h2 {  transition: all 0.6s ease; position: absolute; width: 100%; background-color: rgba(0,0,0,0.3); text-align:center; padding: 10px 5px; font-size: 18px; color: #fff !important; bottom: 20px; left: 0px; }
.imgkader span:hover { transform: scale(0.98); }
.imgkader:hover img { transform: scale(1.1); }
.imgkader:hover h2 { transform: scale(1); }

/* Donatie widget */
.donatieform { color: #578534; }
.donatieform ul { text-align:left; list-style: none; padding: 0px; margin: 10px 0px; }
.donatieform ul li { text-align:center; transition: all 0.6s ease;min-width: 45px; display: inline-block; background-color:#f1faea; margin: 0px; margin-right: 0px; margin-bottom: 3px;  border: 1px solid #578534 !important; padding: 3px 3px; }
.donatieform ul li:hover { transform: scale(1.1); }
.donatieform ul li.active { background-color: #578534; color: #fff; }
.donatieform .btn { background-color: #578534 !important; color: #fff !important; margin-top: 10px; }