html,body { height: 100%; } #header { position: fixed; background-repeat: no-repeat; margin: 0; padding: 20 0 0 20; width: 100%; height: 120px; z-index: 100; background-color: rgba(255, 255, 255, 0.94); } #header h1, #header #focus { float: left; } #header #focus { width: 200px; height: 130px; float: left; margin-left:50px; } #focus .area { fill: rgba(5, 103, 150, 0.69); clip-path: url(#clip); } #content { padding-top: 160px; padding-left: 50px; padding-right: 50px; padding-bottom: 50px; } .axis path, .axis line { fill: none; stroke: #000; shape-rendering: optimizeSpeed; } #focus .brush .extent { stroke: #bbbbbb; fill-opacity: .055; shape-rendering: optimizeSpeed; } #header-bar { position: absolute; right:0; left:0; top:0; height: 100px; background-color: #ABC2EF; } #dashboard svg { height: 200px; } body { background-color: black; } #main { min-height: 100%; } #dashboard, #main, #content { background-color: rgb(254, 254, 254); } #dashboard { margin-top: 25px; } .top { background-color: #CCC; margin-bottom: 20px; } .clickable { cursor: pointer; } .list-group-item:first-child { border-top-left-radius: 20px; border-top-right-radius: 20px; } .list-group-item:last-child { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .list-group-item { border: 1px solid #60668C; } .list-body { margin-right: 10px; margin-left: -30px; } .list-body p { margin-left: 40px; background-color: #D6EAFB; width: 60px; border-radius: 20px; text-align: center; display: inline; padding: 0 5px 0 5px; } #drop-background { position: absolute; right: 0; left: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 99999; } #drop { padding: 20px; font-size: 21px; height:330px; width: 330px; font-weight: bold; line-height: 1.3em; border: 4px solid #444444; border-radius: 50px; text-shadow: -1px -1px #eeeeee; font-weight: normal; margin: auto; margin-top: 15%; background-color: white; overflow: hidden; }