/* ------------------- more than one page --------------- */
:root {
	--disblue: #355ca8;
	--dis40: rgba(53,92,168,0.4);
	--dis20: rgba(53,92,168,0.2);
}

.disblue, .blue, .reshead, a, h2, h3 {
	color: #355ca8;
}
.bg-disblue {
  background-color: #c1dfe7;
}
.btn.show {
	background: rgba(53,92,168,0.8);
}
.btn.show:focus {
	background: #0b5ed7;
}
.btn.show:hover {
	background: #0b5ed7;
}
.knapp1, .sortButton, .prevButton {
	background: rgba(53,92,168,0.8);
	border-radius: 40px;
	border: none;
	color: #fff;
	text-transform: uppercase;
}
.knDapp1 {
	width: 49%;
}
.prevButton, .sortButton {
	width: 200px;
}
.sorted {
	color: pink;
}

.searchtable img, li, #ignotoggle, #coun, #lim, #moretree, #loginhelptoggle, #sinstr, .memberbox, .flag, .next, .resulttable th, .resulttable tbody tr, #firnAllaC, #surnAllaC, .totree, .toped, .topers, .infopara {cursor: pointer;}
.comp_family .memberbox {
	border:none;
}
a {
	text-decoration: none;
}
.memberbox a{
	text-decoration: underline;
}
h2 {
	margin: 5px;
}
h3 {
	margin: 4px 0px;
	font-size: 16px;
}
h4 {
	font-size: 18px;
}
hr {
	margin: 0px 0px 0px 0px;
}
img {
	border: none;
}
ion-icon {
	color: white;
	stroke: white;
}
span {
	display: inline-block;
}
select {
	width: auto;
}
th {
	border: none;
}
.totree, .toped{
	width: 16px;
	height: 16px;
}
.center { text-align: center;}
.clearboth { clear: both;}
.black {color: black;}
.red {color: red;}
.white {background-color: white;}
.bold {font-weight: bold;}
.textleft {text-align: left;}
.upper {text-transform: uppercase;}
/* ------------------- login.php ------------------------ */
#min, #pin {
    font-size: 13px;
    font-family: arial;
    border: 1px solid lightgrey;
    width: 80px;
    background-color: rgb(250, 255, 189);
}
#loginhelp {display:none;}
.login { margin: 60px 0 0 60px;}
.label {	margin: 10px 0 0 0;}
.hidden {display: none;}

/* ------------------- disbyt.php ----------------------- */

@font-face {
  font-family: DINRoundWebPro;
  src: url("/configs/fonts/DINRoundWebPro.woff") format("woff");
}

@font-face {
  font-family: DINRoundWebProLight;
  src: url("/configs/fonts/DINRoundWebPro-Light.woff") format("woff");
}

@media print {
 body {
  visibility: hidden;
 }
 .print {
  visibility: visible;
 }
}

body, div * {
	margin: 0;
	font-family:DINRoundWebPro;
	font-size: 16px;
}
.memberpage {	
	font-size: 12px;
	padding: 12px;
}
#membername {	
	cursor: default;
}
#top {
	margin:auto;
	width:97%;
	border-bottom: 1px solid lightgray;
  padding-bottom: 2px;
  margin-bottom: 5px;
}
#topleft {
	width:20%;
}
#topmiddle {
	width:60%;
	text-align:center;
}
#toprightpic {
	width: 45px;
	padding-top: 5px;
	float:right;
}
.prog {
	font-size: 51px;
}
#middle {
	clear: both;
	width: 98%;
	margin: auto;
}
#search td {
	border:	none;
	padding: 0;
}

#menu {
	clear: both;
	margin: auto;
	width: 97%;
}
#leftlinks {
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	width: 50%;
}
#leftlinks li {
	padding-right: 30px;
}
#inloggade {
	font-size: 12px;
}
#rightlinks {
	float: right;
}
#logout {
	font-size: 12px;
	padding-right: 10px;
}
.flag
{
	width: 18px;
	height: 11px;
}

.resulttable {
	width: 100%;
	text-align: left;
}
td input {
	width: 98%;
	font-size: 16px;
}
td select {
	width: 100%;
	font-size: 16px;
}
#inneIdag {
	position: absolute;
	top:10px;
	left:20px;
	background-color: lightyellow;
}
#inneIdag li {
	display: block;
}
/* ------------------- info.htm ------------------------- */
.infoheader {
	margin: 10px 0 0 0;
	height: 40px;
}
.infoheadline {
	font-size: 18px;
	text-align: center;
	padding-top: 10px;
}
.broadcast {
	text-align:center;
	color:red;
	font-weight: bold;
	border: 1px solid;
}
/* ------------------- info.htm nat --------------------- */
.infoinfo {
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0;
	clear: both;
	color:black;
}
.infotext {
	margin: 12px;
	line-height: 1.4;
}
.infopara {
	text-transform:uppercase;
	text-align: center;
	margin-bottom: 0;
	clear: both;
}
.infoparahide {
	display: none;
	margin-left: 100px;
	font-size: large;
	color: black;
}
.infotexthead {
	margin-bottom: 0;
	clear: both;
	font-weight: bold;
}
.infoparahide, .infotexthead {
	color: #355ca8;
}
.infotexttext {
    margin-top: 0;
    float: left;
    clear: both;
}
/* ------------------- search.php ----------------------- */
.searchtable {
	width: 100%;
}
.searchtable th{
	font-weight: normal;
	padding-top: 7px;
}
#searchrestable thead th{
	font-weight: bold;
	padding-top: 7px;
	text-transform: uppercase;
}
.right
{	float:right;}
input[type='submit'], input[type='reset'] {
	cursor: pointer;
}
#searC {
	width: 45%;
}
#execJ {
	width: 100px;
}
#rensaval {
	width: 100px;
	float: left;
}
label {font-size: 16px;} 
.se_year {	width: 8%;}
.se_hidden {display: none;}
#lettersearch {
	position: absolute;
	background-color: white;
	border: 1px solid;
}
#letters {
	background-color: #ffffcc;
	width: 100%;
	font-size: 16px;
}
#list {
	height: 500px;
	overflow: auto;
}
.lista {
	display: block;
	cursor: pointer;
}
.prevtr {
	cursor: pointer;
	background-color: #ece6a8;
}
.border {
	border: solid 1px;
	margin-left: 15px;
}
.sexfvd{
	text-align: center;
}
.sexfvd select{
	width: 50%;
}
#sortord, #pedMore, .tofam, .tocomp {
	cursor: pointer;
}
#sortspec {
	display: none;
}
#sortspectable{
	border: solid blue 1px;
	position: absolute;
	background-color: lightcyan;
	z-index: 1;
}
#sortinstr{
	display: none;
	border: solid blue 1px;
	position: absolute;
	background-color: lightyellow;
}
#sortinstr > p {
	padding-left: 5px;
	padding-right: 5px;
}
.sortborder{
	border: solid blue 1px;
}
.s1, .s2, .s3, #sorttom {
	cursor: pointer;
}
.s3 {
	text-align: center;
}
.s4 {
	display: none;
}
#sortera, #sortrensa, #sortavbryt {
	cursor: pointer;
	text-align: center;
}
#sortera {
	background-color: cyan;
}
/* ------------------- searchres.php -------------------- */
#searchres { text-align: center;}
.vleft { margin-left: -100px;}
.arrow {
	height: 18px;
	width: 40px;
	margin:	0px 10px;
}
.familylink, .memberlink {
	cursor: pointer;
}
#f_ids {
	display:none;
}
#jmfHead {
	width: 30px;
}
.jmfMark {
	background-color: yellow;
}
.vald {
	background-color: violet;
}

/* ------------------- family.php ----------------------- */
#family {
	width: 98%;
	margin: auto;
	text-align: center;
}
.familytable {
	width: 860px;
	margin: auto;
	text-align: center;
}
.familytable td {
  border: 1px solid lightgrey;
  padding: 1px 1px 1px 5px;
	vertical-align: top;
}
#familyperson {
	background-color: rgb(240, 230, 140);
}
.familypersonname {
  font-size: 1.3em;
	color:blue;
}
#familyspouse {
	background-color: rgba(53,92,168,0.2);
}
td.halv {
	width: 50%;
}
td.leftrelation {
	width: 12%;
}
.eventhidden {display: none;}
#allevents {cursor: pointer;}
/* ------------------- mypage.php ----------------------- */
.mypage{
	width: 98%;
	margin: auto;
}
.mp_header {
	text-align: center;
}
.mp_table {
	width: 100%;
	margin: auto;
}
.mp_table h1 {
  color: blue; 
}
.mp_headline {
	background-color: #90e0f0;
}
.mp_table th {
  border: 0;
}
.mp_20 {
	width: 20%;
}
.mp_table  input[type="submit"] {
  width: auto;
}
.mp_right {
	text-align: right;
}
#mp_save, #mp_lang, #mp_lim {
	cursor: pointer;
}
/* ------------------- statistik.htm ----------------------- */
.statlinks {
	text-align: center;
	font-size: 20px;
}
/* ------------------- footer.php ----------------------- */
.footx {
	display: block;
	text-align: center;
	color: black;
	font-size: 0.8em;
}
/* ------------------- compare.php ----------------------- */
#compare {
	width: 98%;
	margin: auto;
	text-align: center;
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}
.comp_pers{
	float: left;
}
.comp_family{
	width: 100%;
}
.comp_parents {
	height: 100px;
	background-color: lightyellow;
}
.comp_person {
	background-color: lightcyan;
}
.comp_spouse {
	background-color: antiquewhite;
}
.comp_family td {
	border: 1px solid lightgrey;
	padding: 1px 1px 1px 5px;
	vertical-align: top;
}
.floatleft {
	float:left;
}

/* ------------------- Moved from header.tpl ----------------------- */
.bgSelect {
	background-color: rgba(53,92,168,0.8); 
	color: white;
	stroke: white;
}
.bgSelect a {
	color: white;
}
.bg-childshow { background-color : #EEEEEE; color: #ffffff; }
.bootstrap-select .btn-group {color: red !important; background: red !important;}
.btn {font-size: 0.9rem;}
.divCenter {text-align: center;}
.pagination > li.active > a {background: rgba(53,92,168,0.8); color: #fff;}
/*
.tooltip-inner {background-color: rgba(53,92,168,0.8); text-align: left; max-width: 400px;}
.tooltip.bs-tooltip-top  .tooltip-arrow::before {border-top-color:  rgba(53,92,168,0.8);}
*/
.nameIndent {margin-left: 10px;}
.tdWidth25 {width: 25%;}
.table td,.table th{padding:.5rem;} /* Justerar den GENERELLA padding på sidan, men mest i sökresultatet! */
.table td a { display: block; } /* Gör hela cellen klickbar */
.table-striped tbody tr:nth-of-type(odd){background-color: #f8f9fa;}
.table-striped tbody tr:hover>* {background-color: rgb(144, 224, 240);}
.thead-light th{background-color: rgba(53,92,168,0.2);}
.DISbutton {background: rgba(53,92,168,0.8); border-radius: 40px; color: #fff; text-transform: uppercase;}	
