* {
  box-sizing: border-box;
}

html, body {
  direction: rtl;
  font-family: "Heebo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

body {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

h1 {
  font-weight: 700;
  color: black;
}

footer {
  margin-top: auto;
}

.main {
  margin: 0 auto;
  flex-grow: 1;
  padding: 1em;
  display: grid;
  grid-template-columns: 250px auto;
  grid-template-rows: 400px 400px auto;
  position: relative;
}

.noData {
  color: #a0a0a0;
  text-align: center;
  padding: 2em 0;
}

#noResults {
  display: none;
}

#results {
  display: none;
  margin: 1rem 0.5rem;
}
#results li {
  margin: 0.3rem;
  padding: 0.3rem;
  text-align: right;
}
#results li:hover {
  background-color: #DDD;
}

#searchCtnr {
  grid-row: 1;
  grid-column: 1;
  padding: 0.3rem;
  border: 1px solid #b2b2b2;
  background-color: #e5e5e5;
  width: 100%;
  height: auto;
  transition: all 0.75s;
  margin-bottom: auto;
}
#searchCtnr label {
  display: block;
  text-align: center;
}
#searchCtnr input {
  border-color: #b2b2b2;
  display: block;
}
#searchCtnr.searchMode {
  height: 100%;
}

#infoCtnr {
  grid-row: 2;
  grid-column: 1;
  display: flex;
}

#connCtrlCtnr {
  grid-row: 3;
  grid-column: 1/span 2;
  margin-top: 0.5em;
}

.infoPane {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  margin-top: 0.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: right;
  direction: rtl;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition-property: all;
  transition-duration: 0.5s;
  overflow-y: scroll;
  position: relative;
}
.infoPane h2 {
  font-size: 16pt;
  font-weight: 700;
}
.infoPane h3 {
  font-size: 14pt;
}
.infoPane ul li {
  cursor: pointer;
  padding: 3px;
}
.infoPane ul li:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.infoPane ul.actors {
  padding-right: 1em;
}
.infoPane ul.actorLinks {
  list-style: none;
  padding: 0;
}
.infoPane ul.actorLinks li {
  margin-bottom: 5px;
  transition: background-color 0.3s;
  border-bottom: 1px solid white;
  padding: 0.3rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.infoPane ul.actorLinks li div.label {
  text-align: right;
  flex-grow: 1;
  flex-shrink: 1;
}
.infoPane ul.actorLinks li div.connection {
  flex-grow: 0;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  border-radius: 0.25em;
  margin-right: 0.5em;
}
.infoPane ul.actorLinks li div.connection.operating {
  background-color: #ea6c2f;
}
.infoPane ul.actorLinks li div.connection.funding {
  background-color: #5d975b;
}
.infoPane ul.actorLinks li div.connection.entrepreneuring {
  background-color: #91b38f;
}
.infoPane ul.actorLinks li div.connection.collaboration {
  background-color: #64c3ef;
}
.infoPane ul.actorLinks li div.connection.human_resources {
  background-color: #47a2e4;
}
.infoPane ul.actorLinks li div.connection.knowledge {
  background-color: #f7a47c;
}
.infoPane ul.actorLinks li div.connection.future {
  background-color: transparent;
  border: 2px dotted black;
}
.infoPane ul.actorLinks li div.connection.future.connectionTypeCorner {
  border-color: 5px;
}
.infoPane ul.actorLinks li div.connection.future.operating {
  border-color: #ea6c2f;
}
.infoPane ul.actorLinks li div.connection.future.funding {
  border-color: #5d975b;
}
.infoPane ul.actorLinks li div.connection.future.entrepreneuring {
  border-color: #91b38f;
}
.infoPane ul.actorLinks li div.connection.future.collaboration {
  border-color: #64c3ef;
}
.infoPane ul.actorLinks li div.connection.future.human_resources {
  border-color: #47a2e4;
}
.infoPane ul.actorLinks li div.connection.future.knowledge {
  border-color: #f7a47c;
}
.infoPane ul.actorLinks li:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.infoPane button.close {
  position: absolute;
  top: 5px;
  left: 25px;
  width: auto;
  height: auto;
}
.infoPane .categoryName {
  color: #240;
  margin-bottom: 0.5em;
  cursor: pointer;
}
.infoPane .categoryName:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

label {
  cursor: pointer;
}

ul.connectionTypes {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
ul.connectionTypes li {
  display: block;
  position: relative;
  width: 115px;
  border-radius: 5px;
  padding: 5px;
  background-color: lightGray;
  margin: 0.3rem 0;
  text-align: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
ul.connectionTypes li.operating {
  background-color: #ea6c2f;
}
ul.connectionTypes li.operating:hover {
  background-color: #ef8d5d;
}
ul.connectionTypes li.funding {
  background-color: #5d975b;
}
ul.connectionTypes li.funding:hover {
  background-color: #79ad78;
}
ul.connectionTypes li.entrepreneuring {
  background-color: #91b38f;
}
ul.connectionTypes li.entrepreneuring:hover {
  background-color: #afc8ad;
}
ul.connectionTypes li.collaboration {
  background-color: #64c3ef;
}
ul.connectionTypes li.collaboration:hover {
  background-color: #92d5f4;
}
ul.connectionTypes li.human_resources {
  background-color: #47a2e4;
}
ul.connectionTypes li.human_resources:hover {
  background-color: #73b8eb;
}
ul.connectionTypes li.knowledge {
  background-color: #f7a47c;
}
ul.connectionTypes li.knowledge:hover {
  background-color: #fac5ac;
}
ul.connectionTypes li.pressed {
  top: 2;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
  color: white;
}
ul.connectionTypes li.toggle:hover {
  text-shadow: 0 0 4px white;
}
ul.connectionTypes li.toggle.pressed {
  color: #ea6c2f;
}

#futureConnections {
  border: 2px dashed #888;
  background-color: #f4f4f4;
}

header h1, .main h1, footer h1 {
  text-align: center;
}

h1 {
  text-align: right;
}

footer, header {
  padding: 0.5em 3em;
  background-color: #b8b8b8;
}

#viz {
  grid-row: 1/span 2;
  grid-column: 2/2;
  display: block;
  width: 800px;
  height: 800px;
}
#viz circle {
  transition: all 0.3s ease-out;
  stroke-width: 0;
}
#viz g.hovered circle {
  stroke: #525200;
  stroke-width: 3;
  opacity: 1;
}
#viz circle.l0 {
  fill: #8dd2cd;
}
#viz circle.l1 {
  fill: #e67d4a;
}
#viz circle.l2 {
  fill: #89b587;
}
#viz circle.categoryProxy {
  display: none;
}
#viz g#bkg circle.bkg {
  fill: none;
  stroke-width: 64;
  stroke-opacity: 0.2;
}
#viz g#bkg circle.bkg.l0 {
  stroke: #8dd2cd;
}
#viz g#bkg circle.bkg.l1 {
  stroke: #e67d4a;
}
#viz g#bkg circle.bkg.l2 {
  stroke: #89b587;
}
#viz g#connections path {
  opacity: 0.1;
  stroke-width: 1px;
  transition: stroke-width 0.5s, opacity 0.5s;
}
#viz g#connections path.highlighted {
  opacity: 1;
  stroke-width: 4px;
}
#viz g#connections path.nonSelected {
  stroke-width: 1px;
}
#viz g#connections path.selected {
  opacity: 1;
  stroke-width: 4px;
}
#viz g#connections path.connectionTypeCorner {
  stroke: 5px;
  fill: none;
}
#viz g#connections path.operating {
  stroke: #ea6c2f;
  fill: none;
}
#viz g#connections path.funding {
  stroke: #5d975b;
  fill: none;
}
#viz g#connections path.entrepreneuring {
  stroke: #91b38f;
  fill: none;
}
#viz g#connections path.collaboration {
  stroke: #64c3ef;
  fill: none;
}
#viz g#connections path.human_resources {
  stroke: #47a2e4;
  fill: none;
}
#viz g#connections path.knowledge {
  stroke: #f7a47c;
  fill: none;
}
#viz g#connections path.future {
  stroke-dasharray: 3 3;
}
#viz g#connections.showingConns path {
  opacity: 1;
}
#viz g#categories text {
  pointer-events: none;
  font-weight: 700;
}
#viz g#actors circle.actor.highlighted {
  stroke: black;
  stroke-opacity: 0.5;
  stroke-width: 3px;
}
#viz g#actors circle.actor.selected {
  fill: white;
  stroke: black;
  stroke-opacity: 0.5;
  stroke-width: 3px;
}
#viz g#actors circle.actor.dimmed {
  opacity: 0.3;
}
#viz g#actors g.actor text {
  pointer-events: none;
  font-size: 8pt;
}
#viz g#actors g.actor.highlighted circle {
  stroke: black;
  stroke-opacity: 0.5;
  stroke-width: 3px;
}
#viz g#actors g.actor.selected circle {
  fill: white;
  stroke: black;
  stroke-opacity: 0.5;
  stroke-width: 3px;
}
#viz g#labels {
  pointer-events: none;
}
#viz g#labels text {
  fill: black;
  stroke: white;
  font-weight: 700;
  stroke-opacity: 0.8;
  stroke-width: 7;
  paint-order: stroke;
  stroke-linecap: butt;
  stroke-linejoin: round;
}

/*
#viz {
    background-color: green;
}
#connCtrlCtnr{
    background-color: yellow;
}
#searchCtnr {
    background-color: blue;
}
#infoCtnr {
    background-color: aquamarine;
}
*/

/*# sourceMappingURL=style.css.map */