/*======== Tables ========*/
.dataTables_wrapper {
	margin: 54px 0 !important;
}

.trans-table.tablepress {
	margin: 36px 0 !important; 
	/*display: block;*/
	border: 2px solid #F4F4F4;
	font-size: 15px;
	line-height: 120%;
}

.trans-table.tablepress thead th {
	background-color: #FBFBFB;
	text-transform: uppercase;
	font-size: 14px;
	border-color: #F4F4F4;
	border-width: 2px;
	padding: 8px 16px;
}

.trans-table.tablepress td {
	padding: 16px;
	border-color: #F4F4F4;
	border-width: 2px;
}

.table-donations {
	width: 100%;
}

.table-donations th,
.table-donations td {
	padding: 4px;
}

/*Responsive tables*/

th {
	text-align: left;
	font-size: 12px;
	color: #9CB0BE;
}

tr td:first-child {
	font-weight: bold;
}

tr td {
	border-bottom:1px solid #eeeeee;
}

table {
	margin-top: 2em;
	margin-bottom: 2em;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table,
	thead,
	tfoot,
	tbody,
	tr,
	th,
	td{
		display:block;
	    width:100%;
	    box-sizing: border-box;
	    float:left;
	    clear:both;
	}
	    
	    
	    th,td{
	border-right:none;
	}

	    
	    table,
	    tr,
	    tbody,
	    td,
	    td:before,
	    th{
			display:block;    
			/* display: flex;
			flex-direction: column; */
	    }
		
		 table {
			 display: block;
			 height: auto !important;
		 }
	
	    table,
	    tr td:last-child{
	        border-bottom:none;
	    }
	    thead{
	        position:absolute;   
	        top:-1000em;
	        left:-1000em;
	    }
	    tr{
	        border-bottom:1px solid #eeeeee;
	        margin:10px 0;
	    }
	    tr td:nth-child(1){ 
	        border-left:none;
	    }
	    tr td:last-child{ 
	        border-right:none;
		}
		tr td:first-child {
			font-weight: bold;
			padding-top: 32px;
		}
	    tr:last-child td,
	    td{ 
	        border-bottom:1px solid #eeeeee;
	    }
	    td:before{ 
	        font-weight:bold;
	        padding-right:20px;
	        font-size: 12px;
	color: #9CB0BE;
	        display:block;        
	        content: attr(data-label);   
	    }
	
	td[data-label]{
	clear:both;
	}

}


@media (max-width: 992px) {
	.video-text strong {
		margin: 4px 0 0 0;
	}
}

@media (max-width: 770px) {

}

@media (max-width: 576px) {

}