/*Style used for infographic and 
box layout with number and icons */

.node {
  stroke: #D4E9F8;
  stroke-width: 1.5px;
}
.node circle {
  fill: #ccc;
  stroke: #fff;
  stroke-width: 1.5px;
}

.link {
  stroke: #3F3E3E;
  stroke-opacity: .6;
}
.large-infograph {
  width: 100% !important;
  height: 100% !important;
  position: relative;
  left: -101px;
}

#message_infograph {
  position: relative;
  top: -34px;
  background: #fff;
  width: 75%;
  float: left;
}
.infograph {
  width: 292px;
  margin: 0px auto;
}
.tool_tip {   
  position: absolute;           
  text-align: center;           
  max-width: 167px;
  max-height: 100px;               
  padding: 11px;             
  font: 12px sans-serif;        
  background: lightsteelblue;   
  border: 0px;      
  border-radius: 8px;           
  pointer-events: none;         
}
.tool_tip span {
  /*font-size: 14px;*/
  font-weight: bolder;
}
.box {
  padding: 12px;
  transition:  .2s;
  position: relative;
}
.box:hover {
  background: #FAFAFA !important;
}
.box-head {
  padding: 1px 13px;
  font-weight: bolder;
  border-radius: 9px 0px 0px;
  width: 50px;
  float: left;
}
.box-head h5 {
  padding: 0px;
  margin: 0px;
  font-size: 17px;
  padding-bottom: 5px;
  position: absolute;
  color: #949494;
  top: 78px;
}
.box-body {
  height: 79px;
  float: right;
  margin-top: 14px;
}
.box-body p {
  text-align: center;
  font-size: 30px;
  max-width: 183px;
}
.box-body small {
  font-size: 40%;
}
.dashbord-icon:before {
  font-size: 43px !important;
}
.orange {
  color: #FE7b2A;
}
.blue {
  color: #3198C8;
}
.green {
  color: #5CC180;
}
.yellow {
  color: #F9CF5E;
}

.font-large {
  font-size: 53px !important;
}
.font-small {
  font-size: 15px !important;
}
.gray {
  background: #f2f2f2;
}
.widget {
  overflow: hidden;
}
.infograph-title {
  width: 100%;
  height: 40px;
  color: #333;
}
.infograph-title p {
  font-size: 18px;
  padding: 9px 0px 0px 14px;
}
.activity-widget {
  height: 664px;
}
.infographic-details {
  width: 200px;
  height: 200px;
  background: #333;
  position: absolute;
  top: 457px;
}
/*#top_ten_company svg {
  width: 233px !important;
  height: 181px !important;
  position: absolute;
  top: 69px;
  right: -123px;
  float:  none;
}*/
#top_ten_company
{
  width: 24%;
  float: right;
}
.toogle-button {
  clear: both;
  background: #E7E7E7;
  text-align: center;
  padding: 6px 2px;
  position: relative;
  cursor: pointer;
}
.toogle-button i {
position: relative;
top: 0px;
left: 2px;
}
/*.toogle-button::before {
  content: '#';
  position: absolute;
  top:6px;
  right: 30px;
}*/
.toogle-button:hover::before {
  display:block;
  background: rgba(255, 255, 255, 0.38);
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transition:width .5s, height .5s;
  -webkit-transition:width .5s, height .5s;
}
.toogle-button::before {
  display:block;
  background: rgba(255, 255, 255, 0.38);
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0%;
  height: 0%;
  transition:width .5s, height .5s;
  -webkit-transition:width .5s, height .5s;
}