@import url(https://fonts.googleapis.com/css?family=Pompiere);

.cl_Badge {
  max-height : 32px ;
}

.cl_ViharmBg {
  background-color : #D4E8D4 ;
}

.container-fluid .panel {
  margin-top: 10px;
}
/* STYLE FOR TREE STRUCTURE */

.cl_TreeRoot {
  color:#369;
  font-weight:bold;
}

.cl_Brand {
  font-family: 'Pompiere', cursive;
}

@media (max-width:767px) {
  .row .col-xs-12 {
    text-align: center;
  }
}

/**
 * http://cssdeck.com/labs/pure-css-tree-menu-framework
 * ------------------------------
 */

.cl_TreeList,
.cl_TreeList ul {
  margin:0 0 0 1em; /* indentation */
  padding:0;
  list-style:none;
  color:#369;
  position:relative;
}

.cl_TreeList ul {margin-left:.5em} /* (indentation/2) */

.cl_TreeList:before,
.cl_TreeList ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  border-left:1px solid;
}

.cl_TreeList li {
  margin:0;
  padding:0 1.5em; /* indentation + .5em */
  line-height:2em; /* default list item's `line-height` */
  font-weight:bold;
  position:relative;
}

.cl_TreeList li:before {
  content:"";
  display:block;
  width:10px; /* same with indentation */
  height:0;
  border-top:1px solid;
  margin-top:-1px; /* border top width */
  position:absolute;
  top:1em; /* (line-height/2) */
  left:0;
}

.cl_TreeList li:last-child:before {
  background:white; /* same with body background */
  height:auto;
  top:1em; /* (line-height/2) */
  bottom:0;
}

h2 , section>h3 , section>h4 , section>h5 , section>h6 {
  margin-top: 1em;
  padding-top: 1em;
}