/* fonts */
@font-face {
    font-family: 'CiscoSans';
    src: url('./assets/fonts/CiscoSans.woff2');
}
@font-face {
    font-family: 'CiscoSansLight';
    src: url('./assets/fonts/CiscoSansLight.woff2');
}
@font-face {
    font-family: 'CiscoSansBold';
    src: url('./assets/fonts/CiscoSans-Bold.woff2');
}

/* main */
body {
    zoom: 125%;
    font-family: 'CiscoSans',Arial,Helvetica,Helvetica Neue,HelveticaNeue,Lucida Grande,sans-serif;
    font-size: 14px;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
select {
    padding: 4px;
    border-radius: 3px;
}

.title {
    font-family: CiscoSansLight;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: .6px;
    text-align: left;
    color: #626469;
}
.title, text, rect.text-backdrop {
    pointer-events: none;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */ 
}
.column-filters {
    /* width: 1000px; */
    height: 50px;
}
.column-filters .column {
    float: left;
    padding: 20px;
}
  
#chart {
    text-align: center;
    /* margin-left: 40px; */
    /* margin-right: 40px; */
    /* min-height: 500px; */
}
#chart .header {
    /* fill: #565659; */
    /* fill: #282828; */
    fill: #737678;
    text-anchor: middle;
    font-size: 11px;
    font-family: 'CiscoSansBold';
    letter-spacing: 0ex;
}
.node_parent rect.node {
    cursor: pointer;
    /* fill-opacity: .9; */
    /* fill: #C6CED4; */
    /* fill: #A2AEB9; */
    /* fill: #63798B;   */
    fill: #B4B6B8;  
    /* stroke: #8c8e96; */
    stroke-width: 1px;
    /* shape-rendering: crispEdges; */
    shape-rendering: geometricPrecision;
}
.node_parent rect.node.unhighlighted {
    cursor: pointer;
    /* fill: #E6E8E8;   */
    fill-opacity: 0.3;  
    /* stroke: #8c8e96; */
    stroke-width: 0px;
    /* shape-rendering: crispEdges; */
    shape-rendering: geometricPrecision;
}
.node_parent rect.node.highlighted {
    /* fill: #000;
    stroke: #000; */
    /* fill: #5d7a8d;
    stroke: #5d7a8d; */
    /* fill: #4059aa;
    stroke: #4059aa; */
    /* fill: #026e97;
    stroke: #026e97; */
    fill: #049fd9;
    stroke: #049fd9;
    stroke-width: 1;
    fill-opacity: 1;
}
.node_parent rect.node_hot_area {
    cursor: pointer;
}

.node_parent rect.health_good {
    /* fill: #32a305; */
    fill: #24AB31;
    stroke: none;
}
.node_parent rect.health_fair {
    /* fill: #ffa000; */
    fill: #F2A62C;
    stroke: none;
}
.node_parent rect.health_poor {
    /* fill: #ec0000; */
    fill: #FF5C4A;
    stroke: none;
}
.node_parent rect.health_unknown {
    fill: #9e9ea2;
    fill-opacity: 0.3;
    stroke: none;
}
.node_parent rect.selected {
    /* fill: #000;
    stroke: #000; */
    stroke: #24282B;
    fill: #24282B;
    stroke-width: 2;
    fill-opacity: 1;
}

.node_parent rect.text-backdrop {
    fill: #63798B;
    opacity: 0;
    stroke: transparent;
    rx: 2px;
    transition: opacity 1s 0.1s;
}
.node_parent rect.text-backdrop.selected {
    opacity: 0.3;
}
.node_parent text.selected, .node_parent text.hovered {
    font-family: CiscoSansBold;
    fill: black;
}

.node_parent text {
    font-family: CiscoSans;
    font-size: 10px;
    /* pointer-events: none; */
    /* text-shadow: 0 1px 0 #fff; */
    /* font-size: 14px; */
    /* font-family: CiscoSansLight; */
    /* fill: #58585b;    */
    fill: #535759;  
}

.link {
    fill: none;
    /* stroke: #E0E4E8; */
    /* stroke-opacity: .32; */
    /* stroke: #E6F9FC; */
    stroke: #B4B6B8;
    stroke-opacity: .1;
    transition: stroke .1s;
}
.link.highlighted.health_good {
    /* stroke: #32a305; */
    stroke: #24AB31;
}
.link.highlighted.health_fair {
    /* stroke: #ffa000; */
    stroke: #F2A62C;
}
.link.highlighted.health_poor {
    /* stroke: #ec0000; */
    stroke: #FF5C4A;
}
.link.highlighted.health_unknown {
    stroke: #9e9ea2;
}
.link.highlighted {
    /* stroke: #9e9ea2; */
    /* stroke: #4059AA; */
    /* stroke: #628AD9; */
    /* stroke: #014F6C; */
    /* stroke: #64bbe3; */
    stroke: #00A0D1;
    /* stroke: #007EA8; */
    stroke-opacity: .8 !important;
    /* stroke-opacity: .96 !important; */
}
.link.selected.health_good {
    stroke: #32a305;
}
.link.selected.health_fair {
    stroke: #ffa000;
}
.link.selected.health_poor {
    stroke: #ec0000;
}
.link.selected.health_unknown {
    stroke: #9e9ea2;
}
.link.selected {
    /* stroke: #64bbe3; */
    stroke: #00A0D1;
    /* stroke: #00A0D1ff; */
    stroke-opacity: 0.25;
}
#table > table{
    font-family: 'CiscoSans',Arial,Helvetica,Helvetica Neue,HelveticaNeue,Lucida Grande,sans-serif;
    font-size: 70% !important;
    /* width: 1200px;
    height: 300px; */
    /* background-color: pink; */
}
 #table table thead tr th {
    position: relative;
    border: none;
    /* font-size: 10px !important; */
    font-weight: 600;
    text-align: left;
    vertical-align: middle;
    padding: 12px 18px;
    outline: none;
    white-space: nowrap;
    /* color: #282828; */
    color: #737678;
}
td:nth-child(2), th:nth-child(2) {
    border-left: solid 2px red;
}