.sql_onerem{ font-size:1rem; }
	.sql_oneonerem{ font-size:1.1rem; }
	.sql_onetworem{ font-size:1.2rem; }
	.sql_onethreerem{ font-size:1.3rem; }

/* =====  the spots table ===== */

	.sql_default_table{  /*assigned by table-object*/
		width: auto;
		/* min-width:72rem; */
		border-collapse: separate;
		border-spacing: 1.3rem .02rem;  /* horizontal vertical */
	}

	.sql_spots_table_caption{ /* na */
		text-align:left;
		margin-left:1.5rem;
		margin-bottom:1rem;
	}
		
	.sql_spots_table_row:hover{
		outline: 1px solid #8B1B40;
	}
	
	.sql_spots_header_cell{ /* na */
		width:auto;
		color:green;
		padding-top:0.5rem;
		padding-bottom:0.5rem;
		cursor:pointer;
		text-align:left;
	}
	
	.sql_spots_table_cells{
		padding-left:0; white-space: nowrap;
	}
	
	.sql_spots_header_cell:hover{ /* na */
		background-color:#e7e7e7;
	}
/*
	.sql_small_button_div{ 
		display:inline-block;
		color: #4377B8;
		cursor: default;
	}
	
	.sql_small_button_div:hover{
		color:red;
	}
	
	.sql_small_button_span{
		font-size:smaller;
		display:inline-block;
		color: green;
		cursor: default;
	}
	
	.sql_small_button_span:hover{
		color:red;
	}
*/
	#query_textarea{
		display:block;
		width:55rem;
		height:17rem;
		resize:both;
		overflow:auto;
		tab-size: 4;
		margin-left:0;
		margin-top:2px;
		margin-bottom:0.7rem;
		padding:0.5rem;
		border:1px solid #497DBB;
	}
	
	#sql_display_table{
		font-family: 'fira_monoregular';
		margin-top:2px;
		width:55rem;
		height:15rem;
		resize: both;
		max-height: 900px;
		overflow-y: scroll;
		border:1px solid #A28645;
		padding:0.5rem;
		cursor:default;
		white-space: pre;
		color:#A28645;
	}
	
	#saved_sql_display{
		display:none;
		position:absolute;
		background-color:white;
		border:1px solid silver;
		border-radius:5px;
		padding:1rem;
		padding-top:0.5rem;
		left:0px;
		top:0.8rem;
		width:40rem;
		height:50rem;
		overflow:auto; 
		resize:both;
		scroll:both;
	}
		
	.sql_qryname{
		color:#4377B8;
		float:left;
		cursor:default;
	}
	
	.sql_qryname:hover {
		color:blue;
	}
	
	.sql_kill{
		float:right;
		color:red; 
		cursor:default;
	}
	
	.sql_kill:hover{
		color:blue;
	}
	
	.sql_copy_span{
		cursor:pointer;
		color:teal;
		margin-top:4px;
	}
	
	.sql_copy_span:hover{
		color:#960118;
	}
	
	.sql_alts:nth-of-type(odd){
		background-color:#5C5D5F;
		padding:0;
		font-size:small; 
		color: #C6C8CC;  /* redish  #B50016; #8B2500 */
	}
	.sql_alts:nth-of-type(even){
		background-color:#5C5D5F;
		padding:0;
		font-size:small; 
		color: #8BE0F2; /* bluish  #0050B5  #008B79  00D3BF */
	}
/*
	.sql_button_container{
		display:flex;
		justify-content: space-between;
		margin-top:0.5rem;
		width:55rem;
		padding:0.4rem;
	}
	
	.sql_qedit_button{
		color:#960118;
		background-color: white;
		width:fit-content;
		padding:1px;
		padding-left:3px;
		padding-right:3px;
		border: 1px solid grey;
		border-radius: 4px;
		cursor:pointer;
	}
	
	.sql_qedit_button:hover{
		color:dimgrey;
		background-color: white;
	}
*/	
	.sql_buttons_top {
		cursor: pointer;
		display:inline-block;
		min-width:9rem;
		color: black;
		background-color: #C0C0C0;
		overflow: hidden; /* Hides any text that overflows the min-width */
		white-space:nowrap;
		text-align:center;
		font-size: 1rem;
		padding: 0.3rem 0.5rem 0.3rem 0.5rem; /* top, right, bottom, left */
		text-align: center;
		vertical-align: middle;
	}
	
	.sql_buttons_topinfo {
		min-width:7rem;
	}
	
	.sql_buttons_bot {
		cursor: pointer;
		display:inline-block;
		min-width:5.5rem;
		color: black;
		background-color: #C0C0C0;
		overflow: hidden; /* Hides any text that overflows the min-width */
		white-space:nowrap;
		text-align:center;
		font-size: 1rem;
		padding: 0.3rem 0.8rem 0.3rem 0.8rem; /* top, right, bottom, left */
		text-align: center;
		vertical-align: middle;
	}
	
	.sql_buttons_bot:hover{
		color: #C0C0C0;
		background-color: black;
	}
	
	.sql_buttons_qry{
		color:white;
		background-color: #808080;
		min-width:12rem;
	}
	
	.sql_buttons_qry:hover{
		color:gold
	}
	
/* Styles for screens up to 767px wide (e.g., typical mobile devices) */
	@media only screen and (max-width: 767px) {
		
		#saved_sql_display{
			top:1rem;
			width:35rem;
			height:50rem;
		}
	
	}