@charset "UTF-8";
/* CSS Document */

html, body, div, td, li, span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	padding:0px;
	margin:0px;
	
	color: #000;	
	
}

body{
	background-color:#FFF;	
}
.tr{
	display:table-row;
	width:100%;		
}
.tr:nth-child(2n+1){
	background-color: #E5E5E5;
}
.td{
	display:table-cell;
	padding-right:15px;	
	padding:2px;
}
.button{
	padding:2px;
	border-radius:2px;
	background:#62af56;
	background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
	border-color: #2d6324;
	color: #000;
	text-shadow: #8cee7c 0px 1px 0px;
}
.button:hover {
	background:#4ca83d;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));

}
.logo{
	background-image: url(/img/ci/logo.gif);
	background-repeat: no-repeat;
	height: 100px;
	width: 160px;
	top:20px;
	
	position:absolute;
	right:0px;

}
.mk_groen{
	color: #757C13;
}
.mk_geel{
	color: #D7CB00;
}
.sc_groen{
	color: #9ABB13;
}

/*	maindiv voor de plugins	*/
#main {
	z-index:3;
	margin-top:30px;
	margin-bottom:600px;
	position:relative;
}
.appMain {/*for app-main div*/
	width:1100px;
	background-color:#CCC;
}
.appNav {/*for navigation-area (left) within app*/
	width:40%;
	float:left;
	height:675px;
	max-height:675px;
}
.appContent {/*for content-area in app (right),(forms, editors, etcetera)*/
	width:56%;
	height:675px;
	max-height:675px;
	border-color: #E80F8A;
	border-left: 1px dotted #757C13;
	border-width: 1px;
	float: left;
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
}
h1 {/*WK proposal: used for tab-name in app (e.g. 'Authenticatie')*/
	font-size:22px;
	/*color:#757C13;*/
}
h2 {/*WK proposal: used for menu-item name in app and for section-headers (e.g. 'Groepen' and 'Edit/Add Group CL - Admin - Den Haag Derm')*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	/*color:#757C13;*/
}
h3 {/*WK proposal: attention!-header within app (e.g. 'VERTROUWELIJK!')*/
	font-size:14px;
}
h4 {/*WK proposal: list-title within app (e.g. 'On hold')*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
input, select, textarea{
	padding:3px;
	font-size:12px;	
	max-width:300px;
}
hr{
	border:0;
	background-color: #262806;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 1px;
}
#flash{
	display:none;
	width:100%;
	position: absolute;
	left: 0px;
	top: 120px;
	z-index:2000;
	background-color: #009DDC;
	/* css3 */
	-moz-box-shadow: 4px 4px 6px #444;
	-webkit-box-shadow: 4px 4px 6px #444;
	box-shadow: 4px 4px 6px #444;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#flash hr{
	background-color:#fff;	
}
#flash #flashalert{
	text-align:center;
	font-size: 16px;
	font-style:italic;
	color: #FFF;
	margin:15px;
	background-color:transparent;
}
#changelog{
	position:absolute;
	right:50px;
	top:45px;
	z-index:100;
	
}

/* standaard rollover effect voor .row */


#changelog #button{
	float:right;
	break-after:always;
	margin:4px;
	z-index:auto;
}
#changelog #addchangelog{
	z-index:50;
	position:absolute;
	background-color:#FFF;
	right:0px;
	top:40px;
	display:none;
	-moz-box-shadow: 2px 2px 36px #222;
	-webkit-box-shadow: 2px 2px 36px #222;
	box-shadow: 2px 2px 36px #222;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:14px;
	min-height:500px;
	max-height:800px;
	width:500px;
	overflow:auto;
}
#changelog #addchangelog #ChangeComments{
	width:500px!important;
}

/* algemene tree css toegepast binnen UL */
.tree{
	margin-left:20px;
	margin-right:0px;
	padding-right:0px;
	
	
}
.tree a{
	
	text-decoration:none;	
}
.tree .row, tree .row_select{
	border: 1px solid transparent;
	padding:1px;
	background-color:transparent;
}
.tree .row:hover{
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #CCC;
		
}
.tree .row_select{
	background-color:#F90;
	border-radius: 2px;
	padding:3px;
	z-index:1000;
	-moz-box-shadow: 2px 2px 8px #666;
	-webkit-box-shadow: 2px 2px 8px #666;
	box-shadow: 2px 2px 8px #666;
}
.tree .row_select a{
	color: #FFF;		
}
.tree .row .actions{
	display:none;	
	float:right;	
}
.tree .row_select .actions{
	display:block;	
	float:right;	
}
.tree .row .actions .buttons{
	margin-left:10px;
	padding-left:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	vertical-align:middle;
}
.tree .row_select .actions .buttons{
	margin-left:10px;
	padding-left:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
	vertical-align:middle;
}

.tree .row .actions .buttons .img{
	filter:gray;
}
/* t.b.v de buttons achter een item */
.tree  .row:hover .actions{
	display:block;
	
}

.login{
	background-color: #0FC;	
}
#logincenter {
	position:absolute;
	left:50%;
	top:50%;
	background-color:#FFF;
}



#logincenter #login {
	background-color:#FFF;
	padding:20px;
	position:absolute;
	left:-200px;
	width:300px;
	top:-250px;
	min-height:250px;
	
	
	-moz-box-shadow: 2px 2px 56px #222;
	-webkit-box-shadow: 2px 2px 56px #222;
	box-shadow: 2px 2px 56px #222;
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	
	overflow:auto;
	
	
	
}
#homeButton {
	position:absolute;
	top:8px;
	left:22px;
	width:30px;
	height:27px;
	background-image:url('../img/home-button.png');
	background-repeat:no-repeat;
}
#homeButton:hover {
	background-image:url('../img/home-button-dark.png');
}
#logoutButton{
	position:absolute;
	top:9px;
	left:75px;
	width:24px;
	height:24px;
	background-image:url('../img/lock.png');
	background-repeat:no-repeat;
}
#logoutButton:hover {
	background-image:url('../img/lock-dark.png');
}
#usertag{
	position:absolute;
	bottom:15px;
	right:20px;
	color:#009DDC;
	cursor:default;	/*font-weight:bold;*/
}
#waitAnim {
	position:absolute;
	left:28px;
	top:50px;
}

/* kleuren voor de diverse applicaties */
.auth {
	background-color:#4E9B00;	/*background-color:#1B8073;*/
}
#auth h1, #auth h2{
	color: #4E9B00;	/* color:#1B8073; */
}
.mic{/* meldpunt incidenten en complicaties */
	/*background-color:#900;
	background-color:#DB0327;*/
	background-color:#AF0202;
}
.mic h1, .mic h2 {
	/*color:#900;
	color:#DB0327;*/
	color:#AF0202;
}
/* kwaliteitshandboek */
.khb{
	/*background-color: #09F;
	background-color:#3A5B8C;*/
	background-color:#03F;
}
#khb h1, #khb h2, #khb h3 {
	/*color:#3A5B8C;*/
	color:#03F;
}
/* call list */
.cl{
	/*background-color: #F06;*/
	background-color:#D81D72;
}
.cl h1, .cl h2, .cl h4, #clArchive a {
	/*color: #F06;*/
	color:#D81D72;
}
.wiw {
	/*background-color:#CF0;*/
	background-color:#757C13;
}
.wiw h1, .wiw h2 {
	color:#757C13;
}
/* webbeheer */
.web{
	background-color: #D88310;	
}
/* incident meld systeem */
#web h1, #web h2{
	color: #D88310;
	

}

.clients{
	background-color: #009DDC;
}
/* incident meld systeem */
#clients h1, #clients h2{
	color: #009DDC;
	

}
.ims{
	/*background-color: #D30E08;*/
	background-color:#F2DE27;
}



.crm{
	background-color: #E80F8A;
}
#crm h1, #crm h2{
	color: #CC3;
	

}