@charset "UTF-8";

/*
blauw:  #2393d8
*/

.form_bg {
	background: url(../../images/custom/header/header_vst.jpg) no-repeat center;
	background-size: cover;
	z-index: 1;
	width: 100%;
	height: 100vh;
}

.form_companylogopicture {
    background: #FFF url(../../images/custom/logo/logo_vst.jpg) center center no-repeat;
	background-size: 350px;
	background-position: left;
	background-color: rgba(255, 255, 255, 0.8);
}

.form_form {
	background-color: rgba(255, 255, 255, 0.8);
}

.divLogoImg {
	background: #fff url(../../images/custom/header/header_logo_vst.png) center center no-repeat;
	background-size: 200px;
	background-position: center;
}

.header {
    border-top: 65px solid #2393d8;
}

button[type=submit], button[type=button], input[type=submit], input[type=button], button[type=reset], input[type=reset] {
    background-color: #2393d8;
	border: 1px solid #2393d8;
}

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:#2372d8;
	border: 1px solid #2372d8;
}

button.ui-datepicker-trigger {
    background: #2393d8 url(../../Images/budicon/13-time---calendar-date_FFF.png) no-repeat center center;
}

.cnt_div-hdr {
    background-color: #2393d8;
}

.mainleftmenu > h1, .mainleftfilters > h1 {
    background-color: #2393d8;
}

.menuoptions > div > div.menuoptionsdiv, .menuoptions > div > div.mainleftmenu {
    border-bottom: 5px solid #2393d8;
}

.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 {
    color: #2393d8;
}

.menuoptionsbutton a {
    background-color: #2393d8;
}

.dashboardnavresultnav li:first-child {
    color: #2393d8;
}

.topnav > li > a:hover, .topnav > a:focus {
    border-bottom: 7px solid #2393d8;
}

.subnav li a:hover, .subnav li span:hover {
    background: #2393d8;
}

.subnav li.selected {
    border-left: 5px solid #2393d8;
}

.cnt_div-content table.formulier td.form_text_label a {
    color: #2393d8;
}

.mainleftmenulist li a:hover {
    color: #2393d8;
}

.cnt_div-content table.formulier td.form_text_header {
    color: #2393d8;
}

.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 {
    background-color: #2393d8;
    border-color: #2393d8;
}

.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 {
    color: #2393d8;
}

.cnt_div-content table.tblNormaal > tbody > tr > td:hover a {
    color: #2393d8;
}

.dashboardnavresultnav li a:hover {
    color: #2393d8;
}

.form_formmain div > a {
    color: #2393d8;
}

.entity.titlePanel {
    background-color: #2393d8;
}

/* Custom CSS Document */
/* Portal4U */

/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	
/* ================================================================================================================================================================================================ */	

/* ======================== */	
/* => MAIN */
/* ======================== */	
/*
	h2 { color:#3296c9; }

	.divLogoImg { background-image: url(../../Images/logo_company.jpg); }
*/
/* ======================== */	
/* => INPUT FIELDS */
/* ======================== */
/*
	button[type=submit], button[type=button], input[type=submit], input[type=button], button[type=reset], input[type=reset] { background-color:#3296c9; border:1px solid #20719a; }

	div.form_input_documentDownload .form_input_documentHyperlink a { color:#3296c9; }
*/
/* ======================== */	
/* => LOGIN */
/* ======================== */	
/*
	.form_formmain div > a { color: #3296c9; }
*/
/* ======================== */	
/* => HEADER */
/* ======================== */	
/*
	.header { border-top: 65px solid #3296c9; }

	.topnav > a:focus { border-bottom:7px solid #3296c9; }
	.subnav li span:hover { background:#3296c9; }
	.subnav li.selected { border-left:5px solid #3296c9; }
*/
/* ======================== */	
/* => CONTENT DIV */
/* ======================== */
/*
	.cnt_div-hdr { background-color:#3296c9; }
*/
/* ======================== */	
/* => LEFT MENU DIV */
/* ======================== */
/*
	.menuoptionsbutton a { background-color: #3296c9; color: #FFF; }
	.menuoptions > div > div.mainleftmenu { border:1px solid #d5d5d5; border-bottom:5px solid #3296c9; }
	.mainleftfilters > h1 { background-color: #3296c9; color: #FFF; }
	.mainleftmenulist li a:hover { color:#3296c9; }
*/
/* ======================== */
/* => Content Table */
/* ======================== */
/*
	.entity.jQueryPanel table.entity.searchResults > tbody > tr > td a { color:#3296c9; }

	.cnt_div-content table.tblNormaal > thead > tr:hover th a { color:#3296c9; }	
	.cnt_div-content table.tblNormaal > thead > tr:hover th a:hover { color:#3296c9; }	
	.cnt_div-content table.tblNormaal > tbody > tr > td:hover a { color:#3296c9; }	
	.cnt_div-content table.tblNormaal > thead > tr > th:hover a { color:#3296c9; }
*/
/* ======================== */	
/* => GROUPS.ASPX */
/* ======================== */	
/*
	.dashboardnavresultnav li:first-child { color: #3296c9; }
	.dashboardnavresultnav li a:hover { color: #3296c9; }
*/
/* ======================== */	
/* => FORMS.ASPX */
/* ======================== */	
/*
	.cnt_div-content table.formulier td.form_text_header { color:#3296c9; }
	.cnt_div-content table.formulier td.form_text_label a { color:#3296c9; }
*/
/* ======================== */	
/* => PAGE.ASPX */
/* ======================== */	
/*
	table.pageaspx_infotable span.infotable a { color:#3296c9; }
*/
/* ======================== */	
/* => PAGING OVERVIEW  */
/* ======================== */	
/*
	.entity.titlePanel { border-bottom: 1px solid #d5d5d5; background-color: #3296c9; }
	.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 {
	  background-color: #ffffff;
	  border: 1px solid #dddddd;
	  color:#3296c9;
	}

	.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 {
		color: #ffffff;
		background-color: #3296c9;
		border-color: #20719a;
	}
*/
/* ======================== */	
/* => jQuery DatePicker */
/* ======================== */	
/*
	.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;
		color: #fff!important;
	}
*/