﻿@charset "UTF-8";
/* Main CSS Document */
/* Portal4U */

/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	

/* ======================== */	
/* => MAIN CSS RESET */
/* ======================== */	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
	address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0px; }
	
	*:focus { outline:none; }
	* { margin:0px; padding:0px; }
	
	td, th { font-weight:inherit; }

	b, strong { font-weight: normal; font-family: "Tahoma"; }
	
	::-webkit-scrollbar { width: 15px; -webkit-appearance: none; }  
    ::-webkit-scrollbar-track { -webkit-border-radius:0px; border-radius: 0px; background-color: #eaeaea; border-left: 1px solid #ccc; }  
    ::-webkit-scrollbar-thumb { -webkit-border-radius:0px; border-radius: 0px; background-color: #ccc; }  
    ::-webkit-scrollbar-thumb:hover { background-color: #aaa; }
    ::-webkit-scrollbar-thumb:window-inactive { background:rgba(0,0,0,0.5); }

/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	

/* ======================== */	
/* => BODY & HTML */
/* ======================== */	

	body, html { height:100%; width:100%; }
	body { background:url(../../images/body-background.png) center center repeat; font-family:"Tahoma"; font-size:13px; }

/* ======================== */	
/* => MAIN */
/* ======================== */	

	.mainbody { display:inline-table; width:100%; }

	table { border-collapse:separate !important; }

	h1, h2, h3 { font-family:"Tahoma"; float:left; }
	h1 { font-size:18px; color:#636363; margin:0px 6px; }
	h2 { font-size:18px; color:#3296c9; }
	h3 { font-size:13px; color:#FFF; }

	.divLogoImg { background-image: url(../../Images/logo_company.jpg); }

/* ======================== */	
/* => INPUT FIELDS */
/* ======================== */

	/* Hide X and Eye-icon input fields */
	::-ms-clear { display:none; visibility:hidden; width:0; height:0; }
	::-ms-reveal { display:none; visibility:hidden; width:0; height:0; }

	/* Remove default layout */	
	input, textarea { /*-webkit-appearance: none; -moz-appearance: none;*/ }

	/* (re)set wrapping / preservation of line-endings in textarea's  */
	textarea { white-space: pre-wrap !important; }

	/* Adjust size 100% when using padding */	
	input, textarea, select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* CSS Default style */
	button[type=submit], input[type=text], input[type=number], input[type=password], input[type=file], input[type=submit], button[type=button],
	input[type=reset], select, textarea, input[type="radio"], input[type="checkbox"], input[type=datetime], input[type=email], input[type=button] {
		font-size:13px; font-family:"Tahoma", Sans-Serif;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
	}

	/* CSS Input Fields */
	input[type=text], input[type=number], input[type=password], input[type=file], select, textarea, input[type=datetime], input[type=email] { background-color:#FFF; color:#636363; padding:6px 6px 6px 8px; border:1px solid #d5d5d5; }
	input[type=text]:focus, input[type=number]:focus, input[type=password]:focus, input[type=file]:focus, select:focus, textarea:focus, input[type=datetime]:focus, input[type=email]:focus { border-color:#858585; background-color:#fafafa; }
	input[type=image] { border:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }

	select { padding:5px 5px 5px 8px; }
	@media screen and (-moz-images-in-menus:0) { select > option { padding-left:10px; } }

	/* CSS Submit Style */
	button[type=submit], button[type=button], input[type=submit], input[type=reset], input[type=button] { font-size:13px; color:#FFF; padding:7px 22px; }
	button[type=submit], button[type=button], input[type=submit], input[type=button], button[type=reset], input[type=reset] { background-color:#E64439; border:1px solid #E64439; filter:none !important; }
	button[type=submit]:hover, button[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button[type=reset] { background-color:#0099FF; }
	button[type=submit]:focus, button[type=button]:focus, input[type=submit]:focus, input[type=button]:focus, button[type=reset]:focus, input[type=reset]:focus { border:1px solid #000; background-color:#3d3d3d; }

	/* CSS Radio/Checkbox Style */
	input[type="radio"], input[type="checkbox"] { opacity: 0; filter: alpha(opacity=0); position:absolute; left:0px; }

	input[type="radio"] + label:before,
	input[type="checkbox"] + label:before {
		display: inline-block; position:relative; text-align:center; font-family:"Tahoma";
		top:0px; left:0px; width:15px; height:15px; margin-right:15px;
	}
	.detailform input[type="radio"] + label:before,
	.detailform input[type="checkbox"] + label:before {
		top:4px;
	}

	input[type="radio"] + label:hover, input[type="checkbox"] + label:hover { cursor:pointer; }

	input[type="radio"] + label:before { content:"O"; color:#FFF; padding-left:1px; padding-top:1px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:1px solid #d5d5d5; background-color:#FFF; }
	input[type="radio"]:checked + label:before { border:1px solid #959595; background-color:#c5c5c5; }

	input[type="checkbox"] + label:before { content:"X"; color:#FFF; padding:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #d5d5d5; background-color:#FFF; line-height: 1.3em; }
	input[type="checkbox"]:checked + label:before { content:"V"; color:#FFF; padding:2px; border:1px solid #959595; background-color:#c5c5c5; line-height: 1.3em; }

	input[type="radio"]:hover + label:before,
	input[type="checkbox"]:hover + label:before {
		border:1px solid #858585;
	}

	input[type="radio"]:focus + label:before,
	input[type="checkbox"]:focus + label:before {
		border-color:#858585; background-color:#fafafa; color:#fafafa;
	}

	input[type="radio"]:checked:focus + label:before,
	input[type="checkbox"]:checked:focus + label:before {
		border-color:#000000; background-color:#c5c5c5;
	}

	/* Button Types */
	button.ui-datepicker-trigger,
	input[type="submit"].entity.searchButton,
	label.btn.FileUploadButton,
	div.form_input_documentDownload input[type=image] {
		height: 29px; width: 29px; position: relative; padding: 0px; margin: 0px 0px 0px -31px; float: right;
		text-indent: -9999px; border-radius: 0px; cursor: pointer; z-index: 1; border: 1px solid #d4d4d4;
	}
	button.ui-datepicker-trigger:hover,
	input[type="submit"].entity.searchButton:hover,
	label.btn.FileUploadButton:hover,
	div.form_input_documentDownload input[type=image]:hover {
		background-color: #dddddd !important;
	}

	button.ui-datepicker-trigger { background: #f0f0f0 url(../../Images/budicon/13-time---calendar-date.png) no-repeat center center; }
	input[type="submit"].entity.searchButton { background: #f0f0f0 url(../../Images/budicon/businessentity_button.png) no-repeat center center; }
	label.btn.FileUploadButton { background: #f0f0f0 url(../../Images/budicon/68-document---attachment-clip-paperclip.png) no-repeat center center; }
	div.form_input_documentDownload input[type=image] { background: #f0f0f0 url(../../Images/budicon/16-editorial---trash-can-.png) no-repeat center center; }

	/* File Upload customize */
	label.btn.FileUploadButton { height: 27px; }
	label.btn.FileUploadButton > span { display:none; visibility: hidden; }

	/* File Download customize */
	div.form_input_documentHyperlink {
		width: calc(100% - 2px); min-width: 90px; max-height: 29px; padding:0px; float: left;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
		 background-color:#FFF; border:1px solid #d5d5d5;
	}
	div.form_input_documentDownload .form_input_documentHyperlink a { padding-left: 8px; font-size:13px; font-family:"Tahoma", Sans-Serif; text-decoration:none; color:#3296c9; }
	div.form_input_documentDownload input[type=image] { width: 0px; padding-left:29px; border-width: 1px!important; }
	div.form_input_documentHyperlink { height: 27px; }
	div.form_input_documentHyperlink a { padding-top: 6px; display: block; }

    /* Extra margin entitys searchbuttons */
    .forminputfield.forminputfieldExtraMargin { }
    .forminputfield.forminputfieldExtraMargin .entity.inputPanel input[type=text],
    .detailform .forminputfield .entity.inputPanel input[type=text],	
    input.datepicker.hasDatepicker,
    input.entity.searchField.ui-autocomplete-input,
    .bootstrap-filestyle.input-group input.form-control { padding-right:34px; }

	/* Select customize */
	.mainleftfilters .mainleftfiltersD,
	.forminputfield.forminputfieldSelect,
	.entity.filterRowSelect {
		padding: 0; margin: 0; overflow: hidden; border: 1px solid #ccc; border-radius: 3px;
		background-color: #fff; background: #fff url("../../Images/dropmenu_firstrow.jpg") no-repeat right 8px top 11px;
	}
	.mainleftfilters .mainleftfiltersD { width: 205px; background-position:right 7px top 11px; }
	.formulier .forminputfield.forminputfieldSelect { background-position:right 8px top 13px; }
	.detailform .forminputfield.forminputfieldSelect { }
	.entity.filterRowSelect { height: 29px; background-position:right 8px top 12px; }

	.mainleftfilters .mainleftfiltersD > select,
	.forminputfield.forminputfieldSelect > select,
	.entity.filterRowSelect select {
		width: 130%; border: none; box-shadow: none; background-color: transparent; background-image: none;
		@include appearance(none); -webkit-appearance: none; -moz-appearance: none; appearance: none;
	}
	.mainleftfilters .mainleftfiltersD > select { padding: 5px 8px; }
	/*.formulier .forminputfield.forminputfieldSelect > select { padding: 2px 8px 7px 8px; }
	.detailform .forminputfield.forminputfieldSelect > select { padding: 6px 8px 5px 8px; }*/
	.entity.filterRowSelect > select { }

	.mainleftfilters .mainleftfiltersD > select:focus,
	.forminputfield.forminputfieldSelect > select:focus,
	.entity.filterRowSelect > select:focus {
		outline: none;
	}

	.mainleftfilters .mainleftfiltersD > select:-moz-focusring,
	.forminputfield.forminputfieldSelect > select:-moz-focusring,
	.entity.filterRowSelect > select:-moz-focusring {
		color: transparent; text-shadow: 0 0 0 #000;
	}

	/* Disabled input-types */
	input[disabled], textarea[disabled], select[disabled] {
        /*border-color:#d4d4d4!important; background-color:#f9f9f9!important;*/
        border-color: #cfcfcf !important; background-color: #efefef !important; color:#a4a4a4!important;
        -webkit-text-fill-color:#a4a4a4; /* Override iOS / Android font color change */
        -webkit-opacity:1; /* Override iOS opacity change affecting text & background color */
        color:#a4a4a4; /* Override IE font color change */
    }
    input[disabled]:hover, textarea[disabled]:hover, select[disabled]:hover { cursor:not-allowed; } 
    
    input[type="radio"]:disabled + label:before,
    .disabled_radio + label:before { border:1px solid #d5d5d5!important; background-color:#efefef!important; color:#939393!important; cursor:not-allowed!important; }
    
    input[type="checkbox"]:disabled + label:before,
    .disabled_checkbox-notchecked + label:before { border:1px solid #d5d5d5!important; background-color:#efefef!important; color:#efefef!important; cursor:not-allowed!important; }
    
    input[type="checkbox"]:checked:disabled + label:before,
    .disabled_checkbox-checked + label:before { border:1px solid #d5d5d5!important; background-color:#efefef!important; color:#939393!important; cursor:not-allowed!important; }

    /* Fullscreen for longtextfields */
    .fullscreen-button {
        position:absolute!important; left:-24px; width: 24px; height: 23px; display: inline-block; padding:0px!important; z-index:1;
        -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border:1px solid #d5d5d5 !important; border-right:none!important;
    }
    
    .fullscreen-button { top:5px; background: #fafafa url(../../Images/budicon/2-interface---outcoming-link.png) center center no-repeat!important; }
    .fullscreen-button:hover { background-color:#dadada!important; cursor:pointer; }
    
    .fullscreen { position: fixed!important; top: 0px; left: 0px; bottom: 0px; right: 0px; padding:35px!important; z-index: 9999; background-color:rgba(0,0,0,0.2); margin:0px !important; }
    .fullscreen textarea { height:100% !important; width: 100% !important; resize:none; }
    .fullscreen .fullscreen-button { left:11px; top:50px; background: #fafafa url(../../Images/budicon/53-interface---cross-cancel.png) center center no-repeat!important; }

    .forminputfield.fullscreen { width:inherit!important; }
    .fullscreenCell { width:inherit!important; }

    /* View (page.aspx) longtextfields */
    div.view_longtextfield_outer:not(.fullscreen) { /*display:table;*/ vertical-align: inherit; text-align: inherit; width: 100%; }
    div.view_longtextfield_outer:not(.fullscreen) div.view_longtextfield_inner { min-height:30px; /*display:table-cell;*/ vertical-align: inherit; text-align: inherit; overflow-y: auto; padding:0px 6px 0px 8px; }

    div.view_longtextfield_outer { position:relative; }

    div.view_longtextfield_inner { box-sizing: border-box; }

    .fullscreen div.view_longtextfield_inner { height:100%!important; background-color:#FFF; padding: 10px; }

    td.view_longtextfield_column { padding-left: 24px!important; }

    td.longtextfield_readonly_cell h1 { font-size:2em; margin:0.67em 0; }
    td.longtextfield_readonly_cell h2 { font-size:1.5em; margin:0.83em 0; }
    td.longtextfield_readonly_cell h3 { font-size:1.17em; margin:1em 0; }
    td.longtextfield_readonly_cell h4 { font-size:1em; margin:1.33em 0; }
    td.longtextfield_readonly_cell h5 { font-size:.83em; margin:1.67em 0; }
    td.longtextfield_readonly_cell h6 { font-size:.67em; margin:2.33em 0;; }
    td.longtextfield_readonly_cell h1, td.longtextfield_readonly_cell h2, td.longtextfield_readonly_cell h3,
    td.longtextfield_readonly_cell h4, td.longtextfield_readonly_cell h5, td.longtextfield_readonly_cell h6 { 
        display: block; font-weight: bold; line-height:1.5em; color:#343434; float:none; background:none; padding:0; margin:0; }
    td.longtextfield_readonly_cell p, td.longtextfield_readonly_cell li { line-height:1.5em; }

/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	

/* ======================== */	
/* => LOGIN */
/* ======================== */	

	.form_formmain { 
		position: absolute; width: 350px; left: 50%; top: 50%; margin-left: -175px; margin-top: -175px;
	}

	.form_companylogopicture, .form_form {
		position: relative; float: left; 
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d5d5d5;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	}
	.form_companylogopicture {
		width: 348px; text-align: center; height: 65px; margin-bottom: 5px;
		background: #FFF url(../../Images/logo_company.jpg) center center no-repeat;
	}
	.form_form { padding:20px; background-color: #FFF; width: 308px; }
	.form_formtitle { position: absolute; margin-left: 11px; font-family: "Tahoma"; font-size: 12px; color: #272727; }
	.form_formtitle-username { top: 33px; }
	.form_formtitle-password { top: 84px; }
	.form_forminput { width: 100%; height: 35px; margin-bottom: 15px }
	.form_forminput-username input,
	.form_forminput-password input { width: 100%; font-size: 12px; padding: 12px 20px 12px 115px; }

	.form_forminput-language { }
	.form_forminput-language div {
		padding: 0; margin: 0; width: 114px; overflow: hidden; height:30px;
		border: 1px solid #ccc; border-radius: 3px;
		background-color: #fff; background: #fff url("../../Images/dropmenu_firstrow.jpg") no-repeat right 7px top 12px;
	}
	.form_forminput-language div > select {
		padding: 7px 8px 6px 8px; width: 130%;
		border: none; box-shadow: none; background-color: transparent; background-image: none;
		@include appearance(none); -webkit-appearance: none; -moz-appearance: none; appearance: none;
	}
	.form_forminput-language div > select:focus { outline: none; }
	.form_forminput-language div > select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; }

	#pnLanguageLabel { display: none;}
	#pnLanguageSelection { float: right; position: relative; width: inherit; }

	.form_formbutton_button {  text-transform: capitalize}
	.form_formspacer { width: 100%; margin-top: 13px; padding-top: 13px; padding-bottom: 0; margin-bottom: -5px; border-top: 1px solid #efefef; font-size: 11px; }

	.form_formmain div > a { color: #3296c9; text-decoration: none; font-size: 11px; text-transform: capitalize; line-height: 20px; }
	.form_formmain div > a:hover { color: #343434; text-decoration: none; }

	.form_formmessage { font-size: 11px; line-height: 20px; }

    .form_captcha { float:left; margin-bottom: 10px; padding: 10px 0px; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; width: 100%; }
    .form_captcha > .g-recaptcha > div { position:relative; }

/* ======================== */	
/* => AUTHENTICATION CODE */
/* ======================== */	

	.authentication_form_forminput-authenticationcode { border: 1px solid #d5d5d5; border-radius: 3px; display: flex; align-items: baseline; margin-bottom: 10px; padding: 6px;  }
	.authentication_form_forminput-authenticationcode:focus-within { outline: none; border-color: #858585; }
	input.authentication_form_forminput-input { font-size: 12px; flex: 1; border: none; }
	.authentication_form_forminput-label { margin-right: 10px; white-space: nowrap; } 


/* ======================== */	
/* => HEADER */
/* ======================== */	

	.header { position:relative; width:100%; display:table; /*height:65px;*/ border-top: 65px solid #fff; z-index: 2; }

	.header .divLogo, .header .divLogoImg { height: 65px; width: 246px; }
	.header .divLogo { position: absolute; bottom: 53px; left: 0px; background-color: #FFF; border-right: 10px solid #FFF; overflow: hidden; }
	.divLogoImg { background-position: center center; background-repeat: no-repeat; }

	.header .titel { display: none; visibility: hidden; }
	/*
	.header .titel { position: absolute; bottom: 73px; left: 260px; }
	.header .titel h2 { color:#FFF; text-transform: uppercase; }
	.header .titel h3 { display:none; }
	*/

	.header_topnav {
		height: 53px; width: 100%; background-color: #434343; 
		-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
		box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
	}

		.topnav,
		.topnav li,
		.subnav,
		.subnav li {
			margin: 0px; padding: 0px; list-style: none;
		}

		.topnav { padding-left: 20px; display: -webkit-flex; -webkit-flex-direction: row; display: flex; flex-direction: row; }

		.topnav > li { position:relative; float:left; margin-right:20px; padding-top:18px; white-space:nowrap; }
		.topnav > li:last-child { }

		.topnav > li a { text-decoration:none; color:#FFF; }
		.topnav > li > a, 
		.subnav > li > a {
			text-transform: capitalize; padding:18px 0px 9px 0px; font-family:"Tahoma"; font-size:16px;
		}

		.topnav > li > a:hover,
		.topnav > a:focus {
		    border-bottom:7px solid #E64439; cursor:pointer;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
        .topnav > li:hover > ul.subnav,
        .topnav > li:active > ul.subnav,
        .topnav > li:focus > ul.subnav { display:block; }

        .subnav { display:none; position:absolute; top:52px; left:-15px; background:#434343; padding:0px; }
		.subnav li { position: relative; float: left; margin: 0px; padding: 0px; width:100%; }
		.topnav > li > .subnav > li:first-child { display:none; }

        .subnav li a,
		.subnav li span {
			line-height: 24px; padding: 10px 15px; /*width: 200px;*/ 
            width:calc( 100% - 65px );
            width:-moz-calc( 100% - 65px );
            width:-webkit-calc( 100% - 65px );
            display: block; white-space: nowrap; padding-right: 50px;position: relative; float: left;
			color: #FFF; font-family: "Tahoma"; font-size: 16px;
		}
        .subnav li a:hover,
		.subnav li span:hover {
			background:#E64439; color:#FFF; cursor: pointer;
		}

		.subnav li.selected { border-left:5px solid #E64439; }
		.subnav li.selected a { padding-left: 10px; }

        .subnav ul { top:0px; left:100%; }

        .subnav li:hover > ul,
        .subnav li:active > ul,
        .subnav li:focus > ul { display:block; }

	/* Dialog on logoff */
  	.no-close .ui-dialog-titlebar-close { display: none; }

/* ======================== */	
/* => CONTENT DIV */
/* ======================== */

    .main { top:20px; }

	/* Content Main */
	.cnt { width:100%; display:table; }
    .cnt_inner { padding-left:5px; }
	.cnt_inner > .cnt_content { display:table-cell; width:100%; /*min-width:690px;*/ }
	
	/* Content Left */
	.cnt_content-left { display:table-cell; vertical-align:top; min-width: 1px; }
	.cnt_content-left > div { display:block; min-width: 1px; }

	.cnt_inner.menuShow .cnt_content-left div.menu { display:block; }
	.cnt_inner.menuHidden .cnt_content-left div.menu  { display:none; }

	/* Content Div */
	.cnt_content { overflow:hidden; }
	.cnt_content-clear { clear:both; }
	
	.cnt_div {
		position:relative; margin:20px 20px 60px 20px; background:#FFF; display:grid;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #d5d5d5;
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	}

	.cnt_div-content { left:inherit!important; }

	/* Content Div Header */
	.cnt_div-hdr { position:relative; /*border-bottom:1px solid #d5d5d5;*/ width:100%; min-height:41px; clear:both; background-color:; }
	.cnt_div-hdr_t { float:left; padding:10px 0px 10px 15px; white-space:nowrap; }
	.cnt_div-hdr_t h2 { color:#FFF; }
    .cnt_div-hdr_t span { font-size:18px; color:#3296c9; font-family:"Tahoma"; font-weight: bold; color:#FFF; }

/* ======================== */	
/* => LEFT MENU DIV */
/* ======================== */

	.menu { /*visibility: visible!important;*/ }

	.menuoptionsbutton { position: absolute !important; top: 139px !important; left: 0px !important; z-index: 1; }
	.menuoptionsbutton img { display: none; }
	.menuoptionsbutton a {
		text-align: left; width: 20px; height: 41px; background-color: #E64439; color: #FFF;
		display:block; text-decoration: none; vertical-align: middle; line-height: 0; overflow: hidden;
	}
    .menuoptionsbutton a::before {
        content: "- \A - \A -"; font-size: 35px; font-family: "Tahoma";
        left: 5px; top: 12px; position: relative;        
        -webkit-transform:scale(1.5, 0.9); /* Safari and Chrome */
        -moz-transform:scale(1.5, 0.9); /* Firefox */
        -ms-transform:scale(1.5, 0.9); /* IE 9 */
        -o-transform:scale(1.5, 0.9); /* Opera */
        transform:scale(1.5, 0.9); /* W3C */
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) { .menuoptionsbutton a::before { left: 4px; top: 10px; font-size: 40px; } } /* Chrome correctie */
    @-moz-document url-prefix() { .menuoptionsbutton a::before { left:4px; } } /* Firefox correctie */

	.menuoptionsbutton a:hover { background-color: #7d7d7d; }

	.mainleftuser { display:none!important; visibility:hidden; }

	.menuoptions { position:relative!important; top:inherit!important; margin-bottom: 20px; }
    .menuoptions > div > div.menuoptionsdiv,
	.menuoptions > div > div.mainleftmenu {
        position:relative; display:block; width:225px; margin:20px -1px 0px 21px; overflow:hidden;
		background-color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #d5d5d5; border-bottom:5px solid #E64439;
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
    }
	
	.menuoptions > div > div.menuoptionsdiv { margin-bottom:60px; }

	.mainleftmenu > h1,
	.mainleftfilters > h1 {
		display: block; width: 100%; margin: 0px; background-color: #E64439;
		color: #FFF; padding: 10px 0px 10px 15px; margin-bottom: 10px;
	}

	/* MENU V1 */
	/*
	.menuoptionsdiv--menu { }
	.menuoptionsdiv--menu .mainleftmenu h1 { display:none; }
	.menuoptionsdiv--menu .mainleftmenulist li { display:none; }
	.menuoptionsdiv--menu .mainleftmenulist li:first-child { display:block; }
	.menuoptionsdiv--menu .mainleftmenulist li:first-child a {
        position:relative; display:block; margin:20px 0px -10px 20px; overflow:hidden;
		padding: 12px 0px 12px 37px; width: 188px; float: inherit; text-decoration: none; color:#FFF;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #d5d5d5;
		-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);        
        background: #3296c9 url(../../Images/budicon/97-document---blank-document-add-plus_FFF.png) left 15px top 12px no-repeat;
	}
	.menuoptionsdiv--menu .mainleftmenulist li:first-child a:hover {
		background: #5d5d5d url(../../Images/budicon/97-document---blank-document-add-plus_FFF.png) left 15px top 12px no-repeat;
		border: 1px solid #343434;
	}

	/* MENU V2 */

	.mainleftmenulist { width: 100%; display: block; padding: 0px 0px 10px 0px; list-style: none; margin: 0px; }
	.mainleftmenulist li a { padding: 7px 5px 0px 10px; display: block; color:#545454; text-decoration: none; }
	.mainleftmenulist li:last-child a { /*padding-bottom: 10px;*/ }
	.mainleftmenulist li a:hover { color:#E64439; }

    .mainleftmenulist li.mainleftmenulist-newentry { border-bottom: 1px solid #d5d5d5; padding: 10px 0px; margin-bottom: 5px; }
    .mainleftmenulist li.mainleftmenulist-spacer { display:none; visibility:hidden; }
    .mainleftmenulist li.mainleftmenulist-item { }

	.mainleftmenulist li.mainleftmenulist-item.selected { }
	.mainleftmenulist li.mainleftmenulist-item.selected a { color: #E64439; }
	.mainleftmenulist li.mainleftmenulist-item.selected:before { }

	/* FILTERS */

	/* filter surrounding div */
	.mainleftfilters .mainleftfiltersA { }
	.mainleftfilters > .mainleftfiltersA { display: inline-block; }
	.mainleftfilters > .mainleftfiltersA > .mainleftfiltersC { margin:10px 0px 10px 10px; }
	.mainleftfilters > .mainleftfiltersA > .mainleftfiltersC > input[type=submit] { padding: 7px; }
	/* filter title */
	.mainleftfilters .mainleftfiltersB { }
	.mainleftfilters .mainleftfiltersB span { line-height: 20px; }
	.mainleftfilters .mainleftfiltersB span:after { content: ":"; }
	/* filter input/button */
	.mainleftfilters .mainleftfiltersC { }
	.mainleftfilters div:last-child > .mainleftfiltersC { margin-left:0px; }
	/* filter select */
	.mainleftfilters .mainleftfiltersD { }

	/* filters div */
	.mainleftfilters div.menuoptionsdiv { padding: 10px; border-bottom: 1px solid #d5d5d5; }
	.mainleftfilters input[type=text],
	.mainleftfilters select {
		width: 205px; max-height:29px;
	}

/* ======================== */
/* => Content Table */
/* ======================== */
	
	.cnt_div-content table.tblNormaal,
	.cnt_div-content table.detailform,
	.entity.jQueryPanel table.entity.searchResults {
		width:100%; border-top:1px solid #efefef;
	}
	
	.cnt_div-content table.tblNormaal > tbody > tr.tableFloatingHeader,
	.cnt_div-content table.tblNormaal > tbody > tr.tableFloatingHeaderOriginal{
	    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
	}

	.cnt_div-content table.tblNormaal > tbody > tr.tableFloatingHeader { top:0px!important; }
	.cnt_div-content table.tblNormaal > tbody > tr.tableFloatingHeader th { max-width: inherit!important; }
	
	.cnt_div-content table.tblNormaal > tbody > tr > th,
	.cnt_div-content table.detailform > tbody > tr > th,
	.entity.jQueryPanel table.entity.searchResults > tbody > tr > th {
		padding:10px; font-size:13px; color:#434343; font-family:"Tahoma"; text-align:left;
		background-color:#f8f8f8; border-right:1px solid #e7e7e7; border-left:1px solid #ffffff; 
	}
	
	.cnt_div-content table.tblNormaal > tbody > tr > th:first-child { border-left:none; }	
	.cnt_div-content table.tblWorkflows > tbody > tr > th:first-child { padding:8px 12px 8px 12px; width:27px; }	
	.cnt_div-content table.tblRelatedObjects > tbody > tr > th:first-child { padding:10px 18px 10px 17px; width:15px; }
	
	.cnt_div-content table.tblNormaal > tbody > tr > td,
	.cnt_div-content table.detailform > tbody > tr > td,
	.entity.jQueryPanel table.entity.searchResults > tbody > tr > td {
		padding:12px 10px; font-size:12px; color:#464646; font-family:"Tahoma";
		border-bottom:1px solid #ebebeb;
	}

	.cnt_div-content table.tblNormaal th,
	.cnt_div-content table.tblNormaal td,
	.cnt_div-content table.detailform th,
	.cnt_div-content table.detailform td,
	.entity.jQueryPanel table.entity.searchResults th,
	.entity.jQueryPanel table.entity.searchResults td {
	    vertical-align: top; 
	}
	
	.cnt_div-content table.tblNormaal > tbody > tr > td > div.longtext { white-space :pre-wrap }
	
	.cnt_div-content table.tblNormaal > tbody > tr.odd,
	.cnt_div-content table.detailform > tbody > tr.odd,
	.entity.jQueryPanel table.entity.searchResults > tbody > tr.odd { background-color:#fbfbfb; }

	.cnt_div-content table.tblNormaal > tbody > tr.footerrow,
	.cnt_div-content table.detailform > tbody > tr.footerrow {
		background-color: #ebebeb;
	}
	.cnt_div-content table.tblNormaal > tbody > tr.footerrow td,
	.cnt_div-content table.detailform > tbody > tr.footerrow td { font-family:"Tahoma"; border-bottom:1px solid #dddddd; }
	
	.cnt_div-content table.tblNormaal > tbody > tr > th a,
	.cnt_div-content table.detailform > tbody > tr > th a,
	.entity.jQueryPanel table.entity.searchResults > tbody > tr > th a { text-decoration:none; color:#3296c9; font-family: "Tahoma"; }

	.cnt_div-content table.tblNormaal > tbody > tr > td a,
	.cnt_div-content table.detailform > tbody > tr > td a,
	.entity.jQueryPanel table.entity.searchResults > tbody > tr > td a { text-decoration:none; color:#3296c9; font-family: "Tahoma"; }
	
	.cnt_div-content table.tblNormaal > tbody > tr:hover { background-color:#e7e7e7; }	
	.cnt_div-content table.tblNormaal > thead > tr:hover th a { color:#3296c9; }	
	.cnt_div-content table.tblNormaal > thead > tr:hover th a:hover { text-decoration:none; color:#3296c9; }	
	.cnt_div-content table.tblNormaal > tbody > tr > td:hover a { text-decoration:none; color:#3296c9; }	
	.cnt_div-content table.tblNormaal > thead > tr > th:hover a { text-decoration:none; color:#3296c9; }

	.results table.stickytable tr.hidden { display: none; visibility: hidden; }

    .results table.stickytable td.fieldinherit, .results table.stickytable th.fieldinherit { white-space: inherit; }
    .results table.stickytable td.fieldnormal, .results table.stickytable th.fieldnormal { white-space: normal; }
    .results table.stickytable td.fieldnowrap, .results table.stickytable th.fieldnowrap { white-space: nowrap; }
    .results table.stickytable td.fieldpre, .results table.stickytable th.fieldpre { white-space: pre; }
    .results table.stickytable td.fieldpreline, .results table.stickytable th.fieldpreline { white-space: pre-line; }
    .results table.stickytable td.fieldprewrap, .results table.stickytable th.fieldprewrap { white-space: pre-wrap; }

    .results table.stickytable td.fieldhorizontalalignLeft, .results table.stickytable th.fieldhorizontalalignLeft { text-align:left; }
    .results table.stickytable td.fieldhorizontalalignCenter, .results table.stickytable th.fieldhorizontalalignCenter { text-align:center; }
    .results table.stickytable td.fieldhorizontalalignRight, .results table.stickytable th.fieldhorizontalalignRight { text-align:right; }
    .results table.stickytable td.fieldhorizontalalignJustify, .results table.stickytable th.fieldhorizontalalignJustify { text-align:justify; }

    .results table.stickytable td.fieldverticalalignTop, .results table.stickytable th.fieldverticalalignTop { vertical-align:top; }
    .results table.stickytable td.fieldverticalalignMiddle, .results table.stickytable th.fieldverticalalignMiddle { vertical-align:middle; }
    .results table.stickytable td.fieldverticalalignBottom, .results table.stickytable th.fieldverticalalignBottom { vertical-align:bottom; }

/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	

/* ======================== */	
/* => GROUPS.ASPX */
/* ======================== */	

	.dashboard { }

	.dashboard_menus { position:relative; margin:15px 20px 60px 15px; display:inline-block; width:100%; }
    .dashboard_menus > table { width:calc( 100% - 20px ); display:inline-table; }
	.dashboard_menus > table > tbody > tr { display: inline; vertical-align: top; }

    .dashboard_menu {
        position:relative; padding:15px 20px; margin:10px 5px 0px 5px; display:inline-table; white-space:nowrap;
        border: 1px solid #cdcdcd; border-radius:3px; background-color:#FFF; vertical-align:top;
        min-width: -moz-calc(33% - 55px) !important; min-width: -webkit-calc(33% - 55px) !important; min-width: calc(33% - 55px) !important;
    }

	.dashboard_menu > table { width:100%; }

	.dashboard_menu tr { display:none; }
	.dashboard_menu tr:first-child { display:block; }

	.dashboard_menu td { vertical-align:top; }
	.dashboard_menu td:first-child { display:none; }

	.dashboardnavresultnav, .dashboardnavresultnav li { margin:0px; padding:0px; list-style:none; }
	.dashboardnavresultnav li:first-child {
		font-size: 16px; color: #3296c9; font-family: "Tahoma";
		width: 100%; border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 10px;
	}
	.dashboardnavresultnav li a { text-decoration:none; color: #000; }
	.dashboardnavresultnav li a:hover { color: #3296c9; }
	.dashboardnavresultnav li.dashboarddottedline { display:none; }

/* ======================== */	
/* => FORMS.ASPX */
/* ======================== */	

	.cnt_div-content table.formulier { width:100%; padding:15px 0px 0px 0px; }

	.cnt_div-content table.formulier .tableGenerateCells { visibility: hidden; }
	.cnt_div-content table.formulier .tableGenerateCells td { visibility: hidden; height: 0px; padding: 0px; }

	.cnt_div-content table.formulier .tableGenerateCells--BeforeButtons { }
	.cnt_div-content table.formulier .tableGenerateCells--BeforeButtons td { padding:15px 0px 0px; width: inherit; }

	.cnt_div-content table.formulier tr.whenDetailAtTop { height: 15px; }

	.cnt_div-content table.formulier > tbody > tr > td { padding:2px 20px 2px 20px; white-space:nowrap; position:relative; color:#343434; }
    .cnt_div-content table.formulier.formulier--25-75 > tbody > tr > td:first-child { width: 25%; }
    .cnt_div-content table.formulier.formulier--25-75 > tbody > tr > td:nth-child(2) { width: 75%; }

	.cnt_div-content table.formulier > tbody > tr:last-child td { padding:0px; }

		.cnt_div-content table.formulier td.form_label {
			vertical-align: top;
			line-height: 22px; width: 20vw !important;
		}

    .cnt_div-content table.formulier td.form_label.fieldhorizontalalignLeft { text-align:left; }
    .cnt_div-content table.formulier td.form_label.fieldhorizontalalignCenter { text-align:center; }
    .cnt_div-content table.formulier td.form_label.fieldhorizontalalignRight { text-align:right; }

		.cnt_div-content table.formulier td.form_data {
			vertical-align: top; width: 20vw !important; /*line-height:27px;*/
		}

    .cnt_div-content table.formulier td.form_data.fieldhorizontalalignLeft, .cnt_div-content table.formulier td.form_data.fieldhorizontalalignLeft textarea, .cnt_div-content table.formulier td.form_data.fieldhorizontalalignLeft input { text-align:left; }
    .cnt_div-content table.formulier td.form_data.fieldhorizontalalignCenter, .cnt_div-content table.formulier td.form_data.fieldhorizontalalignCenter textarea, .cnt_div-content table.formulier td.form_data.fieldhorizontalalignCenter input { text-align:center; }
    .cnt_div-content table.formulier td.form_data.fieldhorizontalalignRight, .cnt_div-content table.formulier td.form_data.fieldhorizontalalignRight textarea, .cnt_div-content table.formulier td.form_data.fieldhorizontalalignRight input { text-align:right; }

	.cnt_div-content table.formulier td.form_text_header { white-space:normal; padding:10px 20px; font-size:20px; font-family:"Tahoma"; color:#E64439; font-weight: normal!important; }
	.cnt_div-content table.formulier td.form_text_label { white-space:normal; font-size:13px; }
	.cnt_div-content table.formulier td.form_text_label a { color:#E64439; text-decoration: none; }
	.cnt_div-content table.formulier td.form_emptytd,
    .cnt_div-content table.formulier > tbody > tr > td.form_emptytd { padding:0px; }

    .cnt_div-content table.formulier td.form_text_header.fieldhorizontalalignLeft, .cnt_div-content table.formulier td.form_text_label.fieldhorizontalalignLeft { text-align:left; }
    .cnt_div-content table.formulier td.form_text_header.fieldhorizontalalignCenter, .cnt_div-content table.formulier td.form_text_label.fieldhorizontalalignCenter { text-align:center; }
    .cnt_div-content table.formulier td.form_text_header.fieldhorizontalalignRight, .cnt_div-content table.formulier td.form_text_label.fieldhorizontalalignRight { text-align:right; }

	.cnt_div-content table.formulier td span.form_validate,
	.cnt_div-content table.formulier td span.detailform_validate,
	.cnt_div-content table.formulier td div.forminputfield,
	.cnt_div-content table.formulier td div.forminputfield > * {
		position: relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
	}

    .cnt_div-content table.formulier td select { padding-right:7px; }
	
	.cnt_div-content table.formulier td input[type=text],
	.cnt_div-content table.formulier td input[type=password],
	.cnt_div-content table.formulier td select,
	.cnt_div-content table.formulier td textarea { width: 100%; /*width: 100%!important; */ }

    .cnt_div-content table.formulier td .forminputfield.forminputfieldExtraMargin .entity.inputPanel input[type=text],
    .cnt_div-content table.formulier td .detailform .forminputfield .entity.inputPanel input[type=text],	
    .cnt_div-content table.formulier td input.datepicker.hasDatepicker,
    .cnt_div-content table.formulier td input.entity.searchField.ui-autocomplete-input,
    .cnt_div-content table.formulier td .bootstrap-filestyle.input-group input.form-control { min-width:60px; }
	
	.cnt_div-content table.formulier td input[type=text],
	.cnt_div-content table.formulier td input[type=password],
	.cnt_div-content table.formulier td select { max-height:29px; }
	
	.cnt_div-content table.formulier td button[type=submit],
	.cnt_div-content table.formulier td input[type=submit],
	.cnt_div-content table.formulier td input[type=reset],
	.cnt_div-content table.formulier td input[type=button] { }

	.cnt_div-content table.formulier td span.form_validate { float:left; height: 0px; margin-left:-15px; margin-top:-8px; }
    .cnt_div-content table.formulier td span.detailform_validate { float:left; height: 0px; margin-left:2px; margin-top:-15px; }

    .cnt_div-content table.formulier td div.g-recaptcha { display:block; margin:5px 0px; }

	.cnt_div-buttons {
	    border-top:1px solid #d5d5d5; width:100%; /*display:inline-block;*/ margin-bottom:0px;
	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
        background: #efefef; /* Old browsers */
        background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }
	.cnt_div-buttons_i-left, .cnt_div-buttons_i-right { position:relative; margin:9px 10px; }
	.cnt_div-buttons_i-left { float:left; }
	.cnt_div-buttons_i-right { float:right; }
	.cnt_div-buttons_i-spare { float:left; width:0px; border-left:1px solid #fff; border-right:1px solid #e3e3e3; height:50px; vertical-align:bottom; margin:0px; }
	.cnt_div-buttons > div > input,
	.cnt_div-buttons > div > button,
    .cnt_div-buttons_detailform input { margin-right: 3px; }
	.cnt_div-buttons > div > input:last-child { margin-right:0px; }

    .help {
        position: relative; color: #ffffff; background-color: #3296c9; border-radius: 60px;
        width: 13px; height: 13px;
        text-indent: 3px; line-height: 14px;
        display: inline-block; margin: 0px 0px -2px 20px; text-align:left;
        cursor: pointer; }

    .help--tooltip {
        background-color: #efefef;
        color: #343434;
        border-radius: 3px; padding: 5px 10px; border: 1px solid #ccc;
        font-size: 12px; line-height: 20px; box-shadow: none; }

	/* DETAILFORM */

	/* HIER OOK NOG NAAR KIJKEN

	*/
	.cnt_div-content table.formulier td.tdDetailForm { width: inherit; }

	.cnt_div-content table.formulier td.tdDetailForm_Top,
	.cnt_div-content table.formulier td.tdDetailForm_Bottom {
		 padding: 0px;
	}

	.cnt_div-content table.formulier td.tdDetailForm_Top .divDetailFormTop,
	.cnt_div-content table.formulier td.tdDetailForm_Bottom .divDetailFormBottom {
		border-top: 1px solid #efefef;
	}

	.cnt_div-content table.formulier td.tdDetailForm_Top { }
	.cnt_div-content table.formulier .cnt_div-buttons_detailformTop { border-bottom: 1px solid #d4d4d4; }
	.cnt_div-content table.formulier td.tdDetailForm_Bottom { }
	.cnt_div-content table.formulier td.tdDetailForm_Bottom .divDetailFormBottom { margin: 0px; }

	.results table.detailform { padding: 0px; }

    .results table.detailform th.fieldhorizontalalignLeft, .results table.detailform td.fieldhorizontalalignLeft, .results table.detailform td.fieldhorizontalalignLeft textarea, .results table.detailform td.fieldhorizontalalignLeft input { text-align:left; }
    .results table.detailform th.fieldhorizontalalignCenter, .results table.detailform td.fieldhorizontalalignCenter, .results table.detailform td.fieldhorizontalalignCenter textarea, .results table.detailform td.fieldhorizontalalignCenter input { text-align:center; }
    .results table.detailform th.fieldhorizontalalignRight, .results table.detailform td.fieldhorizontalalignRight, .results table.detailform td.fieldhorizontalalignRight textarea, .results table.detailform td.fieldhorizontalalignRight input { text-align:right; }
    .results table.detailform th.fieldhorizontalalignJustify, .results table.detailform td.fieldhorizontalalignJustify, .results table.detailform td.fieldhorizontalalignJustify textarea, .results table.detailform td.fieldhorizontalalignJustify input { text-align:justify; }

    .results table.detailform th.fieldverticalalignTop, .results table.detailform td.fieldverticalalignTop, .results table.detailform td.fieldverticalalignTop textarea { vertical-align:top; }
    .results table.detailform th.fieldverticalalignMiddle, .results table.detailform td.fieldverticalalignMiddle, .results table.detailform td.fieldverticalalignMiddle textarea { vertical-align:middle; }
    .results table.detailform th.fieldverticalalignBottom, .results table.detailform td.fieldverticalalignBottom, .results table.detailform td.fieldverticalalignBottom textarea { vertical-align:bottom; }

    .results table.detailform td.fieldinherit { white-space: inherit; }
    .results table.detailform td.fieldnormal { white-space: normal; }
    .results table.detailform td.fieldnowrap { white-space: nowrap; }
    .results table.detailform td.fieldpre { white-space: pre; }
    .results table.detailform td.fieldpreline { white-space: pre-line; }
    .results table.detailform td.fieldprewrap { white-space: pre-wrap; }

	.results table.detailform td:first-child { }
	.results table.detailform td:last-child { }

	.results table.detailform td input[type=submit] { /*text-indent:-9999px; */}

	.results table.detailform td:first-child input[type=submit],
	.results table.detailform td:last-child input[type=submit],
    .results table.formulier td.cnt_div-buttons_detailform input[type=submit] {
		padding: 5px 10px; height: 29px;
	}
	.results table.detailform td:first-child input[type=submit] { }
	.results table.detailform td:first-child input[type=submit]:first-child { }
	.results table.detailform td:first-child .line_cancel_button, .results table.detailform td:first-child .line_delete_button { margin-left:5px; }
	.results table.detailform td:last-child input[type=submit] { }

	.cnt_div-content table.detailform > tbody > tr > td { padding:5px; vertical-align: top; }
	.cnt_div-content table.detailform > tbody > tr > td:first-child { padding-left:10px; }
	.cnt_div-content table.detailform > tbody > tr > td:last-child { }

    .results table.formulier td.cnt_div-buttons_detailform { padding:7px 10px; background-color: #f8f8f8; }

	/* VALIDATOR */

	.cnt_div-content table.formulier td.td-form_validate-message { padding: 0px; }

 	.form_validate,
	.detailform_validate {
		/*top: 12px; right: 17px; position: absolute!important;*/ z-index: 1;
		color: #e6452b !important; font-size: 30px; line-height: 0px; display:block;
        pointer-events: none;
	}
	.form_validate { /*top: 22px; left: 10px;*/ }
	.detailform_validate { /*top: 28px; left: 14px;*/ }

	.form_validate-message { color:#ffffff!important; padding: 10px 0px 10px 15px; background-color: #e6452b; }
    .form_validate-message ul { list-style: none; }

    .menuoptionsdiv .form_validate { top: -9px; position: relative; font-size: 24px; margin-left: -9px; }

/* ======================== */	
/* => PAGE.ASPX */
/* ======================== */	

	table.pageaspx_infotable { width:100%; text-align: left;}
	table.pageaspx_infotable td { vertical-align: top; text-align: left; }
	table.pageaspx_infotable span.infotable { padding: 20px; display: block; }
	table.pageaspx_infotable span.infotable a { color:#3296c9; text-decoration: none; }

/* ======================== */	
/* => SEARCHENTITY PANEL */
/* ======================== */	


    .entity.searchPanel { position:fixed; top: 10px!important; left: 20px; bottom: 20px; right: 20px; z-index:101; }
    .entity.searchPanelBackground { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:100; background: #4f4f4f; opacity: 0.55; filter: alpha(opacity=55); }

    .entity.innerPanel {
        position: absolute; width:calc(100% - 5px); height:calc(100% - 20px); top:inherit!important;
        background: #FFF; border:2px solid #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
        -moz-box-shadow:0px 0px 40px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 40px rgba(0,0,0,0.3); box-shadow:0px 0px 40px rgba(0,0,0,0.3);
    }

    .entity.innerPanel .entity.closePanel { top: 10px; right: 10px; position: absolute; z-index: 2; }
    
    .entity.topPanel, .entity.mainPanel, .entity.footerPanel { }

    .entity.topPanel { /*position:absolute; width:100%; height:52px;*/ }
    
    .entity.mainPanel { background-color:#e6e6e6; position:absolute; top:52px; bottom:0px; width:100%; }
    
    .entity.mainPanel_left { position:absolute; width:275px; height:calc(100% - 20px); /*overflow-y:auto;*/ padding:20px 20px 0px; background-color:#e6e6e6; }
    
    .entity.mainPanel_left .WorkflowSearch .filterRow.entity .filter span > input[type=text] { width:130px; }
    .entity.mainPanel_left .WorkflowSearch .filterRow.entity .filter > select { width:102px; }
    .entity.mainPanel_left .WorkflowSearch .entity.filterRow { float:left; }
    .entity.mainPanel_left .WorkflowSearch .entity.mainPanelButtons { padding:10px 0px 20px 0px; float:left; }
    
    .entity.mainPanel_left div.WorkflowSearch .filterRow.entity .filter div[data-filter-field='2'] { margin-left:109px; margin-top:3px; display:run-in; }
    .entity.mainPanel_left div.WorkflowSearch .filterRow.entity input#PageSize { width:259px; }

    .entity.mainPanel_left.hidden { display:none; }

    .entity.mainPanel_right { width:calc(100% - 316px); margin-left:315px; height:calc(100% - 55px); min-width:300px; border-left:1px solid #ccc; overflow:auto; background-color:#FFF; }
    
    .entity.mainPanel_right .entity.searchResults.tblNormaal tr:hover { cursor:pointer; }
    .entity.mainPanel_right .entity.searchResults.tblNormaal tr:hover td { color:#3296c9; }

    .entity.outputPanel { }

    /*
	.entity.jQueryPanel { }

    .entity { white-space:nowrap; }

	.entity.closePanel { position:absolute; top: 11px; right: 10px; z-index:101; padding:5px 10px; font-family:"Tahoma"; }

    .entity.searchPanel { position:absolute; top: 50px; left: 0px; width: 100%; height: 100%; z-index:100; }
    .searchPanelBackground { position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9; background: #4f4f4f; opacity: 0.55; filter: alpha(opacity=55); }

    .entity.innerPanel {
        position: absolute; top: 0px; width:90%; left: 50%; margin-left:calc(100% - 145% ); overflow-x:auto;
        background: #FFF; border:2px solid #d4d4d4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
        -moz-box-shadow:0px 0px 40px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 40px rgba(0,0,0,0.3); box-shadow:0px 0px 40px rgba(0,0,0,0.3);
    }

	.entity.titlePanel, .entity.mainPanel { width:100%; float:left; }

    .entity.mainPanel_left, .entity.mainPanel_right { float:left; overflow-y:auto; }
	.entity.mainPanel_left { width:275px; padding:20px; background-color:#e6e6e6; border-right: 1px solid #d6d6d6; margin-left: -1px; }
    .entity.mainPanel_right { width:calc( 100% - 315px ); background-color:#FFF; overflow-x:auto; border-left: 1px solid #d6d6d6; margin-left: -1px; }
    */

	/* TITLE PANEL */
	.entity.titlePanel { position: relative; border-bottom: 1px solid #d5d5d5; width: 100%; min-height: 52px; clear: both; background-color: #3296c9; }
	.entity.titlePanel h1 { color:#FFF; padding: 15px 0px 10px 20px; }

	/* FILTERS PANEL */
    .entity.topPanel,
	.entity.textPanel {
		float:left;
	}

	.entity.textPanel { width: inherit; font-size: 12px; white-space: normal; margin-bottom: 10px; display: block; }

    .entity.headerTextPanel { white-space: normal; }

    .entity.topPanel span > input[type=text] { float:left; width:130px; }
    .entity.topPanel select { width:102px; }

	.entity.topPanel .entity.filterText,
	.entity.topPanel .entity.filterRow,
	.entity.topPanel .entity.filterLabel,
	.entity.topPanel .entity.filterReset,
	.entity.topPanel .entity.filterInput,
	.entity.topPanel .entity.filterButton,
	.entity.topPanel .entity.filterResetButton { }

	.entity.topPanel .entity.filterText { width: inherit; font-size: 12px; white-space: normal; }
    .entity.topPanel .entity.filterRow { width:255px; margin-bottom: 5px; border: 1px solid #d4d4d4; padding: 4px 5px; border-radius: 5px; background-color: #ededed; display: table; }
	.entity.topPanel .entity.filterLabel { display: block; margin: 0px 0px 3px 0px; padding: 2px 0px 2px 5px; background-color: #e4e4e4; width: inherit; font-size: 12px; white-space: normal; }
	.entity.topPanel .entity.filterResetLabel { display: block; margin: 0px 0px 3px 0px; padding: 2px 0px 2px 5px; background-color: #e4e4e4; width: inherit; font-size: 12px; white-space: normal; }
	.entity.topPanel .entity.filterInput { width:100%; max-height:29px; }
	.entity.topPanel .entity.filterSelect { width:100%; max-height:29px; }
	.entity.topPanel .entity.filterLabelTo { font-size: 12px; display:block; padding: 2px 0px 2px 5px; }

    .entity.topPanel .entity.filterButton, .entity.topPanel .entity.filterResetButton {
		border: 1px solid #585858;color: #efefef; 
		background-color: #858585;
	}
    .entity.topPanel .entity.filterButton {
		padding: 7px 12px 7px 32px;
		background-position: 9px 6px; background-repeat: no-repeat; background-image: url(../../Images/budicon/35-interface---search_FFF.png);
	}
    .entity.topPanel .entity.filterResetButton { 
		padding: 7px 12px 7px 12px;
	}

	.entity.topPanel .entity.filterValidator { color: #e6452b !important; font-size: 30px; line-height: 0px; /*top: 12px; right: 17px;*/ position: relative; }
	.entity.topPanel .entity.filterValidator { float:left; height: 0px; margin-left:-17px; margin-top:20px; }

    .entity.topPanel button[type=button].ui-datepicker-trigger { float:none; margin-left:-29px; }

	/* OUTPUT PANEL */
	.entity.mainPanel { background-color: #e6e6e6; }

	.entity.outputPanel { }

	.entity.searchResults > tbody > tr.even > td,
	.entity.searchResults > tbody > tr.odd > td { }

	.entity.searchResults > tbody > tr.even > td:first-child,
	.entity.searchResults > tbody > tr.odd > td:first-child {
		width: 16px;
	}
	
	.entity.searchResults > tbody > tr.even > td:first-child a,
	.entity.searchResults > tbody > tr.odd > td:first-child a {
		display: block; width: 16px; height: 16px; overflow: hidden; text-indent: 2em;
		background: url(../../Images/budicon/63-interface---arrow-right.png) center center no-repeat;
	}
	.entity.searchResults > tbody > tr.even > td:first-child a:hover,
	.entity.searchResults > tbody > tr.odd > td:first-child a:hover {
		display: block; width: 16px; height: 16px; overflow: hidden; text-indent: 2em;
		background: url(../../Images/budicon/63-interface---arrow-right_ovr.png) center center no-repeat;
	}

	.entity.searchResults > tbody > tr.odd:hover,
	.entity.searchResults > tbody > tr.even:hover { background-color:#e7e7e7!important; }	
	.entity.searchResults > thead > tr:hover th a { color:#3296c9; }	
	.entity.searchResults > thead > tr:hover th a:hover { text-decoration:none; color:#3296c9; }	
	.entity.searchResults > tbody > tr > td:hover a { text-decoration:none; color:#3296c9; }	
	.entity.searchResults > thead > tr > th:hover a { text-decoration:none; color:#3296c9; }

    /* Paginering */
    .entity.pager {
        position: absolute; bottom: 0; width:calc( 100% - 315px ); /*height: 49px;*/ overflow: auto;
	    border-top:1px solid #d5d5d5; display:inline-block; margin-bottom:0px;
	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
        background: #efefef; /* Old browsers */
        background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    }
    .entity.pager td { border:none!important; box-shadow:none!important;}

    /* Filter div empty */
    .entity.jQueryPanel.HiddenFilters .mainPanel_left.entity{ display: none; visibility: hidden; }
    .entity.jQueryPanel.HiddenFilters .mainPanel_right.entity { width: 100%; margin-left: 0px; }
    .entity.jQueryPanel.HiddenFilters .pager.entity { width:100%; }

/* ======================== */	
/* => PAGING OVERVIEW  */
/* ======================== */	

    .stickytable.tblNormaal tr.pagenavigation { position:fixed; left:0px; right:0px; bottom:0px; width:100%; z-index:1; }
    .stickytable.tblNormaal tr.pagenavigation > td { display:block; }

    .entity.pager > td,
	.pagenavigation > td {
	    border-top:1px solid #d5d5d5; width:100%; /*display:inline-block;*/ margin-bottom:0px; padding:0px;
	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+100 */
        background: #efefef; /* Old browsers */
        background: -moz-linear-gradient(top, #efefef 0%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #efefef 0%,#ffffff 100%); /* IE10+ */
        background: linear-gradient(to bottom, #efefef 0%,#ffffff 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	}

	.entity.pager > td > table > tbody > tr > td,
	.pagenavigation > td > table > tbody > tr > td,
	.detailviewaspx .pagenavigation {
		display: inline;
	}

    .entity.pager > td > table > tbody > tr > td > a,
    .entity.pager > td > table > tbody > tr > td > span,
	.pagenavigation > td > table > tbody > tr > td > a,
    .pagenavigation > td > table > tbody > tr > td > span,
	.detailviewaspx .pagenavigation {
      position: relative;
      float: left;
      padding: 6px 12px;
      margin-left: -1px;
      line-height: 1.428571429;
      text-decoration: none;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      color:#3296c9;
    }

    .entity.pager > td > table > tbody > tr > td:first-child > a,
    .entity.pager > td > table > tbody > tr > td:first-child > span,
	.pagenavigation > td > table > tbody > tr > td:first-child > a,
    .pagenavigation > td > table > tbody > tr > td:first-child > span,
	.detailviewaspx .pagenavigation {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px;
    }

    .entity.pager > td > table > tbody > tr > td:last-child > a,
    .entity.pager > td > table > tbody > tr > td:last-child > span,
	.pagenavigation > td > table > tbody > tr > td:last-child > a,
	.pagenavigation > td > table > tbody > tr > td:last-child > span,
	.detailviewaspx .pagenavigation {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }

    .entity.pager > td > table > tbody > tr > td > a:hover,
    .entity.pager > td > table > tbody > tr > td > span:hover,
    .entity.pager > td > table > tbody > tr > td > a:focus,
    .entity.pager > td > table > tbody > tr > td > span:focus,
	.pagenavigation > td > table > tbody > tr > td > a:hover,
    .pagenavigation > td > table > tbody > tr > td > span:hover,
    .pagenavigation > td > table > tbody > tr > td > a:focus,
    .pagenavigation > td > table > tbody > tr > td > span:focus {
      background-color: #eeeeee;
    }

	.entity.pager > td > table > tbody > tr > td > span,
	.entity.pager > td > table > tbody > tr > td > span:hover,
	.entity.pager > td > table > tbody > tr > td > span:focus,
	.pagenavigation > td > table > tbody > tr > td > span,
	.pagenavigation > td > table > tbody > tr > td > span:hover,
	.pagenavigation > td > table > tbody > tr > td > span:focus {
		z-index: 2;
		color: #ffffff;
		cursor: default;
		background-color: #3296c9;
		border-color: #20719a;
	}

    .hidden { display: none; visibility: hidden; }

    /* an invisible form field still has to take its space in the layout, so don't use display:none */
    .hidden_form_field { visibility: hidden; }

/* ======================== */	
/* => SSRSReport.ASPX */
/* ======================== */
	
	.results.ssrsreportaspx.cnt_div-content { padding: 10px 10px 0px 10px; }
	.results.ssrsreportaspx.cnt_div-content iframe { border: 1px solid #efefef; margin: 0px 0px 5px 0px; }

/* ======================== */	
/* => DETAILVIEW.ASPX */
/* ======================== */	

	.detailviewaspx table:first-child tr:last-child { display: none; visibility: hidden; }
	.detailviewaspx table.formulier { padding-top: 0px; border-top: 1px solid #efefef; }

	.detailviewaspx br.html--br { display: none; visibility: hidden; }

	.detailviewaspx .cnt_div-buttons { display: inline-block; margin-bottom: -4px; }
	.detailviewaspx .pagenavigation { float: none; background-color: #FFF; margin: 0px 3px 0px 0px; padding: 7px 10px; }

    .detailviewaspx > table { width:100%; }

    .detailviewaspx .infotable { display:block; padding:2px 20px 2px 20px; line-height:22px; }
    .detailviewaspx.cnt_div-content table.formulier > tbody > tr > td { padding: 6px 20px 6px 20px; }
	.detailviewaspx.cnt_div-content table.formulier td { white-space: inherit; width:50%; /*min-height:22px; height:22px;*/ line-height:20px; }
	.detailviewaspx.cnt_div-content table.formulier td.form_label { vertical-align: text-top; /*padding-top: 9px; padding-bottom: 0px;*/ border-right: 1px solid #efefef; }
    .detailviewaspx.cnt_div-content table.formulier td.form_text_label p { padding:20px 0px; }
    .detailviewaspx.cnt_div-content table.formulier td.form_dataB { }
    .detailviewaspx.cnt_div-content table.formulier td.form_dataB a { color:#3296c9; }
    .detailviewaspx.cnt_div-content table.formulier td.form_text_header,
	.detailviewaspx.cnt_div-content table.formulier td.form_label,
	.detailviewaspx.cnt_div-content table.formulier td.form_dataB { border-bottom: 1px solid #efefef; }

	.detailviewaspx.cnt_div-content table.formulier > tbody > tr:last-child td { /*padding: 0px 20px 4px 20px; padding:20px;*/ border-bottom: none; }

/* ======================== */	
/* => NEWS.ASPX */
/* ======================== */	

    .newsmain a { color: #3296c9; text-decoration: none; }
    .newsmain a:hover { color: #343434; text-decoration: none; }

    .newsfield { /*padding: 10px 0px 0px 10px;*/ display: table-row; }
    .newsfield-label, .newsfield-value { display: table-cell; line-height:20px; color: #777777; }
    .newsfield-label { /*padding: 5px 20px 5px 0px;*/ padding-right: 10px; font-family:"Tahoma"; }
    .newsfield-label:after { content: ":"; }
    .newsfield-value { /*padding: 5px 0px;*/ }

    .newssummary { padding: 10px 0px 0px 10px; }

    .newsdetails { border-top:1px dotted #e9e9e9; padding: 10px 0px 10px 10px; }
    .newsdetails > ul > li { list-style: none; line-height:24px; }

    .newsmain .cnt_div-buttons { overflow: hidden; }
    .newstoggledetails input[type='submit'] { }

    /* News css reset */
    .newscontent h1 { font-size:2em; margin:0.67em 0; }
    .newscontent h2 { font-size:1.5em; margin:0.83em 0; }
    .newscontent h3 { font-size:1.17em; margin:1em 0; }
    .newscontent h4 { font-size:1em; margin:1.33em 0; }
    .newscontent h5 { font-size:.83em; margin:1.67em 0; }
    .newscontent h6 { font-size:.67em; margin:2.33em 0; }
    .newscontent h1, .newscontent h2, .newscontent h3, .newscontent h4, .newscontent h5, .newscontent h6 { 
        display: block; font-weight: bold; line-height:1.5em; color:#343434; float:none; background:none; padding:0;
    }

    .newscontent p { margin: 1em 0; }
    .newscontent p, .newscontent li { line-height:1.5em; }
    .newscontent ol, .newscontent ul { padding: 0 0 0 40px; margin: 1em 0; }
    .newscontent ol, .newscontent ol > li { list-style: decimal; }
    .newscontent ul, .newscontent ul > li { list-style: disc; }

/* ======================== */	
/* => USERSETTINGS.ASPX */
/* ======================== */	

	div#ctl00_MainContentHolder_pnlUserRights.cnt_div { margin-top:-40px;}

	.usersettings_content { display:block!important; }

	.usersettings_content > table { margin:20px; }
	.usersettings_content table td { position: relative; }
	.usersettings_content table td span { display: block; padding: 10px; border: 1px solid #efefef; margin: 10px; }

	span#ctl00_MainContentHolder_valUsers { display: inherit; border: none; padding: 0px; margin: 0px; top: 26px; right: 20px; position: absolute !important; z-index: 1; color: #e6452b !important; font-size: 30px; line-height: 0px; }

	.usersettings_content table.pnlUserRights_UsersRightsTable > tbody > tr > td:first-child { padding-right: 50px; }
	.usersettings_content table.pnlUserRights_UsersRightsTable strong { font-size: 16px; font-family: "Tahoma"; padding-bottom: 10px; display: block; }
	.usersettings_content table.pnlUserRights_UsersRightsTable select { width: 100%; margin: 10px 0px; }
	.usersettings_content table.pnlUserRights_UsersRightsTable table > tbody > tr > td > span { margin:10px 0px; }

    .usersettings_content ul > li { list-style: none; line-height:25px; }
    
    /* Inspringen van groep en subgroep */
    .usersettings_content ul > li > ul > li { padding-left:30px; }

/* ======================== */	
/* => CHANGEPASSWORD.ASPX  */
/* ======================== */	

    .changepassword_reason { font-weight:bold; }

	.changepassword_content > table { width:100%; padding:0px; }
	.changepassword_content > table > tbody > tr > td > table { width:100%; padding:15px 0px 0px; }

/* ======================== */	
/* => PASSWORDRESETREQUEST.ASPX  */
/* ======================== */	

	.passwordresetrequest_content > table { width:100%; padding:0px; }
    .passwordresetrequest_information { padding: 10px 0 20px; }
    .passwordresetrequest_message { padding-left: 20px; font-size: 13px; line-height: 20px; color:#e84747; }
	
/* ======================== */	
/* => RESETPASSWORD.ASPX  */
/* ======================== */	

    .resetpassword_message { margin-left: 20px; }

/* ======================== */	
/* => jQuery UI Dialog */
/* ======================== */	

    button[type=button].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { font-size:0px; border:1px solid #787878; background:#ededed; margin-right:4px; }
    button[type=button].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover { font-size:0px; border:1px solid #000; background:#cbcbcb; margin-right:4px; }
    .ui-dialog { position: fixed; }

/* ========================= */	
/* => jQuery UI AutoComplete */
/* ========================= */	
    
    .ui-autocomplete { padding:5px!important; line-height:24px; } 
    
    .ui-autocomplete .ui-menu-item:hover,
    .ui-autocomplete .ui-menu-item:focus,
    .ui-autocomplete .ui-menu-item:active {
        background:#3296c9!important; color:#FFF!important; border:none!important;
    }

    .ui-autocomplete .ui-state-hover,
    .ui-autocomplete .ui-widget-content .ui-state-hover,
    .ui-autocomplete .ui-widget-header .ui-state-hover,
    .ui-autocomplete .ui-state-focus,
    .ui-autocomplete .ui-widget-content .ui-state-focus,
    .ui-autocomplete .ui-widget-header .ui-state-focus {
        background:#3296c9!important; color:#FFF!important; border:none!important;
    }

    .ui-autocomplete {
        max-height: 240px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

/* ======================== */	
/* => jQuery UI DatePicker */
/* ======================== */	

	.ui-datepicker { padding:0px!important;}
	.ui-datepicker .ui-datepicker-header { padding:2px 0px!important; border-radius:0px; border:none; }

	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year { padding: 0px 0px 0px 10px; height: 30px; }

	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next { top: 6px!important; }

	.ui-datepicker {
		z-index: 200 !important;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important;
		border: 1px solid #e4e4e4 !important;
		padding: 5px 5px 0 5px!important;
	}

	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		border: 1px solid #3296c9!important;
		background: #fff!important;
		color: #3296c9!important;
	}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover {
		border: 1px solid #3296c9!important;
		background: #3296c9!important;
		font-weight: normal!important;
		color: #fff!important;
	}

	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
	.ui-button:hover, .ui-button:focus {
		border: 1px solid #787878!important;
		background: #ededed!important;
		font-weight: normal!important;
		color: #2b2b2b!important;
	}

	.ui-dialog-buttonset button[type=submit]:focus, .ui-dialog-buttonset button[type=button]:focus,
	.ui-dialog-buttonset input[type=submit]:focus, .ui-dialog-buttonset input[type=button]:focus,
	.ui-dialog-buttonset button[type=reset]:focus, .ui-dialog-buttonset input[type=reset]:focus {
		border: 1px solid #787878!important;
		background: #ededed!important;
	}

	.ui-dialog-buttonset button[type=submit]:hover, .ui-dialog-buttonset button[type=button]:hover,
	.ui-dialog-buttonset input[type=submit]:hover, .ui-dialog-buttonset input[type=button]:hover,
	.ui-dialog-buttonset button[type=reset]:hover, .ui-dialog-buttonset input[type=reset]:hover {
		border: 1px solid #000!important;
		background: #3d3d3d!important;
		color: #FFF!important;
	}

/* ====================== */
/* UI Dialog Screen Reset */
/* ====================== */

    button[type=button].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
        font-size: 0; margin-right: 4px
    }

    button[type="button"].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close, 
    button[type="button"].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover {
        border: 0!important;
        background-color: #555!important;
    }

    button[type="button"].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close span.ui-button-icon.ui-icon.ui-icon-closethick {
        background-image: url("../../Content/themes/base/images/ui-icons_ffffff_256x240.png");
    }
    button[type="button"].ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover span.ui-button-icon.ui-icon.ui-icon-closethick {
        background-image: url("../../Content/themes/base/images/ui-icons_222222_256x240.png");
    }

    .ui-dialog .ui-dialog-titlebar { border-radius: 0px; background-color: #2994ca; border: none; border-top:3px solid #2994ca; }
    .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix .ui-dialog-title { color:#ffffff; }
    .ui-dialog .ui-dialog-content { padding:0px; overflow:inherit; min-height:inherit!important; }

    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front { padding: 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); margin:20px; min-width: 500px; }

    .ui-dialog-content.ui-widget-content { padding:22px; }
    .workflow-summary.ui-dialog-content.ui-widget-content { padding:0px; }

    .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix { padding: 0px; margin: 0px; border: none; }
    .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset { float:inherit; width:100%; margin: 0px; display: flex; }
    .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget {
        text-decoration: none; background-color: #d4d4d4!important; padding: 15px 0px; text-align: center; color:#333333;
        display: block; text-decoration:none; flex-grow: 2; border: none!important; float: left; margin: 0px; border-radius: 0px;
    }
    .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset .ui-button.ui-corner-all.ui-widget:hover {
        background-color: #2994ca!important; color:#ffffff!important; border:none!important;
    }

/* ====================== */
/* New User Recaptcha Form */
/* ====================== */
    .form_new_user_recaptcha, .passwordresetrequest_recaptcha {
        padding-bottom: 15px;
    }
