.searchlist_sheet_table {display:table; margin-top: 1em; margin-bottom: 1em;}
.searchlist_sheet_row {padding: 0; font-size:12px; line-height:14pt; font-weight:bold;  text-align:center; vertical-align:middle; display: table-row;}
.searchlist_sheet_cell {display: table-cell; cursor:pointer; text-align:center; vertical-align:middle; width:3em;}
.searchlist_sheet_cell:hover { text-decoration:underline; cursor:pointer; }
.searchlist_search_field {padding:0.5em; width:90%;	max-width:800px;	font-size:18px; background-color: #eee; text-align:center; border-radius:5px;}	
.searchlist_data_input {width:650px; font-size:18px; line-height:20pt;}
.searchlist_main_frame{display: flex; flex-direction: column; font-weight:bold; }


.searchlist_list_text {display: flex;justify-content: center;flex-wrap: wrap;}
.searchlist_list_text > div {
	cursor:pointer; font-weight: normal; color: blue; 
	border-radius:0.5em;    
	margin:1em; width: 16em; height: 16em;  
	display: grid;
    place-items: center; 
    text-align: center;
	border:0.1em solid darkblue; 
	background-color:rgba(95, 255, 255,.5);
	white-space: normal;  
	}
.searchlist_list_text > div:hover {text-decoration:underline; background-color:rgba(95, 95, 255,1); color:white}

.searchlist_list_boxes  {display: flex; justify-content: center;flex-wrap: wrap;}
.searchlist_list_box  {border-radius:2.5em;    margin: 2em; text-align: left; width: 16em; min-height:16em;}

.searchlist_list_box {
    border-radius: 2.5em;
    margin: 1.5em;
    text-align: left;
    width: 16em;
    min-height: 20em;
    display: flex;
    flex-direction: column;
}
.searchlist_box_content {
    padding: 0.5em;
    display: flex;
    flex-direction: column;
    flex-grow: 1; 
}

.searchlist_box_main_content {
    cursor: pointer;
    text-align: center;
}
.searchlist_box_main_content:hover .searchlist_box_name {
}

.searchlist_box_image_container {
    width: 14.7em;
    height: 14.7em;
    margin: 0 auto;
    position: relative; 
    border-radius: 2em; 
    overflow: hidden; 
    display: flex; 
    align-items: center;
    justify-content: center;
    border: #444 solid 0.1em;
    background-color: rgba(255, 255, 255, 0.7);
}

.searchlist_box_image_name {
    position: absolute;
    bottom: -2px;
    left: 0;  
    right: 0; 
    background-color: rgba(255, 255, 255, 0.75);
    color: #000066;
    padding: 0.5em;
    line-height: 1.2;
    font-size: 0.9em;
    text-align: center; 
    border-radius: 1.8em 1.8em  1.8em 1.8em; 
    border: #444 solid 0.1em;
}


.searchlist_box_further_info_link {   text-align: center;   font-style: italic; font-size: 0.6em;   margin-top: 0.7em;    padding-top: 0.5em;}
.searchlist_box_further_info_link:hover {font-size: 0.8em;}
.searchlist_box_further_info_content {
    margin-top:0.5em;
    border-radius: 1.8em 1.8em  1.8em 1.8em; 
    border: #444 solid 0.1em;
    padding:1em; font-size: 0.9em;
    background-color:rgba(255, 255, 255,.5);
}



.searchlist_box_content > div > ul {margin:0px; }
.searchlist_box_title {margin-left:0.5em;  margin-top:0.5em; vertical-align:middle; font-size:0.8em; color:black; font-weight:bold;}

.searchlist_box_green { border:0.2em solid darkgreen; background-color:rgba(198, 255, 109,.5); }
.searchlist_box_red {border:0.2em solid darkred; background-color:rgba(255, 161, 168,.5);}
.searchlist_box_blue  {border:0.2em solid darkblue; background-color:rgba(95, 255, 255,.5);}
.searchlist_box_yellow { border:0.2em solid darkyellow; background-color:rgba(249, 231, 159,.5);}
.searchlist_box_grey { border:0.2em solid darkygrey; background-color:rgba(200, 190, 180,.5);}
.searchlist_box_purple { border:0.2em solid indigo; background-color:rgba(204, 153, 255,.5);}
.searchlist_box_orange { border:0.2em solid darkyorange; background-color:rgba(255, 200, 120,.5);}
	
.searchlist_box_image_green:hover { outline: darkgreen 0.6em solid;  }
.searchlist_box_image_red:hover { outline: darkred 0.6em solid; }
.searchlist_box_image_blue:hover { outline: darkblue 0.6em solid; }
.searchlist_box_image_yellow:hover { outline: darkyellow 0.6em solid; }
.searchlist_box_image_grey:hover { outline: darkgrey 0.6em solid; } 
.searchlist_box_image_purple:hover { outline: indigo 0.6em solid; }
.searchlist_box_image_orange:hover { outline: darkorange 0.6em solid; }



.searchlist_box_image_container:hover .searchlist_box_name {background-color: black;  color: white;font-weight: bold;}

.searchlist_box_thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
    display: block;
    
}