* {
		    box-sizing: border-box;
		}

		body {
		    max-width: 1450px;
		    margin: auto;
		    background-image: url(/img/BG_Feb25.jpg);
			background-color: rgb(34, 34, 34);
		    background-repeat: no-repeat;
		    background-attachment: fixed;
		    background-position: top center;
		    background-size: cover;
		    font-family: 'Roboto', sans-serif;
		    font-display: swap;
		}

		input {
		    -webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		}

		input[type=checkbox] {
		    -webkit-appearance: checkbox;
		    -moz-appearance: checkbox;
		    appearance: checkbox;
		}

		input[type=radio] {
		    -webkit-appearance: radio;
		    -moz-appearance: radio;
		    appearance: radio;
		}

		.expose {
		    position: relative;
		}

		#overlay {
		    background: rgba(0, 0, 0, 0.3);
		    display: none;
		    width: 100%;
		    height: 100%;
		    position: fixed;
		    top: 0;
		    left: 0;
		    z-index: 99998;
		}

		.mainContainer {
		    background-color: #ECECEC;

		}

		.menu {
		    float: left;
		    width: 100%;
		    background-color: #F7F7F7;
		    position: relative;
		}

		.main {
		    float: left;
		    width: 100%;
		    padding: 0 10px;
		    color: #727272;
		}
.BF 
{
	display: grid;
	grid-template-columns: 5% 90% 5%;
	
}
/* Stijlen voor de cookie consent div */
.cookie-consent {
    position: fixed; /* Zorgt ervoor dat de div altijd zichtbaar blijft bij scrollen */
    bottom: 0;
    left: 50%; /* Begin bij het midden van het scherm */
    transform: translateX(-50%); /* Verplaats de div naar links met de helft van de breedte om te centreren */
    width: 90%; /* 90% breedte met 5% marge aan beide zijkanten */
    max-width: 1200px; /* Max breedte als je dat wilt */
    background-color: #333; /* Donkergrijze achtergrond */
    color: #fff; /* Witte tekst */
    border-radius: 10px; /* Afgeronde hoeken */
    padding: 15px;
    text-align: center; /* Centreert de tekst en knoppen */
    z-index: 9999; /* Zorgt ervoor dat de div boven andere elementen staat */
    display: none; /* Standaard niet zichtbaar, wordt zichtbaar als er geen cookie is */
    margin-bottom: 10px;
}

.cookie-consent p {
    font-size: 0.8em;
}

.cookie-consent button {
    margin: 5px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px; 
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease, transform 0.3s ease; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); /* Subtiel schaduw-effect */
	font-size: 0.9em;

}

#accept-all {
    background-color: #4CAF50; 
    color: white;
}

#accept-necessary {
    background-color: #ff9088; 
    color: white;
}

/* Mouse-over effect */
#accept-all:hover {
    background-color: #45a049; 
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); /* Versterkt het schaduw-effect bij hover */

}

#accept-necessary:hover {
    background-color: #ff7f7f; 
}

@media (max-width: 600px) {
    .cookie-consent {
        width: 100%; 
    }
}

.rotate {
	writing-mode: vertical-lr;
	text-align: center;
	text-orientation: upright;
	overflow: hidden;
	white-space: nowrap;
	/* background: rgb(0, 0, 0); */
	height: 100vh;
	font-family: 'Chakra Petch', sans-serif;
	font-size: 2.2vh;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	/* text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); */ 
	position: sticky;
	top: 0;
	display: flex;          /* Flexbox inschakelen */
	justify-content: center; /* Horizontaal centreren */
	align-items: center;    /* Verticaal centreren */
	text-shadow: 0 0 20px rgba(128, 0, 128, 1), 0 0 30px rgba(128, 0, 128, 0.7);
  }
  .rotate span {
	writing-mode: horizontal-tb; /* Maak de tekst horizontaal */
	text-orientation: mixed;
	white-space: normal; /* Zorg dat tekst normaal ombreekt als nodig */
	display: inline-block; /* Houdt consistentie */
	margin: 25px 0; /* Voeg wat ruimte toe om het visueel beter te scheiden */
	color: red;
  }

		.logo {
		    width: 100%;
		    height: auto;
		    max-height: fit-content;
		    max-width: 225px;
		}

		.contentHeaderText {
		    width: 100%;
		    display: inline-block;
		    background-color: #333;
		    color: #F7F7F7;
		    min-height: 35px;
		    font-family: 'Montserrat', sans-serif;
		    font-size: 0.8em;
		    padding: 10px 10px;
		    margin-bottom: 10px;
		    -webkit-box-shadow: -2px 2px 4px 2px rgba(194, 194, 194, 0.47);
		    -moz-box-shadow: -2px 2px 4px 2px rgba(194, 194, 194, 0.47);
		    box-shadow: -2px 2px 4px 2px rgba(194, 194, 194, 0.47);
		}

		.contentHeaderLeft {
		    float: left;
		    width: 75%;
		}

		.contentHeaderRight {
		    float: left;
		    min-width: 50px;
		    width: 25%;
		    text-align: right;
		}

		.contentHeaderRightMobile {
		    float: left;
		    min-width: 50px;
		    width: 25%;
		    text-align: right;
		    display: none;
		}

		.storeImg img {
		    width: 100%;
		    height: auto;
		}

		.headerTop {
		    padding: 10px 15px;

		    display: -webkit-box;
		    display: -moz-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-orient: vertical;
		    -moz-box-orient: vertical;
		    -webkit-flex-direction: row;
		    -ms-flex-direction: row;
		    flex-direction: row;
		    /* optional */
		    -webkit-box-align: start;
		    -moz-box-align: start;
		    -ms-flex-align: start;
		    -webkit-align-items: flex-start;
		    align-items: flex-start;
		    flex-wrap: wrap;

		}

		.headerTop .headerLogo {
		    width: 33%;
		    -webkit-box-ordinal-group: 1;
		    -moz-box-ordinal-group: 1;
		    -ms-flex-order: 1;
		    -webkit-order: 1;
		    order: 1;

		}

		.headerTop .headerSearch {
		    width: 42%;

		    -webkit-box-ordinal-group: 2;
		    -moz-box-ordinal-group: 2;
		    -ms-flex-order: 2;
		    -webkit-order: 2;
		    order: 2;
		    position: relative;

		}

		.headerTop .headerButtons {
		    width: 25%;
		    text-align: right;
		    -webkit-box-ordinal-group: 3;
		    -moz-box-ordinal-group: 3;
		    -ms-flex-order: 3;
		    -webkit-order: 3;
		    order: 3;
		    position: relative;
		}


		.headerBox {
		    background-color: #F7F7F7;
		    top: 0px;


		}

		.headerAnnouncement {
		    background-color: #f9edb8;
		    padding: 10px;
		    margin: 0px;
		    border-bottom: solid 1px #999;
		    text-align: center;

		}

		.headerFlags {
		    background-color: #333;
		    padding: 5px 10px 0px 10px;
		    margin: 0px;
		    display: flex;
		    grid-auto-flow: column;
		    grid-auto-columns: minmax(0, 1fr);
		    color: #EFEFEF;
		    line-height: 30px;
		    font-family: 'Montserrat', sans-serif;
		    font-size: 0.8em;
		    letter-spacing: 0.55px;
		    justify-content: space-between;
		    height: 37px;

		}
		.headerFlags i {
		    font-size: 1.2em;
		}

		.headerAnnouncement h1 {
		    margin-top: 0px;
		}



		.search {
		    width: 100%;
		    font-family: 'Montserrat', sans-serif;
		    font-size: 1em;
		    font-weight: 300;
		    border: solid 1px #BFBFBF;
		    padding: 5px 20px 5px 20px;
		    border-radius: 20px;
		    outline: none;
		    height: 30px;
		}

		.search::placeholder {
		    color: #888888;
		}

		#searchResults {
		    position: absolute;
		    display: block;
		    height: auto;
		    width: 100%;
		    z-index: 9999;

		}

		.headerTop .searchResultBox {
		    display: block;
		    width: 100%;
		    margin: auto;
		    position: absolute;
		    background-color: #FFFFFF;
		    border: dotted 1px #ccc;
		    max-height: 400px;
		    overflow: auto;
		    padding: 10px;
		    scrollbar-width: thin;
		    border-radius: 5px;
		    -webkit-overflow-scrolling: touch;

		}

		.searchResultBox h3 a {
		    font-family: 'Montserrat', sans-serif;
		    color: #4A4A4A;
		    font-size: 1.0em;
		    font-weight: 600;
		    text-decoration: none;
		}

		.searchResultBox h3 a:hover {
		    border-bottom: 1px dotted #ccc;
		    padding-bottom: 2px;
		}

		.headerSearchMobile,
		.headerButtonSearch {
		    display: none;
		}


		#searchMobile {
		    display: none;
		}

		.headerAmount {
		    font-family: 'Montserrat', sans-serif;
		    height: 25px;
		    width: 25px;
		    border-radius: 25px;
		    background-color: #006393;
		    color: #EFEFEF;
		    text-align: center;
		    line-height: 25px;
		    font-size: 0.8em;
		    position: absolute;
		    bottom: 15px;
		    right: 0px;
		}

		.product_top {
		    float: left;
		    width: 50%;
		    padding: 15px;
		}

		.productContainer {
		    background-color: #FFFFFF;
		    padding: 5px;
		    margin: 0px 0px 15px 0px;

		}


		h1 {
		    font-family: 'Montserrat', sans-serif;
		    color: #4A4A4A;
		    font-size: 1.4em;
		    font-weight: 400;
		}

		h2 {
		    font-family: 'Montserrat', sans-serif;
		    color: #4A4A4A;
		    font-size: 1.3em;
		    font-weight: 400;
		}

		h3 {
		    font-family: 'Montserrat', sans-serif;
		    color: #0C4A6C;
		    font-size: 1.0em;
		    font-weight: 600;
		}

		h4 {
		    color: #0C4A6C;
		    font-size: 1.2em;
		    font-family: 'Roboto', sans-serif;
		    font-weight: 400;
		}

		p {
		    font-family: 'Roboto', sans-serif;
		    font-size: 1em;
		    text-align: justify;
		    line-height: 150%;

		}

		.accHeader {
		    display: inline-block;
		    width: 100%;
		    margin: 0px 0px 15px 0px;
		}

		.accHeader a {
		    text-decoration: none;
		    color: #727272;
		}

		.accLink {
		    font-family: 'Montserrat', sans-serif;
		    color: #4A4A4A;
		    font-size: 1.0em;
		    font-weight: 600;
		    padding: 10px 0px;
		    text-decoration: none;
		    float: left;
		    width: 32.1%;
		    text-align: center;
		    display: block;
		    background-color: #F7F7F7;
		    padding: 1%;
		    text-align: center;
		    font-weight: 600;
		    /*border-bottom: solid 2px #3b6986;*/
		    border-top: 0px;
		    border-left: 0px;
		    border-right: 0px;
		    border-radius: 5px 5px 5px 5px;
		    margin-right: 1%;
		    transition: 0.4s;
		    -webkit-box-shadow: 2px 2px 4px 2px rgba(194, 194, 194, 0.47);
		    -moz-box-shadow: 2px 2px 4px 2px rgba(194, 194, 194, 0.47);
		    box-shadow: 2px 2px 4px 2px rgba(194, 194, 194, 0.47);

		}

		.accLink:hover {
		    color: #F7F7F7;
		    background-color: #5190b9;
		}

		.accLinkActive {
		    color: #F7F7F7;
		    background-color: #5190b9;
		}

		#accountForm {
	    width: 100%;
		    font-size: 0.9em;

		}

		#accountForm #Postcode {
		    width: 25%;
		    float: left;
		    margin-right: 2%;
		}

		#accountForm #Woonplaats {
		    width: 73%;
		    float: left;
		}

		#accountForm input::read-only {
		    color: #999;
		    font-style: italic;
		}

		#accountForm input {
		    margin: 0px 0px 15px 0px;
		}

		.History_Box,
		.History_BoxH {
		    width: 100%;
		    margin: 0px;
		    padding: 0px 10px;
		    display: inline-grid;

		}

		.History_Line {
		    background-color: #F7F7F7;
		    padding: 5px;
		}

		.historyRow:nth-child(even) {
		    background-color: #FFFFFF;
		}

		.historyRow:nth-child(odd) {
		    background-color: #F7F7F7;
		}

		.History_Date,
		.History_Factuurnummer {
		    float: left;
		    width: 25%;
		}

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

		.History_Icon,
		.History_Download {
		    float: left;
		    width: 20%;
		}

		.History_Download {
		    text-align: right;
		}

		.main ul,
		.main ol {
		    padding-left: 0;
		    -webkit-padding-start: 0;
		    margin-left: 20px;
		}

		.main li {
		    padding-bottom: 2px;
		}

		.main .description {
		    background-color: #FFFFFF;
		    padding: 5px;
		    text-align: justify;
		}

		.main .description li {
		    padding-bottom: 8px;
		}

		.main .description li a {
		    border-bottom: none;
		    font-weight: 400;
		}

		#loading_nb,
		#loading_nb2 {
		    display: none;
		    padding: 13px 10px 0px 0px;
		    margin: 0px;
		    width: 18px;
		    height: 20px;
		    float: right;
		}

		#NBContainerProd {
		    border: solid 1px #335472;
		    background-color: #f7f9fb;
		    border-radius: 10px;
		    margin-left: auto;
		    margin-right: auto;
		    margin-top: 15px;
		    padding: 15px 20px;
		    display: block;
		    width: 50%;
		    -webkit-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
		    -moz-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
		    box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
		    background-repeat: no-repeat;
		    background-position: 100% 65%;
		    background-size: 25% auto;
		    background-origin: content-box;

		}

		/* YouTube responsive instellingen voor de filmpjes */
		.productContainer .embed-container {
		    position: relative;
		    padding-bottom: 56.25%;
		    height: 0;
		    overflow: hidden;
		    max-width: 100%;
		}

		.productContainer .embed-container iframe,
		.productContainer .embed-container object,
		.productContainer .embed-container embed {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}

		.NewsImageRightBig {
		    width: auto;
		    margin-right: 0px;
		    float: right;
		    padding-left: 0px;
		    margin-right: 20px;
		}

		.shoppingCartButton,
		.shoppingCartAmount {
		    height: 45px;
		    width: 74%;
		    background-color: #006393;
		    border-bottom: solid 2px #00354f;
		    border-top: 0px;
		    border-left: 0px;
		    border-right: 0px;
		    color: #EFEFEF;
		    font-family: 'Montserrat', sans-serif;
		    border-radius: 5px;
		    font-size: 0.9em;

		    -webkit-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
		    -moz-box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
		    box-shadow: 4px 2px 6px 2px rgba(194, 194, 194, 0.47);
			cursor: pointer;

		}

		.shoppingCartAmount {
		    background-color: #F7F7F7;
		    width: 18%;
		    color: #727272;
		    margin-right: 5%;
		    padding: 2%;
		    text-align: center;
		    font-weight: 600;
		}

		.shoppingCartAmountAdjust {
		    height: 45px;
		    width: 74%;
		    background-color: #5190b9;
		    border-bottom: solid 2px #3b6986;
		    border-top: 0px;
		    border-left: 0px;
		    border-right: 0px;
		    color: #727272;
		    font-family: 'Montserrat', sans-serif;
		    border-radius: 0px;
		    font-size: 0.9em;
		    text-align: center;
		    font-weight: 600;
		}

		.shoppingCartAmountAdjust:nth-child(odd) {
		    background-color: #FFFFFF;
		}

		.Checkout_Group {
		    width: 90%;
		    height: 55px;
		    border: solid 1px #CCC;
		    border-radius: 5px;
		    padding: 5px;
		    margin: 12px 0px;

		}

		.Checkout_RadioImg {
		    margin: 0px;
		    padding: 10px 0px 0px 0px;
		    width: 20%;
		    height: 35px;
		    float: left;


		}

		.Checkout_Smallbox {
		    width: 25px;
		    float: left;

		}

		.Checkout_Radio {
		    width: 15px;
		    text-align: left;
		    height: 35px;
		    float: left;
		    border: 0px;
		}

		.Checkout_RadioBox {
		    height: 45px;
		    width: 60%;
		    padding: 0px 0px 0px 0px;
		    margin: 0px;
		    line-height: 45px;
		    float: left;
		}

		.Checkout_Group:hover {
		    border: solid 1px #000000;
		}

		.Checkout_Remarks {
		    width: 90%;
		    display: inline-block;
		    border-radius: 5px;
		    border: solid 1px #CCC;
		    height: 75px;
		    font-size: 16px;
		}

		.headerImage {
		    opacity: 0.8;
		    height: 50px;
		    width: auto;
		    transition: 0.15s;
		}

		.headerImage:hover {
		    filter: invert(31%) sepia(28%) saturate(291%) hue-rotate(149deg) brightness(98%) contrast(89%);
		    cursor: pointer;
		}

		.headerLink {
		    color: #494949;
		    text-decoration: none;
		}

		.headerButtons span {
		    font-size: 0.6em;
		}

		.footer {
		    background: rgb(56, 70, 75);
		    background: linear-gradient(0deg, rgba(56, 70, 75, 1) 0%, rgba(72, 89, 97, 1) 15%, rgba(72, 89, 97, 1) 100%);
		    padding: 15px 0px 15px 0px;
		    color: #EFEFEF;
		    font-weight: 300;
		    font-size: 0.8em;
		    letter-spacing: 0.5px;
		    height: auto;
		    position: relative;
		}

		.footer a {
		    color: #F7F7F7;
		    text-decoration: none;
		}

		.footer a:hover {
		    border-bottom: 1px dotted #CCC;
		    padding-bottom: 2px;
		}

		.footer h2,
		.footer h3 {
		    color: #F7F7F7;
		    padding-top: 0px;
		    padding-bottom: 2px;
		    margin: 0px;
		}

		.footerSpecial {
		    border: dotted 1x #F7F7F7;
		    display: block;
		    background-color: #FFFFFF;
		    color: #727272;
		    width: 95%;
		    padding: 20px;
		    border-radius: 5px;

		}

		.footer img {
		    width: auto;
		    max-width: 100%;
		    height: auto;
		    max-height: 100%;
		}

		.footerSpecial h2,
		.footerSpecial h3,
		.footerSpecial h4 {
		    color: #727272;
		}

		.flagsIcon {
		    background-color: transparent;
		    background-repeat: no-repeat;
		    border: none;
		    cursor: pointer;
		    overflow: hidden;
		    outline: none;
		}

		.footerColumn {
		    float: left;
		    width: 33.33%;
		    line-height: 25px;
		    padding-left: 15px;
		    margin-top: 40px;
		}

		.footerColumn ul {
		    padding: 0px 15px;
		    margin: 0;
		}

		.footerIcons a:hover {
		    cursor: pointer;
		    border: none;
		    text-decoration: none;
		}

		.ShowSubCatContainer {
		    width: 100%;
		    text-align: center;
		    display: inline-block;
		    font-family: 'Montserrat', sans-serif;
		}

		.ShowSubCat,
		.ProductOverview {
		    width: 19%;
		    height: 250px;
		    background-color: #FFFFFF;
		    padding: 5px;
		    -webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    -moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    text-align: center;
		    margin: 0.5%;
		    overflow: hidden;
		    float: left;
		    border-radius: 2px;
		    font-size: 0.9em;
		}

		.ProductOverviewSale {
		    width: 30.3%;
		    height: 295px;
		    background-color: #FFFFFF;
		    padding: 5px;
		    -webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    -moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    text-align: center;
		    margin: 1.5%;
		    overflow: hidden;
		    float: left;
		    border-radius: 2px;
		    font-size: 0.9em;

		}

		.NewsContent {
		    width: 100%;
		    display: inline-block;
		    background-color: #FFFFFF;
		    border-radius: 5px;
		    text-align: center;
		    margin: 10px 0px;
		    padding: 10px 10px;
		    -webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    -moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);

		}

		.NewsContent p {
		    text-align: center;
		}

		.NewsContentBox {
		    display: flex;
		    flex-direction: row;
		    width: 100%;
		    height: auto;

		}

		.NewsContentMovies {
		    width: 100%;
		    background-color: #FFFFFF;
		    border-radius: 5px;
		    text-align: center;
		    padding: 10px 10px;
		    -webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    -moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    flex: 0 1 100%;
		}

		.NewsContentMovies:nth-child(2) {
		    margin-left: 15px;
		}

		.NieuwsbriefInput {
		    height: 30px;
		    width: 65%;
		    background-color: #FFFFFF;
		    color: #727272;
		    border: none;
		    border-radius: 5px;
		    font-family: 'Roboto', sans-serif;
		    outline: none;
		    padding: 5px 10px;
		    font-size: 16px;
		}

		.NieuwsBriefSubmit {
		    border: none;
		    background: none;
		    outline: none;
		    color: #F7F7F7;
		    font-size: 1.8em;

		}

		.movieBox {

		    position: relative;
		    left: 0;
		    top: 0;
		    margin: 0;
		    padding: 0px 0px 15px 0px;
		    width: 100%;
		    height: auto;
		    transition: opacity .25s ease-in-out;
		    -moz-transition: opacity .25s ease-in-out;
		    -webkit-transition: opacity .25s;
		    display: inline-block;
		}

		.movieBox:hover {
		    opacity: 1;

		}

		.movieBoxHeader {
		    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
		    /* FF3.6-15 */
		    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
		    /* Chrome10-25,Safari5.1-6 */
		    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
		    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
		    /* IE6-9 */

		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 50px;
		    padding: 0px;
		    margin: 0px;
		}

		.moviesIcon {
		    position: absolute;
		    top: 40%;
		    left: 45%;
		    padding: 0px;
		    margin: 0px;

		}

		.moviesIcon:hover {
		    opacity: 1;
		}

		.movieH1 {
		    color: #EFEFEF;
		    padding-left: 10px;
		    font-weight: normal;
		    letter-spacing: -0.3px;
		    text-shadow: 1px 1px 3px #000000;
		}


		.ProductOverviewImageMaxed {
		    width: auto;
		    height: auto;
		    max-width: 100%;
		    max-height: 100%;
		}

		.scrolling-wrapper-flexbox {
		    display: flex;
		    flex-wrap: wrap;
		    /*overflow-x: auto;*/
		    flex-direction: row;

		}

		.scrolling-wrapper,
		.scrolling-wrapper-flexbox {
		    /*height: 350px;*/
		    margin-bottom: 20px;
		    width: 100%;
		    -webkit-overflow-scrolling: touch;
		}

		.ProductOverview {
		    height: 325px;
		    border: solid 1px #FFFFFF;
		    transition: 0.1s;

		}

		.ProductOverview:hover {
		    border: solid 1px #CCCCCC;
		}

		.ProductOverviewPrice {
		    font-size: 1em;
		}

		.ShowSubCat a,
		.ProductOverview a,
		.ProductOverviewSale a {
		    color: #393939;
		    text-decoration: none;
		    font-family: 'Source Sans Pro', sans-serif;

		}

		.ProductOverviewPrice {
		    padding-bottom: 2px;
		}

		.ProductOverviewPriceOldStrike {
		    text-decoration: line-through;
		    display: inline-block;
		    /*height: 25px;*/
		    font-weight: 600;
		    padding-top: 15px;
		}

		.ProductOverviewNoImage {
		    height: 145px;
		    overflow: hidden;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    position: relative;
		}

		.ProductOverviewNoImageSoldout {
		    position: absolute;
		    top: 0;
		    left: 0;
		}

		.ProductStatusContainer {
		    width: 100%;
		    text-align: left;
		    margin-bottom: 3px;
		    height: 25px;
		}

		.ProductOverviewTip,
		.ProductOverviewNew,
		.ProductOverviewNewItems,
		.ProductOverviewComingsoon,
		.ProductOverviewBestseller {
		    font-size: 0.9em;
		    background-color: #006393;
		    color: #FFFFFF;
		    display: inline-block;
		    padding: 3px 10px;
		    border-radius: 5px;
		}

		.ProductOverviewTip {
		    background-color: #249800;
		}

		.ProductOverviewNewItems {
		    background-color: #ff7e00;
		}

		.ProductOverviewComingsoon {
		    background-color: #440099;
		}

		.ProductOverviewBestseller {
		    background-color: #da4800;
		}


		.ProductOverviewNotNew {
		    font-size: 0.9em;
		    color: #EFEFEF;
		    display: inline-block;
		    padding: 3px 10px;
		}

		.ProductSmall {
		    font-size: 0.7em;
		    color: #7A7A7A;
		    text-decoration: none;
		    text-align: right;
		    margin-top: 20px;
		    padding-right: 3%;
		}

		.ProductSmall a {
		    color: #7A7A7A;
		    text-decoration: none;
		}

		.ProductSelect {
		    height: 35px;
		    background-color: #f7f7f7;
		    border: solid 1px #3b6986;
		    color: #4E4E4E;
		    font-size: 16px;
		    display: block;
		    width: 98%;
		    appearance: menulist;
		    -webkit-appearance: menulist;
		    -moz-appearance: menulist;
			cursor: pointer;
		}

		.ProductTypes {
		    width: 100%;
		    font-size: 0.8em;
		    display: inline-block;
		    margin-bottom: 5px;

		}

		.ProductTypes .ProductPricesLeft,
		.ProductTypes .ProductPricesLeftHeader,
		.ProductTypes .ProductPricesRight,
		.ProductTypes .ProductPricesRightHeader {
		    float: left;
		    width: 48%;
		    margin: 1%;
		}

		.ProductPricesLeftHeader,
		.ProductPricesRightHeader {
		    font-weight: 600;

		}

		.ProductPricesRight {
		    color: #0C4A6C;
		}

		.productUpdated,
		.couponUpdated,
		.shoppingError {
		    width: 100%;
		    display: inline-block;
		    padding: 12px 5px;
		    border: dotted 1px #ffd68a;
		    background-color: #fff8ea;
		    margin-bottom: 25px;
		    margin-top: 15px;
		    border-radius: 5px;
		}

		.main .description a,
		.RegularLink {
		    color: #006393;
		    padding-bottom: 1px;
		    text-decoration: none;
		    font-weight: 400;
		    border-bottom: dotted 1px #006393;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		}

		.main .description a:hover,
		.RegularLink:hover {
		    border-bottom: dotted 1px #727272;
		}

		#ShoppingFormUpdate,
		#ShoppingFormUpdateWarning {
		    width: 98%;
		    padding: 5px 5px 10px 5px;
		    margin: 15px 0px;
		    display: none;
		    border: dotted 1px #9effa3;
		    background-color: #d8ffda;
		    border-radius: 5px;
		    font-family: 'Montserrat', sans-serif;
		    font-size: 0.8em;
		    line-height: 20px;

		}

		#ShoppingFormUpdateWarning {
		    border: dotted 1px #ffd68a;
		    background-color: #fff8ea;
		}

		.ActieBalk {
		    width: 98%;
		    padding: 5px 5px 10px 5px;
		    margin: 1%;
		    border: solid 1px #335472;
		    background-color: #FFFFFF;
		    border-radius: 5px;
		    font-family: 'Montserrat', sans-serif;
		    font-size: 0.8em;
		    line-height: 20px;
		    text-align: center;
		    -webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    -moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);


		}

		#Actie ul {
		    padding-left: 20px;
		}

		#Actie li {
		    margin: 10px 0;
		}

		.ActieKolom:first-of-type {
		    float: left;
		    display: block;
		    height: 150px;
		    border-left: dotted 1px #335472;
		    border-top: dotted 1px #335472;
		    background-color: #FFFFFF;
		    position: relative;

		}

		.ActieKolom {
		    position: relative;
		    float: left;
		    display: block;
		    height: 150px;
		    border-right: dotted 1px #335472;
		    border-top: dotted 1px #335472;
		    background-color: #FFFFFF;
		    padding: 5px;

		}

		.ActieProgress {
		    width: 100%;
		    display: block;
		    background-color: #DEDEDE;
		}

		.ActiePlus {
		    position: absolute;
		    left: -13px;
		    top: 62px;

		}

		.CO_Left {
		    float: left;
		    width: 50%;
		    margin: 0px;
		    padding: 0px;
		}

		.CO_Right {
		    float: left;
		    width: 50%;
		    margin: 0px;
		    padding: 0px;
		}

		.CouponDiv {
		    float: left;
		    width: 48%;
		    margin-right: 2%;
		}

		.ShowSubCatImg,
		.ProductOverviewImage {
		    height: auto;
		    width: auto;
		    max-height: 140px;
		    max-width: 100%;
		    transition: transform .2s ease;
		}

		.shoppingContainer {
		    width: 100%;
		    display: grid;

		}

		.shopProduct,
		.shopType,
		.shopAantal,
		.shopPrijs,
		.shopPrijs2,
		.shopDelete {
		    float: left;

		}

		.shopProduct {
		    width: 70%;
		}

		.shopType {
		    width: 30%;
		    font-style: italic;
		}

		.shopProductLink {
		    color: #727272;
		    text-decoration: none;
		}

		.shopProductLink:hover {
		    padding-bottom: 1px;
		    color: #006393;
		    border-bottom: dotted 1px #006393;
		}

		.shopAantal,
		.shopPrijs,
		.shopPrijs2 {
		    width: 30%;
		    text-align: right;
		}

		.shopDelete {
		    width: 10%;
		    text-align: right;
		}

		.shopIconHover:hover {
		    cursor: pointer;
		}

		.shoppingRow,
		.historyRow {
		    width: 100%;
		    display: inline-block;
		    padding: 10px 7px;
		    font-size: 1em;
		    border-bottom: dotted 1px #3b6986;
		}

		.CouponInput {
		    width: auto;
		    padding: 7px 10px;
		    float: left;
		    height: 35px;
		    margin: 15px 25px 0px 0px;
		    border: solid 1px #ccc;
		    border-radius: 5px;
		    font-size: 0.9em;
		}

		.shoppingRow:nth-of-type(odd) {
		    background-color: #FAFAFA;
		}

		.shoppingRow:nth-last-child(2),
		.shoppingRow:nth-last-child(1),
		.historyRow:nth-last-child(1) {
		    border-bottom: none;
		}

		.historyRow {
		    transition: 0.2s;
		}

		.historyRow:nth-last-child(1) {
		    border-radius: 0px 0px 5px 5px;
		}

		.historyRow:hover,
		.historyRow:focus {
		    background-color: #f2fcff;
		}

		.shopMobileLeft {
		    width: 60%;
		    float: left;
		}

		.shopMobileRight {
		    width: 40%;
		    float: left;

		}

		.Crumbs {
		    min-height: 45px;
		    background-color: #FFFFFF;
		    font-size: 0.7em;
		    font-family: 'Montserrat', sans-serif;
		    width: 100%;
		    padding: 5px;
		    margin-bottom: 15px;
		    -webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    -moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		    line-height: 35px;
		}

		.Crumbs img {
		    vertical-align: middle;
		    opacity: 0.7;
		}

		.Crumbs a,
		.CrumbsLink {
		    color: #727272;
		    text-decoration: none;
		}

		.CrumbsLink:hover,
		.ProductSmall:hover a {
		    padding-bottom: 1px;
		    border-bottom: dotted 1px #727272;
		}


		@media only screen and (max-width:1000px) {

		    .ShowSubCat,
		    .ProductOverview {
		        width: 24%;
		    }

		    .Checkout_RadioImg {
		        display: none;
		    }

		    .Checkout_RadioBox {
		        width: 90%;
		    }

		    .searchResultBox {
		        width: 100%;
		    }
		}

		@media only screen and (max-width:900px) {

		    .headerTop .headerLogo,
		    .headerTop .headerButtons {
		        width: 50%;
		        -webkit-box-ordinal-group: 1;
		        -moz-box-ordinal-group: 1;
		        -ms-flex-order: 1;
		        -webkit-order: 1;
		        order: 1;
		    }

		    .headerTop .headerButtons {
		        width: 65%;
		    }

		    .headerTop .headerLogo {
		        width: 35%;
		    }

		    .headerTop .headerButtons {
		        -webkit-box-ordinal-group: 2;
		        -moz-box-ordinal-group: 2;
		        -ms-flex-order: 2;
		        -webkit-order: 2;
		        order: 2;
		    }

		    .headerTop .headerSearch {
		        width: 100%;
		        -webkit-box-ordinal-group: 3;
		        -moz-box-ordinal-group: 3;
		        -ms-flex-order: 3;
		        -webkit-order: 3;
		        order: 3;

		    }

		    .logo {
		        max-height: 70px;
		        width: auto;
		        max-width: 190px;
		        padding: 15px 0px 0px 0px;
		    }


		    .contentHeaderRight {
		        display: none;
		    }

		    .contentHeaderRightMobile {
		        display: block;
		    }


		    .NewsContentBox {
		        display: flex;
		        flex-wrap: wrap;
		        width: 100%;
		        height: auto;

		    }

		    .NewsContentMovies {
		        width: 100%;
		        background-color: #FFFFFF;
		        border-radius: 5px;
		        text-align: center;
		        margin: 10px 0px;
		        padding: 10px 10px;
		        -webkit-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		        -moz-box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		        box-shadow: 3px 4px 10px 2px rgba(217, 217, 217, 1);
		        flex: 0 0 100%;
		    }

		    .NewsContentMovies:nth-child(2) {
		        margin-left: 0px;
		    }


		    .hideMobile {
		        display: none;

		    }

		    .headerFlags {
		        justify-content: space-between;
		    }
			.rotate 
			{
				font-size: 1.4em;
			}

		}

		@media only screen and (max-width:720px) {


		    .ShowSubCat,
		    .ProductOverview {
		        width: 32%;
		    }


		    .scrolling-wrapper-flexbox .ProductOverview {
		        width: 29%;
		        flex: 0 0 auto;
		    }


		    .shopMobileLeft,
		    .shopMobileRight {
		        width: 50%;
		    }

		    .shopProduct,
		    .shopType {
		        width: 100%;
		        display: inline-block;
		    }

		    .shopType {
		        font-size: 0.8em;
		        font-style: italic;
		    }

		    .shopPrijs {
		        display: none;
		    }

		    .shopAantal,
		    .shopPrijs2 {
		        width: 45%;

		    }

		    .shopDelete {
		        width: 10%;
		    }

		    #shopProductType {
		        display: none;
		    }

		    .searchResultBox {
		        width: 95%;
		    }

		    .hideMobile {
		        display: none;

		    }

			.rotate 
			{
				font-size: 0.8em;
			}


		}


		@media only screen and (max-width:620px) {
		    /* For mobile phones: */

		    body {
		        background-image: none;
		    }

		    .menu,
		    .main,
		    .right,
		    .CO_Left,
		    .CO_Right,
		    .CouponDiv {
		        width: 100%;
		    }

		    .headerTop {
		        padding: 0px 15px;
		    }

			.rotate span {
				writing-mode: vertical-lr; /* Maak de tekst horizontaal */
				text-orientation: mixed;
				white-space: normal; /* Zorg dat tekst normaal ombreekt als nodig */
				display: inline-block; /* Houdt consistentie */
				margin: 40px 0; /* Voeg wat ruimte toe om het visueel beter te scheiden */
				color: red;
			  }
		    .search {
		        width: 100%;
		        font-family: 'Roboto', sans-serif;
		        font-style: italic;
		        border: solid 1px #17406A;
		        padding: 5px;
		        border-radius: 15px;
		        outline: none;
		        font-size: 16px;
		    }

		    #search input {
		        font-size: 16px;
		    }

		    .logo {
		        max-height: 50px;
		        width: auto;
		        padding: 15px 0px 0px 0px;
		        max-width: 110px;
		    }

		    .headerImage {
		        height: 30px;
		        padding: 0px 0px 0px 0px;
		        margin: 10px 0px 0px 0px;
		    }

		    .ProductOverviewSale {
		        width: 98%;
		    }

		    .headerSearch {
		        width: 100%;
		        display: none;
		        padding: 5px 0px 0px 0px;
		    }

		    .headerButtonSearch {
		        width: 100%;
		        display: inline-block;
		        padding: 0px 0px 10px 0px;
		    }

		    .headerSearchMobile input {
		        width: 100%;
		        height: 40px;
		        padding: 5px;
		        appearance: none;
		        -webkit-appearance: none;
		    }

		    .headerBox {
		        background-color: #F7F7F7;
		        padding: 2px 0px 0px 0px;
		        top: 0px;

		    }

		    .headerAmount {
		        font-family: 'Montserrat', sans-serif;
		        height: 20px;
		        width: 20px;
		        border-radius: 25px;
		        background-color: #006393;
		        color: #EFEFEF;
		        text-align: center;
		        line-height: 20px;
		        font-size: 0.8em;
		        position: absolute;
		        bottom: 22px;
		        right: -5px;
		    }

		    .headerLogo {
		        width: 35%;

		    }

		    .headerButtons {
		        width: 65%;
		    }

		    .shoppingCartAmount {
		        font-size: 16px;
		    }

		    .product_top {
		        width: 100%;
		        height: auto;
		    }

		    .ProductSelect {
		        width: 100%;
		        appearance: menulist;
		        -webkit-appearance: menulist;
		        -moz-appearance: menulist;
		    }

		    .footerColumn {
		        float: left;
		        width: 100%;
		        line-height: 25px;
		        padding: 15px;
		        margin-top: 5px;
		    }

		    .ShowSubCat,
		    .ProductOverview {
		        width: 48%;
		        margin: 1%;

		    }

		    .scrolling-wrapper-flexbox .ProductOverview {
		        width: 42%;
		        flex: 0 0 auto;
		    }

		    .scrolling-wrapper-flexbox {
		        display: flex;
		        flex-wrap: nowrap;
		        overflow-x: auto;
		        flex-direction: row;

		    }

		    .scrolling-wrapper,
		    .scrolling-wrapper-flexbox {
		        height: 350px;
		        margin-bottom: 20px;
		        width: 100%;
		        -webkit-overflow-scrolling: touch;
		    }



		    .accLink {
		        width: 99%;
		        margin: 0px 0px 5% 0px;
		        padding: 2%;
		    }

		    .footerSpecial {
		        width: 100%;
		    }

		    .historyMobile {
		        display: none;
		    }

		    #accountForm input {
		        width: 100%;
		        font-size: 16px;

		    }

		    #accountForm {
		        width: 99%;
		    }

		    .NewsImageRightBig {
		        width: 100%;
		        margin: 0px;
		        padding: 0px;
		    }


		    #NBContainerProd {

		        width: 95%;

		    }
		}

		/* Einde mobile */

		.image-gallery-container ul {
		    list-style: none outside none;
		    padding-left: 0;
		    margin: auto;
		    text-align: center;
		}

		.image-gallery-container .item {
		    margin-bottom: 60px;
		}

		.content-slider li {
		    background-color: #ed3020;
		    text-align: center;
		    color: #FFF;
		    margin: auto;
		}

		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}

		#image-gallery,
		#image-gallery-home,
		.image-gallery-container {
		    width: 100%;
		    margin: auto;
		}

		#image-gallery img {
		    width: auto;
		    height: auto;
		    max-height: 250px;
		    max-width: 99%;
		    margin-left: auto;
		}

		#image-gallery li,
		#image-gallery-home li {
		    position: relative;
		    display: block;
		}

		#image-gallery .caption {
		    background-color: rgba(0, 99, 147, 1.00);
		    height: 25px;
		    position: absolute;
		    bottom: 0;
		    right: 0;
		    padding: 5px 15px;
		    margin-right: 2%;
		    color: #F7F7F7;
		    width: auto;
		    font-family: 'Montserrat', sans-serif;
		    font-size: 0.8em;
		    display: block;
		    border-radius: 5px;

		}

/* Modern Login & Password Reset Styling */
.auth-container {
    max-width: 500px;
    margin: 30px auto;
    background: #f5f6f7;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.auth-header {
    margin-bottom: 30px;
}

.auth-header h1 {
    font-family: 'Montserrat', sans-serif;
    color: #4A4A4A;
    font-size: 1.8em;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.auth-header p {
    font-family: 'Montserrat', sans-serif;
    color: #727272;
    font-size: 1em;
    line-height: 1.6;
    margin: 0;
}

.auth-instruction {
    margin-bottom: 25px;
    padding: 15px 20px;
    background: #e7f3ff;
    border-left: 4px solid #2196F3;
    border-radius: 4px;
}

.auth-instruction p {
    margin: 0;
    color: #0c5460;
    font-size: 15px;
    line-height: 1.5;
}

.auth-instruction strong {
    display: block;
    margin-bottom: 5px;
    color: #004085;
}

/* Primary card voor login formulier */
.auth-primary-card {
    padding: 30px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #d0d0d0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.auth-primary-card form {
    width: 100%;
}

.auth-primary-card .auth-form-group {
    width: 100%;
}

.auth-primary-card .auth-input {
    width: 100%;
    box-sizing: border-box;
}

.auth-primary-card .auth-submit-button {
    width: 100%;
}

/* Secundaire info box voor wachtwoord vergeten */
.auth-info-box {
    margin: 30px 0;
    padding: 20px;
    background: #fafbfc;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

.auth-info-box p {
    margin: 0 0 10px 0;
    color: #4A4A4A;
    font-size: 0.95em;
}

.auth-info-box p:last-child {
    margin-bottom: 0;
}

.auth-info-box strong {
    color: #0C4A6C;
}

.auth-info-box a {
    color: #006393;
    text-decoration: none;
    font-weight: 500;
}

.auth-info-box a.auth-submit-button {
    color: #FFFFFF;
}

.auth-info-box a.auth-submit-button:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.auth-info-box a:hover {
    text-decoration: underline;
}

.auth-info-box h3 {
    color: #0C4A6C;
    font-size: 1.1em;
    margin: 20px 0 10px 0;
    font-weight: 600;
}

.auth-info-box h3:first-child {
    margin-top: 0;
}

.auth-error {
    color: #721c24;
    padding: 12px 15px;
    margin: 15px 0;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    font-size: 0.95em;
}

.auth-success {
    color: #155724;
    padding: 12px 15px;
    margin: 15px 0;
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
    font-size: 0.95em;
}

.auth-form-group {
    margin-bottom: 20px;
}

.auth-form-group label {
    display: block;
    margin-bottom: 8px;
    color: #4A4A4A;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 0.95em;
}

.auth-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #4A4A4A;
    box-sizing: border-box;
    transition: all 0.2s ease;
}

.auth-input:focus {
    outline: none;
    border-color: #2196F3;
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.1);
}

.auth-input-otp {
    font-size: 1.5em;
    letter-spacing: 0.5em;
    text-align: center;
    font-weight: 600;
}

.auth-submit-button {
    width: 100%;
    height: 50px;
    background-color: #006393;
    border: none;
    border-bottom: solid 3px #00354f;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 99, 147, 0.2);
}

.auth-submit-button:hover {
    background-color: #00517a;
    box-shadow: 0 4px 12px rgba(0, 99, 147, 0.3);
}

.auth-submit-button:active {
    transform: translateY(1px);
    box-shadow: 0 1px 4px rgba(0, 99, 147, 0.2);
}

/* Groene kleur alleen voor login knop */
#login.auth-submit-button {
    background-color: #28a745;
    border-bottom: solid 3px #1e7e34;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.2);
}

#login.auth-submit-button:hover {
    background-color: #218838;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

#login.auth-submit-button:active {
    box-shadow: 0 1px 4px rgba(40, 167, 69, 0.2);
}

.auth-submit-button i {
    margin-left: 8px;
}

.email-display {
    padding: 12px 15px;
    background: #f8f9fa;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0;
}

.email-display strong {
    color: #0C4A6C;
    font-weight: 600;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .auth-container {
        margin: 15px;
        padding: 25px 20px;
    }

    .auth-header h1 {
        font-size: 1.5em;
    }

    .auth-input-otp {
        font-size: 1.3em;
        letter-spacing: 0.3em;
    }
}

/* ============================================
   Account Form Styling
   ============================================ */

.R_Left {
    float: left;
    width: 200px;
    min-height: 35px;
    margin: 0px 0px 15px 0px;
    padding: 10px 0px 0px 0px;
    font-weight: 500;
    color: #333;
}

.R_Right {
    float: left;
    width: calc(100% - 220px);
    min-height: 35px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.R_Full {
    width: 100%;
    clear: both;
    margin: 15px 0px;
    padding: 0px;
}

.R_Input {
    border: solid 1px #CCCCCC;
    height: 35px;
    padding: 3px 7px;
    width: 100%;
    font-size: 0.9em;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    background-color: #FFFFFF;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.R_Input:focus {
    border: solid 1px #0C4A6C;
    outline: none;
}

.R_Input_RONLY {
    border: solid 1px #E0E0E0;
    height: 35px;
    padding: 3px 7px;
    width: 100%;
    font-size: 0.9em;
    border-radius: 5px;
    background-color: #F5F5F5;
    color: #999999;
    font-style: italic;
    cursor: not-allowed;
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
}

.R_Input_half {
    border: solid 1px #CCCCCC;
    height: 35px;
    padding: 3px 7px;
    width: calc(50% - 5px);
    font-size: 0.9em;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    font-family: 'Roboto', sans-serif;
    background-color: #FFFFFF;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.R_Input_half:focus {
    border: solid 1px #0C4A6C;
    outline: none;
}

.R_Input_half:last-child {
    margin-right: 0px;
}

.R_Checkbox {
    margin: 0px 8px 0px 0px;
    padding: 0px;
    height: auto;
    width: auto;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}

/* Clear floats after form rows */
.R_Left::after,
.R_Right::after,
.R_Full::after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive form styling */
@media (max-width: 768px) {
    .R_Left {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }
    
    .R_Right {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    .R_Input_half {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
        float: none;
    }
}
}