﻿@media only screen and (max-width: 900px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { 
        border: 1px solid #e0e0e0; 
        margin-bottom: 15px;
	}
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 37%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		/*width: 45%;*/ 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
    #no-more-tables { 
        width: 100% !important;
    }
    .table-bordered th { 
        width: 30% !important;
    }
}
.table-bordered {
    border:none !important;
    width: 100%;
}
.table-bordered > thead > tr > th {
    background-color:#0D8AB1;
    color:#fff;
}
.acceptanceStatusIsClosed {
    margin: 5px 0;
}
.acceptanceStatusIsClosed i, .AcceptRejectAction i{
    font-size: 18px;
}
.CairoLocalTime {
    margin-top: 15px;
}
.OpenCloseAction, .AcceptRejectAction {
    /*margin-top: 10px;*/
}