#title { font-size: 2rem; font-weight: bold; display: inline; }
  .bigicon { font-size: 2.5rem; }
  .media {padding: 1rem; height:22em;width: auto;max-width: 100%;}
  .camera-settings input { 
	width: 3.8rem; 
	text-align: center; 
	margin-left: 0.5rem;
	box-shadow: 0.2rem 0.2rem 0.3rem gray;
	}
	
  #image-spectro {
	display:block; 
	width: 100%; 
	min-height: 3rem;
	margin-top: -4rem;
    z-index: 10 !important;
    position: relative;
    margin-left: 2rem;
	}

	.py-6 { padding-top: 1rem; }

  .item{border: 2px solid blue;margin: 2rem 0;width: 98%; box-shadow: 1rem 1rem 1rem black;}.line{ border-bottom: 1px solid gray; width: 100%;margin:0}.percent { margin:0;}span { display: inline-block; vertical-align: top;}.span2{width: 99%;}table td {padding: 0.3rem;}
  .td-container {border-bottom: 1px solid gray; font-size: 1rem;}

.control {display: inline-block; margin: 0.5rem; }


.icon-lg i { margin-top: -1.2rem; }

#notification { 
	display: none; 
	padding: 1rem;
	border-radius: 1rem;
	box-shadow: 2rem 1rem 2rem black;
	z-index: 1000;
	border: 7px ridge gray;
	position: absolute;
	width: 15rem;
	right: 1rem; 
	bottom: 2rem;
	background-color: orange;
	color: black;
}