
.backtots {       
	
     background: -moz-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(94%, rgba(255,255,255,1)), color-stop(100%, rgba(192,192,192,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(192,192,192,1) 0%, rgba(255,255,255,1) 6%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=0 ); /* ie6-9 */ 	
}

.mvieli { text-decoration: none; color: rgb(0,0,0, 0.5 ); color: rgba(0,0,0, 0.5); }

/* alleen deze laten sizen , rest erbinnen alles op 100% */
.rm_fiel {
 width: 35px; height: 25px;
 border: 1px solid black; background-color: rgb(255,255,255, 0.3 ); background-color: rgba(255,255,255, 0.3);
 display: table-cell; margin-top: 5px;
 border-radius: 3px; font-family: 16pt; font-weight: bold; color: white;
 text-align: center; padding:4px;
}




.ctschwi { width: 100%;  max-width: 760px; min-height: 500px;
    padding: 3px; 
 }

@media print { .ctschwi { width: 100%; } }

@media  (min-width: 800px) { .ctschwi {  min-width: 410px;
    max-width: 760px; min-height: 500px;  } }


.picp_asea_cl {  padding-top:0px; 

 float:left; padding-left:15px; 
  display: inline-block;
  margin-left: 2px;
 }
/*
@media  (max-width: 900px){
  .ctschema { width: 100%; margin-left: auto; margin-right: auto;   padding-top: 20px; 
      border: 0px solid black;  padding-bottom: 40px; }
}
*/





 .tbinpedit  { border: 0px; font-family: arial;  font-size: 9pt; }

 .inpedit  { font-family: arial;  font-size: 9pt; 
  border: 0px solid #c0c0c0;
  width: 95%; height: 20px; border-radius: 4px;
  max-width: 150px;

  }


 .inpedit: active { border: 1px solid green;   background-color: yellow; }


.mtble { empty-cells: show; border: 5px solid #c0c0c0; min-height: 20px; border-collapse: collapse;
 width: 100%; font-family: arial;  font-size: 9pt; padding-left: 2px; margin-bottom: 4px;
}

.mtbln { empty-cells: show; border: 0px; min-height: 20px; border-collapse: collapse;
 width: 100%; font-family: arial;  font-size: 9pt; }


@-webkit-keyframes movepic { from { position:fixed;left:38%; } to { position:fixed;left: 25%; }  }
@keyframes movepic { from { position:fixed;left:38%; } to { position:fixed;left: 25%; }   }


.ctschema { float: left;  padding-top: 0px; border: 0px solid black; padding-bottom: 40px; 
 border-radius: 5px; vertical-align: top; display: table-cell; 
    background-color: rgb(255,255,255, 0.8 ); background-color: rgba(255,255,255, 0.8 );
 z-index: 0;
   }



.oactv {  border: 2px dotted red; z-index : 3;

    transition: 1.0s;
    -webkit-animation: movepic 1.0s ; 
   animation: movepic 1.0s ;

 }

/*
  background-color: rgb(255,255,255, 0.8 ); background-color: rgba(255,255,255, 0.8 );

*/

.inpedizb  { font-family: arial;  font-size: 9pt; 
  border: 0px; 
  width: 95%; height: 20px; border-radius: 2px; min-width: 40px;

  background-color: rgb(255,255,255, 0.0 ); background-color: rgba(255,255,255, 0.0 );
 z-index: 1;
  }
  

 .inpedfx  {  font-family: arial;  font-size: 9pt; width: 99%; height: 20px; border-radius: 2px; 
   border: 0px solid #c0c0c0; font-weight: bold;
      background-color: rgb(255,255,255, 0.0 ); background-color: rgba(255,255,255, 0.0 );
 }


.inpedv {
 font-family: arial;  font-size: 9pt; border-radius: 2px; 
  display: inline-flex; 
  margin-right: 1px;  margin-left: 1px;
}

.inpebo { font-weight: bold; }
 
  
  
 .displtext { display: table-cell; background-color: #FDFDFD; color: red; border-bottom: 0px solid #c0c0c0;   }

 .ieha { text-align: right; font-weight: bold; 

  background-color: rgb(255, 255, 255, 0.0 ); background-color: rgba(255, 255, 255, 0.0 );
   margin-top: 1px;

  }
 

 .iehea_sec { font-weight: bold;  font-size: 10pt;  background-color:#FFFFFF; color: #404040 
 
 }
 
/* background-color:#C0FFFF;  */

 .iehea_stw { font-size: 10pt; border: 0px solid black; 
  background-color: rgb(255,255,255, 0); background-color: rgba(255,255,255, 0);
   color: #404040;
 	 }
 
@media print { .iehea_stw { border: 0px;  } }

 .iehea  { font-size: 10pt;  background-color:#C0FFFF; color: #404040}

/* laatse versie */



 .txtedit  { border: 0px solid #c0c0c0; font-family: arial;  
   font-size: 9pt;  padding: 5px; border-radius: 4px; text-align: left; 
   overflow: hidden;
   background-color: rgb(255,255,255, 0); background-color: rgba(255,255,255, 0); }

 .txtediro  {  border: 0px solid #c0c0c0; font-family: arial;  font-size: 9pt;   padding: 5px; border-radius: 4px;  text-align: left;}
 @media (max-width:420px){ .txtediro { display: none; } }


 .txteditbre  {  border: 0px solid #c0c0c0; font-family: arial;  font-size: 9pt; width: 97%; padding: 5px;  border-radius: 4px; text-align: left; 
  overflow: hidden;
  background-color: rgb(255,255,255, 0); background-color: rgba(255,255,255, 0);
 }
 .txtedirobre  {  border: 0px solid #c0c0c0; font-family: arial;  font-size: 9pt; width: 97%; padding: 5px; border-radius: 4px;  text-align: left;}


/*
 .txtedit  {  border: 0px solid; font-family: arial;  font-size: 9pt; width: 100%;  resize: none;}
 .txtediro  {  border: 0px solid; font-family: arial;  font-size: 9pt; width: 100%;  resize: none;  }
 .txteditbre  {  border: 0px solid; font-family: arial;  font-size: 9pt; width: 100%;  resize: none;}
 .txtedirobre  {  border: 0px solid; font-family: arial;  font-size: 9pt; width: 100%;  resize: none;  }
*/



/* readOnly: true; */
/* hier voor oplos print  */

/* readOnly: true;  stond hier op 30 */
 
.trvlabre {  display: table-cell; min-width: 90px;  margin: 4px; margin-left: 4px; height: 22px; }
@media  (max-width: 500px){ .trvlabre { display: none; } }


.trvlab { cursor: pointer; display: block; text-decoration: none; margin-right: 4px;}
@media  (max-width: 500px){ .trvlab { display: none; } }

.trvlabd { cursor: pointer; display: inline-block }
@media  ( max-width: 380px ) { .trvlabd {  } }
/* @media  ( max-width: 500px ) { .trvlabd { display: none; } } */
 

.dtalab { float: left; width: 25%; height: 25px; display: inline-block; text-align: left }


.dtainp {  display: table; width: 75%; float: right; height: 5px;  }


.dtainpbre {  display: table-cell; width: 90%; max-width: 150px; height: 5px; margin-right: 15px; text-align: right; }

@media  (max-width: 360px) {
  .dtainpbre {  display: none; width: 90%;  height: 5px; }
}


.t1t2 { width:67px; display: inline-block; text-align: right ; }
@media  (max-width: 450px) {
 .t1t2 { display: none; }
} 

.dtalabsmed { display: table-cell; text-align: left; max-width: 60px; height: 10px; margin-bottom: 3px; margin-right: 2px;}

.dtalabsm { display: inline-flex; text-align: left; vertical-align: top;
  max-width: 60px; height: 10px; margin-bottom: 13px;  margin-right: 2px; }


/* 
.wacell { width: 130px;  padding-left: 3px; padding-bottom: 1px;  }
@media  ( max-width: 700px){
.wacell { width: 80px; padding-left: 3px; padding-bottom: 1px; } }
@media  ( max-width: 500px){
.wacell {  width: 50px; padding-left: 3px; padding-bottom: 1px;  } }
*/

.wacell {  padding-left: 3px; padding-bottom: 1px;  padding-right: 7px; } 
/* xxapa  @media (max-width:430px){ .wacell { display: none; } }  */

.wauitlc {  }
 @media (max-width:380px){ .wauitlc { display: none; } }  

.wcbre {  padding-right: 7px;  }


.wccpac {  width: 40px;  }
@media  (max-width: 480px) { .wccpac {   display: none } }

.wcscpac {  display: none;  }



/*
 .hea_lab { width: 600px;    }

  

 */
 


.nobreaksepa {  page-break-inside:avoid;  display: inline-block; 
  width: 99% ;  float: left;  padding: 0px;  padding-left: 0px;  margin-left: 3px;  }
.bmrg { margin-top: 70px;  }


.nobreakdv {  page-break-inside:avoid; 
 display: inline-block; 
  width: 100% ;
  float: left; 
 padding: 0px;  padding-left: 0px;
  margin-left: 3px;
 }

/* deze is van de header */

.nopagebreak {  width: 100% ;  padding: 0px; page-break-inside:avoid; border: 0px solid black; 
  
 }

 .heabas { margin-top: 2px; margin-bottom: 3px; font-family: arial; font-size: 10pt; border: 0px;  
  border-top-left-radius: 10px 10px; 
  border-top-right-radius:  10px 10px; padding: 2px 2px 2px 2px; 

   color: #404040;  }


 .hea_lab { min-width: 100px; width: 99%;   }
@media print { .hea_lab { margin-top: 4px; }  }
 
 .hlbre {  width: 99%;  }
 

.hlcpac {  margin-left: 1px; margin-right: 1px;  width: 98%; }
.iehea_cpac  { font-weight: bold; font-size: 10pt;  background-color:#C0FFFF; color: #404040; display: none; }


.btbcpac {  width: 99%; border: 0px solid #404040; }

.btbscpac {  width: 99%; height: 80px; border: 0px solid #404040; }

.blokbas { font-family: arial;  font-size: 9pt ;  empty-cells: show;    }
.blok_tb {  width: 99%; padding: 0px;  }
.btbbre { height:130; border: 0px solid #404040; border-collapse: collapse; width: 99%; }
.btbsepa { height:20; border: 1px solid #404040; border-collapse: collapse; width: 99%;  }
.blocktb_kop {  width: 99%;    height:100;  border: 1px solid #404040;  border-collapse: collapse; }






 /* OK deze hlcpac stond 2 keer in */
 /* PLU sbij 700 moet hij op  220 ipv 380  */



.surr_blok { border: 1px solid; display: table; }

.linecont {
	display: table; float: right; width: 95%; text-align: right;
}





.tspaper { height: auto; width: 100%; border: 0px solid; padding: 20px; box-shadow: 10px 5px 10px 5px #C0C0C0 ;  	}

/* stond op 700 */


/* @media (max-width: 500px){
 .tspaper { height: auto; 
		border: 0px solid white ; padding: 0px;  box-shadow: 0px 0px 0px 0px #C0C0C0 	} }
*/





 img.respimg {  width: 120px; cursor: pointer; }
 @media  (max-width: 700px){ img.respimg { width: 100px; } }
 @media  (max-width: 500px){ img.respimg { width: 60px;  } }
