.dropbtn {
  background-color: white;
  color: lightblue;
  padding: 0px;
  font-size: 12px;
  border: .5px;
  border-color:blue;
  border-style:solid;
  margin-left:0px;
  z-index: 1000;
  position: absolute;
  cursor: default;
}

.dropdown {
  position: absolute;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: relative;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1010;
  margin-top:2px;
}

.dropdown-content a {
  color: black;
  padding: 5px;
  text-decoration: none;
  display: block;
}
span.tag0, span.tag1, span.tag2, span.tag3, span.tag4 {font-size:10px;margin:2px;  padding:2px;
		padding-left:5px;padding-right:5px;border-radius: 8px; display:inline-block}
span.tag0 {background-color:blue;}
span.tag1 {background-color:red;}
span.tag2 {background-color:green;}
span.tag3 {background-color:purple; }

span.tag0, span.tag1, span.tag2, span.tag3, span.tag4 {cursor:pointer}

.dropdown-content a:hover {cursor:pointer; background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #efefef;}

.dropdown a {background-color: #dfdfdf} 

.dropdown a.tag0 {background-color: #efefff;}
.dropdown a.tag1 {background-color: #ffefef;}
.dropdown a.tag2 {background-color: #efffef;}
.dropdown a.tag3 {background-color: #ffffef;}
.dropdown a.tag4 {background-color: #efffff;}

.dropdown-content a:hover {cursor:pointer; background-color: #ddd;}

div.group {margin-left:0px}

span.ticklist {
	left: 10px;margin-left: +30px;display:inline-block
}

span.tickle{
	break-before: left;
	white-space: nowrap;
	margin-left:12px;
}

select.tickleval {
	margin-left:2px;
	font-size:10px;
	height:14px;
}

select.freqselect  {
	margin-left:2px;
	font-size:10px;
	height:14px;
}


p {
    left: 200px;
}
p:first-line {
    left: 0;
}

.item1 { grid-area: header; }
.item2 { grid-area: menu; }
.item3 { grid-area: main; }
.item4 { grid-area: right; }
.item5 { grid-area: footer; }

.grid-container-a {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'menu main main main right right'
    'menu footer footer footer footer footer';
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}

.grid-container-a > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 20px 0;
  font-size: 30px;
}

.grid-container {
  display: grid;
  grid-template-columns: item1 item2 item3;
  background-color: #2196F3;
  padding: 5px;
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 5px;
  font-size: 12px;
  text-align: left;
  height:40px;
  width:380px;
}

.item1 {grid-column-start: 1; order: -1}
.item2 {grid-column-start: 2; order: 0}
.item3 {grid-column-start: 3; order: 1}