/*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:right; }/**/
/*h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }*/
q:before,q:after { content:''; }
abbr,acronym { border:0; }
.Treant .node.btn{
    padding-left:20px ;
}
.Treant .collapse-switch{
    width: 10px;
    right: unset;
    border: none;
    text-decoration:none ;
    color: white;
    left: 4px;
    font: normal normal normal 14px/1 'FontAwesome'!important;
}
.Treant .collapse-switch:before{
    content: "\f146";
    background: transparent;
}
.Treant .collapsed .collapse-switch:before{
    background: transparent;
    content: "\f0fe";
}
/*body { background: #fff; }*/
/* optional Container STYLES */
.chart { margin: 5px; width: 1000px;  }
.Treant > .node p{ margin-bottom: unset ;text-align: center}
/*.Treant > p { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: bold; font-size: 12px; margin-bottom: unset !important;}*/
.node-name { font-weight: bold;}

.nodeExample1 {
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    /*border: 1px solid #000;*/
    width: 120px;
    /*height: 150px;*/
    font-family: 'Tahoma';
    font-size: 12px;
}

.nodeExample1 img {
    width: 100%;
    height: 100px;
    float: right !important;
    border-radius: 5px;
    box-shadow: grey 0px 0px 20px 0px;
}

.gray {
    background-color: #909090;
}

.light-gray {
    background-color: #D3D3C7;
}

.blue {
    background-color: #A2BDFD;
}