@CHARSET "UTF-8";


/*Table=================================================*/
body{
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.tariff-table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
	word-wrap: break-word;
}

.tariff-table td, .tariff-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.tariff-table tr:nth-child(even){background-color: #f2f2f2;}

.tariff-table tr:hover {background-color: #ddd;}

.tariff-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
/*=====================================================*/
#tariff-name-div{
	font-weight:bold;
	font-size:14pt;
}
.table-tariff-name{
	color:blue;	
}
.table-tariff-name:hover{
	color:blue;
	cursor: pointer;
	text-decoration:underline;
}
.extra-class{
	float:left;
	display: inline;
	font-weight:bold;
	font-size:12pt;
}

#search-button {
	height:25px;
	width:240px;
	margin-left:10px;
	float:left;
    border-radius:5px;
	background-color: #4CAF50;
	border:0px;
	color: white;
}

#search-input{
	width:250px;
	height:25px;
	margin-left:5px;
	float:left;
	border-radius:5px;
	border: 2px solid #4CAF50;

}

#body-left-side{
	width:10px;
	margin:5px;
	height:10px;
	overflow:auto;
	float:left;
}

#body-right-side{
	width:10px;
	height:10px;
	margin:5px;
	overflow:auto;
	float:left;
}

@media screen and (max-width: 640px) {
	.tariff-table {
		font-size:10pt;
	}
	#tariff-name-div{
		font-weight:bold;
		font-size:12pt;
	}
	.extra-class{
		float:left;
		display: inline;
		font-weight:bold;
		font-size:10pt;
	}
}