/*@charset "utf-8";*/

/* fonts files */ 
/*@font-face {
font-family: 'OpenSans';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/opensans-regular-webfont.woff") format("woff"),
		 url("../fonts/opensans-regular-webfont.ttf") format("truetype");
	font-weight: normal;
}

@font-face {
	font-family: 'OpenSans Bold';
	src: url('../fonts/opensans-semibold-webfont.eot');
	src: url("../fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/opensans-semibold-webfont.woff") format("woff"),
		 url("../fonts/opensans-semibold-webfont.ttf") format("truetype");
	font-weight: normal;
}*/

/* html */


#Tablespecs {
	width: 100%; 
    /*margin-left: 1%; 
    margin-right: 1%;*/
    border-collapse: collapse; 
}
#Tablespecs tr {
	vertical-align: middle !important;
}
#Tablespecs table, th, td {
	border-width: 1px;
	border-spacing: 1px;
	border-style: inset;
	border-color: #000;
	border-collapse: collapse;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	color: #FFF;
	font-size: 10px;
	display: table-cell !important;
    vertical-align: middle !important;
}

#Tablespecs .table_color_red {
	background-color: #F00;
	color: #FFF !important;
}

#Tablespecs .table_color_white {
	background-color: #FFF;
	
}
#Tablespecs .table_color_white td { 
	color: #000;
	display: table-cell;
  	vertical-align: middle;
}
#Tablespecs .table_color_grey1 {
	background-color: #CCC;
	
}
#Tablespecs .table_color_grey1 td{
	color: #000;
}

#Tablespecs .table_color_grey2 {
	background-color: #666;
	color: #FFF !important;
}

#Tablespecs .table_color_grey3 {
	background-color: #333;
	color: #FFF !important;	
}

@media 
only screen and (max-width: 1766px) {
	table td {
	    padding: 3px 1px !important;
	}
}
@media 
only screen and (min-width: 1766px) {
	#Tablespecs table td {
	    padding: 1px 8px !important;
	}
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	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;
	}
	

}
@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px)
{
	body {
		overflow: auto !important;
		height: auto;
	}
	table, tbody, td, th, thead, tr {
	    display: table-row-group;
	}
	.pum-content.popmake-content {
		overflow-x: scroll !important;
	}
}