/* licenced under EUPL, https://eupl.eu/1.2/nl/*/
/***************************preinlog**************************/
.preloginerror{
	margin:50px 0px 0px 35%;
	font-size: 16pt;
	font-weight: 800;
}

/***************************algemeen**************************/
* {
  padding: 0;
  margin: 0;
}

textarea {
	resize: none;
}

.ui-widget * {
	outline: none;
}

.hover {
  cursor: pointer;
}
/****************************inlog button**************************/
#versturen{
	height: 25px;
    display: inline-block;
    margin: 10px 0 0 227px;
    border-radius: 5px;
    width: 100px;
    color: white;
    border: 0px;
    border-right: 1px solid #0066cc;
    cursor: pointer;
    border-bottom: 1px solid #0066cc;
    background-color: white;
    background-image: linear-gradient(rgb(87, 143, 199), #0066cc);
}
#versturen:hover{
	background-image: linear-gradient(rgb(87, 143, 199), #0066ccc7);
}
/****************************loading gif oud***************************/
/*div#spinner*/
/*{*/
/*    display: none;*/
/*    background:url(/img/loader.gif) no-repeat center #fff;*/
/*	width:20px;*/
/*    height: 20px;*/
/*    position: fixed;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    text-align:center;*/
/*    padding:10px;*/
/*    font:normal 16px Tahoma, Geneva, sans-serif;*/
/*    border:1px solid #999;*/
/*    margin-left: -10px;*/
/*    margin-top: -10px;*/
/*    z-index:1000;*/
/*    overflow: auto;*/
/*	-moz-border-radius: 3px;*/
/*	-moz-border--radius: 3px;*/
/*	border-radius: 3px;*/
/*	border-radius: 3px;*/
/*	!*behavior: url(../PIE.htc);*!*/
/*}*/


/*spinner draaiende rondjes*/
div#spinner {
	color: #062a64;														/*--blue-primary*/
	font-size: 35px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: fixed;
	top: 48%;
	left: 48%;
	transform: translateZ(0);
	animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
}

@keyframes mltShdSpin {
	0% {
		box-shadow: 0 -0.83em 0 -0.4em,
		0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
		0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
		box-shadow: 0 -0.83em 0 -0.4em,
		0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
		0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
		box-shadow: 0 -0.83em 0 -0.4em,
		-0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em,
		-0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
		-0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
		-0.749em -0.34em 0 -0.477em;
	}
	38% {
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
		-0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
		-0.82em -0.09em 0 -0.477em;
	}
	100% {
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em,
		0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}

@keyframes round {
	0% { transform: rotate(0deg) }
	100% { transform: rotate(360deg) }
}








/********************
*********dialog************************/
/*dit voorkomt selectie highlight voor jquery dialog bij touch op ipad*/
.ui-dialog-content{
	 -webkit-touch-callout:none;
	/*-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.ui-dialog {
	background-color: white !important;
	position: absolute !important;
	font-size: 12px !important;
	overflow: visible !important;
	border: 1px solid #c3c7d0 !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
 }

.ui-dialog-titlebar {
	background-color:white !important;
	border:1px solid white !important;
	display: none;
	padding: 0px !important;
	margin: 0px;
	background: none!important;
	border: none!important;
	height: 10px !important;
	width: 100%;
	position: fixed;
}

.ui-icon { width: 16px; height: 16px; background-image: url(img/sluit.png); !important }

.ui-dialog.ui-corner-flat {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 15px !important;
	overflow:hidden !important;
}

.ui-dialog .ui-dialog-content {
	padding:0 !important;
	margin:0 !important;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222;
}
.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-front {
  z-index: 100;
}

.ui-dialog, .ui-dialog:first-child {
  overflow: hidden;
}


input[type="checkbox"] {
	background-color:white !important;
}

.datepicker {
	float:left;
}

.ui-datepicker-trigger {
	float:left;
	margin-left:1px;
}

.set_kolom_error {
	border:1px solid red !important;
	outline:none;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

/***********************koptekst*********************/
.koptekst1 {
	color: #0066cc;
	font-weight: 700;
	font-size:16px;
	overflow: hidden;
	height:20px
}

.koptekst2 {
	color:black;
	margin-top:3px;
	font-weight:normal;
	overflow: hidden;
	height:17px;
}

.koptekst3 {
	color:black;
	font-weight:normal;
	height: 17px;
	overflow: hidden;
	word-break: break-word;
}
/*************************************list**********************************/
#option_list_flex {
	margin-top:25px;
	padding:10px;
	width:150px;
}

#option_list_flex li {
	cursor:pointer;
	padding:5px;
}

#option_list_flex .selected_list_item {
	background-color:#3857A5;
	color:white;
}

#option_list_flex .disabled_list_item {
	color:#666;
}

img.perform, img.schermknop:not(.disabled), img.linksonder{
	cursor:pointer;
}

.schermknop {
	margin-top:-2px;
}

#overview_modal_flex #overview_table_header td {
	cursor:pointer;
}

.flex_detail_header_right {
	float:right;
	width:80px;
	margin-right: 29px;
}

.flexdetail .detail_modal_icons img {
	/*margin-right:7px;*/					/*weg ivm flexbox*/
}

.detail_oranje_label{
	height:55px;
	margin-top:0px !important;
	float: left;
	background-color: #fea400;
	width: 10px;
	margin-top: -7px;
}

.modal_header {
	padding:5px;
	width:500px;
	height:30px;
	margin-left:12px;
	color:#0066CC;
}

.flexscreen .flexlijst_image{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.open_option {
	display:inline;
	vertical-align: middle;
}

.option_list_label {
	font-weight: bold;
	display:inline;
	margin-right:5px;
	font-size: 11px;
	color: #08418C;
}

.option_list_wrapper {
	cursor:pointer;
	float:right;
	height:15px;
	margin-right:25px;
	width:65px;
	}

.flexlist_modal .option_list_wrapper {
	float:left;
	margin-left:25px;
}

.dialog_option_list .sluit_scherm {
	float:right;
	margin-right:20px !important;
	padding-bottom:10px;
}

.memo_buttons{
	margin-bottom: 5px;
}

.flexlist_bottom_wrapper button, button.sluit_scherm, button.hover.sluit_modal.bottom, button.opslaan.hover.sluit_modal.bottom, button.opslaan.hover.general_image, button.lokatie_toepassen, button.lokatie_annuleren, button.hover.general_image {
	padding: 2px 10px 2px 10px;
    display: inline-block;
    border-radius: 5px;
    color: white;
    border: 0px;
    border-right: 1px solid #12396D;
    cursor: pointer;
    border-bottom: 1px solid #12396D;
    border-top: 1px solid #86AEE2;
    border-left: 1px solid #86AEE2;
    background-color: white;
    background-image: linear-gradient(rgb(87, 143, 199), #0066cc);
	text-decoration: none;
}

.flexlist_bottom_wrapper button:hover, button.sluit_scherm:hover, button.hover.sluit_modal.bottom:hover, button.opslaan.hover.sluit_modal.bottom:hover, button.opslaan.hover.general_image:hover, button.lokatie_toepassen:hover, button.lokatie_annuleren:hover, button.hover.general_image:hover {
	background-image: linear-gradient(rgb(87, 143, 199), #0066ccc7);
}
/****************************keuzelijst*****************************/
.keuzelijst_header {
	background-color:white;
	padding: 3px;
	color: #0066cc;
}

.dropdown_header td {
	border: 1px solid #ccc;
	color: #0066cc;
}

.input_wrapper, .wizard_input_wrapper {
	color: black !important;
	background-color: white;
	height: 15px;
	border: 1px solid #ccc;
	border-top: 1px solid #b3b2b3;
	margin-bottom: 3px;
}

.input_wrapper input{
	border:1px solid white;
}

.input_div {
	height: 15px;
	border: 1px solid #ccc;
	border-top: 1px solid #b3b2b3;
	background-color:#e6e6e6;
	white-space: nowrap;
	overflow:hidden;
	padding: 0px 4px 0px 4px;
}

.input_wrapper input {
	border:0;
	padding-left: 4px;
	height: 15px;
	float:left;
}

.value, .dropdown_wrapper td {
	white-space: nowrap;
	overflow: hidden;
}

.value {
	display:none;
}

.keuzelijst_header_wrapper  {
	overflow:hidden;
	height:30px !important;
}

.keuzelijst_wrapper  {
	overflow:auto !important;
}

.keuzelijst_table_header {
	height:24px;
}

.keuzelijst_header  {
	height:30px;
}

#dropdown {
	background-image: url('/img/arrow.png') ;
	 background-repeat: no-repeat;
	 background-position:right;
}

.dropdown_wrapper {
	display:none;
	position:absolute;
	overflow:hidden;
	border: 1px solid #ccc;
	background-color:white;
	z-index:5001 !important;
}

.dropdown_wrapper tr {
	padding-bottom:2px;
	padding-top:2px;
}

.dropdown_wrapper tr td  {
	border:1px solid #ccc;
}

.keuzelijst_header td, .keuzelijst_body td  {
	padding:3px;
}

.keuzelijst_table_header {
	height:30px !important;
}

.dropdown_wrapper tr td div {
	white-space:nowrap;
	overflow:hidden;
	padding:3px;
}

.dropdown_wrapper tr.selected_dropdown_row, .dropdown_wrapper tr.selected_dropdown_row td, .dropdown_wrapper tr.selected_dropdown_row div{
	background-color:#b6cee6 !important;
}

#overview_table_body tr.hover_active.selected .dropdown_wrapper tr.selected_dropdown_row td {
	background-color:#b6cee6 !important;
}

.dropdown_wrapper img{
	cursor:pointer;
}

.dropdown, .input_wrapper img {
	margin-top:-1px;
	cursor:pointer;
}

.detail_modal .dropdown, .detail_modal .input_wrapper img , .detail_modal .input_wrapper input{
	float:left;
}

.modal_header {
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 25px;
}

.header_label_wrapper {
	height:40px;
}

#dropdown_wrapper td {
	width:100px;
}

#dropdown_wrapper tr.selected {
	background-color:#659acc;
	color:white;
}
/***********************************edit switch*****************************/
.flex_header {
    /* float: left; */
    margin-top: 30px !important;
}

.edit_switch {
	float:right;
	background-image:url('/img/slider_background.png');
}

.edit_switch span {
	height:19px;
	width:40px;
	position:absolute;
}

 .edit_switch {
	background-image:url('/img/slider_background.png');
	background-repeat: no-repeat;
    float:right;
	height:19px;
	width:74px;
	cursor:pointer;
	margin:0px 60px 15px 0px;
}

.flexdetail .edit_switch {
	margin-right:30px;
}

.edit_switch {
	margin-top:30px !important;
}

.edit_switch span {
	height:19px;
	width:37px;
	position:absolute;
}

.drag {
	background-image:url('/img/slider_off.png');
	background-repeat: no-repeat;
	z-index:5000;
}

.receiver {
	height:24px;
	width:37px;
	float:left;
}
/*************************************versie info**************************/
.versie_info {
	float:right;
	color:#bdbdbd;
}

.versie_dialog_element {
	width:450px !important;
	height:50px !important;
	padding:10px !important;
}


.screensource {
	margin-left:10px;
	margin-top:10px;
}

.screenidentifier {
	margin-left:10px;
}

.versie_info_image {
	/*float:right;*/					/*weg ivm flexbox verwijzing flexlist :566*/
	/*margin-right:10px !important;*/	/*weg ivm flexbox verwijzing flexlist :566*/
}
/***********************codemirror in memo*************************************/
.CodeMirror-scroll{
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow: hidden !important;
	overflow: scroll !important;
	overflow-x: hidden !important;
}

/***********************datepicker*********************************************/
.ui-datepicker table {
    width: 209px !important;
    border-collapse: collapse !important;
    margin-top: 5px !important;
}

.ui-datepicker {
    width: 209px;
    padding: .2em .2em 0;
    display: none;
}

#ui-datepicker-div {
	font-size: 12px;
	width:215px;
}

#calendar_square {
	width:10px;
	height:10px;
	float:left;
	margin-top:1px;
	margin-right:7px;
}

#datepicker_wrap{
	overflow: hidden;
	position: fixed;
	top: 40px;
	left: 770px;
	width:212px !important;
	height:190px !important;
	margin-top:10px !important;
	z-index:6 !important;
}

.ui-datepicker-calendar thead tr th {
	font-weight:400 !important;
	text-transform:lowercase !important;
	text-align:center !important;
	color:#0066cc  !important;
}

#datepicker .ui-datepicker-calendar td{
	font-size:9px !important;
	/*border:1px solid #cccccc !important;*/
	width:25px !important;
	height:15px!important;
	/*padding:5px!important;*/
	text-align:center !important;
}

#datepicker .ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
	color: black;
}

#calendar a {
	text-decoration:none !important;
	color:black !important;
	cursor:default !important;
}

.ui-datepicker-current-day {
	background-color:#a3a3a3 !important;
}

#date_today a:link{
   color:#696969 !important;
	text-decoration:none !important;
   }

#date_today a:visited{
   color:#696969 !important;
   text-decoration:none !important;
}

/*the date of today in the datepicker*/
#date_today {
	position:fixed;
	width:174px !important;
	color:black !important;
	margin-left:2px !important;
	 margin-top:5px !important;
	color:black !important;
	cursor:pointer !important;
	border-bottom:1px solid #e8e8e8 !important;
	z-index: 6 !important;
}

#today {
	font-weight:700 !important;
}

#date_today img{
	padding-right:10px !important;
}

/*style the whole element*/
#calender-element td {
	font-size:9px !important;
}

.ui-datepicker { width:209px; padding: .2em .2em 0; display: none;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; /*line-height: 1.8em;*/ font-weight:400; font-size:15px; text-transform: capitalize; text-align: center; color:white !important; font-size: 12px;}
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: -1px !important;
}


.ui-datepicker table {width: 209px !important;border-collapse: collapse !important; margin-top:5px !important;}

.ui-datepicker th {padding-bottom:2px; text-align: center; font-weight: bold; border: 0;}
.ui-datepicker td { border:1px solid #e8e8e8 !important; padding: 1px !important; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; /*color:#656565;*/ color:black; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-datepicker-header { width:202px !important; background-color:#659acc !important;}
.ui-datepicker-calendar { width:202px !important; background-color:white !important;}

/*.ui-datepicker-calendar  thead{ background-color:#e6e6e6 !important;}*/

.ui-icon-circle-triangle-w { width: 17px !important; height: 17px !important;}/* background-repeat:no-repeat;background-image:url(../img/backward.png) !important}*/
.ui-icon-circle-triangle-e { width: 17px !important; height: 17px !important;} /*background-repeat:no-repeat;background-image:url(../img/forward.png) !important }*/

/*hack*/
#ui-datepicker-div .ui-widget-header {
	border: none !important;
	background-image: none;
	color: #222222;
	font-weight: bold;
}

#ui-datepicker-div .ui-widget-content {
	border: none !important;
	background-image: none;
	color: #222222;
}

.ui-datepicker-header {
	background-color:#659acc !important;
	padding:0px !important;
	margin:0px auto;
	width:205px !important;
	font-weight:400 !important;
}

/*positioning arrows*/
#datepicker .ui-datepicker .ui-datepicker-prev , .ui-datepicker .ui-datepicker-next  {
	display: block;
	position: absolute;
	/*left: 50%;
	top: 50%;
	margin-top: -3px;*/
}

#datepicker .ui-datepicker .ui-datepicker-prev span , #datepicker .ui-datepicker .ui-datepicker-next span{
	display:none;
}

#datepicker .ui-datepicker-prev , .ui-datepicker-prev-hover, #datepicker .ui-datepicker-next , .ui-datepicker-next-hover{
	display: inline-block !important;
	width:17px !important;
	height:17px !important;
}

#datepicker .ui-datepicker-prev.state-hover {
	margin-left:5px !important;
}

#datepicker .ui-datepicker-next-hover, #datepicker .ui-datepicker-next {
	border:none;
	left:177px;
	background:url(../img/forward.png) !important;
}

#datepicker .ui-datepicker-prev-hover, #datepicker .ui-datepicker-prev {
	border:none;
	left:15px;
	background:url(../img/backward.png) !important;
}


/*top position prev and next buttons*/
#datepicker .ui-datepicker-prev, #datepicker .ui-datepicker-next{
	margin-top:5px !important;
}

/*hover version of prev and next buttons*/
#datepicker .ui-datepicker-prev-hover, #datepicker .ui-datepicker-next-hover{
	margin-top:6px !important;
}

.ui-datepicker table {
	border-collapse: collapse;
}

/***voorkom standaard datepicker styling*****/
#datepicker .ui-state-hover, #datepicker .ui-state-default {
	border:none;
	background:none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-active{
	border: none !important;
	background: none !important;
}

#datepicker .ui-state-hover, #datepicker .ui-state-default {
border: none !important;
background: none !important;
}

.ui-datepicker-today, .ui-datepicker-today a {
/*	background:none;*/
	background-color:#eeee88 !important;
}

.ui-datepicker-current-day , .ui-datepicker-current-day a, .ui-state-active {
	/*background:none;*/
	background-color:#999 !important;
}

ui-datepicker-current-day
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/******************************************declaration************************************/

.declaration_continue, .declaration_checkbox, .declaration_check_label {
	float:left;
	margin-left:7px;
}

#login_content #login_form .declaration_checkbox {
	margin-top:5px;
	border:1px solid #a7a7a7;
}

.login_declaration_text {
	width: 540px;
    height: 224px;
	border:none;
	border:1px solid #a7a7a7;
	background-color: #f2f2f2;
	margin-top:5px;
	margin-bottom:5px;
	padding:3px;
	overflow:auto;
}

.declaration_check_label {
	margin-top:4px;
}

.login_declaration_koptekst {
    color: #0066cc;
    font-weight: 700;
    font-size: 16px;
}

#login_form.declaration {
	width:500px;
	height:280px;
	margin-left:0px;
	margin-top:15px;
	padding-top:0px;
}

#login_content.declaration {
	width:600px;
	height:320px;
}

.flexbutton {
	color: white;
	background-color: #336CB9;
	border-color: #2e6da4;
	display: inline-block;
	padding: 4px 10px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 2px;
}

.mobile .flexbutton:active {
	background-color:#4D86D3;
}

.mobile .flexbutton:active {
	position:relative;
	top:1px;
}