table, tr, td, th {position:relative;}
table {width:100%; table-layout:fixed;}
table.dataTable, table.table {width:100%; padding:0; margin:0; background:#fff;border:1px solid #ccc;box-shadow:0 1px 3px rgba(0,0,0,.2); table-layout:fixed;}
table.dataTable th, table.dataTable td, table.table th, table.table td {text-align:left; vertical-align:middle; padding:.25em 4px; border-right:1px solid #ccc; position:relative;}
table.dataTable td:last-child, table.dataTable th:last-child, table.table td:last-child, table.table th:last-child { }
table.dataTable th, table.table th { font-weight:bold; font-size:.8em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
table.dataTable td p, table.table td p {white-space:normal;}
table.dataTable td, table.table td {font-size:.9em; padding:6px;overflow:hidden; text-overflow:ellipsis; line-height:1.25; }
table.dataTable tr td, table.dataTable tr th { transition:all 0.3s ease-in-out;}
table.dataTable td a, table.dataTable th a {display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
table.dataTable td {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
table.dataTable tr, table.table tr {border-bottom:1px solid #ddd; transition:all 0.3s ease-in-out; background:transparent;}
table.dataTable tr:last-child {border-bottom:none;}
table.dataTable tr:nth-child(even){}
table.dataTable thead, table.table thead {background:#999; color:#fff; }
table.dataTable th, table.table th {font-weight:normal; text-shadow:0 1px 2px #666; letter-spacing:.06em; box-shadow:inset 0 -15px 20px rgba(0,0,0,.2);border:1px solid #666; font-weight:300; padding:.25em .5em;}

thead th.sorting, thead th.sorting_asc, thead th.sorting_desc {padding-left:1.25em; transition:none;}
thead th.sorting_asc, thead th.sorting_desc {background-color:#777}
table.receipt {table-layout:auto;}
table.receipt:hover tr, table.receipt:hover tr td, table.receipt tr, table.receipt tr td {background:#fff; color:#000;}
table.receipt tr, table.receipt tr td {white-space:normal!imporatant; text-overflow:ellipsis;}
table.receipt thead, table.receipt:hover thead, table.receipt:hover thead th {background:#000; color:#fff; border:1px solid #000; box-shadow:none; transition:none;}
table.dataTable td.linkedinContact {overflow:visible;}

table.auto {table-layout:auto;}
table.light {color:#666; font-size:.8em;}

table.textWrap, table.textWrap td a, table.textWrap th a, table.textWrap td {white-space:normal; vertical-align: top;}

table.dataTable {}
table.dataTable tr.odd, table.dataTable tr.even  {}
table.dataTable tr.odd td, table.dataTable tr.even td  {}
table.dataTable tr {}
table.dataTable thead tr {}
table.dataTable thead tr tr {}
table.dataTable td span:empty {display:block; text-align: center;}
table.dataTable td:empty:after, table.dataTable td span:empty:after {content:"-"; color:rgba(0,0,0,.2);}
table.dataTable tr:hover {}
.infoMargin {margin-bottom:30px;}

th.bc, td.bc {background:#4ce21e!important; border-bottom:1px solid #579e39}
td.bc i {color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.2);}

td.co i {color:#666;}
td.co em.fa-remove {color:#b25b5b;}

div.table.dataTable { display:table;}
div.tablerow {display:table-row;}
div.tablecell {display:table-cell;}

.border table.dataTable th {background:#fff; border:solid #000; border-width:4px 0 0 0;  color:#000; box-shadow:none; text-shadow:none; font-weight:bold; font-size:1em;}
.border table.dataTable th {}
.border table.dataTable tfoot tr {}
.border table.dataTable tfoot td {background:#fff; color:#000; border-top:solid #000; border-width:4px 0 0 0}
.border table.dataTable tfoot td:last-child {text-align:right; font-size:1em; font-weight:bold;}
.border h5 { padding:0; margin:.5em 0;}

td.contacts-unavailable {
	font-size: 1.25em;
	text-align: center;
}

.dataTables_empty {padding:1em!important; color:#999; background:#eee;}

table.notifications, table.notifications tr, table.notifications tr td, table.notifications tr td:hover, table.notifications td, table.notifications:hover, table.notifications tr:hover, table.notifications td:hover, table.notifiactions table.dataTable td, table.notifiactions table.dataTable tr, table.notifiactions table, table.notifications table:hover {background:#fff!important;box-shadow:none!important; border:none!important; table-layout:auto!important; border:none!important; overflow:none; white-space:normal;padding:0!important; margin:0!important} 

.billingContainer table.dataTable td, .billingContainer table.dataTable th {white-space:normal!important;}

.bidToContractor {background:#FFFCE6;}

/* grid view */
#search-results.grid-view 		{ display: table; }
#search-results.grid-view tbody { display: table-row-group; }
#search-results.grid-view tr 	{ display: table-row; }
#search-results.grid-view tr th, #search-results.grid-view thead {border:none; background:none; box-shadow:none; padding:0; text-shadow:none;}
#search-results.grid-view tr th {color:#666; font-weight:bold; padding:8px 4px;}
#search-results.grid-view td 	{padding:0; display: table-cell; cursor: pointer; border-width:1px 0 1px 0; box-shadow:none; vertical-align:middle; height:34px;}
#search-results.grid-view td .table-content {padding:0 4px; position:relative; line-height:1; box-sizing:border-box;}
#search-results.grid-view th.

#search-results.grid-view ._smartSearchMatches { width:80px; }
#search-results.grid-view .has-tag .table-content {white-space:normal; padding:2px;}

#search-results.grid-view .projTitleColumn .table-content, #search-results.grid-view .compTitleColumn .table-content, #search-results.grid-view .contTitleColumn .table-content { white-space:normal; overflow:visible; text-overflow:clip;}
#search-results.grid-view .projTitleColumn .table-content span.name, #search-results.grid-view .compTitleColumn .table-content span.name, #search-results.grid-view .contTitleColumn .table-content span.name, #search-results.grid-view span.company {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:10px 0; margin:-10px 0;}
#search-results.grid-view .projTitleColumn .fa, #search-results.grid-view .compTitleColumn .fa, #search-results.grid-view .contTitleColumn .fa {display:block; float:right; margin: 10px 5px 0 0; vertical-align: middle;}
#search-results.grid-view ._projectValueDisplay, #search-results.grid-view ._projectCount {width:90px;}
#search-results.grid-view ._smartSearchMatches .table-content {white-space:normal;}
#search-results.grid-view ._city, #search-results.grid-view ._companyName {width:140px;}
#search-results.grid-view ._name {width:33%;}
#search-results.grid-view ._lastName {width:25%;}
#search-results.grid-view ._salesOpportunityReportStatusDisplay  {width:28px;}
#search-results.grid-view ._smartSearchMatches{width:112px;}
#search-results.grid-view ._publicStatus, #search-results.grid-view ._buildingUsesString, #search-results.grid-view ._projectStatus, #search-results.grid-view ._bidResponse {width:100px;}
#search-results.grid-view ._bidDateDisplay , #search-results.grid-view ._startDateDisplay , #search-results.grid-view ._reportedDateDisplay , #search-results.grid-view ._lastViewedDisplay ,  #search-results.grid-view ._invitationReceived {width:70px;}

#search-results.grid-view .excluded { color:#666; background:#fff;}
#search-results.grid-view .excluded td.projTitleColumn:hover, #search-results.grid-view .excluded td.compTitleColumn:hover, #search-results.grid-view .excluded td.contTitleColumn:hover {text-decoration:none;}
#search-results.grid-view .excluded .projTitleColumn .table-content, #search-results.grid-view .excluded td:first-child .table-content, #search-results.grid-view .excluded .compTitleColumn .table-content, #search-results.grid-view .excluded td:first-child .table-content, #search-results.grid-view .excluded .contTitleColumn .table-content, #search-results.grid-view .excluded td:first-child .table-content {visibility:visible;}
#search-results.grid-view tr td .table-content a.tagID {color:#fff; vertical-align:middle; display:inline-block;}
#search-results.grid-view td {box-sizing:border-box; border-radius:0;}
#search-results.grid-view tr th:first-child {width:26px;}
#search-results.grid-view tr td:first-child {text-align:center; background:#eee;}
#search-results.grid-view tr.excluded td:first-child {background:#fff;}
#search-results.grid-view tr.excluded .fa-ban { position:absolute; top:0; left:0; bottom:0; right:0; border-right:1px solid #ccc; padding-top:9px;}
#search-results.grid-view tr td:first-child .table-content {padding:0; position:absolute; top:0; left:0; right:0; bottom:0; border-right:1px solid rgba(0,0,0,.2);}
#search-results.grid-view tr.updated td {background:#ecf6eb; color:#225220; border-color:#afc2ab; }
#search-results.grid-view tr.updated td:first-child { background-color:#d9f1d7;}
#search-results.grid-view tr.viewed td {background:#f2eae9; color:#743434; border-color:#c8acad; }
#search-results.grid-view tr.viewed td:first-child { background-color:#f3cfcf;}
#search-results.grid-view input[type="checkbox"] { display:block; position:absolute; top:10px; left:10px;}
#search-results.grid-view input[type="checkbox"]:checked+label {background:rgba(0,0,0,.05);}
#search-results.grid-view label { position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:block; }
#search-results.grid-view .dateColumn {width:65px;}
#search-results.grid-view .searchTagCol {width:80px;}
#search-results.grid-view .searchTagCol .table-content { overflow: visible; white-space: normal;}
#search-results.grid-view td.projTitleColumn, #search-results.grid-view td.compTitleColumn, #search-results.grid-view td.contTitleColumn {font-weight:500; color:#0080ce;min-width:100px!important;}
#search-results.grid-view td.projTitleColumn:hover, #search-results.grid-view td.compTitleColumn:hover, #search-results.grid-view td.contTitleColumn:hover {text-decoration:underline}
#search-results.grid-view td .table-content:empty {text-align:left;}
#search-results.grid-view td .table-content:empty:after { color:#999; content:'-';}
/* #search-results.grid-view .bidDateCol .table-content:empty:after {font-style:oblique; content:'N/A'; text-align:left;} */

#search-results.grid-view td.searchTagCol .table-content {padding:8px 4px 0px 8px;}

@media only screen and (max-width:1400px) { 
 .grid-container {min-width:1047px; background:#fff;}
 .grid-viewport {overflow-x:auto;}

}

@media only screen and (max-width:900px) {
	._recently-viewed-container table, #detail-contacts, #project-plans-html, #detail-projects, .detail-project-contacts, .gcproject-table, #billing-history, .detail-interested-parties { display:block; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
	
}
@media only screen and (max-width:769px) {

table.dataTable thead th { font-size:.75em;font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
div.dataTables_paginate {margin-top:.25em; margin-bottom:-.5em;}
.project-plans-controls li.floatRight.noMargin {display:none;}

table#search-results tr:last-child td {margin:0!important;}

#billing-history-div .infoMargin {margin-bottom:0!important;}
}