@media print
{
    .donotprint
    {
        display: none;
    }
}


@import url('https://fonts.googleapis.com/css?family=Open+Sans');




@font-face {
    font-family: 'ralewayregular';
    src: url('../../fonts/raleway-regular-webfont.eot');
    src: url('../../fonts/raleway-regular-webfont.eot?#iefix'),
         url('../../fonts/raleway-regular-webfont.woff2'),
         url('../../fonts/raleway-regular-webfont.woff'),
         url('../../fonts/raleway-regular-webfont.ttf'),
         url('../../fonts/raleway-regular-webfont.svg#ralewayregular');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf_compact_displayregular';
    src: url('../../fonts/sf-compact-display-regular-webfont.eot');
    src: url('../../fonts/sf-compact-display-regular-webfont.eot?#iefix'),
         url('../../fonts/sf-compact-display-regular-webfont.woff2'),
         url('../../fonts/sf-compact-display-regular-webfont.woff'),
         url('../../fonts/sf-compact-display-regular-webfont.ttf'),
         url('../../fonts/sf-compact-display-regular-webfont.svg#sf_compact_displayregular') ;
    font-weight: normal;
    font-style: normal;

}


defaultfont
{
    	font-family: Open Sans, Verdana, Arial, Tahoma; /*font-family: Verdana, Arial, Tahoma;*/
}

/* Default style for entire site. If no style defined, fallback to body style */
html
{
	font-size: 12px;
	font-family: Open Sans, Verdana, Arial, Tahoma; /*font-family: Verdana, Arial, Tahoma;*/
	padding:0px;
    height: 100%;
}
body
{
	font-size: 12px;
	font-family: Open Sans, Verdana, Arial, Tahoma; /*font-family: Verdana, Arial, Tahoma;*/
	color: #767676;
	/*changes by Bas @ 15-6-2018*/
	/* ----NEW VALUES*/
	background-color: #ffffff;
	
	/* ----OLD VALUES
	background-color: #333333;
	background-image: url('/Images/bg.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;*/
	padding:0px;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color:#ffffff;
    scrollbar-3dlight-color:#cccccc;
    scrollbar-darkshadow-color:#333333;
    scrollbar-shadow-color:#767676;
    scrollbar-arrow-color:#333333;
    scrollbar-track-color:#ffffff;
    height: 100%;
}


body.simple
{
    background-color: #333333;
	background-image: none;
}

body.white
{
	font-size: 12px;
	font-family: Open Sans, Verdana, Arial, Tahoma; /*font-family: Verdana, Arial, Tahoma;*/
	color: black;
	background-color: white;
	background-image: none;
	padding:0px;
	margin:0px;
    height: 100%;	
}

body.print
{
	font-size: 10px;
	color: Black;
	background-color: White;
	background-image: none;
	font-family:sans-serif;
}

body.print table td{
	padding:3px;
	vertical-align:top;
	font-size:11px;
}

A
{
	text-decoration: none;
	color: #767676;
}
A:hover
{
	text-decoration: underline;
	/*Changes by Bas @ 15-6-2018*/
	/* OLD VALUE: color: White; */
	color: Black;
}

A.onwhitebkg:hover
{
    color: #333333;
    text-decoration:underline;
}

A.green:hover
{
    color: Green;
    text-decoration:none;
}

A.red:hover
{
    color:Red;
    text-decoration:none;
}
 
/*A.white
{
    color: White;
}*/

A.nounderline:hover
{
    text-decoration:none;
}   

P.breakhere 
{
	page-break-before: always;
}

/*****************************************************************************/
/************************** Named styles *************************************/
/* Styles for fixed items on the site */
/*****************************************************************************/

/* Style for the top div in the master page */
	#headerdiv
{
	height: 120px;
	border: none;
	margin: 0px;
}

	/* Style for the submenu div in the master pages */
	#subheaderdiv
	{
		height: 25px;
	}

	/* Style for the div where the main content is displayed */
	#maindiv
    {
	    margin: 0px;
	    padding: 0px;
    }

    #maincanvas
    {
        text-align: center; 
        margin:0px auto; 
        width: 80%;
        _width: expression(document.body.clientWidth < 960? "960px": "80%" );  /* IE Only */
        min-width:960px; 
        max-width: 1200px;
        padding:0px;
        margin-top:-10px;
    }
    
    .wrapper
    {
        min-height: 100%;
	    height: auto !important;
	    height: 100%;        
        margin: 0 auto -30px;
    }
    
    .footer, .push {
	    clear: both;
	    height: 30px; /* .push must be the same height as .footer */
	    text-align:center;
	    margin: 0;
    }
        
	/* Style for the strip where the login-bar info is displayed */
	#headerloginstrip
	{
		height:15px;
		margin-top: 0px;
		overflow:hidden;
		color: #CCCCCC;
		text-align:right;
		font-size: 10px;
	}

	/* Style for the strip where the mainmenu is displayed */
	#headermenustrip
	{
		height:60px;
		text-align: center;
		overflow:hidden;
		vertical-align:bottom;
	}
	
/*****************************************************************************/
/*****************************************************************************/

/*****************************************************************************/
/***************************** MENU STYLES ***********************************/

/* MAINMENU STYLES */
	.mainmenu
	{
		text-align:center;
		height:53px;
		vertical-align:middle;
		background-color:Transparent;
	}

	.mainmenulink
	{
		color: #606060;
		text-decoration: none;
	}

	A.mainmenulink:hover
	{
	}

	.mainmenuleft
	{
		background-image: url('/Images/Menu/links.jpg'); 
		background-repeat: no-repeat;
		background-position: center;
		width: 38px;
		height: 53px;
	}

	.mainmenuright
	{
		background-image: url('/Images/Menu/rechts.jpg'); 
		background-repeat: no-repeat;
		background-position: center;
		width: 38px;
		height: 53px;
	}

	.mainmenusep
	{
		background-repeat: no-repeat;
		/*background-image: url('/Images/Menu/sep_green.png'); */
		background-position: center;
		width: 0px;
		height: 53px;
	}

	.mainmenubase
	{
		background-image: url('/Images/Menu/midden.jpg'); 
		background-repeat: repeat-x;
		background-position: center;
		height: 53px;
		font-size: 14px;
		font-weight: bold;
		color: White;
	}

	.mainmenubasehover
	{
		background-image: url('/Images/Menu/midden_hl.jpg');
		background-repeat: repeat-x;
		background-position: center;
		height: 53px;
		font-size: 14px;
		font-weight: bold;
		color: White;
	}
/****/

	.idealnetmenu
	{
		text-align:center;
		height:43px;
		background-color:Transparent;
		margin-left: 30px;
		vertical-align:bottom;
	}

	.idealnetmenulink
	{
		padding-left: 8px;
		padding-right: 8px;
		padding-bottom: 5px;
		padding-top: 5px;
		color: #333333;
		font-family: Arial;
	}

	A.idealnetmenulink:hover
	{
	    color:Black;
	    text-decoration: underline;
	}

	.idealnetmenuleft
	{
		/*background-image: url('/Images/Components/Balk/balkleft.png');*/
		background-repeat: no-repeat;
		background-position: center;
		width: 21px;
		height: 43px;
	}

	.idealnetmenuright
	{
		/*background-image: url('/Images/Components/Balk/balkright.png');*/
		background-repeat: no-repeat;
		background-position: center;
		width: 20px;
		height: 43px;
	}

	.idealnetmenubase
{
	/*background-image: url('/Images/Components/Balk/balkcentre.png');*/
	background-repeat: repeat-x;
	background-position: center;
	height: 43px;
	font-size: 14px;
	font-weight: bold;
	color: #767676;
}

/*****/

/* BREADCRUMB STYLES */

	.bcnode
	{
		color: #606060;
		font-size: 10px;
	}
	
	.bcrootnode
	{
	}
	
/****/

/*****************************************************************************/
/*****************************************************************************/


/*****************************************************************************/
/*********************** ELNINO CONTROL STYLES *******************************/

/* Used for styling a control
   L=LEFT, R=RIGHT, C=CENTER
   T=TOP, M=MIDDLE, B=BOTTOM

********************************
* TL     *      TC     *    TR *
********************************
*MTL*          MTC         *MTR*
********************************
*   *                      *   *
*   *                      *   *
*ML *          MC          * MR*
*   *                      *   *
*   *                      *   *
********************************
*MBL*          MBC         *MBR*
********************************
* BL     *     BC      *    BR *
********************************

    All MIDDLE content will be collapsed
*/    

    /* Use BaseCssClass = overblijfpasgeel */
	.controlstyle_overblijfpasgeel_controlcontentwithheader
    {
	    border-style: solid;
	    border-width: 0px 0px 0px 0px;
	    border-color: #DCDCDC;
	    background-color: #FFFFFF;
	    color: #606060;
	    font-size: 12px;
	    font-weight: normal;
    }
    
	.controlstyle_overblijfpasgeel_header
{
	color: #606060;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	position: relative;
	top: 12px;
}

	.controlstyle_overblijfpasgeel_togglebutton
	{
		color: Black;
		font-weight: bold;
		font-size: 16px;
	}

	.controlstyle_overblijfpasgeel_middleleftcol
	{
	    width:12px;
    }

	.controlstyle_overblijfpasgeel_middlerightcol
	{
	    width:12px;
    }
    
	.controlstyle_overblijfpasgeel_topleft
	{
		background-image: url('/Images/Control/overblijfpasgeel/topleft.jpg');
		background-repeat: no-repeat;
		width: 35px;
		height: 26px;
	}

	.controlstyle_overblijfpasgeel_topcenter
    {
	    background-image: url('/Images/Control/overblijfpasgeel/topcenter.jpg');
	    background-repeat: repeat-x;
	    height: 26px;
    }

	.controlstyle_overblijfpasgeel_topright
	{
		background-image: url('/Images/Control/overblijfpasgeel/topright.jpg');
		background-repeat: no-repeat;
		width: 35px;
	    height: 26px;
	}

	.controlstyle_overblijfpasgeel_middletopleft
	{
		background-image: url('/Images/Control/overblijfpasgeel/middletopleft.jpg');
		background-repeat: no-repeat;
		height: 26px;
	}

	.controlstyle_overblijfpasgeel_middletopcenter
	{
		background-image: url('/Images/Control/overblijfpasgeel/middletopcenter.jpg');
		background-repeat: repeat-x;
		height: 26px;
		width: 100%;
	}

	.controlstyle_overblijfpasgeel_middletopright
	{
		background-image: url('/Images/Control/overblijfpasgeel/middletopright.jpg');
		background-repeat: no-repeat;
		height: 26px;
	}

	.controlstyle_overblijfpasgeel_middleleft
	{
		background-image: url('/Images/Control/overblijfpasgeel/middleleft.jpg');
		background-repeat: repeat-y;
	}

	.controlstyle_overblijfpasgeel_middlecenter
	{
	    width:100%;
	    background-color:White;
	}
	
	.controlstyle_overblijfpasgeel_middleright
	{
		background-image: url('/Images/Control/overblijfpasgeel/middleright.jpg');
		background-repeat: repeat-y;
	}

	.controlstyle_overblijfpasgeel_middlebottomleft
	{
		background-image: url('/Images/Control/overblijfpasgeel/middlebottomleft.jpg');
		background-repeat: no-repeat;
		height: 26px;
	}

	.controlstyle_overblijfpasgeel_middlebottomcenter
	{
		background-image: url('/Images/Control/overblijfpasgeel/middlebottomcenter.jpg');
		background-repeat: repeat-x;
		height: 26px;
		width: 100%;
	}

	.controlstyle_overblijfpasgeel_middlebottomright
	{
		background-image: url('/Images/Control/overblijfpasgeel/middlebottomright.jpg');
		background-repeat: no-repeat;
		height: 26px;
	}

	
    .controlstyle_overblijfpasgeel_bottomleft
	{
		background-image: url('/Images/Control/overblijfpasgeel/bottomleft.jpg');
		background-repeat: no-repeat;
		width: 35px;
		height: 26px;
	}

	.controlstyle_overblijfpasgeel_bottomcenter
    {
	    background-image: url('/Images/Control/overblijfpasgeel/bottomcenter.jpg');
	    background-repeat: repeat-x;
	    height: 26px;
    }

	.controlstyle_overblijfpasgeel_bottomright
	{
		background-image: url('/Images/Control/overblijfpasgeel/bottomright.jpg');
        background-repeat: no-repeat;
		width: 35px;
	    height: 26px;
	}	
	

    /* Use BaseCssClass = idealnet */
	.controlstyle_idealnet_controlcontentwithheader
    {
	    border-style: solid;
	    border-width: 0px 0px 0px 0px;
	    border-color: #DCDCDC;
	    color: #000000;
	    font-size: 12px;
	    font-weight: normal;
    }
    
	.controlstyle_idealnet_header
    {
	    color: #000000;
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 25px;
    }

	.controlstyle_idealnet_togglebutton
	{
		color: Black;
		font-weight: bold;
		font-size: 16px;
	}

	.controlstyle_idealnet_middleleftcol
	{
	    width:13px;
    }

	.controlstyle_idealnet_middlerightcol
	{
	    width:11px;
    }
    
	.controlstyle_idealnet_topleft
	{
		background-image: url('/Images/Control/idealnet/topleft.png');
		background-repeat: no-repeat;
		width: 13px;
		height: 44px;
	}

	.controlstyle_idealnet_topcenter
    {
	    background-image: url('/Images/Control/idealnet/topcenter.png');
	    background-repeat: repeat-x;
	    height: 44px;
    }

	.controlstyle_idealnet_topright
	{
		background-image: url('/Images/Control/idealnet/topright.png');
		background-repeat: no-repeat;
		width: 11px;
	    height: 44px;
	}

    .controlstyle_idealnet_middleleft
	{
		background-image: url('/Images/Control/idealnet/middleleft.png');
		background-repeat: repeat-y;
	}

	.controlstyle_idealnet_middlecenter
	{
	    width:100%;
	    background-color: #f5f5f5;
	}
	
	.controlstyle_idealnet_middleright
	{
		background-image: url('/Images/Control/idealnet/middleright.png');
		background-repeat: repeat-y;
	}

    .controlstyle_idealnet_bottomleft
	{
		background-image: url('/Images/Control/idealnet/bottomleft.png');
		background-repeat: no-repeat;
		width: 13px;
		height: 13px;
	}

	.controlstyle_idealnet_bottomcenter
    {
	    background-image: url('/Images/Control/idealnet/bottomcenter.png');
	    background-repeat: repeat-x;
	    height: 13px;
    }

	.controlstyle_idealnet_bottomright
	{
		background-image: url('/Images/Control/idealnet/bottomright.png');
        background-repeat: no-repeat;
		width: 11px;
	    height: 13px;
	}		


    /* Use BaseCssClass = white */
	.controlstyle_white_controlcontentwithheader
    {
	    border-style: solid;
	    border-width: 0px 0px 0px 0px;
	    border-color: #DCDCDC;
	    color: #606060;
	    font-size: 6px;
	    font-weight: normal;
    }
    
	.controlstyle_white_header
    {
	    font-size:6px;
    }

	.controlstyle_white_middleleftcol
	{
	    width:9px;
    }

	.controlstyle_white_middlerightcol
	{
	    width:6px;
    }
    
	.controlstyle_white_topleft
	{
		background-image: url('/Images/Control/white/topleft.png');
		background-repeat: no-repeat;
		width: 9px;
		height: 9px;
	    font-size:6px;
		
	}

	.controlstyle_white_topcenter
    {
	    background-image: url('/Images/Control/white/topcenter.png');
	    background-repeat: repeat-x;
	    height: 9px;
	    font-size:6px;
    }

	.controlstyle_white_topright
	{
		background-image: url('/Images/Control/white/topright.png');
		background-repeat: no-repeat;
		width: 6px;
	    height: 9px;
	    font-size:6px;
	}

    .controlstyle_white_middleleft
	{
		background-image: url('/Images/Control/white/middleleft.png');
		background-repeat: repeat-y;
	}

	.controlstyle_white_middlecenter
	{
	    width:100%;
	    background-color: White;
	}
	
	.controlstyle_white_middleright
	{
		background-image: url('/Images/Control/white/middleright.png');
		background-repeat: repeat-y;
	}

    .controlstyle_white_bottomleft
	{
		background-image: url('/Images/Control/white/bottomleft.png');
		background-repeat: no-repeat;
		width: 9px;
		height: 7px;
	}

	.controlstyle_white_bottomcenter
    {
	    background-image: url('/Images/Control/white/bottomcenter.png');
	    background-repeat: repeat-x;
	    height: 7px;
    }

	.controlstyle_white_bottomright
	{
		background-image: url('/Images/Control/white/bottomright.png');
        background-repeat: no-repeat;
		width: 6px;
	    height: 7px;
	}		

/*****************************************************************************/
/*****************************************************************************/


/*****************************************************************************/
/***************************** STYLE ELEMENTS ********************************/

	/* Style for panel contents */
	.panelcontent
{
	text-align: center;
}	

	/* Use this style in a column-label */
	.columnlabel
	{
		color: #FFFFFF;
		background-color: #606060;
		font-size: 11px;
		font-weight: bold;
	}
	/* Use this style in an column-value */
	.columnvalue
	{
		color: #606060;
		background-color: #DCDCDC;
		font-size: 11px;
		font-weight: normal;
	}
	/* Use this style as the default button style */
	.button
	{
		background-color: #005E8A !important;
		color:White !important;
		font-weight: bold;
		font-size: 11px;
		text-decoration: none;
		cursor: pointer;
		padding: .5rem 1rem;
		border-radius: 3px;
		outline: none;
		border: none;
		margin: 0.5px;
		display: inline-block;
	}
	
	.button:hover
	{
		background-color: #00496b !important;
	}

	.button[disabled], .button[disabled="disabled"]
	{
	    color: #767676;
	    font-weight: bold;
	    background-color: #DCDCDC;
	    font-size: 11px;
	    text-decoration: none;
	    cursor: pointer;
	    cursor: hand;
	    padding: 1px;
	    padding: .5rem 1rem;
		border-right: .5rem;
	}

	/* Use this style as the default textbox style */
	.textbox
	{
		color: #333333;
		font-weight: normal;
		border: solid 1px #333333;
		background-color: #FFFFFF;
		font-size: 11px;
		padding: 2px;
	}
	
	/* Textbox with error message */
	.textboxerror
	{
		border-style: none;
		border-width: 0px;
		color: #FF0000;
		font-weight: bold;
		font-size: 11px;
		overflow: auto;
		background-color: Transparent;
	}
	/* Label with error message */
	.labelerror
	{
		color: #FF0000;
		font-weight: normal;
		font-size: 11px;
	}
	
	.textboxinfo
{
	border-style: none;
	border-width: 0px;
	font-weight: normal;
	font-size: 12px;
	overflow: auto;
	background-color: #FFFFFF;
	color: #333333;
}

	.textboxstatus
{
	border-style: none;
	border-width: 0px;
	font-weight: normal;
	font-size: 11px;
	overflow: auto;
	background-color: #FFFFFF;
	color: #333333;
}
	
	.linkbutton
	{
		font-size: 11px;
		font-weight: normal;
	}
	/* Navigation bar in a wizard */
	.navigation
{
	padding: 10px 10px 0px 5px;
	border-color: black;
	border-style: solid none none none;
	border-width: 1px;
	background-color: White;
	vertical-align: middle;
	text-align: left;
	width: 100%;
}
	/* Header in a wizard */
	.wizardheader
{
	margin: 10px;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
}
	
	.wizardstep
	{
		 vertical-align: top;
	}
	
	/* Default style for dropdown list */
	.dropdown
{
	font-size: 12px;
	margin-top: 5px;
}

	/* Default style for radiobutton list */
	.radiobutton
{
	color: #000000;
	font-size: 12px;
	border-style: ridge;
}

    .headerfield
    {
        padding-right:10px;
    }
    
   
/* Default style for checkbox */
	.checkbox
{
	font-size: 12px;
	color: #000000;
}
.subVerticalAlign
{
    vertical-align: sub;
}
	/* Use this style to indicate a header in the text, style x-large */
	.headerXL
	{
		color: #606060;
		font-size: 18px;
		font-weight: bold;
		text-decoration: underline;
	}
	/* Use this style to indicate a header in the text, style large */
	.headerL
	{
		color: #606060;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
	}
	
	.hoverpanel
{
	border-style: solid;
	border-width: 1px;
	font-weight: normal;
	font-size: 11px;
	overflow: auto;
	background-color: #DCDCDC;
	text-align: left;
	color: #000000;
}

	/* Use this style for alternating rows in a list */
	.alternatingrowstyle
{
	background-color: #FFFFEE;
}
	
	/* Use this style for the header row in a list */
	.headerstyle
{
	background-color: #F38233;
	
}

	/* Use this style for the footer or pager row in a list */
	.footerstyle
	{
		background-color: #DCDCDC;
	}

	/* Use this style for the selected row in a list */
	.selectedrowstyle
	{
		background-color: #F38233;
	}
	
	/* For example for other month days in calendar control */
	.invisible
	{
		visibility: hidden;
	}
	
	/* Header of calendar with dropdown lists */
	.calendarheader
{
	border-style: none;
	padding: 0px;
	margin: 0px;
}

.calendarpanel
{
	position: absolute;
	z-index: 100;
}

/*****************************************************************************/
/*****************************************************************************/


/*****************************************************************************/
/**************************** FONT STYLE ELEMENTS ****************************/

	/* Font sizes, normal */
	.XS
	{
		font-size: 9px;
	}
	.S
	{
		font-size: 10px;
	}
	.M
	{
		font-size: 14px;
	}
	.L
	{
		font-size: 14px;
	}
	.XL
	{
		font-size: 18px;
	}
	.XXL
	{
		font-size: 24px;
	}
	.XXXL
	{
	    font-size:40px;
	}
	
	/* Font sizes, bold */
	.BXS
	{
		font-size: 9px;
		font-weight: bold;
	}
	.BS
	{
		font-size: 10px;
		font-weight: bold;
	}
	.BM
	{
		font-size: 12px;
		font-weight: bold;
	}
	.BL
	{
		font-size: 14px;
	
	}
	.BXL
	{
		font-size: 18px;
		font-weight: bold;
	}
	.BXXL
	{
		
		font-weight:600;
	}
	.BXXXL
	{
	    font-size: 40px;
	    font-weight:900;
	}
	.U
	{
		text-decoration: underline;
	}
	.NU
	{
	    text-decoration:none;
	}
	
	.I
	{
	    font-style: italic;
	}
	.NI
	{
	    font-style: normal;
	}
	.B
	{
		font-weight: bold;
	}
	.NB
	{
		font-weight: normal;
	}

/*****************************************************************************/
/*****************************************************************************/


/*****************************************************************************/
/**************************** COLOR STYLE ELEMENTS ****************************/

	/* Special colors */
	.idealnetdarkgray
	{
		/*changes by Bas @ 15-6-2018*/
	    /* OLD VALUE: color: #333333;*/
	    color: #1a1a1a;
	}

	.idealnetlightgray
	{
	    /*changes by Bas @ 15-6-2018*/
	    /* OLD VALUE: color: #767676;*/
	    color: #333333;
	}

	.idealnetverylightgray
	{
		/*changes by Bas @ 15-6-2018*/
	    /* OLD VALUE: color: #CCCCCC;*/
	    color: #404040;
	}

	.idealnetextremelylightgray
	{
		/*changes by Bas @ 15-6-2018*/
	    /* OLD VALUE: color: #EEEEEE;*/
	    color: #404040;
	}

	.idealnetdarkgrayback
	{
	    background-color: #333333;
	}
	.idealnetlightgrayback
	{
	    background-color: #dcdcdc;/*#767676;*/
	}

	.idealnetverylightgrayback
	{
	    background-color: #CCCCCC;
	}

	.idealnetextremelylightgrayback
	{
	    background-color: #EEEEEE;
	}
	
	.idealnetgeel
	{
		color: #FCB717;/*#FFCC00;*/
	}
	.idealnetgeelback
	{
		background-color: #FCC417;/*#FFCC00;*/
	}
		
	/* Basiscolors */
	.red
	{
		color: Red;
	}
	.redback
	{
	    background-color: Red;
	}
	.green
	{
		color: Green;
	}
	.greenback
	{
	    background-color: Green;
	}
	
	.blue
	{
	    color: Blue;
	}
	
	.white
	{
		/*changes by Bas @ 15-6-2018*/
		/* OLD VALUE: color: White;*/
		color: #333333;
	}
	.whiteback
	{
		background-color: White;
	}
	.black
	{
		color: Black;
	}

	.orange
	{
	    color: #EE8822;
	}
	
	.orangeback
	{
	    background-color: #EE8822;
	}
	
	/* special */
	.colnone
	{
		color: inherit;
	}
	.colnoneback
	{
		background-color: inherit;
	}
	.modal
	{
	    background-color: #333333;
    	filter: alpha(opacity=90);
        opacity:0.9;    	
        -moz-opacity: 0.9;
    }
    
/***************/
.loadingbackground
{
    position:relative;
    background-image: url('/Images/ajax-loader.gif');
    background-color: White;
    background-position:center;
    background-repeat:no-repeat;
    height:150px;
}

/* Zorg dat de Calendar control altijd bovenop komt. */
.ajax__calendar_container { z-index : 1000 ; }

div.scrollabletablecontainer
{
	overflow: hidden;
	overflow-y: auto;
}

.scrollablehorizontaltablecontainer
{
    overflow: hidden;
    overflow-x: auto;
}

.permissieerrorpanel
{
    border: solid 2px #BB0000;
    background-color: #FFBBBB;
    color: #BB0000;
    text-align:center;
    vertical-align:middle;
    padding: 5px;
}
.errorpanel
{
    border: solid 2px #BB0000;
    background-color: #FFBBBB;
    color: #BB0000;
    text-align:center;
    vertical-align:middle;
    padding: 5px;
}
.warningpanel
{
    border: 2px solid #FF8040;
    background-color: #FBF4AC;
    color: #FF8040;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}


/*ALL NEW CLASSES ADDED BY Bas @ 15-6-2018*/

.CustomCheckBoxRow td span input {
	-webkit-appearance: none;
	background-color: none;
	border: none;
	box-shadow: none;
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}
.CustomCheckBoxRow td span input:active, .CustomCheckBoxRow td span input:checked:active {
	box-shadow: none;
}
.CustomCheckBoxRow td span input:checked {
	background-color: none;
	border: none;
	box-shadow: none;
	color: #99a1a7;
}
.CustomCheckBoxRow td span input:checked:after {
	content: url(/Images/Icons/check.png);
	font-size: 18px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #10658c;
}
.button_hover
{
	-webkit-filter: brightness(0.90);
	-moz-filter: brightness(0.90);
	-o-filter: brightness(0.90);
	-ms-filter: brightness(0.90);
	filter: brightness(0.90);
}
.No-Borders 
{
	border: none !important;
}
.ElementPaddingSmall
{
	padding: .5rem 1rem;
}
.ElementRoundSmall
{
	border-radius: 3px;
}


.BlueButtonBack 
{
	background-color: #005E8A;
	color:White !important;
	font-size: 11px;
	text-decoration: none;
	cursor: pointer;
	padding: .5rem 1rem;
	border-radius: 3px;
	outline: none;
	border: none;	
}
.BlueButtonBack:hover
{
	background-color: #00496b;
}
.TermsAndCondition 
{
	color: #005E8A !important;
	font-size:11px;
	cursor: pointer;
}
.TermsAndCondition:hover
{
	color: #00496b !important;
	text-decoration: underline;
}

.YellowLoginButton:hover 
{
	background-color: #ffd11a !important;
	
}
.YellowLoginButton:active 
{
	background-color: #e6b800 !important;
}
input:-webkit-autofill {

    -webkit-box-shadow: inset 0 0 0px 9999px #fffae6;
}
input, select 
{
	border-radius: .2rem;
	outline: none;
	focus: none;
}
.table-onderstreept > tbody > tr > td,
.table-onderstreept > thead > tr > td,
.table-onderstreept > tbody > tr > th,
.table-onderstreept > thead > tr > th,
.table-onderstreept {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px #d2d2d2 solid !important;
    border-bottom: 1px #d2d2d2 solid !important;
    padding: 3px 0px;
    padding-left: 5px;
}

.idealnetgrauwblauw 
{
	color: #005E8A;
}
	
.idealnettableback 
{
	background-color: #f5f5f5;
}