html, body, content {font-family: "Tahoma" !important; font-size: 0.9em; margin:0; padding: 0; height: 100%}
body{background-color: #282828; color: #FFF;}
H1, H2, H3, H4, H5, H6 {margin: 0px !important; padding: 0px;}

.container{background-color: #eceff4; min-height: 100%; padding: 0px !important; min-width: 98% !important; padding: 0px 20px !important;}
.header{background-color: #d01e3d; line-height: 0.8em; padding: 12px; border-radius: 8px;  margin: 0px auto;}
.header .title{font-size: 1.6em; color: #FFF; text-shadow: rgb(0,0,0) 0px 2px 8px; margin-left:60px; margin-top:24px; margin-bottom: 12px;
}
#logo {width:80px; height: 80px;vertical-align: middle; text-align: left; position: absolute; z-index: 10000; padding-left:12px; padding-top: 4px}

#menubar{background-color: #2f323e; color: #FFF; float: left; padding: 0px; height: 100vh; margin-top: 12px; margin-right: 20px; border-radius: 10px;}
#menubar.show_menu{margin-left: 0px;}
#menubar.hide_menu{margin-left: -220px;}
#menubar ul{margin:0px; padding: 0px; margin-top: 40px;}
#menubar li {border-bottom: 1px solid #FFF; padding: 20px; margin:0px; list-style: none; cursor: pointer; font-size: 1.2em;}
#menubar li.hover{background-color: #CCC; color: #000;}
#menubar li.active{background-color: #eceff4; color: #000; cursor: default;}

.row-fluid{margin-top:12px;}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.box{border:1px solid #2f323e; border-radius: 10px; padding: 0px !important; background-color: #FFF; margin-left: 12px;}
.box #button_bar{text-align: right;}
.box #button_bar img{cursor: pointer; margin-right: 10px;}
.box:first-child{margin-left:0px;}
.box H1{  background: -webkit-linear-gradient(top, #2f323e 0%, #2f323e 100%); /*Safari 5.1-6*/
  background: -o-linear-gradient(bottom, #2f323e 0%, #2f323e 100%); /*Opera 11.1-12*/
  background: -moz-linear-gradient(bottom, #2f323e 0%, #2f323e 100%); /*Fx 3.6-15*/
  background: linear-gradient(to bottom, #FFF 0%, #CCC 100%); /*Standard*/ color: #003c69; font-size: 1em; font-weight: 600; padding: 8px 0px; padding-left: 12px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.box H4{color: #003c69; font-size: 0.9em; font-weight: 600; margin-bottom: 6px !important; text-align: center !important;}
.box header_icn{position: relative; float:right; }
.box .content{margin: 12px;}

#barChart{text-align: center;}
.yAxis{font-size: 0.6em !important;}
.d3-tip {line-height: 1; font-weight: bold; padding: 12px; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 2px;}
			/* Creates a small triangle extender for the tooltip */
.d3-tip:after { box-sizing: border-box; display: inline; font-size: 10px; width: 100%; line-height: 1; color: rgba(0, 0, 0, 0.8); content: "\25BC"; position: absolute; text-align: center;}
.d3-tip.n:after {margin: -1px 0 0 0; top: 100%; left: 0;}