:root {
    --pagebackground: #fff;
    --color-primary: #7E9D41;
    --color-secondary: #fff;
    --color-tertiary: #fff;
    --sidebar-background: #f9f9f9;
    --text-color: #000;
    --inputbg: #eee;
    --bordercolor: var(--inputbg);
    --text-highlight: var(--color-primary);
    --headerbottomheight: 20px;
    --imagefit: cover;
}

body {
	 background-color: var(--pagebackground);
}
/* ----------------------------- header stylings ---------------------------- */
 header {
	 background-color: var(--color-primary);
	 color: var(--color-secondary);
	 position: relative;
	 z-index: 1 !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
     background-color: var(--color-primary) !important;
    box-shadow: none !important;
}

 header a {
	 text-decoration: none;
	 color: var(--color-secondary) !important;
	 cursor: pointer;
}
 header a.home {
	 opacity: 0;
	 pointer-events: none;
}
 header a:visited {
	 color: var(--color-secondary) !important;
}
 header div {
	 min-height: 8.5em;
	 font-family: var(--headerfont);
}
 header div > a {
	 width: 2.5em;
	 position: relative;
	 opacity: 1 !important;
	 height: 2.5em;
	 display: block;
	 margin-left: calc(6em - 2px);
	 margin-bottom: 1.6em;
	 pointer-events: none;
}
 header div > a span {
	 padding: 0;
	 top: 2.7em;
	 height: auto;
	 color: var(--color-secondary);
}
 header div > a p {
	 margin: 0;
}
 header div > a.active {
	 color: var(--color-primary) !important;
	 background-color: var(--color-secondary);
	 pointer-events: all;
}
 header div > a::after {
	 content: "";
	 display: block;
	 position: absolute;
	 pointer-events: none;
	 left: 100%;
	 width: 6em;
	 height: 0.05em;
	 background-color: var(--color-secondary);
}
 header div > a:last-of-type::after {
	 display: none !important;
}
 header div > a:first-of-type {
	 margin-left: 0;
}
 header div > a:hover {
	 opacity: 0.8 !important;
}
 @media screen and (max-width: 1140px) {
	 header div {
		 min-height: auto;
	}
	 header div.d-flex {
		 display: none !important;
	}
}
@media screen and (max-width: 1400px) {
	 header a.fs-3 {
		 font-size: 24px !important;
	}
}
@media screen and (max-width: 1140px) {
	 header a.fs-3 {
		 margin-left: 1em !important;
		 padding-bottom: 8px;
		 color: rgba(0, 0, 0, 0) !important;
	}
	 header a.fs-3 i {
		 font-size: 28px !important;
		 color: var(--color-secondary);
	}
}
@media screen and (max-width: 1140px) {
	 header {
		 position: fixed;
		 top: 0;
	}
}
 img {
	 position: relative;
}
 img::before {
	 content: "";
	 display: block;
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 background: url("../img/placeholder.jpg");
	 background-size: cover;
	 background-position: center center;
}
 div.container-xxxl {
	 margin-top: 1em;
	 margin-bottom: 6em;
	 font-family: var(--subtextfont);
	 color: var(--text-color);
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl {
		 width: 100%;
		 max-width: 100%;
		 margin-right: auto;
		 margin-left: auto;
		 padding: 1em 2em !important;
		 margin: -2em 0 0 !important;
	}
}
 @media screen and (min-width: 1400px) {
	 div.container-xxxl {
		 width: 100%;
		 max-width: calc(100% - 200px);
		 margin-right: auto;
		 margin-left: auto;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl.row {
		 display: block;
		 padding-top: 4em !important;
	}
	 div.container-xxxl.row div {
		 gap: 1em;
	}
	 div.container-xxxl #title {
		 display: none !important;
	}
	 div.container-xxxl .subtext p {
		 padding: 0 !important;
	}
}
 @media screen and (max-width: 570px) {
	 div.container-xxxl {
		 padding: 1em !important;
	}
	 div.container-xxxl.row > div {
		 gap: 0;
		 justify-content: space-between !important;
	}
}
 div.container-xxxl h1 {
	 color: var(--color-primary);
	 font-family: var(--headerfont);
}
 div.container-xxxl div {
	 margin: 2em 0 0;
	/* --------------------------- no products screen --------------------------- */
	/* -------------------------------- timeline -------------------------------- */
	/* ------------------------ categories & order items ------------------------ */
	/* ------------------------------ product page ------------------------------ */
	/* ------------------------------ options page ------------------------------ */
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div > p {
		 padding: 0 1.25em;
	}
}
 div.container-xxxl div > p > p {
	 padding: 0 0;
}
 div.container-xxxl div img.productimg {
	 height: 505px;
	 object-fit: contain;
}
 div.container-xxxl div div.empty {
	 display: flex;
	 flex-direction: column;
	 gap: 15px;
	 margin: 1em 0 0 0 !important;
	 height: 35em;
	 border-radius: 5px;
	 justify-content: start;
	 padding-top: 100px;
	 align-items: center;
	 background-color: var(--inputbg);
	 width: 100%;
}
 div.container-xxxl div div.timeline {
	 gap: 0 !important;
	 margin-bottom: 4em;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div.timeline {
		 padding: 0 !important;
	}
}
 div.container-xxxl div div.timeline span {
	 background: var(--color-primary);
	 border-color: var(--color-primary);
	 color: color(--color-secondary);
	 min-width: 61px;
	 position: relative;
	 height: 61px;
	 font-size: 21px;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div.timeline span {
		 min-width: 40px;
		 height: 40px;
	}
}
 div.container-xxxl div div.timeline span.line {
	 width: 100%;
	 height: 4px;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div.timeline span.line {
		 height: 2px !important;
	}
}
 div.container-xxxl div div.timeline span p {
	 margin: 0;
	 color: var(--color-secondary) !important;
	 font-family: var(--buttonsfont);
}
 div.container-xxxl div div.timeline span span {
	 left: 0;
	 top: 3.5em;
	 height: auto;
	 color: var(--color-primary) !important;
	 background-color: transparent !important;
	 white-space: nowrap;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div.timeline span span {
		 font-size: 16px;
		 top: 2.8em;
	}
}
 div.container-xxxl div div.timeline span:last-of-type span {
	 left: auto;
	 right: 0;
}
 div.container-xxxl div div#categories {
	 padding: 0;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#categories {
		 padding: 0 !important;
		 margin-top: 0;
	}
}
 div.container-xxxl div div#categories button {
	 border: none;
	 background: transparent;
	 max-width: 18em;
	 color: var(--text-color) !important;
	 transition: 0.1s;
	 position: relative;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#categories button {
		 margin: 0;
	}
}
 div.container-xxxl div div#categories button img {
	 width: 18em;
	 height: 18em;
	 object-fit: var(--imagefit);
	 margin-bottom: 1em;
	 transition: 0.15s;
	 background-color: var(--pagebackground);
	 border-color: var(--bordercolor) !important;
}
 @media screen and (max-width: 1575px) {
	 div.container-xxxl div div#categories button img {
		 width: 15em;
		 height: 15em;
		 margin-bottom: 0.5em;
	}
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#categories button img {
		 width: 13em;
		 height: 13em;
		 margin-bottom: 0.5em;
	}
}
 @media screen and (max-width: 570px) {
	 div.container-xxxl div div#categories button img {
		 width: 40vw;
		 height: 40vw;
	}
}
 div.container-xxxl div div#categories button.active img {
	 border-color: transparent !important;
}
 div.container-xxxl div div#categories button.active::after {
	 content: " ";
	 border-radius: var(--bs-border-radius-lg) !important;
	 border: 2px solid var(--color-primary) !important;
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 background-color: rgba(0, 0, 0, 0.15);
	 width: 18em;
	 height: 18em;
}
 @media screen and (max-width: 1575px) {
	 div.container-xxxl div div#categories button.active::after {
		 width: 15em;
		 height: 15em;
	}
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#categories button.active::after {
		 width: 13em;
		 height: 13em;
	}
}
 @media screen and (max-width: 570px) {
	 div.container-xxxl div div#categories button.active::after {
		 width: 40vw;
		 height: 40vw;
	}
}
 div.container-xxxl div div#categories button h2 {
	 font-family: var(--headerfont);
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#categories button h2 {
		 margin: 0.25em 0 0 !important;
	}
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#categories button {
		 margin-bottom: 1.7em !important;
	}
	 div.container-xxxl div div#categories button h4 {
		 margin: 0 0 1em 1.4em !important;
		 font-size: 1em;
	}
	 div.container-xxxl div div#categories button h2 {
		 max-width: 8em;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div div#categories button.product h2 {
		 margin-top: 1.25em !important;
		 max-width: 13em;
	}
}
 @media screen and (max-width: 570px) {
	 div.container-xxxl div div#categories button h4 {
		 font-size: 0.75em;
	}
	 div.container-xxxl div div#categories button h2 {
		 max-width: 40vw !important;
	}
}
 div.container-xxxl div div#categories::after {
	 content: "";
	 display: block;
	 width: 18em;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#categories::after {
		 width: 13em;
	}
}
 @media screen and (max-width: 570px) {
	 div.container-xxxl div div#categories::after {
		 width: 40vw;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div div#categories {
		 margin-bottom: 14em;
	}
}
 div.container-xxxl div div.productview > * {
	 border: none !important;
	 background: transparent !important;
	 max-width: 12em !important;
	 color: var(--text-color);
	 text-decoration: none;
}
 div.container-xxxl div div.productview > * img {
	 max-width: 12em;
	 min-width: 12em;
	 max-height: 12em;
	 min-height: 12em;
	 object-fit: var(--imagefit);
	 margin-bottom: 1em;
	 transition: 0.15s;
	 background-color: var(--pagebackground);
	 border-color: var(--bordercolor) !important;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div.productview {
		 padding: 0 !important;
		 min-width: 42em;
		 padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
		 padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
	}
	 div.container-xxxl div div.productview h2.fs-3 {
		 font-size: 24px !important;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div div.productview {
		 display: none !important;
	}
}
 div.container-xxxl div div#options h1 {
	 color: var(--color-primary);
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#options {
		 padding: 0 !important;
		 min-width: 42em;
	}
}
 div.container-xxxl div div#options div div {
	 margin: 0;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#options div div {
		 padding: 0px 50px !important;
	}
}
 div.container-xxxl div div#options div div img {
	 background-color: var(--pagebackground) !important;
	 min-width: 81px !important;
	 max-width: 81px !important;
	 min-height: 81px !important;
	 max-height: 81px !important;
	 margin: 23px 0;
	 object-fit: var(--imagefit);
}
 div.container-xxxl div div#options div div div.px-4.corners-5 {
	 width: 100%;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#options div div div.px-4.corners-5 {
		 padding: 0px 25px !important;
	}
}
 div.container-xxxl div div#options div div div.countselect {
	 font-weight: bold !important;
	/* ----------------------------- + and - buttons ---------------------------- */
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div div#options div div div.countselect {
		 padding: 0 !important;
	}
}
 div.container-xxxl div div#options div div div.countselect input.rounded-circle {
	 width: 37px;
	 height: 37px;
}
 div.container-xxxl div div#options div div:nth-child(odd) {
	 background-color: var(--inputbg);
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div div#options {
		 margin-bottom: 18em;
		 min-width: 0 !important;
		 width: 100%;
	}
	 div.container-xxxl div div#options h1 {
		 border-top: solid 2px var(--inputbg);
		 padding-top: 10px !important;
	}
	 div.container-xxxl div div#options div div {
		 padding: 0px 1em !important;
	}
	 div.container-xxxl div div#options div div img {
		 min-width: 55px !important;
		 min-height: 55px !important;
		 max-width: 55px !important;
		 max-height: 55px !important;
	}
	 div.container-xxxl div div#options div div div.px-4.corners-5 {
		 padding: 0 !important;
	}
	 div.container-xxxl div div#options div div div.px-4.corners-5 p {
		 padding: 0 !important;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div img.productimg {
		 margin-top: 2em;
		 margin-bottom: 0;
		 height: 250px !important;
		 padding: 0;
	}
}
 div.container-xxxl div#sidebar {
	 padding: 0;
	 margin-left: 100px;
}
 div.container-xxxl div#sidebar.overview {
	 margin-left: 0 !important;
	 margin-right: 100px;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar.overview h2 {
		 font-size: 36px !important;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div#sidebar.overview {
		 position: relative !important;
	}
	 div.container-xxxl div#sidebar.overview h2 {
		 font-size: 36px !important;
		 margin-top: 1em !important;
	}
	 div.container-xxxl div#sidebar.overview p {
		 padding: 0 !important;
		 margin-bottom: 0 !important;
	}
	 div.container-xxxl div#sidebar.overview div#sidebarcontent h2 {
		 display: none !important;
	}
	 div.container-xxxl div#sidebar.overview div#sidebarcontent div.mt-5 {
		 margin-top: 0 !important;
	}
	 div.container-xxxl div#sidebar.overview div#sidebarcontent a {
		 display: none !important;
	}
}
 div.container-xxxl div#sidebar.container-xxs {
	 max-width: 610px;
}
 div.container-xxxl div#sidebar.container-xxs.productview {
	 max-width: 688px;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar.container-xxs.productview h2 {
		 font-size: 36px !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview h2.pb-3 {
		 font-size: 30px !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview button {
		 width: 249px !important;
		 padding: 0 !important;
		 display: inline-flex !important;
		 align-items: center !important;
		 justify-content: center !important;
		 height: 50px;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div#sidebar.container-xxs.productview h1 {
		 font-size: 30px !important;
	}
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar.container-xxs {
		 margin-left: 5em !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.overview {
		 margin-left: 0 !important;
		 margin-right: 5em !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview {
		 margin-left: 2em !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview div {
		 padding: 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview div.pb-5 {
		 padding-bottom: 4em !important;
	}
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl div#sidebar.container-xxs {
		 position: fixed;
		 margin: 0 !important;
		 padding-top: 2em !important;
		 left: 0;
		 top: 0;
		 pointer-events: none;
		 width: 100%;
		 max-width: 100%;
	}
	 div.container-xxxl div#sidebar.container-xxs form {
		 pointer-events: all;
		 height: 100vh;
	}
	 div.container-xxxl div#sidebar.container-xxs form h1 {
		 visibility: hidden;
	}
	 div.container-xxxl div#sidebar.container-xxs form #returnblock {
		 position: absolute !important;
		 bottom: 75px !important;
		 width: 100vw !important;
		 padding: 25px 25px;
		 left: 0 !important;
		 border-top: solid 1px var(--inputbg);
		 justify-content: space-between !important;
	}
	 div.container-xxxl div#sidebar.container-xxs form #returnblock p {
		 padding: 20px 25px 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs form button {
		 position: absolute !important;
		 bottom: 0 !important;
		 width: calc(100vw - 50px) !important;
		 left: 0 !important;
		 margin: 0 25px 1em !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb {
		 pointer-events: all;
		 top: auto !important;
		 bottom: 0 !important;
		 padding: 0 !important;
		 border-top: solid 1px var(--inputbg);
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb form, div.container-xxxl div#sidebar.container-xxs.nmb h2, div.container-xxxl div#sidebar.container-xxs.nmb span.line {
		 display: none !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb div {
		 padding: 0 25px !important;
		 margin: 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb div div {
		 padding: 0 !important;
		 padding-top: 10px !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb div#sidebarcontent .form-check.d-flex {
		 margin: 0 !important;
		 width: 100vw;
		 margin-left: -25px !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb div p {
		 margin-bottom: 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb div button {
		 margin-bottom: 20px;
		 margin-top: 20px;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview {
		 position: relative !important;
		 display: flex;
		 flex-direction: column !important;
		 margin: 0 !important;
		 padding: 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview p {
		 padding: 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview form, div.container-xxxl div#sidebar.container-xxs.productview .texthighlight {
		 position: relative !important;
		 order: 1 !important;
		 padding: 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview form {
		 height: auto !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview form div.countselect {
		 margin-right: 2em !important;
		 width: auto !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview form button {
		 position: relative !important;
		 order: 5;
		 width: 100% !important;
		 margin: 0 !important;
		 flex-grow: 1;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview .pb-3, div.container-xxxl div#sidebar.container-xxs.productview h2, div.container-xxxl div#sidebar.container-xxs.productview .bg-transparent {
		 order: 4;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview input.rounded-circle {
		 height: 25px !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview > div.bg-transparent {
		 width: 100% !important;
		 margin-top: 0 !important;
         padding-bottom: 2em !important;
         background-color: transparent !important;
         justify-content: space-between !important;
         align-items: center !important;
         flex-direction: row-reverse !important;
	}
     div.container-xxxl div#sidebar.container-xxs.productview  div.bg-transparent {

         background-color: transparent !important;
	}
    div.container-xxxl div#sidebar.container-xxs.productview > div.bg-transparent > button{
        margin-top: 0 !important;
     }

     
	 div.container-xxxl div#sidebar.container-xxs.productview div.bg-transparent > div.row :last-child {
		 text-align: end;
	}
	 div.container-xxxl div#sidebar.container-xxs.productview h2, div.container-xxxl div#sidebar.container-xxs.productview h2.pb-3 {
		 font-size: 22px !important;
		 padding: 1em 0 0 !important;
	}
}
 div.container-xxxl div#sidebar div {
	 background-color: var(--sidebar-background);
	 padding: 2em 3em;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div, div.container-xxxl div#sidebar form {
		 padding: 1.5em !important;
	}
}
 div.container-xxxl div#sidebar div form, div.container-xxxl div#sidebar form form {
	 padding: 0;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div form, div.container-xxxl div#sidebar form form {
		 padding: 0 !important;
	}
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div div, div.container-xxxl div#sidebar form div {
		 padding: 0 !important;
	}
	 div.container-xxxl div#sidebar div .mmts, div.container-xxxl div#sidebar form .mmts {
		 margin-top: 1.5em !important;
	}
	 div.container-xxxl div#sidebar div div.ps-4, div.container-xxxl div#sidebar form div.ps-4 {
		 padding: 0 0 0 1.5rem !important;
	}
	 div.container-xxxl div#sidebar div div.my-4, div.container-xxxl div#sidebar form div.my-4 {
		 margin: 1em 0 !important;
	}
	 div.container-xxxl div#sidebar div *.mt-4, div.container-xxxl div#sidebar form *.mt-4 {
		 margin-top: 1em !important;
	}
}
 div.container-xxxl div#sidebar div .form-check *, div.container-xxxl div#sidebar form .form-check * {
	 cursor: pointer;
}
 div.container-xxxl div#sidebar div h2, div.container-xxxl div#sidebar form h2 {
	 font-family: var(--headerfont);
	 color: var(--color-primary);
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div h2, div.container-xxxl div#sidebar form h2 {
		 font-size: 31px !important;
	}
}
 div.container-xxxl div#sidebar div input, div.container-xxxl div#sidebar form input, div.container-xxxl div#sidebar div select, div.container-xxxl div#sidebar form select {
	 background-color: var(--inputbg);
	 width: 100% !important;
	 display: block;
	 border: none;
	 height: 50px;
	 outline: none !important;
}
 div.container-xxxl div#sidebar div input:focus, div.container-xxxl div#sidebar form input:focus, div.container-xxxl div#sidebar div select:focus, div.container-xxxl div#sidebar form select:focus {
	 outline: 0 !important;
	 border: none !important;
	 box-shadow: none !important;
}
 div.container-xxxl div#sidebar div input.form-check-input#fullday, div.container-xxxl div#sidebar form input.form-check-input#fullday, div.container-xxxl div#sidebar div select.form-check-input#fullday, div.container-xxxl div#sidebar form select.form-check-input#fullday {
	 width: 1.5em !important;
	 height: 1.5em !important;
}
 div.container-xxxl div#sidebar div input.form-select, div.container-xxxl div#sidebar form input.form-select, div.container-xxxl div#sidebar div select.form-select, div.container-xxxl div#sidebar form select.form-select {
	 cursor: pointer !important;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div input, div.container-xxxl div#sidebar form input, div.container-xxxl div#sidebar div select, div.container-xxxl div#sidebar form select {
		 height: 40px;
	}
}
 div.container-xxxl div#sidebar div input[type="time"]::-webkit-calendar-picker-indicator, div.container-xxxl div#sidebar form input[type="time"]::-webkit-calendar-picker-indicator {
	 background: none;
}
 div.container-xxxl div#sidebar div div#popup, div.container-xxxl div#sidebar form div#popup, div.container-xxxl div#sidebar div form.radioform, div.container-xxxl div#sidebar form form.radioform {
	 padding: 0 !important;
}
 div.container-xxxl div#sidebar div div#popup input.form-check-input, div.container-xxxl div#sidebar form div#popup input.form-check-input, div.container-xxxl div#sidebar div form.radioform input.form-check-input, div.container-xxxl div#sidebar form form.radioform input.form-check-input, div.container-xxxl div#sidebar div div#popup button, div.container-xxxl div#sidebar form div#popup button, div.container-xxxl div#sidebar div form.radioform button, div.container-xxxl div#sidebar form form.radioform button {
	 width: 1em !important;
	 margin-left: 0;
	 margin-right: 1em;
	 border: none !important;
}
 div.container-xxxl div#sidebar div div#popup button#cancel, div.container-xxxl div#sidebar form div#popup button#cancel, div.container-xxxl div#sidebar div form.radioform button#cancel, div.container-xxxl div#sidebar form form.radioform button#cancel {
	 color: var(--color-primary);
	 font-family: var(--headerfont);
	 font-size: 18px !important;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div div#popup.radioform, div.container-xxxl div#sidebar form div#popup.radioform, div.container-xxxl div#sidebar div form.radioform.radioform, div.container-xxxl div#sidebar form form.radioform.radioform {
		 margin-top: 1.6em !important;
		 margin-bottom: 0 !important;
	}
}
 div.container-xxxl div#sidebar div div#popup.radioform div.form-check, div.container-xxxl div#sidebar form div#popup.radioform div.form-check, div.container-xxxl div#sidebar div form.radioform.radioform div.form-check, div.container-xxxl div#sidebar form form.radioform.radioform div.form-check {
	 padding: 1.2em 1em !important;
}
 div.container-xxxl div#sidebar div div#popup.radioform div.form-check:nth-child(even), div.container-xxxl div#sidebar form div#popup.radioform div.form-check:nth-child(even), div.container-xxxl div#sidebar div form.radioform.radioform div.form-check:nth-child(even), div.container-xxxl div#sidebar form form.radioform.radioform div.form-check:nth-child(even) {
	 background-color: var(--inputbg);
}
 div.container-xxxl div#sidebar div div#popup.radioform div.form-check:nth-child(odd), div.container-xxxl div#sidebar form div#popup.radioform div.form-check:nth-child(odd), div.container-xxxl div#sidebar div form.radioform.radioform div.form-check:nth-child(odd), div.container-xxxl div#sidebar form form.radioform.radioform div.form-check:nth-child(odd) {
	 background-color: var(--pagebackground);
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div div#popup.radioform div.form-check, div.container-xxxl div#sidebar form div#popup.radioform div.form-check, div.container-xxxl div#sidebar div form.radioform.radioform div.form-check, div.container-xxxl div#sidebar form form.radioform.radioform div.form-check {
		 height: 77px;
		 display: flex;
		 align-items: center;
	}
}
 div.container-xxxl div#sidebar div div#popup.radioform input.form-check-input, div.container-xxxl div#sidebar form div#popup.radioform input.form-check-input, div.container-xxxl div#sidebar div form.radioform.radioform input.form-check-input, div.container-xxxl div#sidebar form form.radioform.radioform input.form-check-input {
	 width: 1.5em !important;
	 height: 1.5em !important;
	 margin-top: 0;
}
 div.container-xxxl div#sidebar div div#popup.radioform input.form-check-input:checked::after, div.container-xxxl div#sidebar form div#popup.radioform input.form-check-input:checked::after, div.container-xxxl div#sidebar div form.radioform.radioform input.form-check-input:checked::after, div.container-xxxl div#sidebar form form.radioform.radioform input.form-check-input:checked::after {
	 width: 1em;
	 height: 1em;
	 margin: 0.25em;
}
 div.container-xxxl div#sidebar div div#popup button, div.container-xxxl div#sidebar form div#popup button, div.container-xxxl div#sidebar div form.radioform button, div.container-xxxl div#sidebar form form.radioform button {
	 width: 100% !important;
	 font-family: var(--subtextfont);
	 color: var(--textcolor);
}
 div.container-xxxl div#sidebar div div#popup input, div.container-xxxl div#sidebar form div#popup input, div.container-xxxl div#sidebar div form.radioform input, div.container-xxxl div#sidebar form form.radioform input {
	 width: 1em !important;
	 height: 1em !important;
	 background-color: rgba(0, 0, 0, 0.09) !important;
}
 div.container-xxxl div#sidebar div div#popup input.form-check-input:checked::after, div.container-xxxl div#sidebar form div#popup input.form-check-input:checked::after, div.container-xxxl div#sidebar div form.radioform input.form-check-input:checked::after, div.container-xxxl div#sidebar form form.radioform input.form-check-input:checked::after {
	 content: "";
	 background-color: var(--color-primary);
	 width: 50%;
	 height: 50%;
	 display: block;
	 border-radius: 50%;
	 margin: 25%;
}
 div.container-xxxl div#sidebar div div#popup#popup, div.container-xxxl div#sidebar form div#popup#popup, div.container-xxxl div#sidebar div form.radioform#popup, div.container-xxxl div#sidebar form form.radioform#popup {
	 border-radius: 10px;
	 overflow: hidden;
	 width: 355px;
	 position: absolute;
	 margin-top: 0;
	 right: 0;
	 z-index: 3;
}
 div.container-xxxl div#sidebar div div#popup#popup input.form-check-input, div.container-xxxl div#sidebar form div#popup#popup input.form-check-input, div.container-xxxl div#sidebar div form.radioform#popup input.form-check-input, div.container-xxxl div#sidebar form form.radioform#popup input.form-check-input, div.container-xxxl div#sidebar div div#popup#popup label.form-check-label, div.container-xxxl div#sidebar form div#popup#popup label.form-check-label, div.container-xxxl div#sidebar div form.radioform#popup label.form-check-label, div.container-xxxl div#sidebar form form.radioform#popup label.form-check-label {
	 pointer-events: none !important;
}
 div.container-xxxl div#sidebar div div#popup#popup input.form-check-input, div.container-xxxl div#sidebar form div#popup#popup input.form-check-input, div.container-xxxl div#sidebar div form.radioform#popup input.form-check-input, div.container-xxxl div#sidebar form form.radioform#popup input.form-check-input {
	 width: 20px !important;
	 height: 20px !important;
	 background-image: none !important;
}
 div.container-xxxl div#sidebar div div#popup#popup input.form-check-input:checked::after, div.container-xxxl div#sidebar form div#popup#popup input.form-check-input:checked::after, div.container-xxxl div#sidebar div form.radioform#popup input.form-check-input:checked::after, div.container-xxxl div#sidebar form form.radioform#popup input.form-check-input:checked::after {
	 content: "";
	 background-color: var(--color-primary);
	 width: 12px !important;
	 height: 12px !important;
	 display: block;
	 border-radius: 50%;
	 margin: 4px 0;
}
 div.container-xxxl div#sidebar div div#popup#popup *, div.container-xxxl div#sidebar form div#popup#popup *, div.container-xxxl div#sidebar div form.radioform#popup *, div.container-xxxl div#sidebar form form.radioform#popup * {
	 height: 55px;
	 display: flex !important;
	 align-items: center;
}
 div.container-xxxl div#sidebar div div#popup#popup h3, div.container-xxxl div#sidebar form div#popup#popup h3, div.container-xxxl div#sidebar div form.radioform#popup h3, div.container-xxxl div#sidebar form form.radioform#popup h3 {
	 justify-content: center;
	 padding: 0 !important;
}
 div.container-xxxl div#sidebar div div#popup#popup button, div.container-xxxl div#sidebar form div#popup#popup button, div.container-xxxl div#sidebar div form.radioform#popup button, div.container-xxxl div#sidebar form form.radioform#popup button {
	 width: 100% !important;
	 font-family: var(--buttonsfont);
	 justify-content: center;
	 color: var(--textcolor);
}
 div.container-xxxl div#sidebar div div#popup div.form-check, div.container-xxxl div#sidebar form div#popup div.form-check, div.container-xxxl div#sidebar div form.radioform div.form-check, div.container-xxxl div#sidebar form form.radioform div.form-check {
	 cursor: pointer;
	 margin: 0;
	 padding: 0.7em 1em !important;
}
 div.container-xxxl div#sidebar div div#popup div.form-check:nth-child(odd), div.container-xxxl div#sidebar form div#popup div.form-check:nth-child(odd), div.container-xxxl div#sidebar div form.radioform div.form-check:nth-child(odd), div.container-xxxl div#sidebar form form.radioform div.form-check:nth-child(odd) {
	 background-color: var(--inputbg);
}
 div.container-xxxl div#sidebar div div#popup div.form-check:nth-child(even), div.container-xxxl div#sidebar form div#popup div.form-check:nth-child(even), div.container-xxxl div#sidebar div form.radioform div.form-check:nth-child(even), div.container-xxxl div#sidebar form form.radioform div.form-check:nth-child(even) {
	 background-color: var(--pagebackground);
}
 div.container-xxxl div#sidebar div div#popup h3, div.container-xxxl div#sidebar form div#popup h3, div.container-xxxl div#sidebar div form.radioform h3, div.container-xxxl div#sidebar form form.radioform h3 {
	 background-color: var(--color-primary) !important;
	 color: var(--color-secondary) !important;
	 font-family: var(--headerfont) !important;
	 display: block !important;
	 margin: 0;
	 padding-right: 6em !important;
}
 div.container-xxxl div#sidebar div div#popup img, div.container-xxxl div#sidebar form div#popup img, div.container-xxxl div#sidebar div form.radioform img, div.container-xxxl div#sidebar form form.radioform img {
	 height: 1.5em;
	 margin-right: 1em;
}
 div.container-xxxl div#sidebar div .hightlight, div.container-xxxl div#sidebar form .hightlight {
	 color: var(--text-highlight) !important;
}
 div.container-xxxl div#sidebar div button.btn, div.container-xxxl div#sidebar form button.btn {
	 background-color: var(--color-primary) !important;
	 color: var(--color-secondary) !important;
	 font-family: var(--buttonsfont);
	 border: none;
	 height: 52px;
}
 @media screen and (max-width: 1400px) {
	 div.container-xxxl div#sidebar div button.btn, div.container-xxxl div#sidebar form button.btn {
		 height: 50px;
		 font-size: 18px;
		 margin-top: 10px;
	}
}
 div.container-xxxl div#sidebar div button.btn.disabled, div.container-xxxl div#sidebar form button.btn.disabled {
	 background-color: var(--inputbg) !important;
	 border: none;
	 color: var(--text-primary) !important;
}
 div.container-xxxl div#sidebar div span.line, div.container-xxxl div#sidebar form span.line {
	 background-color: var(--color-primary) !important;
	 height: 3px;
}
 @media screen and (max-width: 1140px) {
	 div.container-xxxl.nopaddingmobile {
		 padding: 0 !important;
		 padding-top: 6em !important;
	}
	 div.container-xxxl.nopaddingmobile .timeline {
		 width: calc(100% - 2em);
		 margin: 1em;
	}
	 div.container-xxxl.nopaddingmobile h1 {
		 padding: 0 1em !important;
		 font-size: 22px !important;
		 margin: 0 !important;
	}
	 div.container-xxxl div#sidebar.container-xxs.nmb div div.form-check {
		 margin: 10px 25px !important;
	}
}
 .hidetitle {
	 display: none;
}
 header .hidetitle {
	 display: block;
}
 @media screen and (max-width: 1400px) {
	 .productstext {
		 font-size: 36px !important;
	}
}
 @media screen and (max-width: 1140px) {
	 .productstext {
		 display: none !important;
	}
}
 @media screen and (max-width: 1400px) {
	 .mmt {
		 margin-top: 24px;
	}
}
 div.background, a.background {
	 display: block;
	 background-color: var(--backgroundoverlay) !important;
	 text-decoration: none !important;
}
 div.background div, a.background div {
	 background-color: var(--color-primary);
	 color: #fff;
	 text-align: center;
	 padding: 123px;
	 width: 600px;
}
 div.background div img, a.background div img {
	 width: 6em;
}
 @media screen and (max-width: 1400px) {
	 div.background div, a.background div {
		 width: 420px;
		 padding: 73px;
	}
}
/* ------------------- number input/higher & lower buttons ------------------ */
 div.countselect {
	 font-weight: bold !important;
	/* ----------------------------- + and - buttons ---------------------------- */
	/* ------------------------------ center circle ----------------------------- */
}
 div.countselect span {
	 position: relative;
	 border-color: var(--bordercolor) !important;
	 background-color: var(--pagebackground) !important;
	 -webkit-user-select: none;
	/* Safari */
	 -ms-user-select: none;
	/* IE 10 and IE 11 */
	 user-select: none;
	/* Standard syntax */
	 transition: 0.1s;
}
 div.countselect span.rounded-pill {
	 cursor: pointer;
}
 div.countselect span.rounded-pill:hover {
	 border-color: var(--color-primary) !important;
	 opacity: 0.9;
}
 div.countselect span.rounded-pill#disabled {
	 pointer-events: none;
}
 div.countselect span p {
	 pointer-events: none;
	 font-weight: bold;
}
 @media screen and (max-width: 1400px) {
	 div.countselect span p {
		 font-size: 24px !important;
	}
}
 @media screen and (max-width: 1400px) {
	 div.countselect span {
		 padding: 0 1.15rem 1px !important;
		 height: 37px !important;
		 width: 56px !important;
	}
}
 @media screen and (max-width: 1140px) {
	 div.countselect span {
		 padding: 0.2em 1rem 1px !important;
		 height: 25px !important;
		 width: 38px !important;
	}
}
 div.countselect.translateup {
	 transform: translateY(-50%);
	 margin-bottom: -1.7em !important;
}
 div.countselect.product span {
	 width: 104px;
	 height: 65px;
	 border-width: 4px;
}
 div.countselect.product .rounded-circle {
	 width: 65px !important;
	 max-width: 65px;
	 height: 65px !important;
}
 @media screen and (max-width: 1400px) {
	 div.countselect.product span {
		 width: 60px;
		 height: 40px;
		 border-width: 2.4px;
		 padding-top: 6px !important;
	}
	 div.countselect.product .rounded-circle {
		 width: 40px !important;
		 max-width: 40px;
		 height: 40px !important;
	}
}
.datepicker {
    box-shadow: 0 5px 5px #00000014;
}

 div.countselect span.rounded-circle, div.countselect input.rounded-circle {
	 font-weight: 400 !important;
	 position: relative;
	 width: 3rem;
	 font-weight: 400;
	 padding: 0 0.5px 0 0;
	 max-width: 3rem;
	 font-size: 1.4rem;
	 font-family: var(--buttonsfont);
	 height: 3rem;
	 background-color: var(--color-primary) !important;
	 border-color: var(--color-primary) !important;
	 color: var(--color-secondary) !important;
	 -moz-appearance: textfield;
}
 div.countselect span.rounded-circle::-webkit-outer-spin-button, div.countselect input.rounded-circle::-webkit-outer-spin-button, div.countselect span.rounded-circle::-webkit-inner-spin-button, div.countselect input.rounded-circle::-webkit-inner-spin-button {
	 -webkit-appearance: none;
	 margin: 0;
}
 div.countselect span.rounded-circle.noinput, div.countselect input.rounded-circle.noinput {
	 width: 37px;
	 max-width: 37px;
	 padding: 0 !important;
	 height: 37px;
}
 @media screen and (max-width: 1400px) {
	 div.countselect span.rounded-circle.noinput, div.countselect input.rounded-circle.noinput {
		 margin-right: 50px;
	}
}
 div.countselect span.rounded-circle:disabled, div.countselect input.rounded-circle:disabled {
	 background-color: var(--inputbg) !important;
	 border-color: transparent !important;
	 color: var(--color-primary) !important;
}
 div.countselect span.rounded-circle:focus, div.countselect input.rounded-circle:focus {
	 outline: none !important;
}
 @media screen and (max-width: 1400px) {
	 div.countselect span.rounded-circle, div.countselect input.rounded-circle {
		 width: 2.5rem;
		 font-size: 1.4rem;
		 max-width: 2.5rem;
		 height: 2.5rem;
	}
}
 @media screen and (max-width: 1140px) {
	 div.countselect span.rounded-circle, div.countselect input.rounded-circle {
		 height: 25px !important;
		 font-size: 16px;
		 min-width: 25px !important;
		 max-width: 25px !important;
	}
}
 @media screen and (max-width: 1140px) {
	 div.countselect {
		 justify-content: center !important;
	}
}
 h1, h2, h3, h4, h5, h6 {
	 font-family: var(--headerfont) !important;
}
 @media screen and (max-width: 1400px) {
	 .hm {
		 display: none;
	}
}
 h1, .fs-1 {
	 font-size: 72px !important;
}
 .fs-15 {
	 font-size: 48px !important;
}
 h2, .fs-2 {
	 font-size: 36px !important;
}
 .fs-25 {
	 font-size: 32px !important;
}
 h3, .fs-3 {
	 font-size: 24px !important;
}
 h4, .fs-4, p, label {
	 font-size: 18px !important;
}
 h5, .fs-5 {
	 font-size: 12px !important;
}
 h6, .fs-6 {
	 font-size: 10px !important;
}
 input[type="checkbox"] {
	 background-size: 18px !important;
	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
	 background-color: var(--inputbg);
}
 input[type="checkbox"]:checked {
	 background-size: 18px !important;
	 background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
	 background-color: var(--color-primary) !important;
}
 @media screen and (max-width: 1400px) {
	 .subtext {
		 margin-bottom: 50px !important;
	}
	 h1, .fs-1 {
		 font-size: 72px !important;
	}
	 .fs-15 {
		 font-size: 26px !important;
	}
	 h1.fs-2 {
		 font-size: 36px !important;
	}
	 h2, .fs-2 {
		 font-size: 26px !important;
	}
	 .fs-25 {
		 font-size: 24px !important;
	}
	 h3, .fs-3 {
		 font-size: 18px !important;
	}
	 h4, .fs-4, p, label {
		 font-size: 16px !important;
	}
	 #sidebar p, #sidebar button {
		 font-size: 18px !important;
	}
	 #sidebar .texthighlight {
		 font-size: 24px !important;
	}
	 #sidebar button {
		 height: 50px !important;
	}
	 h5, .fs-5 {
		 font-size: 12px !important;
	}
	 h6, .fs-6 {
		 font-size: 10px !important;
	}
}
 @media screen and (max-width: 1140px) {
	 h2, .fs-2 {
		 font-size: 18px !important;
	}
	 #sidebar p, #sidebar button {
		 font-size: 16px !important;
	}
	 #sidebar .texthighlight {
		 font-size: 16px !important;
	}
	 #sidebar button {
		 height: 50px !important;
	}
}
 @media screen and (max-width: 570px) {
	 .subtext {
		 margin-bottom: 16px !important;
	}
	 h1, .fs-1 {
		 font-size: 72px !important;
	}
	 .fs-15 {
		 font-size: 26px !important;
	}
	 h1.fs-2 {
		 font-size: 36px !important;
	}
	 h2, .fs-2 {
		 font-size: 18px !important;
	}
	 .fs-25 {
		 font-size: 17px !important;
	}
	 h3, .fs-3 {
		 font-size: 16px !important;
	}
	 h4, .fs-4, p, label {
		 font-size: 14px !important;
	}
	 h5, .fs-5 {
		 font-size: 12px !important;
	}
	 h6, .fs-6 {
		 font-size: 10px !important;
	}
}
 .texthighlight {
	 color: var(--text-highlight) !important;
}
 .datepicker-dropdown {
	 padding: 0 !important;
	 border-radius: 0.5em !important;
	 overflow: hidden;
	 border: none !important;
}
 .datepicker-dropdown::before {
	 display: none !important;
}
 .datepicker-dropdown div table {
	 border-collapse: collapse;
	 border-spacing: 0;
}
 .datepicker-dropdown div table thead {
	 background-color: var(--color-primary) !important;
	 padding: 1em;
}
 .datepicker-dropdown div table thead tr {
	 background-color: var(--color-primary) !important;
	 padding: 1em 0.5em 0.5em;
	 color: var(--color-secondary) !important;
	 font-family: var(--headerfont) !important;
}
 .datepicker-dropdown div table thead tr::before, .datepicker-dropdown div table thead tr::after {
	 content: " ";
	 background-color: var(--color-primary) !important;
	 width: 1em;
	 display: block;
}
 .datepicker-dropdown div table thead tr th {
	 border-radius: 0 !important;
	 padding: 1em 0.5em 0.5em;
}
 .datepicker-dropdown div table thead tr th.datepicker-switch {
	 pointer-events: none;
}
 .datepicker-dropdown div table thead tr th.dow {
	 padding: 0.5em;
}
 .datepicker-dropdown div table thead tr th.next:hover, .datepicker-dropdown div table thead tr th.prev:hover {
	 background-color: var(--color-primary) !important;
	 opacity: 0.5;
}
 .datepicker-dropdown div table thead tr .prev.disabled, .datepicker-dropdown div table thead tr .next.disabled {
	 visibility: visible !important;
	 pointer-events: none;
	 color: var(--color-primary) !important;
}
 .datepicker-dropdown div table tbody {
	 font-family: var(--buttonsfont);
}
 .datepicker-dropdown div table tbody tr::before, .datepicker-dropdown div table tbody tr::after {
	 content: " ";
	 background-color: var(--color-primary) !important;
	 width: 1em;
	 display: block;
}
 .datepicker-dropdown div table tbody tr td {
	 width: 2.4em;
	 height: 2.4em;
	 border-radius: 50%;
	 position: relative;
	 color: var(--text-color);
}
 .datepicker-dropdown div table tbody tr td::after {
	 content: "";
	 width: 90%;
	 top: 0;
	 left: 0;
	 z-index: -1;
	 position: absolute;
	 display: block;
	 border-radius: 50%;
	 height: 90%;
	 margin: 5%;
	 background: var(--inputbg);
}
 .datepicker-dropdown div table tbody tr td.disabled::after, .datepicker-dropdown div table tbody tr td.new::after {
	 background: var(--sidebar-background) !important;
}
 .datepicker-dropdown div table tbody tr td.disabled {
	 opacity: 0.5;
}
 .datepicker-dropdown div table tbody tr td.today {
	 background: transparent !important;
	 color: var(--color-primary);
}
 .datepicker-dropdown div table tbody tr td.today::after {
	 background: var(--inputbg);
	 outline: solid 2px var(--color-primary);
}
 .datepicker-dropdown div table tbody tr td.today.old::after {
	 background: var(--sidebar-background) !important;
	 outline: solid 2px var(--color-primary);
}
 .datepicker-dropdown div table tbody tr td.range {
	 background: transparent !important;
	 color: var(--color-secondary) !important;
}
 .datepicker-dropdown div table tbody tr td.range::after {
	 background-color: var(--color-primary);
	 opacity: 0.9;
}
 .datepicker-dropdown div table tbody tr td.range.old::after {
	 background: var(--sidebar-background) !important;
}
 .datepicker-dropdown div table tbody tr td.range-start, .datepicker-dropdown div table tbody tr td.range-end, .datepicker-dropdown div table tbody tr td.selected {
	 background: transparent !important;
	 color: var(--color-secondary) !important;
}
 .datepicker-dropdown div table tbody tr td.range-start::after, .datepicker-dropdown div table tbody tr td.range-end::after, .datepicker-dropdown div table tbody tr td.selected::after {
	 background-color: var(--color-primary) !important;
}
 .datepicker-dropdown div table tbody tr td.old, .datepicker-dropdown div table tbody tr td.new {
	 opacity: 0.2;
	 line-height: 0;
	 height: 0;
	 overflow: hidden;
	 padding: 0;
}
 .datepicker-dropdown div table tbody tr td.active {
	 background: none !important;
	 color: var(--color-secondary);
}
 .datepicker-dropdown div table tbody tr td.active::after {
	 background: var(--color-primary) !important;
}
 .datepicker-dropdown div table tbody::before, .datepicker-dropdown div table tbody::after {
	 content: "";
	 display: table-cell;
	 height: 0.5em;
}
 .timepicker {
	 padding: 2em;
	 right: 0;
	 width: 168px;
	 border-radius: 0.5em !important;
	 max-width: 168px;
	 overflow: hidden;
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
}
 .timepicker > div {
	 margin: 0 !important;
}
 .timepicker > div span {
	 color: var(--text-color);
	 line-height: 1.5em;
	 min-height: 55px;
	 cursor: pointer;
}
 .timepicker > div span i {
	 pointer-events: none;
}
 .timepicker > div span:nth-child(even) {
	 background-color: var(--inputbg);
}
 .timepicker > div span:nth-child(odd) {
	 background-color: var(--pagebackground);
}
 .timepicker > div span.title {
	 pointer-events: none;
	 cursor: auto;
	 background-color: var(--color-primary);
	 color: var(--color-secondary);
	 font-family: var(--headerfont);
}
 .timepicker > div input {
	 color: var(--text-color);
	 padding: 0.5em 1em;
	 outline: none;
	 width: calc(2ch + 3em);
	 border: none;
}
 .timepicker > span {
	 width: 100%;
	 display: block;
	 text-align: center;
	 background-color: var(--color-primary);
	 color: var(--color-secondary);
	 outline: none;
	 cursor: pointer;
	 border: none;
}
 .timepicker ::-webkit-scrollbar {
	 width: 8px;
}
 .timepicker ::-webkit-scrollbar-track {
	 background: #f1f1f1;
}
 .timepicker ::-webkit-scrollbar-thumb {
	 background: #888;
}
 .timepicker ::-webkit-scrollbar-thumb:hover {
	 background: #555;
}
 .select {
	 width: 100%;
	 z-index: 3;
	 border-radius: 0.5em !important;
	 padding: 0 !important;
	 margin: 0 !important;
	 position: absolute;
	 max-height: 333px;
	 overflow-y: hidden;
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
}
 .select div {
	 overflow-y: scroll !important;
	 padding: 0 !important;
	 max-height: 333px;
	 margin: 0 !important;
}
 .select div span {
	 color: var(--text-color);
	 line-height: 1.5em;
	 display: block;
	 width: 100%;
	 padding: 1em;
	 min-height: 55px;
	 cursor: pointer;
}
 .select div span i {
	 pointer-events: none;
}
 .select div span:nth-child(even) {
	 background-color: var(--inputbg);
}
 .select div span:nth-child(odd) {
	 background-color: var(--pagebackground);
}
 .select ::-webkit-scrollbar {
	 width: 0px !important;
	 display: none !important;
}
 .select ::-webkit-scrollbar-track {
	 background: #f1f1f1;
	 width: 0px;
}
 .select ::-webkit-scrollbar-thumb {
	 background: #888;
}
 .select ::-webkit-scrollbar-thumb:hover {
	 background: #555;
}
 header h1.fs-2, header h1, header h2#title {
	 font-size: 22px !important;
	 padding: 1em 0 !important;
}
 @media screen and (min-width: 1140px) {
	 header h1.fs-2, header h1, header h2#title {
		 display: none !important;
	}
}
 @media screen and (max-width: 1140px) {
	 header h1.fs-2, header h1, header h2#title {
		 display: inline !important;
		 margin-top: 0 !important;
	}
}

button:hover {
    opacity: 0.8;
}
 
#sidebarcontent > div {
    background: none !important;
}
input.error {
    background-color: #ffd2d2 !important; /* Light red */
}

header::after{
    content:"";
    background: var(--headerbottom);
    background-size: 100% var(--headerbottomheight);
    position: absolute;
    width: 100%;
    height: var(--headerbottomheight);
    position: absolute;
    width: 100%;
    height: var(--headerbottomheight);
/*     mask: var(--headerbottom); */
/*     background-color: var(--color-primary); */
    bottom: calc(1px - var(--headerbottomheight));
/*     background:var(--color-primary);
    -webkit-mask-image:var(--headerbottom);
    mask-image:var(--headerbottom);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:100% var(--headerbottomheight);
    mask-size:100% var(--headerbottomheight) */
}

.border {
    border-color: var(--color-secondary) !important;
}

.product div:not(.countselect)::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%) !important;
    border-radius: var(--bs-border-radius-lg) !important;
}

.product div.countselect, .product h4#price {
    z-index: 2 !important;
}

.product h4#price {
    color: var(--color-secondary) !important;
}

.form-check-input#today {
	width: 1.5em !important;
    height: 1.5em;
}

@media screen and (max-width: 1140px) {
    header {
        position: fixed;
        top: 0;
        z-index: 1000000000000000 !important;
        height: auto !important;
        min-height: 70px;
    }
    
    div.container-xxxl div#sidebar.container-xxs {
        padding-top: 0px !important;
        overflow-y: scroll !important;
        
/*         background-color: #f9f9f9 !important; */
    }
    
    #sidebarcontent {
        height: 100% !important;
    }
    
    #popup {
        width: fit-content !important;
    }
    

    
    div.container-xxxl div#sidebar div, div.container-xxxl div#sidebar form {
        padding-top: 110px !important;
        pointer-events: all !important;
        margin-top: 0px !important;
        background-color: #f9f9f9 !important;
    }
    div.container-xxxl div#sidebar div#background {
        background-color: var(--sidebar-background) !important;
        padding: 2em 3em;
    }
    
    div.container-xxxl div#sidebar.container-xxs.nmb.mobileFullscreen {
        top: 0px !important;
    }
    
    div.container-xxxl div#sidebar.container-xxs.nmb.mobileFullscreen form {
        display: block !important;
        top: 0px;
        width: 100% !important;
        margin-top: 110px !important;
        box-sizing: border-box;
        height: auto !important;
    }
    
    div.container-xxxl div#sidebar.container-xxs.nmb .paymentmethodvisible {
        height: 100vh !important;
        padding-top: 110px !important;
    }
    
    div.container-xxxl div#sidebar.container-xxs.nmb .paymentmethodvisible form#radioform {
        display:block !important;
        margin-top: 110px !important;
        overflow-y: scroll !important;
        margin: 0 !important;
    }
    
    div.container-xxxl div#sidebar.container-xxs.nmb .paymentmethodvisible form#radioform > .form-check.d-flex{
        width: 100% !important;
        margin-left: 0 !important;
    }
    
    div.countselect.translateup {
        justify-content: left !important;
        padding-left: .5em !important;
    }
    .product h2.fs-2.mb-3.f1.mt-2 {
        text-align: left !important;
        padding-left: .5em !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 570px) {
    div.container-xxxl div div#categories button img {
        width: 40vw;
        height: 40vw;
    }
    
    .product  .position-relative.d-block.cursor-pointer {
        margin-top: 0 !important;
    }
}