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

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

/* KLEUREN
Origineel Blauw = #3296c9; hoofdkleur
Donker blauw (accenten) =  #FCCA29;

vervangen voor: 

VDM Geel = #FFD500 Hoofdkleur Geel
HT ZWART = #17232A accenten Zwart/grijs
*/

/* Toegevoegd AK 23-11-2018 HT */

	/* CSS Submit Style */
	button[type=submit], button[type=button], input[type=submit], input[type=reset], input[type=button] { font-size:13px; /*color:#FFF;*/ color: #17232A; padding:7px 22px; }
        button[type=submit], button[type=button], input[type=submit], input[type=button], button[type=reset], input[type=reset] { background-color:#FFD500; border:1px solid #FFD500; 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:#17232A; color:#FFF; border:1px solid #17232A; }
	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; }

button.ui-datepicker-trigger {
    background: #f0f0f0 url(../../Images/budicon/13-time---calendar-date.png) no-repeat center center;
}
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;
}



	
/* ======================== */	
/* => MAIN */
/* ======================== */	

	h2 { color:#000000; }

	.divLogoImg { background: #ffffff url('../../Images/_tans/huijbtrexlogo.bmp') ;
background-size: 40%; }

/* ======================== */	
/* => INPUT FIELDS */
/* ======================== */
/*
	button[type=submit], button[type=button], input[type=submit], input[type=button], button[type=reset], input[type=reset] { background-color:#FFD500; border:1px solid #20719a; }

	div.form_input_documentDownload .form_input_documentHyperlink a { color:#FFD500; }
*/
/* ======================== */	
/* => LOGIN */
/* ======================== */	

.form_formmain { /*Left en Top staan normaal op 50%*/
    position: absolute;
    width: 350px;
    left: 50%;
    top: 50%;
	    margin-left: -175px;
    margin-top: -175px;

}

	.form_formmain div > a { color: #FFD500; }

	/* Toegevoegd RW 30-08 */
	.form_companylogopicture { 
	/*background: #FFFFFF url('../../Images/_tans/Logo Tans transparant_klein.png') center center no-repeat;*/
background: #FFFFFF url('../../Images/_tans/huijbtrexlogo.bmp') no-repeat center;
	background-size: 40%;
	
	}

/* Taalsectie weglaten */


.form_forminput-language {
    display: none;
}


/*BG1_IMG_3189_1920.JPG
BG2_IMG_3206_1080.JPG*/
	.form_bg{
	background: url('../../Images/_tans/huijbtrex-bg.jpg') no-repeat center;
	z-index:1;
	width: 100%;
	Height:100vh;
	  background-size: cover;
	}
	/* Einde Toegevoegd RW 30-08 */

/* ======================== */	
/* => HEADER */
/* ======================== */	

	.header { border-top: 65px solid #FFD500; }
	
	
	.header .divLogo, .header .divLogoImg { height: 65px; width: 246px; }
	.header .divLogo { position: absolute; bottom: 53px; left: 0px; background-color: #FFF; border-right: 10px solid #17232A; overflow: hidden; }
	.divLogoImg { background-position: center center; background-repeat: no-repeat; }

	.header_topnav {
		height: 53px; width: 100%; background-color: #17232A; 
		-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 > a:focus { border-bottom:7px solid #FFD500; }
		.subnav li { position: relative; float: left; margin: 0px; padding: 0px; width:100%; }
		.topnav > li > .subnav > li:first-child { display:none; }



        .subnav { display:none; position:absolute; top:52px; left:-15px; background:#FFF; padding:0px; border-bottom: 1px solid #CECECE; border-left: 1px solid #cecece; border-right: 1px solid #cecece;}
		.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: #434343; font-family: "Tahoma"; font-size: 16px;
		}

        .subnav li a:hover,
		.subnav li span:hover {
			background:#FFD500; color:#FFF; cursor: pointer;
		}



		.subnav li.selected { border-left:5px solid #FFD500; }
		.subnav li.selected a { padding-left: 10px; color: #FFD500; }
		.subnav li.selected a:hover {  color: #FFFFFF;}
        .subnav ul { top:0px; left:100%; }

        .subnav li:hover > ul,
        .subnav li:active > ul,
        .subnav li:focus > ul { display:block; }

		.topnav > li > a:hover,
		.topnav > a:focus {
		    border-bottom:7px solid #FFD500; cursor:pointer;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}

/* ======================== */	
/* => CONTENT DIV */
/* ======================== */

	.cnt_div-hdr { background-color:#FFD500; }

/* ======================== */	
/* => LEFT MENU DIV */
/* ======================== */

	.mainleftmenu > h1,
	.mainleftfilters > h1 {
		display: block; width: 100%; margin: 0px; background-color: #FFD500;
		color: #FFF; padding: 10px 0px 10px 15px; margin-bottom: 10px;
	}

	.menuoptionsbutton a { background-color: #FFD500; color: #FFF; }
	.menuoptions > div > div.mainleftmenu { border:1px solid #d5d5d5; border-bottom:5px solid #FFD500; }
	.mainleftfilters > h1 { background-color: #FFD500; color: #FFF; }
	.mainleftmenulist li a:hover { color:#FFD500; }

    .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 #FFD500;
		-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);
    }


	.mainleftmenulist li.mainleftmenulist-item.selected { }
	.mainleftmenulist li.mainleftmenulist-item.selected a { color: #FFD500;  }
	.mainleftmenulist li.mainleftmenulist-item.selected:before { }

/* ======================== */
/* => Content Table */
/* ======================== */

	.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:#FFD500;*/ color: #626262; font-family: "Tahoma"; }

.cnt_div-content table.tblNormaal > tbody > tr > th, .cnt_div-content table.detailform > tbody > tr > th, .jQueryPanel.entity table.searchResults.entity > tbody > tr > th {
color: #626262;
}

	.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:#FFD500; 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:#FFD500; }	
	.cnt_div-content table.tblNormaal > thead > tr:hover th a:hover { text-decoration:none; color:#FFD500; }	
	.cnt_div-content table.tblNormaal > tbody > tr > td:hover a { text-decoration:none; color:#FFD500; }	
	.cnt_div-content table.tblNormaal > thead > tr > th:hover a { text-decoration:none; color:#FFD500; }


	.entity.jQueryPanel table.entity.searchResults > tbody > tr > td a { color:#FFD500; }

	.cnt_div-content table.tblNormaal > thead > tr:hover th a { color:#FFD500; }	
	.cnt_div-content table.tblNormaal > thead > tr:hover th a:hover { color:#FFD500; }	
	.cnt_div-content table.tblNormaal > tbody > tr > td:hover a { color:#FFD500; }	
	.cnt_div-content table.tblNormaal > thead > tr > th:hover a { color:#FFD500; }

/* ======================== */	
/* => GROUPS.ASPX */
/* ======================== */	

	.dashboardnavresultnav li:first-child { color: #FFD500; }
	.dashboardnavresultnav li a:hover { color: #FFD500; }

/* ======================== */	
/* => FORMS.ASPX */
/* ======================== */	

	.cnt_div-content table.formulier td.form_text_header { color:#FFD500; }
	.cnt_div-content table.formulier td.form_text_label a { color:#FFD500; }
	
	/* Bevestigingscherm	*/
	.ui-dialog .ui-dialog-titlebar{
		border-top: 3px solid #FFD500;
		background-color: #FFD500;
	}
	

/* ======================== */	
/* => PAGE.ASPX */
/* ======================== */	

	table.pageaspx_infotable span.infotable a { color:#FFD500; }

/* ======================== */	
/* => PAGING OVERVIEW  */
/* ======================== */	

	.entity.titlePanel { border-bottom: 1px solid #d5d5d5; background-color: #FFD500; }
	.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:#FFD500;
	}

	.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: #FFD500;
		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;
	}


/* ======================== */	
/* => Bootstrap Framework Badges / Added TANS / AK */
/* ======================== */	


.badge-primary {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #007bff;
}

.badge-secondary {
	  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #6c757d;
}


.badge-success {
	  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #28a745;
  width: 95px;
}

.badge-info {
	  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #17a2b8;
    width: 95px;
}

.badge-warning {
	  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #212529;
  background-color: #ffc107;
    width: 95px;
}

.badge-danger {
	  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #dc3545;
    width: 95px;
}

.badge-light {
	  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #212529;
  background-color: #CECECE;
    width: 95px;
}

.badge-dark {
	  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #343a40;
    width: 95px;
}

.badge-transparent{
		  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 100%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #000;
  background-color: none;
    width: 95px;
}