@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1023px)
{

	/* Force table to not be like tables anymore */
	.gainlos table, .gainlos thead, .gainlos tbody, .gainlos th, .gainlos td, .gainlos tr
	{
		display: block; /*float: left; 		clear: left; 		width: 100%;*/
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.gainlos thead tr, .gainlos th
	{
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	.gainlos tr
	{
		border: 1px solid #ccc;
	}

	.gainlos td
	{
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 60%;
		height: auto !important;
		line-height: auto !important;
	}

	.gainlos 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;
	}

	/*
												Label the data
												*/
	.gainlos th[data-title]:before, td[data-title]:before
	{
		content: attr(data-title) ":\00A0";
		font-weight: bold;
	}

	.gainlos th:first-child
	{
		text-align: left !important;
		padding-left: 10px;
	}

	.gainlos td:first-child
	{
		text-align: left !important;
		padding-left: 5px;
		color: #01a8ff;
	}
	.gainlos td
	{
		text-align: left !important;
	}
	/* Force table to not be like tables anymore */
	.mcon2 table, .mcon2 thead, .mcon2 tbody, .mcon2 th, .mcon2 td, .mcon2 tr
	{
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.mcon2 thead tr, .mcon2 th
	{
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	.mcon2 tr
	{
		border: 1px solid #ccc;
	}

	.mcon2 td
	{
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 60% !important;
		height: auto !important;
		line-height: auto !important;
	}

	.mcon2 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;
	}

	/*
												Label the data
												*/
	.mcon2 th[data-title]:before, td[data-title]:before
	{
		content: attr(data-title) ":\00A0";
		font-weight: bold;
	}

	.mcon2 th:first-child
	{
		text-align: left !important;
		padding-left: 10px;
	}

	.mcon2 td:first-child
	{
		text-align: left !important;
		padding-left: 5px !important;
		color: #01a8ff !important;
	}
	.mcon2 td
	{
		text-align: left !important;
	}
	.PL60
	{
		padding-left: 60% !important;
	}
	.PL50
	{
		padding-left: 50% !important;
	}
	.hide
	{
		display: block !important;
		padding-left: 5px !important;
		background: #646464 !important;
	}
	.H394, .H270, .H255, .H421, .H402,.H48
	{
		height: auto !important;
	}
	


}

.hide
{
	display: none;
}
.H394
{
	height: 394px;
}
.H270
{
	height: 275px;
}
.H255
{
	height: 255px;
}
.iconactive
{
	background: url(../images/indicatoractive.png) no-repeat right center;
	width: 10px;
	height: 10px;
	display: inline-block;
}
.iconainctive
{
	background: url(../images/indicatordeactive.png) no-repeat right center;
	width: 10px;
	height: 10px;
	display: inline-block;
}
.grph .col-md-3
{
	text-align: center;
	font-family: 'Calibrib';
	font-size: 14px;
	text-transform: uppercase;
}
.H421
{
	height: 421px;
}
.H402
{
	height: 402px;
}
.W7
{
	width:7% !important;
}
.W8
{
	width:8% !important;
}
.W9
{
	width:9% !important;
}
.W36
{
	width:36% !important;
}
.W20
{
	width:20% !important;
}
.W70
{
	width:70% !important;
}
.W60
{
	width:60% !important;
}
.W18
{
	width:18% !important; 
}
.W11
{
	width:11% !important; 
}
.H48
{
	height:48px;
}

.liLast
{
	background: #949494;
margin: 0;
padding: 0.35em 0.8em;
float: left;
text-align: center;
border-bottom: 0;
border-right: 1px solid #000;
}
@media only screen and (min-width: 240px) and (max-width: 768px) {

	.W7,.W8,.W9,.W10,.W12,.W13,.W14,.W15,.W17,.W18,.W16,.W52,.W68,.W50,.W36,.W20,.W70,.W60,.W11
	{
		width:100% !important;
	}
	.liLast
	{
		display:none !important;
	}
}

.minwidth
{
	min-width:auto !important;
}