body {
	padding: 0;
  	margin: 0;
	}

html, body {
    height: 100%;
    }
   
#map { height:100%; }

:root {
    --as--color--primary: #1226aa;
    --as--color--secondary: #85C598;
    --as--color--complementary: #EC671C;
    --as--color--ui-03: #aaaaaa;
  }

    
.marker-cluster-small { 
   background-color:  rgba(128,195,66,0.4);
	}

.marker-cluster-small div { 
   background-color:  rgba(128,195,66,0.8);
	}	
	
.marker-cluster-large { 
   background-color:  rgba(242,107,33,0.4);
	}

.marker-cluster-large div { 
   background-color:  rgba(242,107,33,0.8);
	}	

.marker-cluster-medium { 
   background-color:  rgba(252,179,22,0.4);
	}

.marker-cluster-medium div { 
   background-color:  rgba(252,179,22,0.8);
	}	
	
.as-sidebar { 
	background-color: rgb(255,255,255,0.5);
	padding: 4px;
	width:230px;
 }
	
as-range-slider {
	padding:0px 0px 20px 0px; 
	width:100%;
	}

as-switch { 
	margin-left: 10px; 
	margin-right: 10px; 
	display:block; }

.as-panel { 
	padding: 4px; 
	}

#filterPanel { 
	left: 10px; 
	min-width:150px;
	}

#filterPanelBody { 
	width:100%;
	min-width:230px; 
	padding: 4px; 
	}

#closeDetail { 
	position: sticky; 
	left:390px; 
	top:10px;}

#scholar_url { 
	text-decoration: none;
	}

#scholar_name {
	font-family: Playfair Display, Georgia, serif;
	font-size: 24px; 
	color: #1825aa;
	}
	
#scholar_identifier, #scholar_extract, #scholar_category {
	font-size: 14px;
	}


#scholar_image img {

	max-height:200px;
	width: auto;

	}
	
.as-btn {
 	font-size: 14px;
 	}
 
.mapList {
 	font-size:18px;
 	line-height: 40px;
 	}
 	
 	
#resetButton {
	margin: 10px;
	padding:4px;
	font-size: 12px;

	}
	
#found {
	font-size: 16px;
	}
	
#search {
	outline: none; 
	width:90%;
	height:24px;
	margin: 10px;
	font-size:16px;
	}


#scholar_category {
overflow-wrap: anywhere;
line-height: 22px;
}
.category {
 background-color:  var(--as--color--complementary);
 color: #ffffff; 
 padding: 2px 4px;
 margin-right: 4px;
 border-radius: 4px;
 white-space: nowrap;
 display: inline;

 }


#mapTitle {
color:white; 
font-weight:bold; 
font-size:24px;
}

#mapSelect { color:white; 
font-weight:bold; 
font-size:16px; 
background-color:#D24188;
background-color:var(--as--color--primary);
padding:8px;
//text-transform: uppercase;
border:0;}


#detail {
	padding: 8px;
	}