/*************************************************************************** 
*	File:					style.css
*	Description:		Stylesheet
***************************************************************************/

/* Algemeen */
html, body {
	margin: 0; 
	padding: 0;
	height: 100%;
} 

body, table, tr, td, input {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
}

.nobr {
	white-space: nowrap;
}

h1 {
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	color: #4663A8;
	margin-bottom: 5px;
	margin-top: 0px;
}

.main {
	background-color: #F2F2F2;
	border: none;
	height: 100%;
}

textarea, .textbox {
	background-color: #FFFFFF;
	/*border: #7F9DB9 1px solid;*/
	color: black;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
}
 
textarea:focus, .textbox:focus {
	background-color: #F9E8CF;
	border: #7F9DB9 1px solid;
	color: black;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	font-weight: normal;
}

a:link, a:visited, a:active {
	text-decoration:underline;
	color: #4663A8;
}

a:hover {
	text-decoration:underline;
	color: #1F2B49;
}


.showtext {
	display: inherit;
}

.hidetext {
	display: none;
}

.navigation_bar {
	color: #606060;
	height: 30px;
}

.navigation_bar td{
	font-size: 8pt;
}


/* Navigation menu */
.menu {
	background-color: #E2E2E2;
	font-weight: bold;
	border: none;
	font-size: 11pt;
}

.valign_top {
    vertical-align : top
}


.alignCenter { 
    text-align: center; 
}
/* Overzichten */
table.overzichten {
	border-collapse: separate;
	width: 100%;
	border: 1px solid black;
	border-spacing: 1px;
	position: relative;
}

tr.overzichten_kop {
	height: 25px;
	/*text-align: center;*/
	vertical-align: middle;
	background-color: #BBBBBB;
	font-weight: bold;
}

th.test{
    	text-align: center;
}

tr.overzichten_body {
	background-color: #EEEEEE;
	text-align: left;
	vertical-align: top;
}

tr.overzichten_voet {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #BBBBBB;
	font-weight: bold;
        border: none;
}

table.overzichten td {
	padding-right: 2px;
	padding-left: 2px;
}


table.home_overzicht {
	border-collapse: collapse;
	margin: 0;
	border: 0;
}

table.home_overzicht td {
	padding-right: 10px;
	padding-left: 10px;
}

table.home_overzicht th {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #4663A8;
	height: 27px;
}


tr.home_overzicht {
	height: 25px;
	background-color: #BBBBBB;
	font-weight: bold;
}

tr.datumhoogte {
	height: 30px;
	vertical-align: middle;
}

/* Tabel - minimaal, minimaal_top */
table.minimaal {
	border-collapse: collapse;
}

table.minimaal tr td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	vertical-align: middle;
}

table.minimaal_top {
	border-collapse: collapse;
}

table.minimaal_top tr td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	vertical-align: top;
}

/* Header tabel */
table.header {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

td.header {
	background-color: #E2E2E2;
	padding-left: 10px;
	padding-right: 10px;
}

td.headerright {
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
}

td.headercenter {
	font-size: 14pt;
	font-weight: bold;
	text-align:center;
}

td.table_padding {
	padding: 10px;
	vertical-align: top;
}

/* Footer */
td.footer {
	background-color: #E2E2E2;
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

td.footerleft {
	font-size: 8pt;
	text-align: left;
}

td.footerright {
	font-size: 8pt;
	text-align: right;
}

.menu ul {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	list-style: none;
}

.menu li {
	color: #05507F;
	padding-bottom: 10px;
}

.menu li li {
	color: #05507F; /* Bullet color */
	margin-left: 10px;
	list-style: square;
	padding-bottom: 0;
	font-weight: normal;
	font-size: 10pt;
}

.menu li a {
	color: #05507F;
	text-decoration:none;
}

.menu li a:hover {
	font-weight: bold;
	color: #1F2B49;
}
.menu li li a:hover {
	font-weight: bold;
	color: #1F2B49;
}

li.menu_selected a {
	font-weight: bold;
	color: #962000;
}

/* Not acknowledged alarm - blink red */
.alarm_non_ack {
	 color: red;
	 font-weight: bold;
	 
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.2; }
    100% { opacity: 1.0; }
}

/* Acknowledged alarm - red */
.alarm_ack {
	 color: red;
	 font-weight: bold;
}

/* Station not online - grey */
.not_online {
	 color: grey;
	 font-style: italic;
}

div.dataTables_scroll { clear: both; }