:root {
    /*#761c19: Orgineel donker rood voor menu-bg*/
    /*#6c757d: Orgineel grijs voor body-bg*/

    /*#8c1a16: Iets lichter (donker)rood*/
    /*#206635: Donker groen*/
    /*#598065: Olijf groen voor body-bg*/

    /*--menu-bg-color: #206635;
    --dropdown-menu-bg-color: #2c8246;
    --body-bg-color: #598065;*/

    /*--menu-bg-color: #6fb383;
    --dropdown-menu-bg-color: #81c796;
    --body-bg-color: #9fccae;*/

    --menu-bg-color: #6fb383;
    --dropdown-menu-bg-color: #81c796;
    --body-bg-color: #daf2e2;
    
    --pricelabel-color: #f4d72d;
    --pricetext-color: #370707;
}

body {
    padding-top: 60px;
    padding-bottom: 20px;
    padding-left: 0px;
    background-color: #eeeeee;
}
.image_rotated_by_90 {
    -webkit-transform:rotate(90deg) translateY(-75%) scale(0.75);
    -moz-transform: rotate(90deg) translateY(-75%) scale(0.75);
    -ms-transform: rotate(90deg) translateY(-75%) scale(0.75);
    -o-transform: rotate(90deg) translateY(-75%) scale(0.75);
    transform: rotate(90deg) translateY(-75%) scale(0.75);
    transform-origin: top left;
}
.image_rotated_by_180 {
    -webkit-transform:rotate(180deg) translateY(-100%);
    -moz-transform: rotate(180deg) translateY(-100%);
    -ms-transform: rotate(180deg) translateY(-100%);
    -o-transform: rotate(180deg) translateY(-100%);
    transform: rotate(180deg) translateX(-100%) translateY(-100%);
    transform-origin: top left;
}
.image_rotated_by_270 {
    -webkit-transform:rotate(270deg) translateY(-75%) scale(0.75);
    -moz-transform: rotate(270deg) translateY(-75%) scale(0.75);
    -ms-transform: rotate(270deg) translateY(-75%) scale(0.75);
    -o-transform: rotate(270deg) translateY(-75%) scale(0.75);
    transform: rotate(270deg) translateX(-75%) scale(0.75);
    transform-origin: top left;
}
.socialmedia {
    position: fixed;
    bottom: 20px;
    width: 100%;
    height: 34px;
    /*line-height: 20px;*/ /* Vertically center the text there */
    text-align: center;
    /*background-color: #761c19;*/
    background-color: var(--menu-bg-color);
}
a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }
 .flying-btn-area {
   position: fixed;
   left: 0px;
   bottom: 60px;
   margin: 0 auto;
 }
 .btn-disabled {
   border: 1px solid #4ca4f5;
   background-color: #4ca4f5;
   color: #edf7f5;
   border-radius: 4px;
   padding-right: 12px;
   padding-left: 12px;
 }
.socialmedia a img {
    width: 30px;
    height: 30px;
    margin: 2px;
}
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 20px;
    /*line-height: 20px;*/ /* Vertically center the text there */
    text-align: center;
    background-color: var(--menu-bg-color);
}
.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;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-with-help {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-signin input {
    margin-top: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin button {
    margin-top: 10px;
}
.lineButton {
    width: 35px;
    text-align: center;
}
.bottom-alignment {
    bottom: 0;
}
.on-success {
    color: #5cb85c;
    font-weight: bolder;
}
.has-error {
    color: #9c1d19;
    font-weight: bold;
    border-color: red;
    border-width: medium;
}
.not-salable {
    color: #5cb85c;
    font-weight: bolder;
}
.potNotPricedWarning {
    color: #ebb813;
    font-weight: bolder;
}
.dropdown-menu > a:hover, .dropdown-menu > a:focus {
    background-color:var(--dropdown-menu-bg-color);
}
.dropdown-menu {
    background-color: var(--dropdown-menu-bg-color);
}
.container-fluid {
    min-height: 100vh;
    overflow: hidden;
}
.custom-bg {
    /*height: 100%;*/
    background-color: var(--body-bg-color);
}
.custom-bg-container {
    background-color: var(--menu-bg-color);
}
.custom-bg-container-darkred {
    background-color: var(--dropdown-menu-bg-color);
}
.pagination {
    position: fixed;
    top: 60px;
    left: 50%;
    /*Schuif het midden van het element naar de aangegeven positie (left: 50% -> midden van de pagina)*/
    transform: translateX(-50%);
    /*Uitlijning naar links*/
    margin-left: 1px;
    /*Zorg bij kleine schermen dat de pagination niet wrapt*/
    margin-right: -200px;
    /*Zorg dat pageing boven foto's en tekst ligt*/
    z-index: 100;
}
.custom-bg-navbar {
    /*#761c19: Orgineel donker rood*/
    /*#8c1a16: Iets lichter (donker)rood*/
    /*#206635: Donker groen*/
    background-color: var(--menu-bg-color);
}
.logo {
    width: 30px;
    height: 28px;
    /*border-radius: 75%;*/
    /*overflow: hidden;*/
    position:absolute;
    top:1px;
    left:237px;
    /*right:10px;*/
    /*background-color: var(--pricelabel-color);*/

    /*transform: rotate(-20deg);*/
    /*-ms-transform: rotate(-20deg);*/
    /*-webkit-transform: rotate(-20deg);*/
}
.custom-text-grey {
    color: var(--body-bg-color);
}
.vcenter {
    margin-top: 10px;
    margin-left: 1px;
}
.mbr-1 {
    margin-bottom: 1px;
    margin-right: 1px;
}
.mbr-2 {
    margin-bottom: 2px;
    margin-right: 2px;
}
.ml-1 {
    margin-left: 1px;
}
.ml-2 {
    margin-left: 2px;
}
.ml-15 {
    margin-left: 15px;
}
.ml-20 {
    margin-left: 20px;
}
.mt-1 {
    margin-top: 1px;
}
.mt-2 {
    margin-top: 2px;
}
.mt-3 {
    margin-top: 3px;
}
.mt-4 {
    margin-top: 4px;
}
.mt-5 {
    margin-top: 5px;
}
.mt-6 {
    margin-top: 6px;
}
.mb-1 {
    margin-bottom: 1px;
}
.mb-2 {
    margin-bottom: 2px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-32 {
    margin-top: 32px;
}
.mr-1 {
    margin-right: 1px;
}
.textNickname {
    font-family: Chilanka;
}
.space {
    margin-left: 10px;
}
.centeredContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-link {
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#fff;
    background-color:#0275d8;
    border:1px solid #08579c
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    z-index:2000;
}
.page-item.active .page-link {
    z-index:1;
    color:#fff;
    background-color:#3292fa;
    border-color:#08579c
}
.page-item.disabled .page-link {
    color:#252729;
    pointer-events:none;
    cursor:auto;
    background-color:#52595e;
    border-color:#252729
}
.carousel-item {
    height:100px;
}
.carousel-caption {
    font-weight: bolder;
    text-shadow: 2px 1px var(--menu-bg-color);
}
.carousel-indicators li {
    background-color: var(--menu-bg-color);
}
.carousel-indicators .active {
    background-color: var(--dropdown-menu-bg-color);
}
/*%23 fffcfc*/
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffcfc' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fffcfc' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.sticker { 
	width: 150px; 
	height: 150px; 
	border-radius: 75%; 
	overflow: hidden;
	position:absolute;
	top:-20px;
	left:-20px; 
	background-color: var(--pricelabel-color);
	
	transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
}

.sticker.store {
    top:0px;
    left:0px;
}

.sticker img { 
	width: 100%; 
	height: 100%;
}

#stickerText {
	margin-top: 37%;
	text-align: center;
	color: var(--pricetext-color);
	font-weight: bold;
	font-size: 24px;
	font-family: "Trebuchet MS",Helvetica,sans-serif;
}

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/

/* Contact Section */
#contact {
	padding: 20px 0 20px 0;
}
#contact .section-title {
	margin-bottom: 20px;
}
#contact .section-title p {
	font-size: 16px;
	margin-left: 15px;
}
#contact h2 {
	margin-top: 18px;
	margin-bottom: 2px;
	margin-left: 15px;
	padding-bottom: 2px;
}
#contact h3 {
	margin-top: 2px;
	margin-bottom: 30px;
	padding-bottom: 2px;
	font-weight: 400;
}
#contact form {
	width: 100%;
}
#contact .form-control:focus {
	border-color: #999;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
#contact .contact-item {
	margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
}
#contact .contact-item span {
	margin-bottom: 2px;
	display: block;
}
#contact .contact-item i.fa {
	margin-right: 10px;
}
#contact .social {
	border-top: 1px solid rgba(255,255,255,0.15);
	padding-top: 50px;
	margin-top: 50px;
	text-align: center;
}
#contact .social ul li {
	display: inline-block;
	margin: 0 20px;
}
#contact .social i.fa {
	font-size: 22px;
	width: 48px;
	height: 48px;
	padding: 12px 0;
	border: 2px solid #fff;
	color: #fff;
	border-radius: 50%;
	transition: all 0.3s;
}
#contact .social i.fa:hover {
	color: #608dfd;
	background: #fff;
}

.tinyTile {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  padding: 4px;
  margin-bottom: 4px;
}

.tile {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.tile .title {
  margin-top: 0px;
  font-size: 1.9em !important;
}
.tile .titleLeft {
    float: left;
}
.tile .btnRight {
  margin-bottom: 2px;
  float: right;
}
.tile.niv1, .tile.niv2, .tile.niv3, .tile.niv4, .tile.niv5 {
  color: #fff;
}
.tile.niv0, .tinyTile.niv0 {
  color: #000000;
  background: #cfecbc;
}
.tile.niv1, .tinyTile.niv1 {
  background: #b4d1a1;
}
.tile.niv2, .tinyTile.niv2 {
  background: #89a377;
}
.tile.niv3 {
  background: #698059;
}
.tile.niv4 {
  background: #425436;
}
.tile.niv5 {
  background: #314028;
}