
.sidemap-icons {
    width: 50px;
margin-top: 3%;  float: left;
  
}
.chart-menu .chart-active{
    color:#d2cccc;
}
.chart-menu li:hover {
    color:#d2cccc;
}
.chart-menu li {
    margin: 0px 0px;
    text-align: center;
    border: solid 1px #c2c2c22b;
    padding: 14px 9px;
    background: #425261;
    border-bottom: none;
    width: 50px;
}
.chart-menu li:last-child {
    border-bottom: solid 1px #c2c2c22b;
}
.btn-pathway {
    background: #ff8a00;
    }
    .btn-mydepartment {
    background: #86daff;
}
.btn-financialmodel {
    background: #86daff;
}
.btn-myrole {
    background: #ff7058;
}
.btn-myteam {
    background: #71b9eb;
}
.btn-storyboard {
    background: #ffd05c;
}
.btn-dataregister {
    background: #00a4be;
}
.btn-integrity {
    background: #8081b8;
}
.node {
        cursor: pointer;
    }

    .node circle {
      fill: #fff;
      stroke: steelblue;
      stroke-width: 5px;
    }
chart {
    padding:0px;
    float: left;
    width: 100%;
}
ul.dashboard-menu {
    padding: 0;
    margin: 0 auto;
    width:calc(100vh - -30em);
    height: 95px;

}ul.dashboard-menu li {
    display: inline-block;
    padding: 0;
    margin: -2px;height: 98px;
}
ul.dashboard-menu li img {
    width: 100%;
    padding: 0px;
    margin: 0;
}


.topmap-menu{
    float: right;}
    ul.chart-subnav {
    float: left;
    background: #fff;
    padding: 0px 3px;
    border-radius: 20px;
    font-size: 12px;
    }
.chart-subnav li{display: inline-block;
    height: 29px;
    padding: 6px 0px 6px 0px;
}
.chart-subnav li>span{padding: 3px 18px;
    
} 
.chart-subnav li:hover>span, .chart-subnav li.btn-active>span {

    background: deepskyblue;
    border-radius: 24px;
    color: #fff;
    
}
     .node text {
      font: 12px sans-serif;      fill: #fff;

    }

    .link {
      fill: none;
      stroke: #ccc;
      stroke-width: 2px;
    }
    @media (min-width:768px) and (max-width:1024px) {
.dashboardcard{
    height:calc( 100vh - 43em)
}
.dashboardcard-body {
    height: auto;
    overflow-x: scroll;
}
ul.dashboard-menu{
    width: auto;
}
ul.dashboard-menu li {
    display: inline-block;
    padding: 0;
    margin: 0;
    height: 98px;
    width: 116px;
}
}