:root {
  --main-color1: #000000;
  --main-color2: #111111;
  --main-contrast: #fff;
  --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: #000000;
	border-radius: 5px
}

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

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

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

nav.main_menu a {
}


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


/*************************
*        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: #000000;
	background: linear-gradient(to bottom, #000000, #000000);
	/*opacity: 0.5;*/
	padding-top: 4px;
	padding-bottom: 4px;
	/*padding-right: 10px;*/
	font-weight: bold;
	color: #FFFFFF;
}