/*========= donation table css ==========*/
ul.donors-table ,ul.donors-table *{
		box-sizing: border-box;
	}
	ul.donors-table {
		padding: 0;
		list-style: none;
		font-size:16px;
		font-weight:400;
		line-height:1;

		/*for flex box display*/
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	
	ul.donors-table li{
		list-style: none;
        margin-bottom:6px;
    	/*flex-col*/
    	display: -ms-flexbox;
	    display: flex;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    width: 100%;
	}

	ul.donors-table li .inner-row{
		align-items: center;
		border:1px solid #f4f4f4;
		border-radius: 15px;
		background:#f4f4f4;
		position: relative;
		display: -ms-flexbox;
	    display: flex;
		height: 100%;
		width: 100%;
		text-decoration: none;
    	color: inherit;
	}

	ul.donors-table li .inner-row > div{
		padding: 3px 10px 3px 3px;
	}


	ul.donors-table li.donor-table-header {
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		color:#AF0002;
		margin-bottom: 8px;
	}

	ul.donors-table li.donor-table-header .inner-row{
		border-color: transparent !important;
		background: transparent;
		border-radius: 0;
	}

	ul.table-col-2{
		margin: 0 -10px;
	}
	ul.table-col-2 li{
		padding-left: 10px;
		padding-right: 10px;
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}

	ul.donors-table .img-col{
		width: 20%;
		line-height: 0;
	}

	ul.donors-table .counter-col{
		width: 50px;
		text-align: center;
	}

	ul.donors-table .name-col{
		width: calc(40% - 50px);
	}

	ul.donors-table .meter-col{
		width: 40%;
	}

	.donors-table .donor-img{
/* 		width: 98px;
		height: 98px; */
		border-radius: 15px;
	}
	.donors-table .donor-sign{
		min-height: 98px;
	    display: flex;
	    width: 100%;
	    justify-content: center;
	    align-items: center;
	}
	.donors-table .donor-sign[data-letters]:before {
	    content: attr(data-letters);
	    display: inline-block;
	    font-size: 36px;
	    font-weight: 400;
	    width: 65px;
	    height: 65px;
	    line-height: 70px;
	    text-align: center;
	    border-radius: 50%;
	    background: #AF0002;
	    vertical-align: middle;
	    color: #ffffff;
	    text-transform: uppercase;
	    letter-spacing: 1px;
		font-family: 'BebasNeue';
	}

	.donors-table .donor-count{
		text-align: center;
	}

	.donors-table .donor-name{
		font-family: Montserrat, sans-serif;
		font-size:16px;
		font-weight:700;
		margin:0;
	}

	ul.area-table{
		margin-top:21px;
	}
	ul.area-table li{
		position:relative;
	}
	ul.area-table .region-meter{
		position:absolute !important;
		border-radius:15px;
		left:0;
		top:0;
		width:50%;
		height:100%;
		background:#e4e8ea;
		z-index:9 !important;
	}

	ul.area-table .inner-row>div{
		position:relative;
		z-index:10;
	}

	ul.area-table .name-col{
		width: 30%;
	}

	ul.area-table .amount-col{
		width: 26%;
	}

	ul.area-table .donations-col{
		width: 23%;
	}

	ul.border-table .campaign-col{
		width: 55%;
	}

	ul.border-table .amount-col{
		width: 22%;
	}

	ul.border-table .date-col{
		width: 22%;
	}


	ul.border-table li .inner-row{
		background: transparent !important;
	}
	ul.border-table li:not(.donor-table-header) .inner-row{
		border-color:#B9B9B9 !important;
	}
	ul.border-table .campaign-detail{
		display: flex;
	    width: 100%;
 	    /*justify-content: center; */
	    align-items: center; 
		flex-direction:row;
		padding-left:10px;
	}
	ul.border-table .campaign-detail .donor-sign{
		width:auto;
		margin-right:12px;
	}

	ul.border-table .campaign-detail p{
		margin:4px 0 0;
	}
	.flex-row {
		
		/*for flex box display*/
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    margin: 0 -10px;
	}
.flex-row .col-half{
		padding-left: 10px;
		padding-right: 10px;
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
@media(max-width:1024px){
	ul.donors-table{
		font-size:14px;
	}
	.donors-table .donor-name{
		font-size:14px;
	}
	ul.donors-table .counter-col {
    	width: 40px;
	}
	ul.donors-table .name-col {
		width: calc(40% - 40px);
	}
	ul.area-table .name-col {
		width: 31% !important;
	}
	.donors-table .donor-sign[data-letters]:before {
		font-size: 28px;
		width: 50px;
		height: 50px;
		line-height: 56px;
	}
}

@media(max-width:767px){
	ul.table-col-2 li {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.flex-row .col-half {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.hide-mobile{
		display:none !important;
	}
}

@media(max-width:479px){
	ul.donors-table li .inner-row > div {
		padding: 3px 3px 3px 3px;
	}
	ul.donors-table li.donor-table-header {
     font-size: 10px;
	}
	ul.donors-table {
		font-size: 12px;
	}
	.donors-table .donor-name {
		font-size: 12px;
	}
	.donors-table .donor-sign {
     min-height: 58px;
	}
	.donors-table .donor-sign[data-letters]:before {
		font-size: 24px;
		width: 40px;
		height: 40px;
		line-height: 46px;
	}
	ul.border-table .campaign-detail{
		padding-left:0;
	}
    ul.border-table .campaign-detail .donor-sign {
		margin-right: 5px;
	}
	ul.border-table .campaign-col {
		width: 52%;
	}
	ul.border-table .date-col {
		width: 25%;
	}
	.donation-meter-sm .total-donation-raise {
		height: 12px;
	}
	.donation-meter-sm .income {
		font-size: 18px;
	}
	.donation-meter-sm .goal-text {
		font-size: 10px;
	}
	.donation-meter-wrap .total-donors {
		padding-left: 6px;
		margin-top: 4px;
		font-size: 9px;
	}
	.info-list li {
		font-size: 14px;
		padding-right: 11px;
		margin-right: 4px;
		line-height: 1.1;
	}
}
@media(max-width:360px){
	ul.donors-table {
		font-size: 10px;
		font-weight:500;
	}
	.donors-table .donor-name {
		font-size: 10px;
	}
}

/* tab donor table css  */
.tabs-panel ul.donors-table li .inner-row{
	border:none;
}
.tabs-panel ul.area-table .donations-col,
.tabs-panel ul.area-table .amount-col{
    width: 40%;
	text-align:right;
}

.tabs-nav{
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	display: flex;
	width: 100%;
}
.tabs-nav li{
	width: 50%;
}
.tabs-nav li a{
	border:2px solid #A8A8A8;
	color:#A8A8A8;
	font-weight: 600;
	background: #ffffff;
	font-size: 18px;
	letter-spacing: 0.035em;
	text-decoration: none;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 15px;
}
.tabs-nav li:first-child a{
	border-radius: 10px 0px 0px 10px;
	border-right: 0;
}
.tabs-nav li:last-child a{
	border-radius: 0px 10px 10px 0px;
}
.tabs-nav li.tab-active a{
	border-color: #11194E;
	color: #11194E;
	background: rgba(17, 25, 78, 0.15);
}

.tabs-content ul.donors-table li.donor-table-header{
	display:unset !important;
}
@media(max-width:767px){
	.tabs-content ul.donors-table li.donor-table-header.hide-mobile {
		display: none !important;
	}
}

.tabs-content ul.donors-table li .inner-row{
	color: #AF0002 !important;
}

.tabs-content .tabs-panel{
		display: none;
	}