/*
	Theme-style
*/
.theme_heading_color {
	background-color: #2c3684;
	color:white;
}

.theme_second_heading_color {
	background-color: #436fb4;
	color:white;
}

thead.theme_thead_color tr th {
	background-color: #2c3684;
	color: white;
	position:sticky;
	top: 0;
}

.bgc-theme-main {
	background-color: #0086bd;	
}

.theme_heading_top_radius {
	border-radius: 8px 8px 0px 0px;
}

.theme_heading_expand_button {
	position:absolute;
	width: 26px;
	right:10px;
	top:1px;
	background-color:white;
	color:black;
	border-radius:50%;
	padding: 0px 6px;
	font-weight:bold;
	font-size:120%;
	cursor:default;
}

.theme_border_color {
	border-color: #2c3684 !important;
}

.theme_outline_color {
	outline-color: #2c3684 !important;
}

.theme_border_radius {
	border:solid 1px #2c3684;
	border-radius: 12px;
}

.theme_container_background_color {
	background-color:#f9fafb;
}

.theme_navbar_style {
	background-color: #e3e1e1 !important;
	color:black;
	font-weight:500;
}

.theme_second_bg_color {
	background-color: #bbbbc0 !important;
}

.theme_third_bg_color {
	background-color: #0086bd !important;
}

.theme_row_markup_bgc {
	background-color:#bbbbc0;
}

.theme_button {
	display:inline-block;
	border-radius:8px;
	padding: 4px;
}

.theme_button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.theme_button span:after {
	content: '\00bb';
	position:absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.theme_button:hover span {
	padding-right:25px;
}

.theme_button:hover span:after {
	opacity: 1;
	right: 0;
}

.contain_content {
	contain:content;
	overflow:auto;
}

div.ottsikko {
	background-color: #312f2e;	
	color:white;
}

.otsikko {
    color: #000000;
    background: #2c3684;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border-bottom: 2px solid #15254A;
	margin-top: 5%;

}

.tnotsikko {
    color: #000000;
    background: #2c3684;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    border: 1px solid black;
    border-bottom: 2px solid #15254A;
	width: 500px;
	margin-top: 5%;

	border-top-left-radius: 15px;
    border-top-right-radius: 15px;
 }

@media screen {
TD.otsikko {
	background-color: #2c3684;	
	color:white;
	font-family :  Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	border-bottom : 1px solid #15254A;
}

TD.otsikko a {
	color:white;
	text-decoration: underline;
}

}

.s-text {
	font-family :  Arial, sans-serif;
	font-size: 12px;
}


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

	.theme_border_radius {
		border:solid 3px #2c3684;
	}

}