/* tt_link_line */
.tt_link{
  stroke:blue; 
  fill: none; 
  stroke-width: 1;
}
.tt_link:hover{
  stroke:green; 
  fill: none; 
  stroke-width: 1;
}

/* main_line */
.main_link{
  stroke: #f07002; 
  fill: none !important; 
  stroke-width: 1 !important;
  stroke-dasharray:1 !important;
}
.main_link:hover{
  stroke:red; 
  fill: none; 
  stroke-width: 1;
  stroke-dasharray:1;
}
/* link_line */
.child_link{
  stroke:#00489a; 
  opacity:10; 
  fill: none; 
  stroke-width: 1;
}
.child_link:hover{
  stroke:#00489a;  
  opacity:10; 
  fill: none; 
  stroke-width: 1;
}

.back_link{
  stroke:#f07002;  
  opacity:10; 
  fill: none; 
  stroke-width: 1;
}
.back_link:hover{
  stroke:#f07002;  
  opacity:10; 
  fill: none; 
  stroke-width: 1;
}

/*****Center class*****/
.center_class {
border-radius:6px;
text-align: center;
max-height: 190px;
height: 190px;
overflow-y: auto;
color: white;
font-size:13px;
font-family: 'Oswald', sans-serif;
}
/***** Arc Class Css *****/
.arc {
  fill: none;
  stroke: none;
  stroke-width: 0
}

/***** Label Class Css *****/
.lbl_large {
  font-size: large;
  font-weight: 500 !important;
  fill:white !important;
}

.lbl_center {
  font-size: large;
  fill:black;
}

.lbl_medium {
  font-size: medium;
}

.lbl_small {
  font-size: small;
}

.cstl {
  fill: #2253a0;
  stroke: #2253a0;
stroke-width:2;
}

.cstl:hover {
  fill: #2253a0;
  stroke: #2253a0;
stroke-width:2;
}

.cstl-parent {
  fill: #2253a0;
  stroke: #2253a0;
stroke-width:2;
}

.cstl-parent:hover {
  fill: #2253a0;
  stroke: #2253a0;
stroke-width:2;
}

/*main1*/

.main1 {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.main1:hover {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.main1-parent {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.main1-parent:hover {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.main2 {
  fill: #F57922;
  stroke: #6C6C6C;
stroke-width:3;
}

.main2:hover {
  fill: #F57922;
  stroke: #6C6C6C;
stroke-width:2;
}

.main2-parent {
  fill: #F57922;
  stroke: #6C6C6C;
stroke-width:2;
}

.main2-parent:hover {
  fill: #F57922;
  stroke: #6C6C6C;
stroke-width:2;
}

.main3 {
    fill: #e9660b;
    stroke: white;
  stroke-width:2;
}

.main3:hover {
    fill: #e9660b;
    stroke: white;
  stroke-width:2;
}

.main3-parent {
    fill: #e9660b;
    stroke: white;
  stroke-width:2;
}

.main3-parent:hover {
    fill: #e9660b;
    stroke: white;
  stroke-width:2;
}

.main4 {
  fill: #f47216;
  stroke: white;
stroke-width:2;
}

.main4:hover {
  fill: #f47216;
  stroke: white;
stroke-width:2;
}

.main4-parent {
  fill: #f47216;
  stroke: white;
stroke-width:2;
}

.main4-parent:hover {
  fill: #f47216;
  stroke: white;
stroke-width:2;
}

.main5 {
  fill: #f57f2c;
  stroke: white;
stroke-width:2;
}

.main5:hover {
  fill: #f57f2c;
  stroke: white;
stroke-width:2;
}

.main5-parent {
  fill: #f57f2c;
  stroke: white;
stroke-width:2;
}

.main5-parent:hover {
  fill: #f57f2c;
  stroke: white;
stroke-width:2;
}

.main6 {
  fill: #f68d42;
  stroke: white;
stroke-width:2;
}

.main6:hover {
  fill: #f68d42;
  stroke: white;
stroke-width:2;
}

.main6-parent {
  fill: #f68d42;
  stroke: white;
stroke-width:2;
}

.main6-parent:hover {
  fill: #f68d42;
  stroke: white;
stroke-width:2;
}

.prod1 {
    fill: #003C76;
    stroke: white;
  stroke-width:2;
}

.prod1:hover {
    fill: #003C76;
    stroke: white;
  stroke-width:2;
}

.prod1-parent {
    fill: #003C76;
    stroke: white;
  stroke-width:2;
}

.prod1-parent:hover {
    fill: #003C76;
    stroke: white;
  stroke-width:2;
}

.prod2 {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.prod2:hover {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.prod2-parent {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.prod2-parent:hover {
    fill: #0054A6;
    stroke: white;
  stroke-width:2;
}

.prod3 {
    fill: #0266C7;
    stroke: white;
  stroke-width:2;
}

.prod3:hover {
    fill: #0266C7;
    stroke: white;
  stroke-width:2;
}

.prod3-parent {
    fill: #0266C7;
    stroke: white;
  stroke-width:2;
}

.prod3-parent:hover {
    fill: #0266C7;
    stroke: white;
  stroke-width:2;
}

.prod4 {
    fill: #0579E9;
    stroke: white;
  stroke-width:2;
}

.prod4:hover {
    fill: #0579E9;
    stroke: white;
  stroke-width:2;
}

.prod4-parent {
    fill: #0579E9;
    stroke: white;
  stroke-width:2;
}

.prod4-parent:hover {
    fill: #0579E9;
    stroke: white;
  stroke-width:2;
}

.prod5 {
    fill: #0D88FF;
    stroke: white;
  stroke-width:2;
}

.prod5:hover {
    fill: #0D88FF;
    stroke: white;
  stroke-width:2;
}

.prod5-parent {
    fill: #0D88FF;
    stroke: white;
  stroke-width:2;
}

.prod5-parent:hover {
    fill: #0D88FF;
    stroke: white;
  stroke-width:2;
}

.prod6 {
    fill: #4AA6FF;
    stroke: white;
  stroke-width:2;
}

.prod6:hover {
    fill: #4AA6FF;
    stroke: white;
  stroke-width:2;
}

.prod6-parent {
    fill: #4AA6FF;
    stroke: white;
  stroke-width:2;
}

.prod6-parent:hover {
    fill: #4AA6FF;
    stroke: white;
  stroke-width:2;
}

.bubble {
    fill: #FFD8BD;
    stroke: #FFD8BD;
  stroke-width:2;
}

.bubble:hover {
    fill: #FFD8BD;
    stroke: #FFD8BD;
  stroke-width:2;
}

.bubble-parent {
    fill: #FFD8BD;
    stroke: #FFD8BD;
  stroke-width:2;
}

.bubble-parent:hover {
    fill: #FFD8BD;
    stroke: #FFD8BD;
  stroke-width:2;
}

.sku {
    fill: #f76a43;
    stroke: white;
  stroke-width:2;
  opacity: 0.8;
}

.sku:hover {
    fill: #f76a43;
    stroke: white;
  stroke-width:2;
  opacity: 1;
}

.sku-parent {
    fill: #f76a43;
    stroke: white;
  stroke-width:2;
}

.sku-parent:hover {
    fill: #f76a43;
    stroke: white;
  stroke-width:2;
}

.main {
  fill: #f76a43;
  stroke: white;
stroke-width:2;
}

.main:hover {
  fill: #f76a43;
  stroke: white;
stroke-width:2;
}

.main-parent {
  fill: #f76a43;
  stroke: white;
stroke-width:2;
}

.main-parent:hover {
  fill: #f76a43;
  stroke: white;
stroke-width:2;
}

.exclude_area {
  fill: none;
stroke: none;
stroke-width: 3;
}

.exclude_area:hover {
  fill: none;
  stroke: none;
  stroke-width: 1;
}

.exclude_area-parent {
  fill: none;
  stroke: none;
  stroke-width: 1;
}

.exclude_area:hover {
  fill: none;
  stroke: none;
  stroke-width: 1;
}

.main_area {
  fill: none;
stroke: none;
stroke-width: 3;
}

.main_area:hover {
  fill: none;
  stroke: none;
  stroke-width: 1;
}

.main_area-parent {
  fill: none;
  stroke: none;
  stroke-width: 1;
}

.main_area:hover {
  fill: none;
  stroke: none;
  stroke-width: 1;
}