/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('font/roboto-slab-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('font/roboto-slab-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/roboto-slab-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/roboto-slab-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('font/roboto-slab-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('font/roboto-slab-v16-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg.gif) top repeat-x #f1f1ee;
	color:#f5f6f4
}
h1 {
	color:#ffffff; 
	font-family: "Trajan Pro";
	font-size: 2em;	
}
.header {
	background-color:blue;
	color:#ffffff;
}
.header a {
	color:#aaaaaa;
}
.footer {
	color:#333333;
}
a {
	color: #0000cc;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#language {
	padding-bottom:10px;
}
#box {
	padding:5px;
}
.content {
	border:1px solid #999999;
	background-color:#FFFFFF;
}
.content_responsive{
	min-height: 250px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
	border: 1px solid #000000;
}
#button a {
	color:#FFFFFF;
}
h2 {
	margin:0; padding:0; color:blue;
	font-size: 1.5em;
	font-weight:bold;
}
h3 {
	margin:0; padding:0; 
}
hr {
	border:2px solid blue;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.dashboard {
	font-size:14px;
color:#333333}
.small_font_table td {
	font-size:11px;
}
td.darkbg {
	background-color:#cdcccc;
	color:#333333;
}
td.lightbg {
	background-color:#f0f1f1;
	color:#333333;
}
tr.hover_row:hover td.lightbg {
	background-color:#ffffed;
}
td.lightbg2 {
	background-color:#ffffff;
}
tr.hover_row:hover td.lightbg2 {
	background-color:#ffffed;
}
tr.highlight_row td.lightbg2{
	background-color:#98FB98;
}
tr.highlight_row:hover td.lightbg2{
	background-color:#98FB98;
}
.ratetable{
	background-color:#cf0000;
	color:#FFFFFF;
	font-size:14px;
}
.ratetd td {background-color:#b50000;
}
.pagination{
	padding: 2px;
	padding-top:15px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: right; /*Set to "right" to right align pagination interface*/
	font-family: Tahoma;
	color:#333333
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 2px 7px;
	border: 1px solid #999;
	text-decoration: none; 
	color: #333;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #999;
	color: #333;
	background-color: #e4e4e4;
}

.pagination a.currentpage{
	background-color: #999;
	color: #FFF !important;
	border-color: #999;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.pagination a.prevnext{
}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:right;
    margin:0 0 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
} */
td.odd{background-color:#f0f1f1;}
td.even{background-color:#e4e4e4;}

/*  Tooltip */
div.tip{text-decoration:none;display:block;position:relative;vertical-align:middle;font-family:helvetica;}
div.tip p{display:none;}
div.tip:hover p{
    padding:5px;
    padding-left:10px;
    display:block;
    position:absolute;
    top:10px;
    left:24px;
    height:auto;
    min-width:180px;
    border:solid 1px #2D2D2D;
    color:black;
    font-family:sans-serif;
    font-size:12px;
    background-color:lightgoldenrodyellow;
    text-align:left;
    box-shadow:0 0 4px #2D2D2D;
	z-index:100;
}

/*  Tooltip 2 */
div.tip2{text-decoration:none;display:block;position:relative;vertical-align:middle;font-family:helvetica;}
div.tip2 p{display:none;}
div.tip2:hover p{
    padding:5px;
    padding-left:10px;
    display:block;
    position:absolute;
    top:10px;
    left:24px;
    height:auto;
    width:60px;
    border:solid 1px #2D2D2D;
    color:black;
    font-family:sans-serif;
    font-size:12px;
    background-color:lightgoldenrodyellow;
    text-align:left;
    box-shadow:0 0 4px #2D2D2D;
	z-index:100;
}

/*  Tooltip 3 */
div.tip3{text-decoration:none;display:block;position:relative;vertical-align:middle;font-family:helvetica;}
div.tip3 p{display:none;}
div.tip3:hover p{
    padding:5px;
    padding-left:10px;
    display:block;
    position:absolute;
    top:10px;
    left:24px;
    height:auto;
    width:130px;
    border:solid 1px #2D2D2D;
    color:black;
    font-family:sans-serif;
    font-size:12px;
    background-color:lightgoldenrodyellow;
    text-align:left;
    box-shadow:0 0 4px #2D2D2D;
	z-index:100;
}

/*  Tooltip 4 */
div.tip4{text-decoration:none;display:block;position:relative;vertical-align:middle;font-family:helvetica;}
div.tip4 p{display:none;}
div.tip4:hover p{
    padding:5px;
    padding-left:10px;
    display:block;
    position:absolute;
    top:10px;
    left:24px;
    height:auto;
    width:70px;
    border:solid 1px #2D2D2D;
    color:black;
    font-family:sans-serif;
    font-size:12px;
    background-color:lightgoldenrodyellow;
    text-align:left;
    box-shadow:0 0 4px #2D2D2D;
	z-index:100;
}

span.tip{text-decoration:none;position:relative;color:black;vertical-align:middle;font-family:helvetica;}
span.tip p{display:none;}
span.tip:hover p{
    padding:5px;
    padding-left:10px;
    display:block;
    position:absolute;
    top:10px;
    left:24px;
    height:auto;
    min-width:60px;
    border:solid 1px #2D2D2D;
    color:black;
    font-family:sans-serif;
    font-size:12px;
    background-color:lightgoldenrodyellow;
    text-align:left;
    box-shadow:0 0 4px #2D2D2D;
	z-index:100;
}

span.tip2{text-decoration:none;position:relative;color:black;font-family:helvetica;}
span.tip2 p{display:none;}
span.tip2:hover p{
    padding:5px;
    padding-left:10px;
    display:block;
    position:absolute;
    top:10px;
    left:24px;
    height:auto;
    min-width:200px;
    border:solid 1px #2D2D2D;
    color:black;
    font-family:sans-serif;
    font-size:12px;
    background-color:lightgoldenrodyellow;
    text-align:left;
    box-shadow:0 0 4px #2D2D2D;
	z-index:100;
}

span.tip3{text-decoration:none;position:relative;color:black;font-family:helvetica;}
span.tip3 p{display:none;}
span.tip3:hover p{
    padding:5px;
    padding-left:10px;
    display:block;
    position:absolute;
    top:10px;
    left:24px;
    height:auto;
    width:100px;
    border:solid 1px #2D2D2D;
    color:black;
    font-family:sans-serif;
    font-size:12px;
    background-color:lightgoldenrodyellow;
    text-align:left;
    box-shadow:0 0 4px #2D2D2D;
	z-index:100;
}

a.button{
	display:block;
	text-decoration:none;
	color:#000000;
    box-sizing: border-box;
    padding: 5px 6px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(133, 133, 133);
	width: 50px;
    text-align: center;
	font-size: 11px;
}

.header_logout{
	float:right;
	margin-left:10px;
}

.overview_table{
	width:800px;
}

.scroll_long_table{
	width:800px;
}

th.darkbg {
    background-color: #cdcccc;
    color: #333333;
}

.scroll_long_table table td{
	height: 50px;
}
	
@media only screen and (max-width: 600px) {
	h1 {
		font-family: arial;
		font-size: 13px!important;
		margin-bottom: 0px;
		font-weight: bold;
	}
	
	.blinking{
		display:none;
	}
	
	.table-responsive {
		display: table;
	}
	
	.overview_table{
		width:100%;
	}
	
	.scroll_long_table{
		width:100%;
		overflow-x:scroll;
		font-size: 12px;
	}
	
	.scroll_long_table table{
		border-collapse: collapse;
		width:350px!important;
	}
	
	/* .scroll_long_table table td:nth-child(1){
		width:50px!important;
	}
	
	.scroll_long_table table td:nth-child(2){
		width:80px!important;
	} */
	
	.scroll_long_table table th:nth-child(1){
		width:61px!important;
	}
	
	.scroll_long_table table th:nth-child(2){
		width:87px!important;
	}
	
	.scroll_long_table table th:nth-child(3){
		width:142px!important;
	}
	
	.scroll_long_table table th:nth-child(4){
		width:45px!important;
	}
	
	.scroll_long_table table th:nth-child(5){
		width:20px!important;
	}
}

.table-responsive{
	min-height: 300px;
}