/* required LIB STYLES */
/* .Treant se automatski dodaje na svaki chart conatiner */
.Treant { position: relative; overflow: hidden; padding: 0 !important; }
.Treant > .node,
.Treant > .pseudo { position: absolute; display: block; visibility: hidden; }
.Treant.Treant-loaded .node,
.Treant.Treant-loaded .pseudo { visibility: visible; }
.Treant > .pseudo { width: 0; height: 0; border: none; padding: 0; }
.Treant .collapse-switch { width: 3px; height: 3px; display: block; border: 1px solid black; position: absolute; top: 1px; right: 1px; cursor: pointer; }
.Treant .collapsed .collapse-switch { background-color: #868DEE; }
.Treant > .node img {	border: none; float: left; }
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: 600px; margin: 5px; width: 100%; }
.Treant > .node { 
    background-color: #FFFFFF;
    width: 200px;
    font-family: Tahoma;
    font-size: 12px;
    color: #000;
    text-align: center;
}
.Treant > .hehehe { 
    background-color: #FFFFFF;
    height: 45px;
    font-family: Tahoma;
    font-size: 12px;
    color: #000;
    text-align: center;
}
.Treant > .node > .node-title { 
    background-color: #6d6dc9;
    font-family: Tahoma;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
.Treant > .node > .vertical { 
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.node-contact::before {
    content: "\f0c0";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: black;
        margin-right: 4px;
  }
  .node-contact::after {
    content: " Employee";
        color: black;
  }

.Treant > .node img { max-width: 100px; height: auto; padding:5px; }

.Treant .collapse-switch { width: 100%; height: 100%; border: none; }
.Treant .node.collapsed { background-color: #DEF82D; }
.Treant .node.collapsed .collapse-switch { background: none; }