/*-----------------------------------------------
INDEX
-------------------------------------------------
	Global
	Layout
		Navigation
	Pages
		Tekstisivu
		Hakusivu
		Osastotarkastus
		Tiedostopankki / Dokumenttiarkisto 
		Yhteystiedot
		Ohjekirja
		Alphabets
		Pager
		Misc
------------------------------------------------*/

/*-----------------------------------------------
GLOBAL
-----------------------------------------------*/

html {	font-size: 62.5%; }

/* styles.inc */
body {
 margin: 0; 
 padding: 0;
 line-height: 1.5em;
 overflow-y: scroll;
}

* { outline: none; }

img { border:0; }

h1 { 
	margin: 0 0 0.3em 0;
	line-height: 1.2em;
}

h2 { 
	margin: 1.1em 0 0.4em 0;
	line-height: 1.2em;
}

/* styles.inc */
h3 { 
	margin: 1.1em 0 0.4em 0;
	line-height: 1.2em; 
}

h1 + h2,
h1 + h3,
h2 + h3 { margin-top: 0.5em; }

h1 + p,
h2 + p,
h3 + p { margin-top: 0.3em; }

p { margin: 1em 0; }

ul, ol {  margin: 0.5em 0; }

a { transition: all 300ms ease-in-out 0s; }

/* styles.inc */
a:hover { text-decoration: underline; }

/* styles.inc */
a:focus { 
 outline: 2px solid #0b2047;
 outline-offset: 2px;
}

div,
aside,
textarea,
select,
input[type="text"],
input[type="password"],
button,
a.button {
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}

abbr[title] {	text-decoration: none; }

form { margin: 0; }

input { padding: 5px; }

/* styles.inc */
label { font-weight: normal; }

textarea, input[type=text] {
 /* webkit-appearance ipadille ja iphonelle */
 -webkit-appearance: none;
}

/* styles.inc */
textarea, input[type="text"], input[type="password"] {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 16px;
	margin-top: 4px;
	min-height: 44px;
}

/* styles.inc */
select {
 padding: 8px 16px;
 margin-top: 4px;
 -webkit-border-radius: 0;
 -moz-border-radius: 0;
 border-radius: 0;
}

select option { padding: 4px 18px; }

select option:hover { background: #e2e2e2; }

select option:checked {  
 background: #e2e2e2;
 color: #000000;
}

select option:active {  
 background: #e2e2e2;
 color: #000000;
}

input[type=radio], input[type=checkbox] { margin: 5px 5px 5px 0; }

/* styles.inc */
input[type=text]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=password]:focus,
textarea:focus {
 transition: initial;
 transition: all 300ms ease-in-out 0s;
}

/* styles.inc */
select:focus { 
 transition: initial;
 transition: all 300ms ease-in-out 0s;
 outline: none;
}

.button,
.likebutton {
 -webkit-appearance: none;
	padding: 8px 16px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 300ms ease-in-out 0s;
	min-height: 44px;
	text-transform: uppercase;
}

/* styles.inc */
.button:hover,
.button:active {
 transition: initial;
 transition: background 300ms ease-in-out 0s;
}

.button.major { text-transform: uppercase; }

.button.minor { 
	text-transform: initial;
	border: 1px solid transparent;
}

a.button { 
	text-decoration: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.bg-success { background-color: #dff0d8; }
a.bg-success:focus, a.bg-success:hover { background-color: #e1f3ef; }

.bg-info { background-color: #e1f3ef; }
a.bg-info:focus, a.bg-info:hover { background-color: #e1f3ef; }

.bg-warning { background-color: #FBE9EB; }
a.bg-warning:focus, a.bg-warning:hover { background-color: #FBE9EB; }

.button.warning {
  background-color: #e17920;
  border-color: #e17920;
  color: #ffffff;
}

.button.warning:hover { background-color: #d36509; }

.bg-warning textarea, .bg-warning input[type=text], .bg-warning select { border: 1px solid #e17920; }

.bg-danger { background-color: #f8e0d7; }
a.bg-danger:focus, a.bg-danger:hover { background-color: #f8e0d7; }

.button.danger {
  background-color: #dc5f2d;
  border-color: #dc5f2d;
  color: #fff;
}

.button.danger:hover { background-color: #b7481c; }

.bg-danger textarea, .bg-danger input[type=text], .bg-danger select { border: 1px solid #dc5f2d; }

/* R */
.box-highlighted {
  margin: 24px 0;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

/* R */
.highlighted2 { font-weight: bold; }

.box-highlighted input:not(.button),
.box-highlighted select,
.box-highlighted textarea { margin-bottom: 16px; }

.box-highlighted h3:first-child { margin-top: 0; }

/* R */
.basicbox {
 background: #ecdbe3;
 margin-bottom: 30px;
 padding: 30px 30px 25px 30px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

.basicbox h3:first-child { margin-top: 0; }

/* styles.inc */
.basicbox .basicbox-item { 
 padding: 5px 0;
 line-height: 1.2em;
}

div#approve-wrap.basicbox { background: #f8e0d7; } 

div#inspect-wrap.basicbox,
div#correction-wrap.basicbox { background: #fbecdf; } 

/* styles.inc */
/* .huomio { } */

.clear { clear:both; }

.nowrap { white-space: nowrap; }

.uppercase { text-transform: uppercase; }

.admin-linkset { 
  line-height: 100%;
  letter-spacing: initial;
}

div#admin-operation-msg { 
	color: black;
	font-size: 9pt;
	font-family: verdana, arial, helvetica, Sans-serif;
	line-height: 100%;
	text-decoration: none;
}

.top { vertical-align: top; }
.middle { vertical-align: middle; }
.right { text-align: right; }
.center { text-align: center; }

.floatright { float: right; }

.table { display: table; }
.table-row { display: table-row; }
.table-cell { display: table-cell; }
/* R */
.table-gap { display: table-cell; width: 60px; }

div.attachment_db_title.filecount0 { display: none; }

/* styles.inc */
.data-header { 
 padding: 5px 10px;
 font-weight: normal;
 text-transform: uppercase;
}

div#public-header {
 display: flex;
 align-items: center;
 color: #F9F6EE;
 margin: auto;
 background-color: #0B2047;
 border-radius: 12px;
 font-family: Plus Jakarta Sans, arial, sans-serif; 
 font-weight: bold;
 line-height: 1.1em;
 font-size: 2.6rem;
 height: 80px;
 margin-top: 30px;
}

div#public-header img {
 width: 33px;
 height: 33px;
 margin: 0 16px;
}

.data { padding: 0; }

td.data-header { padding: 5px 10px; }
td.data { padding: 8px; }

/* styles.inc */
th.data-header-line, td.data-header-line {
	font-weight: normal;
	line-height: 1.5em;
	padding: 4px 24px;
	text-align: left;
	text-transform: uppercase;
}

th.data-header-line.right, td.data-header-line.right { text-align: right; }

td.data-line {
	padding: 12px 24px;
	vertical-align: top;
}

td.data-line.selected { font-weight: bold; }

table thead th, table thead td { font-weight: bold; }

table th { text-align: left; }

table td p:only-child { margin: 0; }

table td p:first-child { margin-top: 0; }

table td p:last-child { margin-bottom: 0; }

/* styles.inc */
td.manual-data.title {
 width: 25%;
 text-transform: uppercase;
 vertical-align:top;
 white-space: nowrap;
}

td.manual-data { vertical-align: top; }

.title { text-transform: uppercase; }

/*--- UI-DATEPICKER-KALENTERI ---*/

/* R */
#ui-datepicker-div { width: 360px; }

.ui-datepicker td,
.ui-datepicker th { line-height: 1em; vertical-align: middle; text-align: center; }

.ui-datepicker th {  
 padding-top: 1em !important;
 padding-right: 0.5em !important;
 padding-bottom: 1em !important;
 padding-left: 0.5em !important;
}

.ui-datepicker td span, .ui-datepicker td a {
 padding-top: 1em !important;
 padding-right: 0.5em !important;
 padding-bottom: 1em !important;
 padding-left: 0.5em !important;
 text-align: center !important;
 line-height: 1em;
}

/*-----------------------------------------------
LAYOUT
-----------------------------------------------*/

ul#skiplink-wrap, ul#skiplink-wrap li {
 display: inline;
 height: 0;
 line-height: 0;
 padding: 0 !important;
}

ul#skiplink-wrap li a {
 display: inline;
 height: 0;
 left: -3000px;
 position: absolute;
 top: -2000px;
 width: 0;
}

/* styles.inc */
/* div#container { } */

div#header-print { display: none; }

/* styles.inc */
div#header { 
	/* position: relative; */
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

div#header.fixed {
 position: fixed;
 width: 100%;
 z-index: 2;
}

/* R */
div#header-wrap { 
	display: table;
	margin: auto;
}

/* R */
/* div#header div#header-wrap div.table-row { } */

div#logo-wrap {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-right: 32px;
}

div#logo-wrap a { text-decoration: none; }

div#logo-name-wrap { 
	display: inline-flex;
	align-items: center;
	gap: 16px;
	padding: 14px 0;
}

img.logo-img { 
  display: block;
	width: 113px;
}

/* styles.inc */
div#name-wrap {	
	display: inline-block;
	padding-top: 10px;
}

div#nav-wrap {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

nav#main-nav { line-height: 1em; }

/* R */
/*
div#bg-image {
	height: 630px;
	background-image: url(/img/template2/bg7.jpg);
	background-position: center;
	background-size: cover;
}
*/

/* R */
div#bg-image-overlay {
	height: 630px;
	/* background: rgba(244,244,244,0.74); */
} 

/* R */
div#page-wrap {
 margin:auto;
 display: table;
 table-layout: fixed;
}

/* R */
/* div#page-wrap.okindex {} */

/* R */
h1.okindex-h1 {
	margin-bottom: 0.1em;
	/* color: #ffffff; */
}

/* R */
h2.okindex-h2 {
	margin-top: 0;
	/* color: #ffffff; */
}

/* R */
div#page-wrap-sp { margin:0; }

/* R */
aside#aside {
 display: table-cell;
 line-height: 1.5em;
}

/* styles.inc */
div.ohjekirja-pagetext-wrap {
	padding: 32px;
 -webkit-border-radius: 24px;
 -moz-border-radius: 24px;
	border-radius: 24px;
}

/* styles.inc */
div.ohjekirja-pagetext-wrap-mobile {
	padding: 24px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	border-radius: 5px;
}

div.ohjekirja-pagetext-wrap h2:first-child,
div.ohjekirja-pagetext-wrap-mobile h2:first-child,
div.ohjekirja-pagetext-wrap h3:first-child,
div.ohjekirja-pagetext-wrap-mobile h3:first-child { margin-top: 0; }

div.ohjekirja-pagetext-wrap p:last-of-type { margin-bottom: 0; }

div.ohjekirja-pagetext-wrap p small,
div.ohjekirja-pagetext-wrap-mobile p small { line-height: 1.3em; }

div.ohjekirja-pagetext-wrap-mobile p { margin: 0; }

div.ok-pagetext-readmore span { 
	vertical-align: middle;
	font-size: 24px;
}

/* R */
div#page-wrap.okindex  div.nav-buttons-wrap {
	position: -webkit-sticky; /* Safari */
	position: sticky;
  display: none;
	top: 0px;
	padding-top: 32px;
}

div.nav-buttons-wrap {
	position: -webkit-sticky; /* Safari */
	position: sticky;
  display: none;
	top: 60px;
}

div.nav-buttons-wrap.embed { top: 20px; }

div#nav-buttons-top { 
  top: 114px;
  z-index: 99;
}


div#nav-buttons-top.with-fixed { top: 201px !important; } 

div#nav-buttons-top.with-fixed.embed { top: 75px !important; } 

div#nav-buttons-top.indexpage.with-fixed { top: 98px !important; } 

div#nav-buttons-top.indexpage.with-fixed.embed { top: 20px !important; } 

div#nav-buttons-top.indexpage { top: 20px; }

div#nav-buttons-top.embed { top: 75px; }

div#nav-buttons-top.indexpage.embed { top: 20px; }

div#nav-buttons-back.with-fixed { top: 147px !important; } 

div#nav-buttons-back.with-fixed.embed { top: 20px !important; } 


div#nav-buttons-back { 
 display: block;
 z-index: 100;
}

/* R */
div.nav-buttons-wrap a.button {
	display: flex;
	margin-top: 10px;
}

/* R */
/* aside#aside img { } */

/* R */
div#searchFormWrap { 
 position: relative;
 margin: 0 0 50px 0;
 white-space: nowrap;
}

/* R */
div#searchFormWrap input#search { 
 margin-top: 0;
 padding-right: 40px;
 width: 360px !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

div#searchFormWrap input#search:focus { background: #ffffff; }

input#search-button { 
	margin-left: -40px;
	margin-top: -5px;
}

div#autocomplete-results ul.ui-autocomplete { z-index: 10000 !important; }

div#ac-search-help, div#autocomplete-no-results { 
 white-space: normal;
 line-height: 1.2em;
}

.autocomplete-no-results,
.ac-search-help {
 padding: 5px 10px;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
 border-radius: 0;
}

.ac-search-help p { margin: 0.5em 0; }

.autocomplete-no-results p { margin: 0; }

/* R */
div#main {
 display: table-cell;
 vertical-align: top;
 line-height: 1.5em;
}

/* div#main-sp { } */

/* R */
div#main-hakulist { 
 display: table-cell;
 vertical-align: top;
 padding: 40px 20px 60px 20px;
 line-height: 1.5em;
}

/* styles.inc, R */
div#navBreadcrumb-wrap {
	min-height: 31px;
  padding: 5px 0;
  margin: auto;
}

/* styles.inc */
div#navBreadcrumb-wrap a,
div#navBreadcrumb-wrap a:visited { text-decoration: none; }


/* span.nb_delimeter { } */

/* styles.inc */
/* div#footer { } */

/* R */
div#footer-wrap {
	margin:auto;
	display: table;
	width: 100%;
 }
 
/* R */
div#footer-wrap .table-cell { 
	padding: 8px 16px;
	line-height: 1.5em;
	vertical-align: middle;
}

img#netland_apprunnercms { 
	display: block;
	margin: auto 0 auto auto;
}
 
a:focus img#netland_apprunnercms { 
	outline: 2px solid #000000;
	outline-offset: 2px;
}
 
div#footer-wrap table { display: inline-table; }
 
/* styles.inc */
div#footer-wrap h1,
div#footer-wrap h2,
div#footer-wrap h3 {
	margin: 0;
}
 
div#footer-wrap a:focus img { 
	outline: 2px solid #000000;
	outline-offset: 2px;
}
 
div#footer-wrap .table-cell p { margin: 1em 0; }
 
div#footer-wrap .table-cell p:first-of-type { margin-top: 0; }
 
div#footer-wrap .table-cell p:last-of-type { margin-bottom: 0; }
 
div#footer-wrap div { margin: 0; }
 
/* styles.inc */
/* div#footer a, div#footer a:visited { } */
 
/*--- NAVIGATION ---*/

/* styles.inc */
.sm-netland { 
	border-left: 0;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
	display: inline-block;
}

/* 
.sm-netland ul a, .sm-netland ul a:hover, .sm-netland ul a:focus, .sm-netland ul a:active {  border-left: 15px solid transparent; }

.sm-netland ul ul a, .sm-netland ul ul a:hover, .sm-netland ul ul a:focus, .sm-netland ul ul a:active { border-left: 30px solid transparent; }

.sm-netland ul ul ul a, .sm-netland ul ul ul a:hover, .sm-netland ul ul ul a:focus, .sm-netland ul ul ul a:active { border-left: 45px solid transparent; }

.sm-netland ul ul ul ul a, .sm-netland ul ul ul ul a:hover, .sm-netland ul ul ul ul a:focus, .sm-netland ul ul ul ul a:active { border-left: 60px solid transparent; }

.sm-netland ul ul ul ul ul a, .sm-netland ul ul ul ul ul a:hover, .sm-netland ul ul ul ul ul a:focus, .sm-netland ul ul ul ul ul a:active { border-left: 75px solid transparent; } /*

.sm-netland a:focus { outline: none; }

/* styles.inc */
/* .sm-netland, .sm-netland a { } */

/* styles.inc */
.sm-netland a { background: none; }

/* styles.inc */
/* .sm-netland a.selected:hover, .sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active, .sm-netland a.highlighted { } */

/* alisivujen linkkiväri, styles.inc  */
/* .sm-netland ul a { } */

/* styles.inc */
/* .sm-netland ul a:hover, .sm-netland ul a:focus, .sm-netland ul a:active, .sm-netland ul a.highlighted { } */

/* styles.inc */
/* .sm-netland ul { } */

/* styles.inc */
/* .sm-netland ul > li { } */

/* styles.inc */
/* .sm-netland span.scroll-up-arrow, .sm-netland span.scroll-down-arrow { } */

/* R, styles.inc */
.sm-netland a span.sub-arrow { 
	right: 10px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
}

/* styles.inc */
/* .sm-netland.sm-vertical a:hover span.sub-arrow { } */

/* styles.inc */
/* .sm-netland.sm-vertical ul a span.sub-arrow { border-width: 4px; } */

/* styles.inc */
/* .sm-netland.sm-vertical ul a:hover span.sub-arrow { } */

/* styles.inc */
/* .sm-netland.sm-rtl > li:first-child { } */

/* styles.inc */
/* .sm-netland.sm-vertical li { } */

/* styles.inc */
div#smartnavi-name {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2em;
}

/* styles.inc */
div#smartnavi-name a { text-decoration: none; }

/* styles.inc */
div#smartnavi-searchFormWrap {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

div#smartnavi-search input#smartnavisearch::placeholder { color: transparent; }
div#smartnavi-search input#smartnavisearch:-ms-input-placeholder { color: transparent; }
div#smartnavi-search input#smartnavisearch::-ms-input-placeholder { color: transparent; }

div#smartnavi-search input#smartnavisearch:focus {
 -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
 -moz-box-shadow:    0px 0px 0px 0px rgba(0, 0, 0, 0);
 box-shadow:         0px 0px 0px 0px rgba(0, 0, 0, 0);
}

/* styles.inc */
div#smartnavi-searchFormWrap input#smartnavi-search-button { background-image: url(/img/search_24dp.png); }

/*--- MOBINAVI ---*/

/* styles.inc */
/* div#smartnavi-toggler-cont { } */

div#smartnavi-toggler-cont, #main-menu, div#smartnavi-bottom-container { 
  left: 0;
  letter-spacing: initial;
}

div#smartnavi-toggler-cont.embed { display: none !important; }

/* R, styles.inc */
div#smartnavi-logo {
 font-weight: bold;
 padding: 0 30px;
 line-height: 1.5em;
}

div#logo-wrap-mobile { line-height: 1em; }

/* styles.inc */
div#logo-wrap-mobile a,
div#logo-wrap-mobile a:visited,
div#logo-wrap-mobile a:hover { text-decoration: none; }

/* R, styles.inc */
div#logo-wrap-mobile span.name {
 font-weight: normal;
 text-transform: uppercase;
}

/* R */
div#smartnavi-search { padding: 0 30px; }

div#smartnavi-searchFormWrap input#smartnavi-search-button:hover { background-image: url(/img/search_24dp_hov.png); }

div#smartnavi-logout-cont {
 display: table-cell;
 vertical-align: middle;
 width: 1%;
 padding-right:
 5px;
}

div#smartnavi-logout-button {
 width: 36px;
 height: 36px;
 cursor: pointer;
 background-repeat: no-repeat;
 background-position: center center;
 background-color: transparent;
 background-image: url(/common_ui/embed_ui/img/icons_google/action/ic_exit_to_app_white_36dp.png);
 border: 0;
}

div#smartnavi-toggle-button-cont { padding-right: 30px; }

div#smartnavi-toggle-button,
div#smartnavi-toggle-button:hover {
 background-color: transparent;
 background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_black_36dp.png);
 border: 0;
}

/* styles.inc */
/* div#smartnavi-bottom-container { } */

/* styles.inc */
/* div#smartnavi-bottom { } */

/* styles.inc */
/* div#smartnavi-bottom span#arrow-up { } */

/*-----------------------------------------------
PAGES
-----------------------------------------------*/

/*--- TEKSTISIVU ---*/

/* R */
div#pageimage-wrap { margin-bottom: 30px; }

div#pageimage-text { margin: -25px 0 30px 0; }

/* R */
div#pageimage2-wrap {
 float: right;
 margin-left: 60px;
 margin-bottom: 60px;
}

/* R */
div#pageimage2-text { 
 max-width: 370px;
 line-height: 1.5em;
 margin-top: 5px;
}

/* div#page-text-wrap { } */

/*--- HAKUSIVU ---*/

/* styles.inc */
div.searchResults div.searchpage-searchwrap { 
 padding: 20px !important;
 border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0; 
 border-radius: 0;
 margin-bottom: 45px !important;
}

/* R */
.box-info.searchpage-searchwrap form {
	display: flex;
	justify-content: center;
	align-items: stretch;
}

/* R */
div.searchResults div.searchpage-searchwrap  input { margin: 0; }

/* R */
div.searchResults div.searchpage-searchwrap  input.button { margin-right: 10px; }

div.searchResults div.searchpage-searchwrap div input[type=text] { width: 100%; }

/* R */
.box-info.searchpage-searchwrap form nobr {
	display: flex;
	align-items: center;
}


/*--- OHJEKIRJA ---*/

select#class { 
 margin-top: 0;
 margin-bottom: 17px;
 height: 40px; 
 width: 330px;
 padding: 5px;
}

div#makediv-select_class div.makediv-sel-opt.multiple {
 width: fit-content;
 min-width: 250px;
}

div#cal-search-startdate-wrapper {
 display: inline-block;
 padding-right: 10px;
 white-space: nowrap;
}

div#cal-search-enddate-wrapper {
 display: inline-block;
 white-space: nowrap;
}

/* R */
div.class_wrapper div.makediv-opt-sel-cont,
div.location_wrapper div.makediv-opt-sel-cont,
div.state_search_wrapper div.makediv-opt-sel-cont { margin-bottom: 20px; }

/* R */
/* div.class_wrapper div.makediv-opts,
div.location_wrapper div.makediv-opts,
div.state_search_wrapper div.makediv-opts { } */

div.loading_results {
 border: 1px solid #dddddd;
 display: inline-block;
 padding: 10px 30px;
 background: #ffffff;
 margin-top: 15px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
	border-radius: 8px;
}

div#search-result-div div.box-highlighted { margin-top: 32px; }

/* R, styles.inc */
div.suggest-results-wrapper {
	margin-top: 32px;
	padding: 30px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
	border-radius: 8px;
}

div.suggest-results-title {
	font-weight: bold;
	margin-bottom: 10px;
}

div.suggest-results { display: table; }

div.suggest-results-row { display: table-row; }

div.suggest-results-cell { 
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
}

div.suggest-results-cell span.suggest-term { white-space: nowrap; }

/*--- ALPHABETS ---*/

div.alphabetsCont { margin-top: 24px; }

div.alphabetWrap {
  display: inline-block;
  margin: 4px;
  font-weight: bold;
  text-align: center;
}

div.alphabetWrap a { 
 text-decoration: none;
 transition: all 300ms ease-in-out 0s;
}

div.alphabetWrap a:focus { transition: color 300ms ease-in-out 0s; }

div.alphabetWrap2 {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	border-radius: 5px;
  transition: background 300ms ease-in-out 0s;
}

/* styles.inc */
div.alphabetWrap2:hover { 
  background: rgba(0, 0, 0, 0.05);
  transition: background 300ms ease-in-out 0s; 
  transition: color 300ms ease-in-out 0s; 
}

div.alphabetWrap a:focus div.alphabetWrap2 { 
  outline: 2px solid #0B2047;
  outline-offset: 2px;
}

div.alphabetWrap a:active div.alphabetWrap2 { border: 0; }

div.alphabetWrap2:active { 
  background: rgba(0, 0, 0, 0.10);
  transition: background 300ms ease-in-out 0s; 
  transition: color 300ms ease-in-out 0s; 
}

/* R, styles.inc */
table.alphabets {
	width:100%;
	table-layout:fixed;
	text-overflow: ellipsis;
}

/* R, styles.inc */
table.alphabets td.data-header-line { border-top: 0; }

table.alphabets td.data-line:hover a { text-decoration: underline; }

table.alphabets td.data-header-line div.data-header-line-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

table.alphabets td.data-header-line  h3 { margin-bottom: 0; }

table.alphabets td.data-header-line a.backlink { text-transform: none; }

/* R */
/* table.alphabets td.data-line { } */

table.alphabets td.data-line a { font-weight: 600; }

table.alphabets td.data-line .lyhenne,
table.alphabets td.data-line .setid { font-weight: 600; }

table.alphabets td.data-line {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	 border-radius: 5px
}

/* styles.inc */
div#researchs-cont div.research-list-wrap,
table.alphabets div.research-list-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 0 20px;
	line-height: 1.5em;
}

div#researchs-cont div.research-list-wrap div,
table.alphabets div.research-list-wrap div { 
	white-space: nowrap;
	font-family: "Roboto Mono", monospace;
}

/* R, styles.inc */
div#researchs-cont {
	margin-top: 24px;
	padding: 20px 24px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
	border-radius: 5px;
}


/* styles.inc */
table.alphabets div.matching_terms { line-height: 1.3em; }

/*--- show ---*/

div.pdfLink { 
	display: inline-flex;
	align-items: center;
}

/* R */
div.permanentLink { 
	float: right;
	display: inline-flex;
	align-items: center;
}

table.ohjekirja { border-collapse: collapse; }

/* styles.inc */
table.ohjekirja thead td, table.ohjekirja thead th { 
 font-weight: normal;
 padding: 5px 10px;
 text-transform: uppercase;
} 

table.ohjekirja th, table.ohjekirja td { padding: 5px 10px; }

table.ohjekirja p:first-child { margin: 0; }

table.ohjekirja p:last-child { margin-bottom: 0; }

table.viitearvot { border-collapse: collapse; }

/* styles.inc */
table.viitearvot thead td, table.viitearvot thead th { 
	font-weight: normal;
	padding: 5px 10px;
	text-transform: uppercase;
 } 
 
 table.viitearvot th, table.viitearvot td { padding: 5px 10px; }

div#metadata { margin-bottom: 0; }


/*--- versionhistory ---*/

/* styles.inc */
table#versionhistory { width: 100%; }

table#versionhistory td.data-line { border-bottom: 0; }

table#versionhistory td.data-line.last { 
	border-top: 0;
	padding-top: 0;
}

/* R */
/* table#versionhistory tr.mobile-only { } */

/* styles.inc */
table#versionhistory .title { text-transform: uppercase; } 

/*--- htmldiff ---*/

del.diffmod { background: #e7e1f1; }

del.diffdel { background: #e7e1f1; }

del.diffmod img, del.diffdel img { 
	border: 5px solid #cc0f2f;
  display: block;
}

ins.diffmod { 
	background: #ccf6c6;
	text-decoration: none;
}

ins.diffins { 
	background: #ccf6c6;
	text-decoration: none;
}

ins.diffmod img, ins.diffins img { 
  border: 5px solid #ccf6c6;
  display: block;
}

input#backtodoc { margin-bottom: 15px; }

/*--- PAGER ---*/

p.pager-wrapper { margin-top: 30px; }

/* styles.inc */
.pager-current,
.pager-other:hover { 
 padding: 7px 10px;
 margin: 0;
}

.pager-other { 
 padding: 7px 10px;
 margin: 0;
}

/*--- MISC ---*/

#pagemask-black { top: 0; }