body {
            background-color: #EFEFEF;
            height: 100%;
            margin: 0px;
        }
        
        html {
            height: 100%;
        }
        
        .shape {
            margin: auto;
        }
        
        .list-container {
            display: inline-block;
        }
        
        #worst,
        #best {
            font-size: x-large;
        }
        
        .fastTestButton, .actionTestButton {
            display: none;
        }
        
        #sidebar {
            position: fixed;
            display: inline-block;
            top: 0px;
            height: 100%;
            width: 200px;
            left: -200px;
            background-color: #EFEFEF;
            border-right: 1px solid black;
            transition: all 0.5s ease-in-out;
            z-index: 2000;
        }
        
        .toggle {
            transition: all 0.5s ease-in-out;
        }
		button.actionTestButton {
    margin-top: 2px;
}
#mynetwork{
	position: relative;
    height: 50%;
}
	
	
.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.center-me{
  display:table-cell;
  text-align: center;
}
.type2 {
    width: 1.8em;
    height: 1.8em;
    background: #ccc;
    border: 1px solid #000;
    display: inline-table;
    }

.circleBase {-ms-transform: translateY(-50%);display: inline-flex;justify-content:center;align-content: center;flex-direction:column; /* column | row */}

.list-container li {list-style-type: none;}

ul#worst7, ul#best7 {
    padding-left: 10px;
}

h3.list-heading {
    margin-left: 5px;
}