body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

body { background: #fff; }
/* optional Container STYLES */
/*.chart { height: 550px; margin: 5px; width: 900px;  }*/
.chart { height: 100%; width: 100%; margin: 0px auto; border: 0px; background-size: 80px; cursor: grab; overflow: auto; }
.chart.global {background-image: url('blocks/global.png');}
.chart.moon {background-image: url('blocks/moon.png');}
.chart.mars {background-image: url('blocks/mars.png');}
.chart.organic {background-image: url('blocks/organic.png');}
.chart.enceladus {background-image: url('blocks/enceladus.png');}
.chart.fold {background-image: url('blocks/fold.png');}
.Treant > .node {  }
.Treant > p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 12px; }
/*.Treant > p { font-family: "Minecraftia", sans-serif; font-weight: bold; font-size: 12px; }*/
.node-name { font-weight: bold; line-height: 15px; }
.node-title { line-height: 10px; }

.Treant {
    position: absolute;
    overflow: hidden;
    padding: 0;
}

.Treant .collapse-switch { width: 100%; height: 100%; border: none; }
.Treant .node.collapsed.global { color: #666666; }
.Treant .node.collapsed.moon { color: #666666; }
.Treant .node.collapsed.mars { color: #a45725; }
.Treant .node.collapsed.organic { color: #38b044; }
.Treant .node.collapsed.enceladus { color: #38b097; }
.Treant .node.collapsed.fold { color: #4c923a; }
.Treant .node.collapsed .collapse-switch { background: none; }

.Treant > .node img {
    /* TODO szurkere megcsinalni a border kep belsejet4444*/
    border-image: url('advborder.png') 28 / 10px / 0 round;
    border-width: 5px;
    border-style: solid;
}

a.node.nodeExample1 {
    color: black;
    text-decoration: none;
}

.nodeExample1 {
    padding: 2px;
    background-color: #c6c6c6;
    border-radius: 50px;
    border: 0px solid #000;
    width: 200px;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    letter-spacing: -0.4px;
    font-size: 12px;
    border-image: url('advborder.png') 28 / 28px / 0 round;
    border-width: 4px;
    border-style: solid;
}

.nodeExample1 img {
    max-height: 20px;
    max-width: 20px;
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 5px;
}

.back {
    position: fixed;
    display: block;
    width: 80px;
    top: 10px;
    left: 10px;
    z-index: 50;
    font-size: 18px;
    cursor: pointer;
    padding: 7px;
    text-align: center;
}