/*----------------------------------------*/
/*  1.  Custom CSS
/*----------------------------------------*/

.counter-border{
    padding-right: 10px;
	padding-left: 10px;
	padding-bottom:0px;
}
.counter-title{
    text-align: left;
}

.counter-bottom{
    text-align: center;
	
}
.counter-wrapper{
	padding:5px 10px 0px;
}
.counter-ctn{
	padding-left:5px;
	padding-bottom:0px;
}

.card{
	padding:10px;
}

.post-wrapper{
	padding-top:10px;
	padding-left:20px;
	border-style: solid;
	border-width: 0.5px;
	border-color: #c9c9c9;
	margin-top: 8px;
	margin-bottom: 8px;
	
}
.graph-wrapper{
	padding: 10px;
	width: auto;

}
.graph-title{
	padding-left: 8px;
}

.footer-wrapper{
	padding-top:10px;
	flex-shrink: 0;
}
.footer-content-wrapper{
	padding-left:40px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:20px;
}
.fab {
  padding: 7px;
  text-align: center;
  color: white;
}
.fab:hover {
  opacity: 0.7;

}
.donate-button{
padding-top:10px;
padding-bottom:10px;
}
/*
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  
} */

.jqstooltip{ 
    width:70px;
    height:25px!important;
    }


html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1 0 auto;
}

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane:not(.active),
.pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
} 
/* bootstrap hack end */