@charset "UTF-8";
/*
Datanavigator is a web application development tool by Frank van den Heuvel.
 Copyright © 2002 - 2016. All rights reserved.

    Created on : 15-jun-2016, 17:56:36
    Author     : Frank van den Heuvel, HeuvelTop
*/

body {
	font-family: verdana, arial, tahoma, helvetica, sans-serif, serif;
	background-color: #FFFEFE;
	background-image: url('/dn/images/HTdatanavigator.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#dn_content {
	background-color: ivory;
}

#dn_content ul ul, #dn_content ol ul {
	list-style-type: circle;
}
#dn_content ul ul ul, #dn_content ol ul ul, #dn_content ol ol ul, #dn_content ul ol ul {
	list-style-type: square;
}
.notvalid, input.notvalid, textarea.notvalid, select.notvalid, input.notvalid + img.data {
	border: solid red;
}

#dn_content .preformatted {
    font-family: monospace;
    white-space: pre;
}

div.dn_container {
	border: 1px solid lightgray;
	padding: 4px;
	width: 99%;
	margin:auto;
}
div.dn_childcontainer {
	width: 100%;
	border: 1px solid lightgray;
}

#dn_content table {
	background-color: #FFDDDD;
	white-space: normal;
	margin: auto;
	border-spacing: 1px;
	width:99%;
}
#dn_content table caption, caption.section {
	font-weight : bold;
	font-size : 80%;
	background-color : #FFAAAA;
	line-height : 150%;
	background: #EEEEEE;
}
#dn_content table.dn_login {
	width: 250px;
	margin: auto;
}
#dn_content table.dn_login th {
	background-color: #FFAAAA;
}

#dn_content table.dn_login caption, caption.dn_formtitle, div.dn_formtitle {
	font-size : 120%;
	background-color : #FFAAAA;
	line-height : 200%;
}
div.children div.dn_childtabbar div:only-of-type,
div.children div.dn_childcontainer:not(:only-of-type) > form > div > div.dn_formtitle {
	display: none;
}
/* dn_flex */
div.dn_flex, div.dn_single, div.dn_tsingle, div.dn_bsingle, div.dn_vsingle, div.dn_rsingle, div.dn_lsingle, div.dn_table, div.dn_tree {
	display: flex;
	flex-direction: column;
	margin:auto;
}

div.dn_flex > div, div.dn_single > div, div.dn_tsingle > div, div.dn_bsingle > div,
div.dn_vsingle > div, div.dn_rsingle > div, div.dn_lsingle > div, div.dn_table > div, div.dn_tree > div {
	flex: 1 1 auto;
}
div.dn_formtitle {
	width: calc(100% - 1em);
	padding-left:1em;
}
div.dn_buttonbar, div.dn_toolbar, div.dn_childtabbar {
	width: calc(100% - 28px);
	margin: 7px 3px;
	padding: 7px 10px;
	background-color : #FFDDCC;
}
div.dn_childtabbar {
	display: flex;
	flex-direction: row;
	padding:0 0.25em;
}
div.dn_childtabbar div {
	flex: 1;
	padding: 5px 20px;
	margin: 0 15px;
	background-color: #FFAAAA;
	cursor:pointer;
	text-align: center;
}
div.dn_2_flex, div.dn_2_single, div.dn_2_lsingle {
	display: flex;
	flex-direction: row;
}
div.dn_2_rsingle {
	display: flex;
	flex-direction: row-reverse;
}
div.dn_2_tsingle, div.dn_2_vsingle, div.dn_2_tree {
	display: flex;
	flex-direction: column;
}
div.dn_2_bsingle {
	display: flex;
	flex-direction: column-reverse;
}
div.dn_2_flex > div, div.dn_2_single > div, div.dn_2_tsingle > div, div.dn_2_bsingle > div, div.dn_2_vsingle > div,
div.dn_2_tree > div, div.dn_2_rsingle > div, div.dn_2_lsingle > div, div.dn_2_table > div {
	flex: 1 1 auto;
	background-color : #FFDDDD;
}
div.dn_2_tsingle > div.othersections, div.dn_2_bsingle > div.othersections {
	display: flex;
	flex-direction: row;
}
div.dn_2_rsingle > div.othersections, div.dn_2_lsingle > div.othersections {
	display: flex;
	flex-direction: column;
}
div.dn_2_tsingle > div.othersections > div, div.dn_2_bsingle > div.othersections > div,
div.dn_2_rsingle > div.othersections > div, div.dn_2_lsingle > div.othersections > div {
	flex: 1 1 auto;
}

/* tree container */
div.dn_treecontainer {
	display: flex;
	flex-direction: row;
}
div.dn_treecontainer > form {
	flex: 0 0 auto;
}
div.dn_treecontainer > div.dn_children {
	flex: 2 2 auto;
	margin:0 auto;
}
/* controls */

#dn_content .label {
	font-size : 110%;
	background-color : #FFAAAA;
    vertical-align : text-top;
    white-space : nowrap;
}
#dn_content tr.label {
	line-height : 150%;
}
#dn_content td.label {
	background-color : transparent;
}
#dn_content .data {
	font-size : 105%;
	vertical-align : top;
}
table tbody tr:nth-child(even) td, table tbody tr.even td {
	background:#e5ecf9;
}
table tbody tr:nth-child(odd) td, table tbody tr.odd td {
	background:#FFFFB3;
}

#dn_content th.label, #dn_content td.label, #dn_content td.data {
	padding: 4px;
}
#dn_content tr.nocursor {
	font-size : 105%;
	color : #757575;
}
#dn_content .tabPassive {
	cursor: pointer;
	font-size : 120%;
	background-color : #FFAAAA;
	text-align : center;
	white-space : nowrap;
	border-bottom: 2px solid;
	border-radius: 0 15px 0 0;
}
#dn_content .tabActive {
	cursor: pointer;
	font-size : 120%;
	background-color : #FF6666;
	text-decoration : underline;
	text-align : center;
	white-space : nowrap;
	border-bottom: 0;
	border-radius: 15px 15px 0 0;
}
#dn_content .data {
	background-color: #FFFFCC;
	font-size: 110%;
	padding: 2px;
	margin: 0px;
}
#dn_content div.dn_buttonbar {
	padding: 4px 10px 4px 5px;
}
#dn_content .dn_buttonbar > button, #dn_content .dn_toolbar > button {
	Background-color : #FF6666;
}

#dn_content .radiobutton label, #dn_content .multicheck label {
	white-space: nowrap;
}

/* dntree */
#dn_content div.dntree {
	overflow:auto;
	resize:horizontal;
}
#dn_content div.dntree li.item3selected > span {
	background-color: lightslategray;
}
#dn_content div.dntree li.item3active > span {
	background-color: lightgray;
}
#dn_content div.dntree ul {
	margin:0;
	padding-left:1em;
}
#dn_content div.dntree ul li {
	margin:2px 0;
}
#dn_content .treeicon {
	font-size: 8pt;
	color:red;
}
/* help */
#dn_content .helptext div {
	margin-left: 16px;
	Font-size : 90%;
}
#dn_content .helptext h1 {
}
#dn_content .helptext h2 {
	Font-size : 90%;
}

/* popup and dialogs */
.popupWindow {
	background-color: #FFFEFE;
	border: 1px double darkgrey;
	padding: 2px;
	position: absolute;
	z-index: 999;
}

.popupWindowCaption {
	background-color : #FFAAAA;
	font-size : 120%;
	white-space : nowrap;
	text-align: center;
	margin-bottom: 2px;
}

.popupWindowCaption span {
	position:absolute;
	top: 2px;
	right: 6px;
}
.dn_messagedialog {
	position:relative;
	top:25%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	z-index:11;
	width:300px;
	height:125px;
	border: 5px solid chocolate;
	border-radius: 11px;
	padding: 5px;
}
#dn_content div.glass {
	position:fixed;
	top: 0px;
	left: 0px;
	margin: 5px;
	padding:0;
	z-index:10;
	height: 99%;
	width: 99%;
	border: 1px solid rgba(0,0,0,0.5);
	border-radius: 10px;
	background: rgba(0,0,0,0.25);
	box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3);
}

.selectorbuttons {
  padding: 12px;
}
.selectorbuttons input[type="radio"] {
  width: 0px;
  height: 0px;
  display: none;
}
.selectorbuttons label {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  text-shadow: white;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e4e4e4));
  background: -webkit-linear-gradient(#ffffff, #e4e4e4);
  background: -moz-linear-gradient(#ffffff, #e4e4e4);
  background: -o-linear-gradient(#ffffff, #e4e4e4);
  background: -ms-linear-gradient(#ffffff, #e4e4e4);
  background: linear-gradient(#ffffff, #e4e4e4);
  border: 1px solid #b2b2b2;
  color: #666666;
  padding: 5px 24px;
  padding-bottom: 3px;
  font-size: 12px;
  cursor: pointer;
  font-family: Helvetica;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
  margin-right: -5px;
}
.selectorbuttons label {
  *display: inline;
}
.selectorbuttons label:hover {
  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  color: #333333;
}
.selectorbuttons label:active, .selectorbuttons label.active {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#e4e4e4, #ffffff);
  background: -moz-linear-gradient(#e4e4e4, #ffffff);
  background: -o-linear-gradient(#e4e4e4, #ffffff);
  background: -ms-linear-gradient(#e4e4e4, #ffffff);
  background: linear-gradient(#e4e4e4, #ffffff);
}
.selectorbuttons label:disabled, .selectorbuttons label.disabled {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(#ffffff, #efefef);
  background: -moz-linear-gradient(#ffffff, #efefef);
  background: -o-linear-gradient(#ffffff, #efefef);
  background: -ms-linear-gradient(#ffffff, #efefef);
  background: linear-gradient(#ffffff, #efefef);
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.selectorbuttons label.first {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.selectorbuttons label.last {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.selectorbuttons input:checked + label, .selectorbuttons label.selected {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(#e4e4e4, #ffffff);
  background: -moz-linear-gradient(#e4e4e4, #ffffff);
  background: -o-linear-gradient(#e4e4e4, #ffffff);
  background: -ms-linear-gradient(#e4e4e4, #ffffff);
  background: linear-gradient(#e4e4e4, #ffffff);
}
.selectorbuttons input:disabled + label {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(#ffffff, #efefef);
  background: -moz-linear-gradient(#ffffff, #efefef);
  background: -o-linear-gradient(#ffffff, #efefef);
  background: -ms-linear-gradient(#ffffff, #efefef);
  background: linear-gradient(#ffffff, #efefef);
  cursor: default;
  color: #b2b2b2;
  border-color: #cccccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

#uploadform {
    
}
div.dn_dropzone {
    border: 2px dashed darkgrey;
    height: 170px;
}
div.dn_dropzone:hover {
    background: gainsboro;
}
div.dn_dropzone:before {
    position: absolute;
    bottom: 50px;
    left: 120px;
    content: " (or) Drag and Drop files here. ";
    color: #3f8188;
    font-weight: 900;
}

.dn_agenda {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:stretch;
	overflow-x:hidden;
	margin:2px;
}
.dn_agenda .agendaday {
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:flex-start;
    width:14.28%;
	overflow-x:visible;
	min-height:7em;
	white-space:nowrap;
}
.dn_agenda .agendaday div:first-child {
	border: 1px solid lightsteelblue;
	padding: 3px;
	width:calc(100% - 8px);
}
.dn_agenda .agendaday span.weeknr {
	background-color:blue;
	color:whitesmoke;
	border:1px solid lightsteelblue;
	border-radius:40%;
	padding:2px;
}
.dn_agenda .agendatoday div:first-child {
	border-color:lightcoral;
}
.dn_agenda .agendadayinthepast {
	opacity: 0.5;
}
.weekcal, .tridaycal, .daycal, .weekcal {
    height:100%;
}
.fortnightcal {
    height:50%;
}
.monthcal {
    height:20%;
}
.dn_agenda .calendaritem {
	height:1.2em;
	border: 1px solid lightsteelblue;
	background-color:whitesmoke;
	border-top-left-radius:25%;
	padding:4px;
	cursor:pointer;
}
.dn_agenda .selecteditem {
	border: 3px dashed lightcoral;
	padding:2px;
}
.dn_agenda .bulletitem {
	background-color:transparant;
}
.dn_agenda .bulletitem:before {
	content: '• ';
}
.dn_agenda .bulletitem span {
	color: black;
}
.dn_agenda .spacer {
	width:90%;
	border-top-left-radius: 0;
}
.dn_agenda .spacer:before {
	content: '↳';
}
.dn_agenda .calitemwidth1 {
	width:calc(100% - 10px);
	overflow-x:hidden;
}
.dn_agenda .calitemwidth2 {
	width:calc(200% - 10px);
	overflow-x:hidden;
}
.dn_agenda .calitemwidth3 {
	width:calc(300% - 10px);
	overflow-x:hidden;
}
.dn_agenda .calitemwidth4 {
	width:calc(400% - 10px);
	overflow-x:hidden;
}
.dn_agenda .calitemwidth5 {
	width:calc(500% - 10px);
	overflow-x:hidden;
}
.dn_agenda .calitemwidth6 {
    width:calc(600% - 10px);
	overflow-x:hidden;
}
.dn_agenda .calitemwidth7 {
	width:calc(700% - 10px);
	overflow-x:hidden;
}
dn_agenda .statuscancelled {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='1'/></svg>");
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 100% 100%, auto;
}
dn_agenda .statusproposed {
	opacity: 0.7;
}