/* Default network graph styles */
/* A useful LESS mixing */
#viz {
  border: solid thin #808080;
  border-radius: 5px;
  width: 100%;
  margin: 0;
}
.JSONloadDialog {
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
}
.JSONloadDialog textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  resize: none;
}
#exportDialog {
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
}
#exportDialog textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 95%;
  resize: none;
}
.node_shape.switch {
  stroke: blue;
  stroke-width: 2px;
  fill: #EFEFEF;
}
.node_shape.switch.highlight {
  stroke: red;
  fill: white;
}
.node_shape.switch.layerE {
  stroke: blue;
  stroke-width: 2px;
  fill: #d9ef39;
}
.node_shape.switch.layerE.highlight {
  stroke: red;
  fill: white;
}
.node_shape.switch.layerW {
  stroke: #922828;
  stroke-width: 2px;
  fill: #fce886;
}
.node_shape.switch.layerW.highlight {
  stroke: red;
  fill: white;
}
.node_shape.data_center {
  stroke: maroon;
  stroke-width: 2px;
  fill: #FFFCD0;
}
.node_shape.data_center.highlight {
  stroke: red;
  fill: white;
}
.node_shape.user_region {
  stroke: black;
  stroke-width: 2px;
  fill: #D7FFF3;
}
.node_shape.user_region.highlight {
  stroke: red;
  fill: white;
}
.node_shape.host {
  stroke: maroon;
  stroke-width: 2px;
  fill: #FFFCD0;
}
.node_shape.host.highlight {
  stroke: red;
  fill: white;
}
line.netLink {
  stroke: green;
  stroke-width: 2px;
}
line.netLink.highlight {
  stroke: red;
}
line.netLink.layerE {
  stroke: #317280;
  stroke-width: 2px;
}
line.netLink.layerE.highlight {
  stroke: red;
}
line.netLink.layerW {
  stroke: #802818;
  stroke-width: 2px;
}
line.netLink.layerW.highlight {
  stroke: red;
}
line.netLink.adaptation {
  stroke: rgba(17, 5, 3, 0.91);
  stroke-dasharray: 10, 5, 10, 5;
  stroke-width: 2px;
  opacity: 0.5;
}
line.netLink.adaptation.highlight {
  stroke: red;
}
text.node_label {
  /* Choose some font properties here */
  font-size: 12px;
  font-family: sans-serif;
}
line.demand {
  stroke: grey;
  stroke-width: 5px;
  stroke-opacity: 0.2;
}
#infoDialog {
  font-size: smaller;
}
div.ui-dialog div.ui-dialog-titlebar {
  padding-top: 0.3em;
  padding-bottom: 0.1em;
}
.ui-dialog .ui-dialog-title {
  margin-top: 0px;
  margin-bottom: 0px;
}
table.display {
  line-height: 1.1em;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px;
}
.display .ui-selectee {
  cursor: pointer;
}
.display .ui-selecting {
  background-color: #FECA40;
}
.display .ui-selected {
  background-color: #F39814;
  color: white;
}