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

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

nav.menubar {
	background-color: var(--main-color1);
	border-radius: 5px
}

nav.menubar a {
	color: var(--main-contrast);
	border-radius: 7px
}

nav.menubar a.selected, nav.menubar a:hover {
	background-color: var(--main-contrast);
	color: var(--main-color1);
}

nav.main_menu {
	background: var(--main-gradient);
}

nav.main_menu a {
}


/***************
* navi-ikonit *
****************/
svg.icon_yleisvari path {
	fill: var(--main-color1);
	stroke: var(--main-color1);
}


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


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


/*************************
*        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: var(--main-color1);
	background: var(--main-gradient);
	/*opacity: 0.5;*/
	padding-top: 4px;
	padding-bottom: 4px;
	/*padding-right: 10px;*/
	font-weight: bold;
	color: var(--main-contrast);
}