@charset "utf-8";
/*

kleuren:
login knop				#00dfd3
rood errormelding		#ff0000
groen errormelding		#04b600
donkerblauw hover		#004478
grijs help				#eeeeee
tekst login box	actief	#555555
tekst login box placeh	#dddddd


*/

/* algemeen */
input[type="text"], 
input[type="password"],
input[type="submit"], 
.input-text		                        { border:0; outline:0; margin:0; padding:0; font-size:14px; font-weight:400; font-family: 'Source Sans Pro', sans-serif; font-weight:400; height:42px!important; }
textarea
{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    padding-left:10px!important;
    color:#333!important;
} 
input[type="submit"]					{ cursor:pointer; }
.placeholder							{ color:#bbbbbb !important; }
 

/* login pagina */

#loginForm_gebruikersnaam				{ width:340px; height:49px; color:#555555; }
#loginForm_wachtwoord					{ width:340px; height:50px; color:#555555; }
#loginForm_emailadres					{ width:340px; height:50px; color:#555555; }
#loginForm_submit						{ width:auto; padding:0 20px; height:50px; float:right; background:#00dfd3; color:#fff; }
#loginForm_submit:hover					{ background:#004478; }

/* error melding */
.form_error 							{ display:none; background:url(../images/form_error.png) no-repeat; width:42px; height:40px; position:absolute; margin:-45px 0 0 363px; }
.form_error:hover						{ cursor:help; }
.form_error:hover .highlight_error		{ display:block; }
.form_error .highlight_error			{ display:none; background:red; color:#fff; height:28px; width:204px; margin-left:-204px; padding:12px 0 0 10px; }

.form_good	 							{ display:none; background:url(../images/form_good.png) no-repeat; width:5px; height:40px; position:absolute; margin:-45px 0 0 370px; }

		.checkError	.form_error			 	{ display:block; }
		.checkError .placeholder 			{ color:#ff0000 !important; }
		
		.checkGood	.form_good 				{ display:block; }
		.checkGood input					{ color:#04b600 !important; }
		.checkGood .placeholder 			{ color:#04b600 !important; }

/* positionering error melding */
#loginBox_form		.form_error 			{ margin:4px 0 0 204px; }
#loginBox_form		.form_good 				{ margin:3px 0 0 240px; }
#text_block		.form_error 				{ margin:-50px 0 0 470px; }
#text_block		.form_good 					{ margin:-50px 0 0 470px }

/* filter input */

div.dropdown_box_input input[type="text"] 	{ background:url(../images/filter_input_bg.png); width:200px; height:42px; padding:0 10px }

/* account input */
input[type="text"]:disabled					{ background:none; color:#888888; }
.overzicht_table input						{ height:60px; width:460px; padding-left:10px; background:#eee; border-bottom:1px solid #eee; }
.overzicht_table label.locatie				{ float:left; padding:10px; }
.overzicht_table label.locatie input		{ float:left; width:auto; height:auto; background:#ddd; }
.overzicht_table label.locatie input[type="checkbox"] { background:#fff !important; }
.overzicht_table select						{ height:60px; width:470px; padding-left:10px; background:#eee; border-bottom:1px solid #eee; border:0; outline:0; font-size:14px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#bbb; }
.overzicht_table textarea.form				{ height:160px; width:458px; padding-left:10px; background:#eee; border-bottom:1px solid #eee; border:0; outline:0; font-size:14px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#bbb; }
.overzicht_table .small						{ width:230px; }
.overzicht_table .xsmall					{ width:145px; }

/* sub content input */

/* CODE MN 
    input[type="text"]:disabled					{ background:none; color:#999; }
    .detail_table input, .input-text			{ height:60px;  padding-left:10px; background:#eee; border-bottom:1px solid #eee; }
    .inputdatum									{ height:40px; width:400px; padding:10px; background:#fff; border-bottom:1px solid #eee; display:inline-block; font-size:18px; }
    .detail_table label.locatie					{ float:left; padding:10px; }
    .detail_table label.locatie input			{ float:left; width:auto; height:auto; background:#ddd; }
    textarea.memo								{ width:100%; height:200px; text-align:left; padding:10px; border:1px solid #ddd; background:#eee; outline:0; margin:0; font-size:18px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; }
    .detail_table select						{ height:60px; width:470px; padding-left:10px; background:#eee; border-bottom:1px solid #eee; border:0; outline:0; font-size:18px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; color:#bbb; }
    .detail_table select:focus					{ color:#555; }
    .detail_table input.nummer					{ width:100px; }
*/
/* misc */
label 													{ cursor:pointer; }

.input-small
{
    width:170px!important;
}
.input-medium
{
    width:300px!important;
}
.input-large
{
    width:492px!important;
}

/* devexpress editors */

/* background = #eee; height = 40px; width-klein = 200px; width-groot = 460px; padding-left = 10px;  */
.dxic
{
     padding:0px !important;height:40px!important;
}
.textbox {
    background: #fff !important;
    width: 100% !important;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 10px;
    color: black !important;
    border: 1px solid #eee !important;
}
    .textbox, .dxeTextbox .dxeTextArea, .textbox input
    {
        background:#fff!important;max-width:400px;
    }
    .textbox.klein, .textbox.klein .dxeTextbox .dxeTextArea, .textbox.klein input
    {
        width:190px!important;
    }
      .textbox.mini, .textbox.mini .dxeTextbox .dxeTextArea, .textbox.mini input
    {
        width:80px!important;
    }
        .textbox.mid, .combobox.mid
        {
            width:320px!important; 
        }
    .textbox.groot
    {
        width:450px!important; 
    }
   
.combobox
{
    background:#fff!important; width:100%!important; height: 40px; line-height:40px; font-size:14px; padding-left:10px;max-width:400px; border:1px solid #eee!important;
}
    
    .combobox.klein
    {
         width:200px!important;
    }
    .combobox.groot
    {
         width:460px!important;
    } 
.datetimebox
{
    background:#fff!important; width:320px!important; height: 40px; line-height:40px; font-size:14px;  padding-left:10px;
}
 
    .datetimebox.klein              { width:200px!important; }
    .datetimebox.groot              { width:450px!important; }

.textarea                           { background:#fff!important;  height: 200px; font-size:14px;  padding-left:10px; }
    .textarea.klein                 { width: 320px!important; }
    .textarea.groot                 {  }
    .textarea.honderd .dxeMemoEditAreaSys
    {
        width:100%!important;
    }
    .textarea.readonly textarea, .dxeMemoEditAreaSys.readonly
    {
         background:#eee!important; color:#888888!important; height: 200px; font-size:14px; /*padding-left:10px; */
    }
.dxeMemoEditAreaSys
{ color:#333!important; border:1px solid #eee; width:383px!important; height:100px;
}
.dxeMemo {
    border:none;
}
.technisch_tab .dxeMemoEditAreaSys
{
    width:392px!important;
}
    .textarea .dxeMemoEditAreaSys
    {
        width: 320px!important;
    }
 
.dxpc-ddSys
{
  /*  position:inherit !important; top:auto!important; left:auto!important; */
}
.lh-vijftig
{
    line-height:50px!important;
}
.nopaddingtb
{
    padding-top:0px!important; padding-bottom:0px!important;
}

.logintextbox
{
    width:240px !important; margin-top:3px;
}
.dateedit
{
    width:400px;font-size:14px; padding-left:10px; color:black;
}

.loginedit input {
    width:200px !important;
}

.textbox.readonly, .textbox.klein.readonly .dxeTextbox .dxeTextArea, .textbox.readonly input, .combobox.readonly, .combobox.readonly input, textarea.readonly, table.readonly textarea {
    color: #888888 !important;
    background: #eee !important;
}

.datetimebox.readonly, .datetimebox.readonly .dxeEditArea {
    color: #888888 !important;
    background: #eee !important;
}
.datetimebox {
    border:1px solid #eee!important;
}
.textbox.error
{ color:red!important; border-color:red!important;
}

.leeftijd
{
    max-width:398px!important;
}

.dxeErrorFrameWithoutError .dxeControlsCell, .dxeControlsCell
{
    padding:0px!important;
}

.w399 {
    width:399px!important
}
.value_error, .combobox.value_error, .textbox.value_error {
    border-color: red!important;
}

.tfa-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 370px;
    min-height: 120px;
}

.tfa-bg {
    background: #fff;
    border-radius: 5px;
    padding: 20px 30px;
}

.tfa-block .logintextbox.textbox {
    border-radius: 4px;
    padding-left: 10px;
    font-size: 14px;
    margin-top: 4px;
    width:280px!important;
}

.tfa-block .tfa-btn {
    float: right;
    margin-top: 10px;
    border-radius: 4px;
    padding: 0 10px;
}
#tfe.form_error {
    margin:-42px 0 0 270px;
}