@import url('/html5/stylesCORE.css');
@import url('/html5/mobileCORE.css');
@import url('/html5/formsLEFT.css');
@import url('/html5/formsCOMPACT.css');
@import url('/html5/colorsCORE.css');
@import url('/html5/formIcons.css');
@import url('/elements/LargeButtons5/Buttons.css');
@import url('/html5/menuMain-R5.css');
@import url('/html5/menuUser-R5.css?ts=251230');
@import url('/html5/designVC-R5.css?ts=251230');

:root {
	--color1: #66bdee;
	--color2: #474cde;
	--color4: #d47719;
	--colorButtonBorder: #474cde;
	--colorButtonGrad1: #6b6fe4;
	--colorButtonGrad2: #3f44c7;

	--userMenuBkgTrans: url("data:image/svg+xml;utf8,<svg stroke='%23a0e9e3' fill='%2366bdee'  width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' ><path stroke='none' d='M0,0 L0,100 L100,100 C50,100 50,0 0,0z'/><path stroke-width='12' fill='none' d='M100,94 C50,94 50,-4 0,-4'/></svg>") no-repeat top left / 50px 100%;
	--userMenuBkg: url("data:image/svg+xml;utf8,<svg stroke='%23a0e9e3' width='100px' height='100px' viewBox='0 0 100 100' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' ><path stroke-width='12' d='M0,94 L100,94'/></svg>") no-repeat top right / 100% 100%;

	--footerBkg: url("data:image/svg+xml;utf8,<svg stroke='%2366bdee' width='100px' height='100px' viewBox='0 0 100 100' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' ><path stroke-width='5' d='M0,10 L100,10'/></svg>") no-repeat top right / 100% 100%;
	--footerBkgTrans: url("data:image/svg+xml;utf8,<svg stroke='%2366bdee' width='100px' height='100px' viewBox='0 0 100 100' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' ><path stroke-width='5' d='M100,104 C50,104 50,10 0,10'/></svg>") no-repeat top right / 100% 100%;

	--colorPlans1: #474cde;
	--planDisplayTabUrl: url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 100' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'><path fill='%23474cde' d='M0 100 H100 V0 H60 C50 0 50 90 40 90 H0 z'/></svg>");
	--planDisplayArrowsLarge: url("data:image/svg+xml;utf8,<svg viewBox='0 0 100 300' fill='none' stroke='%23474cde' xmlns='http://www.w3.org/2000/svg'><g stroke-width='2'><path d='M47.8,4.1h23.7c.7,0,1.4.3,1.7.8l22.5,35.5c.4.6.4,1.3,0,1.9l-22.5,36.2c-.4.6-1,.9-1.7.9h-24c-1.6,0-2.5-1.5-1.8-2.8l21.1-34.3c.4-.6.4-1.3,0-1.9L46.1,7c-.8-1.3.2-2.9,1.7-2.9Z'/><path d='M6.3,4.5h23.7c.7,0,1.4.3,1.7.8l22.5,35.5c.4.6.4,1.3,0,1.9l-22.5,36.2c-.4.6-1,.9-1.7.9H6c-1.6,0-2.5-1.5-1.8-2.8l21.1-34.3c.4-.6.4-1.3,0-1.9L4.6,7.3c-.8-1.3.2-2.9,1.7-2.9Z'/></g><g stroke-width='4'><path d='M47.8,204.1h23.7c.7,0,1.4.3,1.7.8l22.5,35.5c.4.6.4,1.3,0,1.9l-22.5,36.2c-.4.6-1,.9-1.7.9h-24c-1.6,0-2.5-1.5-1.8-2.8l21.1-34.3c.4-.6.4-1.3,0-1.9l-20.7-33.6c-.8-1.3.2-2.9,1.7-2.9Z'/><path d='M6.3,204.5h23.7c.7,0,1.4.3,1.7.8l22.5,35.5c.4.6.4,1.3,0,1.9l-22.5,36.2c-.4.6-1,.9-1.7.9H6c-1.6,0-2.5-1.5-1.8-2.8l21.1-34.3c.4-.6.4-1.3,0-1.9l-20.7-33.6c-.8-1.3.2-2.9,1.7-2.9Z'/></g></svg>");
}

/* minor: make highlight brighter, it's too dark/inconspicuous if kept at default #333 */
nav.usermenuR5 ul li:hover {
	background-color: #66bdee;
}
nav.usermenuR5 ul {
	background-color: #474cde;
}

.topmenurowR5, div.logoR5, div.mobileWrapperR5 {
	background-color: #66bdee;
}

@media screen and (max-width: 800px) {
	form {
		background-color: #66bdee;
	}
	.mobileWrapperR5::after {
		display: none; /* remove transition, keep primary color at the top */
	}
}


a.imagelink:hover {
	border-color: var(--colorButtonBorder);
}