body {
    font: 10px sans-serif; 
}
.con-man{
    padding:10px 0px;
}
.note-in{
    border-radius: 25px;
    padding: 5px 15px;
    cursor: pointer;
    font-family: italic;
    font-weight: bold;
}
.subunit {
    fill: none;
    stroke: #597a99;
    stroke-width: .5;
}
.subunit.natural-earth {
    fill: none;
}
.frame1 {
    width: 952px;
    height: 663px;
    margin: 0 auto;
    border: 2px solid #6b5d50;
    padding: 2px;
}
.frame2 {
    border: 1px solid #a19e8d;
    padding: 20px;
}
#rmap {
    background: #a3bfd5;
}
.place {
    fill: #ff6961;
    stroke: #ff6961;
    cursor:pointer;
}
.note-sec{
  color:#c80900;
}
.place-active{
  fill:#c80900;
}
#states {
    fill: rgba(255, 255, 255, 0.01);
    stroke: #7D947C;
    stroke-width: .5px;
}
text {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    pointer-events: none;
}
.line {
    fill: none;
    stroke: #ddd;
}
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.bar {
    fill: steelblue;
}
.bars {
    cursor: pointer;
}
.x.axis path {
    display: none;
}
.tooltip {
    text-anchor: middle;
    font-family: sans-serif;
    font-size: 10px;
    font-weight: bold;
    fill: black;
}
label {
    position: absolute;
    top: 350px;
    left: 1200px;
    color: #D8D8D8;
}
.flex-box {
    display: flex;
}
.flex-box-map {
    flex: 0 0 400px;
}
.flex-box-guage {
    flex: 0 0 200px;
}
.flex-box-charts {
    flex: 1;
}
svg.pie {
    width: 100%;
    height: 100%;
}
path.slice {
    stroke-width: 2px;
}
polyline {
    opacity: .3;
    stroke: black;
    stroke-width: 2px;
    fill: none;
}
.labelValue {
    font-size: 60%;
    opacity: .5;
}
#pieChart1,
#pieChart2 {
    width: 250px;
    height: 250px
}
.modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
#guageChart1 {
    top: 190px;
    position: sticky;
}
.node {
    cursor: pointer;
}
.node circle {
    fill: #fff;
    stroke: #ff9994;
    stroke-width: 1.5px;
}
.node text {
    font: 10px sans-serif;
}
.link {
    fill: none;
    stroke: #ff9994;
    stroke-width: 1.5px;
}
.text-cp{
  text-transform: capitalize;
}
.alignleft {
    float: left;
    font-size: 16px;
    margin:0px 25px;
}
.alignright {
    float: right;
    font-size: 16px;
    margin:0px 25px;
}