/*
  SocioPatterns USB Monitor
  All rights reserved by Ciro Cattuto <ciro.cattuto@gmail.com>
*/

body {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    background-color: #F4FAFC;
}

#netLayout {
  width: 500px;
  height: 500px;
  background-color: white;
  outline: 1px solid lightgrey;
}

g.links {
  stroke: black;
  stroke-width: 1.5;
  stroke-opacity: 0.5;
}

g.nodes {
  stroke-width: 1.5;
  fill: white;
}

line.dir_pos, line.dir_neg {
  stroke: black;
  stroke-width: 1.5;
}

circle.radar {
  stroke: lightgrey;
  stroke-width: 1;
  fill: none;
  pointer-events: none;
}

circle.radar_eye {
  fill: lightgrey;
  pointer-events: none;
}

text.radar {
  font-family: 'Roboto', sans-serif;
  fill: lightgrey;
  font: 10px sans-serif;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

circle.nodecircle {
  stroke-width: 1;
}

text.nodelabel {
  font-family: 'Roboto', sans-serif;
  font: 10px sans-serif;
  fill: black;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

text.linklabel {
  font-family: 'Roboto', sans-serif;
  font: 8px sans-serif;
  fill: darkgrey;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  stroke-width: 0.5;
}

#status {
  font: 14px sans-serif;
  fill: darkgray;
}

circle.nodesel {
  fill: none;
  stroke: black;
  stroke-width: 1;
}

#clock {
  pointer-events: bounding-box;
  cursor: pointer;
}

#record {
  pointer-events: bounding-box;
  cursor: pointer;
}

#download {
  pointer-events: bounding-box;
  cursor: pointer;
}

#switch {
  pointer-events: bounding-box;
  cursor: pointer;
}

div.tooltip {
  position: absolute;
  pointer-events: bounding-box;
  cursor: default;
  font-family: 'Roboto', sans-serif;
  font: 13px sans-serif;
  text-align: left;
  width: 130px;
  height: 180px;
  padding: 4px;
  border: 0px;
  border-radius: 8px;
  background: #E5BACE;
}

#tag_name {
  width: 80px;
  border: 0px;
  margin: 0px;
  padding: 0px;
  background-color: rgba(0,0,0,0);
}

#eventConsole, #packetConsole {
  background-color: #EEEEEE;
  outline: 1px solid lightgrey;
  text-align: left;
  margin: 4px;
  font-size: 12px;
  font-family: monospace;
  color: #333333;
  height: 150px;
  width: 90%;
  overflow: scroll;
  position: relative;
  left: 5%;
}

#packetConsole p, #eventConsole p {
  color: #333333;
  background-color: #eeeeee;
  margin: 4px;
}

div.console {
}

div.console h2 {
  color: grey;
  margin-bottom: 4px;
}

#stats text {
  font-size: 10px;
  color: black;
}

#footer {
  font-size: 14px;
  color: darkgrey;
  text-align: left;
  margin: 4px;
  margin-top: 14px;
  margin-bottom: 14px;
  width: 90%;
  left: 5%;
  position: relative;
  font-family: monospace;
}