:root {
	--main-color1: #E3CF7B;
	--main-color2: #E3CF7B;
	--main-contrast: #000;
	--main-gradient: linear-gradient(to bottom, var(--main-color2), var(--main-color1));
	--button-color: var(--main-contrast);
	--button-bg: var(--main-gradient);
	--button-border: #013F69;
	--button-color-hover: #000;
	--button-bg-hover: linear-gradient(to bottom, #fff, #ccc);
}

/**************************
* Menut                   *
***************************/

nav.menubar {
	background-color: #E3CF7B;
	border-radius: 5px
}

	nav.menubar a {
		color: #000;
		border-radius: 7px
	}

		nav.menubar a.selected, nav.menubar a:hover {
			background-color: #fff;
			color: #000;
		}

nav.main_menu {
	background: linear-gradient(to bottom, #E3CF7B, #E3CF7B);
}

	nav.main_menu a {
	}


/***************
* navi-ikonit *
****************/
svg.icon_yleisvari path {
	fill: #d2be6a;
}


/*************************
*        NAPIT           *
**************************/

input[type=button].small_button, input[type=submit].small_button {
	font-size: 12px;
	min-width: 75px;
}

@supports(clip-path: polygon(0 0, 100% 0, 50% 100%)) {
	.css_aichat > button.css_aichat_open::after { /*Puhekuplan "häntä"*/
		background-color: #013F69;
	}
}


/*************************
*        Muut            *
**************************/

span.helpheader {
	font-style: normal;
}

.help /*sivulle sijoitettu ohjeteksti*/ {
	font-style: normal;
}

table.datatable tr.footer_row td {
	border-bottom: solid 1px #F0F0F0;
	border-top: solid 1px #CECECE;
	background-color: #E3CF7B;
	background: linear-gradient(to bottom, #E3CF7B, #E3CF7B);
	/*opacity: 0.5;*/
	padding-top: 4px;
	padding-bottom: 4px;
	/*padding-right: 10px;*/
	font-weight: bold;
	color: #ffffff;
}