/* 

	TableCloth	
	by Alen Grakalic, brought to you by cssglobe.com
	
*/

/* general styles */

:root{
	--primary-color: #348aa0;
	--primary-hover-color: #286d7e;
}

table.tablecloth, td{
	font:100% Arial, Helvetica, sans-serif; 
}
table.tablecloth{
	width:100%;
	border-collapse:collapse;
	margin:1em 0;
}

table.tablecloth th, table.tablecloth td{
	text-align:left;
	padding:.5em;border:1px solid #fff;
}
table.tablecloth th{
	background:#328aa4 url(tr_back.gif) repeat-x;
	color:#fff;
}
table.tablecloth td{background:#e5f1f4;}

/* .productRow .table_data a{
	background-color: black;
} */

table.tablecloth td a{
 background-color: var(--primary-color);
 border-radius: 5px;
 text-decoration: none;
 padding: 10px;
 /* padding-left: 30px;
 padding-right: 30px; */
 color: #fff;
 width: max-content;
 /* margin-bottom: 20px; */
 /* margin-left: 10px; */
 margin: 10px;
 display: inline-block ;
 transition: 0.3s ease-in;
}



table.tablecloth td a:hover{
	background-color: var(--primary-hover-color) !important;
}

table.tablecloth td a .fa
{
	margin-left: 10px;
}

.table_data .tablecloth td a{
	background-color: none;
}

/* tablecloth styles */

table.tablecloth tr.even td{background:#e5f1f4;}
table.tablecloth tr.odd td{background:#f8fbfc;}

table.tablecloth th.over, table.tablecloth tr.even th.over, table.tablecloth tr.odd th.over{background:#4a98af;}
table.tablecloth th.down, table.tablecloth tr.even th.down, table.tablecloth tr.odd th.down{background:#bce774;}
table.tablecloth th.selected, table.tablecloth tr.even th.selected, table.tablecloth tr.odd th.selected{}

table.tablecloth td.over, table.tablecloth tr.even td.over, table.tablecloth tr.odd td.over{background:#ecfbd4;}
table.tablecloth td.down, table.tablecloth tr.even td.down, table.tablecloth tr.odd td.down{background:#bce774;color:#fff;}
table.tablecloth td.selected, table.tablecloth tr.even td.selected, table.tablecloth tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}*/