/*
 * versio V.0.9.3
 * © Ilkka Koivistoinen 12/2023
 */
body{

  font-family: 'Playfair Display', sans-serif;
/*   font-family: 'Lato', sans-serif; */
/*   font-display: block; */
}
div{
/*   background-color:white; */
/*   border:1px dotted red */
}
.white-text{
  color:white;
}
.bg-transparent{
  background-color:transparent;
}
.italic{
  font-style:italic;
}
.text-sm-left{
  font-size:60%;
  text-align:left;
}
.link-container{
  border-right:2px dashed silver;
  padding-top:5em;
  margin-right:1em;
  flex-grow: 1;
  flex-basis:  15vw;
  max-width:10vw;
  min-width:10em;
  width:9vw;
  overflow-y:visible;
  overflow-x:hidden;
/*   border:1px solid blue */
}
.app-content-browser{
 margin-top:10vh;

  flex-grow: 4;  /*Tarvitaanko*/
  flex-basis:  70vw;
  padding-left:2em;
  padding-right:0.5em;
  max-height:84vh;
  overflow-y:auto;
  overflow-x:visible;
}
.right-content{
  flex-grow: 1;  /*Tarvitaanko*/
  flex-basis:  15vw;
}
.nav-link-img{
  width:1.1em;
  margin:0.1em;
  padding:0.1em;
  vertical-align:sub;
}
.nav-link-img:hover{
  max-width:1.3em;
  margin:0.1em;
  padding:0.0em;
  border-radius: 0.2em;
}
.link-forward::after{
  content: "\00a0 \f0da "; /*fa-caret-down*/
  border: none;
  font-family: 'FontAwesome';
  font-size:100%;
  position:relative;
  top:0.05em;
}
.link-forward-white::after{
  content: "\00a0 \f0da "; /*fa-caret-down*/
  border: none;
  font-family: 'FontAwesome';
  font-size:100%;
  color:white;
  position:relative;
  top:0.05em;
}
.link-reverse::before{
   content: " \f0d9 \00a0\00a0";    /*fa-caret-up*/
  border: none;
  font-family: 'FontAwesome';
  font-size:100%;
  position:relative;
  top:0.05em;
}
.link-down::after{
  content: "\00a0 \f0d7 "; /*fa-caret-right*/
/*   content: '\00a0 \21E8'; */
  border: none;
  font-family: 'FontAwesome';
  font-size:100%;
  position:relative;
  top:0.05em;
}
.havis-hidden{
  height:0px;
  visibility:hidden;
/*   overflow:hidden; */
}
.havis-visible{
  height:auto;
  visibility:visible;
}
.tomato-text {
  background-color:tomato;
}
.green-text {
  background-color:DarkSeaGreen;
}
.blue-text {
  background-color:Lavender;
}
.scaled-font80{
  font-size:80%;
}
.scaled-font60{
  font-size:60%;
}
.silver-background{
  background-color:silver;
}
.green-text {
  background-color:LightGreen;
}
.redborder{
  border:1px solid red;
}
.greenborder{
  border:1px solid green;
}
.blueborder{
  border:1px solid blue;
}
.shadow-box{
  border-radius:2em;
  box-shadow:0.5em 0.1em 1.3em silver;
}
.rotate--5-box{
  rotate: -5deg;
}
.rotate-5-box{
  rotate: +5deg;
}
.rotate-3-box{
  rotate: +3deg;
}
.rotate--3-box{
  rotate: -3deg;
}
.navbar-sub{
  width:13em;
  padding-left:3em;
}
.havis-left{
  float:left;
}
.havis-right{
  float:right;
}
.havis-clear{
  clear:both;
}
.havis-center{
  text-align: center;
}
.licence, .login-hint{
  font-size:90%;
  font-style:italic;
}
.map-popup{
  font-size:60%;
  font-style:italic;
  background-color:transparent;
}

.birdmarker{color:red;}  /* pakollinen */

.nav-font-size{
  font-size:110% !important;
}
.i-container {
  display: flex;
  margin-left:3%;
  margin-right:5%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.container-title{
  margin-top:2em;
/*   padding-bottom:1em; */
  margin-bottom:1em;
  max-height:10vh;
  border-bottom:2px solid silver;
  overflow:visible;
}


.logo-content{
  flex-grow: 1;
  flex-basis:  20vw;
}
.title-content{
  flex-grow: 4;
  flex-basis:  80vw;
}
.user-content{
  flex-grow: 2;
  flex-basis:  10vw;
  max-height:1.6em;
}
.title-logo1-main{
  width:4.5vw;
}
.title-logo1{
  position:absolute;
  width:6vw;
}
.title-logo2{
  width:4.5vw;
}
.tab-5{
  margin-left:5em;
}
.tab-2{
  margin-left:2em;
}
.vtab-2{
  margin-top:2em;
}
.img-help{
  width:10em;
}
.mobile-help-bg{
  background-color:#b3ffff;
}
.img-mobile-large{
  width:80%;
  max-height:80vh;
}
.flex-table {
  display: flex;
  margin-left:5%;
  margin-right:5%;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.flex-table-col {
  border-right:2px dashed silver;
  padding-top:5em;
  margin-right:1em;
  flex-grow: 1;
  flex-basis:  15vw;
}

.flex-table-setup {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

  .flex-table-setup .cell-setup{
  }
    .cell-setup .cell-1 {
      flex: 0 0 60%; /* Ensimmäinen sarake vie 60% */
    }
    .cell-setup .cell-2 {
      flex: 0 0 40%; /* Toinen sarake vie 40% */
    }

.leaflet-tooltip-own{
  font-size:60%;
}

.elem-dot{
/*   font-size:120%; */
  padding:0.0em 0.1em 0.4em 0.1em;
  margin:0.5em;
  width:1.6em;
  height:1.6em;
  border-radius: 0.8em;
  display: inline-block;
  font-weight:700;
}
.find-info-row{
  font-size:120%;
  font-weight:700;
  min-width:100%;
}

.left{
  float:left;
}
.right{
  float:right;
}
.center{
/*   float:center; */
}
.clear{
  clear:both;
}
.bold{
  font-weight:800;
}
.laatikko{
  border:0.1em solid silver;
  padding:0.2em;
  text-align:center;
  vertical-align:middle;
  border-radius:0.5em;
}
.laatikko_left{
  border:0.1em solid silver;
  padding:0.2em;
  text-align:left;
  border-radius:0.5em;
}

.display_inline{
  display:inline-block;
  vertical-align:top;
}
.copy-link-img{
  width:2.1em;
  margin:0.1em;
  padding:0.1em;
  vertical-align:sub;
}
.copy-link-img:hover{
  max-width:2.3em;
  margin:0.1em;
  padding:0.0em;
  border-radius: 0.2em;
}
.update-alert{
  background-color:tomato;
  color:white;
  padding:1em;
  border-radius:0.5em;
}
.mobile-img{
  border:0.4em solid silver;
  border-radius: 1.5em;
  padding:0.4em;
}