.ff-wrapper {
   
	white-space: normal !important;
}
.circular_image {
	width: 190px;
	height: 190px;
	border-radius: 50%;
	overflow: hidden;
	background-color: blue;    border: 2px solid gray;
	
	/*for demo*/
	display:inline-block;
	vertical-align:middle;
	}
		.circular_image img{
		width:100%;
	}
.report-container {
          
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.report-box {
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}
.subscribers { border-bottom: 3px solid red; }
.downlines { border-bottom: 3px solid #0C86C9; }
.daily-rank { border-bottom: 3px solid #0B3DC8; }
.overall-rank { border-bottom: 3px solid #56C3D6; }
.export-buttons button {
    margin-right: 10px;
}
.table-container {
    margin-top: 20px;
}
.nav-tabs .nav-link.active {
    background-color: #007bff;
    color: white;
}
#refferalDownline_filter, #oklangbaby_filter{
display: none;
}

.ff-wrapper .gray, .ff-wrapper h3 {
    color: #a8a8a8;
}
.black{
	color: #000 !important;
}
.gray .black{
    font-size: 24px;
    font-weight: 700;
}
.green {
    color: #31ca4b;
}
img.bio {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
   border-radius: 40px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	/*padding: 1px !important;*/
}

.borderless td, .borderless th {
    border: none;
}

.mt30{
	margin-top: 30px
}
.mt20{
	margin-top: 20px
}
.mb30{
	margin-bottom: 30px
}
.description{
	margin-top: 5px;
	font-size: 12px;
}
.description code{
	font-size: 12px;
}