body {
   font-family: Arial, sans-serif;
}

h2{
   margin:0px;
   background-color:lightblue;
   border-radius:5px;
}

/* donker - helder */
#modusDH {
   position:absolute; left: 10px; top:5px; width:10px; height:20px;
}

#divToolBarBoven {
   margin-left: 20px;
   margin-top: -8px;
   min-height: 20px;
}

#divNummer {
   width:65px;
   text-align: center;
}
#tblGaNaar {
   visibility:hidden;
}
#tblGaNaar td {

}
.titimg {
   width: 24px;
   vertical-align: middle;
   /* background-color:white; */
}

.svgKnop {
   width: 20px;
   cursor: pointer;
   vertical-align: middle;
   background-color: whitesmoke;
   border: 1px solid gray;
   border-radius: 4px;
   padding:1.5px 1.5px 1.5px 1.5px;
}


#divHashTags {
   border: 1px solid gray;
   border-radius: 4px;
   min-width:250px; 
   background-color: white;
   font-size: 0.5em;
   padding: 3px;
   overflow-y: scroll;
   scrollbar-width: thin;
}
#divHashTags img{
   height: 10px;
   vertical-align: top;
}
.tagsnofocus {
   position:relative;
   height:17px; max-height:20px;
}
.tagsfocus {
   position:absolute; top:3px;
}

/********************************************************/
#divImgsKlein {
   height: 72px;
   min-height: 72px;
   overflow-x: auto;
   scrollbar-width: thin;
   /* scrollbar-color: blue orange;*/
}
#tblImgsKlein {
   text-align:center;
}
#tblImgsKlein td{
   width: 50px;
   height: 50px;
   min-width: 50px;
   min-height: 50px;
   border: 1px solid gray;
   border-radius: 4px;
   padding:1.5px 1.5px 1.5px 1.5px;
   cursor: pointer;
}
#tblImgsKlein td img{
   vertical-align:middle;
}
.imgskleinsel{
   background-color: lightblue;
}

/********************************************************/
#divImgGroot {
   margin: 2px 0px;
   padding: 1px;
   overflow: auto;
   display: flex;
}
.divIn { align-items: center; justify-content:center; }
.divOut {  align-items: normal; justify-content:normal; }

#imgGroot {
   margin:1px;
}
.imgOut { cursor: zoom-out;   cursor: -webkit-zoom-out;   cursor: -moz-zoom-out;  }
.imgIn { cursor: zoom-in;   cursor: -webkit-zoom-in;   cursor: -moz-zoom-in;  }

/********************************************************/
#divToolBarOnder {
   border: 1px solid silver;
   min-height: 24px; max-height: 24px;
   overflow-y: auto;
   font-size: 0.6em;
   margin: 2px 0px;
   padding: 1px;
   text-align:center;
   cursor:pointer;
}
.hashtags {
   color: blue;
   text-decoration: underline;
   cursor: pointer;
}
.hashtagsB {
   color: lightblue;
}
.score {
   color: purple;
}

/********************************************************/
#scherm {
   position: absolute;
   left: 0; top: 0;
   background-color: white;
   width: 100%;
   height: 100%;
   opacity: 0.5;
   visibility: hidden;
}
#divExport, #divAlbums,#divFilter {
   position: absolute;
   overflow: auto;
   border: 1px solid gray;
   border-radius: 15px;
   box-shadow:5px 10px 10px #888888;
   background-color: white;
   color:black;
   font-size: 1em;
   display: none;
   padding: 10px;
   text-align:center;
}
#txtExport {
   font-family: courier;
   font-size: 9px;
   width:95%; min-width: 800px;
   height:300px;   
   white-space: nowrap;
}
#imgSave, #imgOpen {
   margin-left:20px;
   display:none; 
}
.imgSmSave {
   width:12px;
   vertical-align:middle;
   margin:0px 5px 5px 0px;
}
.knop {
   background-color: whitesmoke;
   border:1px solid gray;
   border-radius: 5px;
   padding: 1px 5px 0px 5px;
   margin-bottom:0px;
   text-align:center;
   cursor: pointer;
   display:inline-block;
   min-width:70px;
   font-size: 1.0em;
   cursor:pointer;
   height:18px;
   vertical-align:middle;   
}


#tblAlbums {
   border-collapse:collapse;
   border: 1px solid lightgray;   
   margin:5px;
   width:385; 
   min-width:412px;
   max-width:412px;
   margin-left:auto; margin-right:auto;
   padding:0px;
   cursor:pointer;
}
#tblAlbums thead {
   display: block;
}
#tblAlbums tbody {
   display: block;
   overflow-y: scroll;
   /* max-width:585px; */
   max-height:300px;
   height:300px;
}
#tblAlbums tbody tr:nth-child(odd) {
  background-color: whitesmoke;
}
#tblAlbums TD, #tblAlbums TH {
   font-size:0.8rem;
   border: 1px solid lightgray;
   padding: 2px 5px 2px 5px;
   vertical-align:top;
}
#tblAlbums TH {
   background-color: silver;
}
#tblAlbums TD:nth-child(1),#tblAlbums TH:nth-child(1) {text-align:right;width:20px;}  
#tblAlbums TD:nth-child(2),#tblAlbums TH:nth-child(2) {text-align:left; width:300px;}  
#tblAlbums TD:nth-child(3),#tblAlbums TH:nth-child(3) {text-align:right;width:40px;}  
.rowsel {
   color:green;
   font-weight:bold;
}
/*--------------------------------------------------------*/
#tblFltScore{
   margin-left:auto;margin-right:auto;
}
#txtFltHTag {
   width:180px;
   margin-left:auto;margin-right:auto;
}
#tblFltHTags {
   border-collapse:collapse;
   border: 1px solid lightgray;   
   margin:5px;
   width:385; 
   min-width:200px;
   max-width:200px;
   margin-left:auto; margin-right:auto;
   display: block;
   overflow-y: scroll;
   max-height:214px;
   height:214px;
}
#tblFltHTags tr:nth-child(odd) {
  background-color: whitesmoke;
}
#tblFltHTags TD {
   font-size:0.8rem;
   border: 1px solid lightgray;
   padding: 2px 5px 2px 5px;
   vertical-align:top;
}
#tblFltHTags TH {
   background-color: silver;
}
#tblFltHTags TD:nth-child(1),#tblFltHTags TH:nth-child(1) {text-align:center; width:15px; cursor:pointer;}  
#tblFltHTags TD:nth-child(2),#tblFltHTags TH:nth-child(2) {text-align:center; width:15px; cursor:pointer;}  
#tblFltHTags TD:nth-child(3),#tblFltHTags TH:nth-child(3) {text-align:left; width:150px;}  

.svgFltKnop {
   width: 12px;
   cursor: pointer;
   vertical-align: middle;
   background-color: whitesmoke;
   border: 1px solid gray;
   border-radius: 4px;
   padding:1.5px 1.5px 1.5px 1.5px;
}