body{ 
		background-color: #333; 
		color:#bbb;
		margin:0;

	}
	.topBar {
	    background-color: #444;
	    position:fixed;
	    top:0;
	    width:100%;
	    z-index:100;
	    padding: 10px;
	}
	.topTitle{
		position:absolute;
		top:10px;
		left:10px;
		color:#7fffd4;
  	}
	.topcorner{
		position:absolute;
		top:10px;
		right:30px;
  	}
  	#cswsh-output{
  		margin-top: 50px !important;
  		font-family: 'Source Code Pro', 
  		sans-serif;font-size: 0.7em;
  		padding-bottom: 65px;
  		padding-left: 10px;
  		z-index: 80;
  	}
  	.sendBar {
	    background-color: #333;
	    position:fixed;
	    bottom:30px;
	    width:80%;
	    z-index:100;
	    padding: 0px;
	    height: 30px;
	    font-family: 'Source Code Pro', sans-serif;
	    z-index: 80;
	}
	.sendBar #label {
		margin-right: 20px;
		width: 110px;
	}
	/*.sendBar #wssCommand {
		width: 100%;
	}*/
	.sendBar #wssSendText {
		display: flex;
		width:100%;
		flex-grow: 1;
		margin-left: -20px;
		margin-top: -20px;
		padding-left: 45px;
		background-color: #333;
		color:#DDD;
		font-family: 'Source Code Pro', sans-serif;
		border:none;
		text-decoration: none;
	}
	*:focus {
    	outline: none;
	}
	.sidebar {
	  position: fixed;
		float: right;
		top: -5px;
		right: 0;
		width: 20%;
		height: 100%;
		background-color: #555;
		margin-top: 45px;
		margin-left: 5px;
		padding-left: 5px;
		padding-top: 5px;
		text-align: center;
		z-index: 99;
	}
	.auto-header{
		font-family: 'Source Code Pro', sans-serif;
		font-weight: 900;
	}
	.auto-input{
		font-family: 'Source Code Pro', sans-serif;
		width: 95%;
	}
	.sidebar #valueTable{
		width:100%;
		font-family: 'Source Code Pro', sans-serif;
	}
	.sidebar #valueTableBody{
		font-size: 0.9em;
	}
	.sidebar #valueTableBody tr{
		margin-bottom:5px;
	}
	.container {
	  display: flex;
	  height: calc(100vh - 30px); /* Adjust the height as needed */
	  overflow: auto;
	}
.bottomBar {
    background-color: #444;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
    padding: 10px;
    height: 20px; /* Increased height to accommodate the text */
    display: flex;
    align-items: center;
}

.bottomBy {
    color: #00ccff;
    
}

.bottomBy a:link,
.bottomBy a:visited {
    color: #00ccff;
    text-decoration: none;
}

.bottomBy a:hover,
.bottomBy a:active {
    color: #99ebff;
    text-decoration: none;
}

.bottomText {
    color: #00ccff;
    font-family: 'Source Code Pro', sans-serif;
    font-size: 0.7em;
    margin-left: auto;
    margin-right: auto;
}

.bottomClear {
    position: absolute;
    bottom: 10px;
    right: 30px;
}

a:link,
a:visited {
    color: #00ccff;
    text-decoration: none;
}

/* mouse over link */
a:hover,
a:active {
    color: #99ebff;
    text-decoration: none;
}