/*
	SCOOP IOT STYLESHEET
	====================
*/
body.index{
	background: linear-gradient(to left,#e66465, #9198e5);
}
div.wrapper{
	display: grid;
	grid-auto-rows: minmax(100px, auto);
	grid-template-columns: 250px auto ;
}
div.banner{
	grid-column: 1 / span 2;
	grid-row: 1;
	witdh:100% ;
	background: linear-gradient(to left,#e66465, #9198e5);
	padding-left: 50px;
}
div.banner h1{
	color:white;
}
div.banner img{
	height:1em;
}
div.banner img.lock, div.banner img.user{
	float:right;
}
div.banner hr{
	color:white;
}
/*-------------------*/
div.index {
	grid-column: 1 ;
	grid-row: 2;
	padding-left: 50px;
	width:200px;
}
div.index ul {
	list-style-type: none;
}
div.index li{
	cursor: pointer;
	color:white;
	border-bottom: 1px solid white;
	padding: 10px;
}
div.display{
	grid-column: 2 ;
	grid-row: 2;
	color:white ;
	padding-left:40px;
}
[target]:hover{
	border: inset 4px;
}
[selected]{
	background-color:#0000FF;
}