/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
 h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
    font-family: Calibri ,Helvetica, Arial, sans-serif;
    font-size: 15px;
    
}

h2 {
   margin: 0 0 0 0;
   display:inline-block;
  float: left;
  min-width:150px;
  font:12px;
  color:#0097FF;

  
}

h3 {

font-size:20px;
font-weight:600;
color:#808080;
padding-bottom:10px;






}

.tebetalen b {

font-weight:bold}

.floatrightbottom {
display:inline-block;
margin-right:5px;
margin-bottom:5px;

}


h4
{

font-size:14px;
font-weight:600;
color:#fff;
padding-bottom:10px;
text-align:center;
margin-top:3px;
}

.horizontalmenu {

display:inline-block;
float: left;
margin-top:38px;
margin-left:20px;

}


.horizontalmenu ul {
padding-top:2px; 
margin-bottom:4px; 
list-style:none;
color:#fff;
line-height:25px;

}

    .horizontalmenu ul a{

        text-decoration:none;
        color:#fff;
    }
    .horizontalmenu li a:hover {
    
      color:#40ee0d;
      /*border-bottom: 2px solid #fff;*/
    }

.horizontalmenu li {
float:left; position:relative;  display:block;
background-color:black;
/*border-right: 2px solid #fff;*/
border-spacing: 20px 0px;
text-align:center;
width:150px;


border-style:inset;
}
.horizontalmenu li ul {
    display:none;
position:absolute;

}
.horizontalmenu li:hover ul{
    display:block;
    color:#fff;
    z-index:10;

   
   
height:20px; width:8em;

}
.horizontalmenu li ul li{
    clear:both;
border-style:none;
 border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;

}









ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

    table tr .headers{

        text-align:center; 
        font-weight:600;
        font-size:11px;
    }

    table td {
    
    padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
border: 1px solid #cac6c6;
font-size: 13px;
    
    
    
    
    }

td {
    
    padding-left: 5px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;
text-align: left;
border: 1px solid #cac6c6;
font-size: 13px;
    
    
    
    
    }



 a {
text-decoration:none;
}

.reparaties .editblock {

    height:80px;
    width: 400px;
    margin-top:20px;


}


.reparaties .editblock textarea{

    height:80px;
    width: 400px;


}


.editblock {



padding-left: 2%;
padding-right:2%;
height:45px;
display:inline-block;
float:left;
    }



.editblock .editorlabel {
    
    display:inline-block;
    padding-left:2%;
    font-size:11px;
    min-width: 100px;

 
    }

/*.editblock .editorfield  {

           background-color:white; 
            border-radius:4px;
            outline-style:none;
            border-color:white;    
            padding-left:2px;       
        }*/


select {

width:inherit;
}

.editblock .editorfield select{
  width:190px;
  border-radius:4px;
  border: 1px solid #aaaaaa ;
 
   
      }


.A4 {

padding:0 0 0 0 !important;

    height: 30cm;
    margin-bottom:0;
    
}


.factuurmargins {

margin-left: 15px;
margin-right:15px;
min-height:30.255cm;

    

}

    .factuurmargins .refs {

display:inline-block;
width:50%;
margin-top:30px;
float:left;

    }

      .factuurmargins .refs .editorfield{

display:inline-block;
margin-bottom:5px;
font: 16px bold calibri, arial;

    }

 .factuurmargins .refs .editblock .editorlabel {

     padding-left:0

}

.factuurproducten {

margin-top:20px;
padding-top: 10px;
min-height:70px;
background-color: #cac6c6;
margin-bottom:20px;

}

.factuurproducten .editblock {

padding-left:1px;
padding-right:0px;
margin-left:1px;


}

.factuurproducten .editblock .editorfield {

margin-right:2px;
margin-left:2px;
margin-left:1px;


}

    .factuurproducten .editblock input[type="text"] {
  
       width:95%;
        
           
          }

    
.login {

width:250px;
height:200px;
background-color:#cac6c6;
left:50%; 
margin-left:-250px; 
position:fixed;
top:50%;
margin-top:-100px;
    


}

    .login .editblock {
    
    width:46%;
    margin-left:16%;
    
    }


.logout {

display:inline-block;
float:right;
margin-right:25px;
margin-top:45px;

}
    .logout a {
    
        color:#fff;
    }

.icl {
    margin-top:25px;
    font: 10px calibri, arial;
    display:inline-block;
        
}
.totaal {

    display:inline-block;
    margin-left:680px;
    margin-top:20px;
    font: calibri, arial;
    font-size:26px;

}


.totaal table td {

    
    font:  calibri, arial;
    font-size:18px;
    text-align:right;

}


.contact {

height:140px;
}

.contact .derde .editblock {
height:20px;
width:100%;

}

.contact .derde .picture {
height:80%;
width:20%;
border:1px solid #cac6c6;
display:inline-block;
float:left;
margin-right:20px;

}


.contact .derde .editorlabel {
    color:#808080;
    width:30%;
    display:block;
    float:left;
    font-size:14px;
    padding-top:3px;

    
}

.contact .derde .editorfield {

    width:60%;
    display:inline-block;
    float:left;

}

.contact .derde input[type="text"] {

    border:none !important;
    border-color:none;
    
    

}


.container {

margin-left: 10px
}

    .container .order {
    
    
    margin-top: 10px;
    margin-bottom:10px;
    background-color:#fff8e8;
    height:auto;
    
    
    }

    .container .order table {

        margin-left:5px;
        margin-bottom:5px

    }
        .container .order tr {
        
        
        
        border: 2px solid #808080;
         margin-bottom:5px
        
        
        }


        .container .order .editorfield {
        
        background-color: white;
font-size: 12px;
border-radius: 4px;
 }


.controle{
    background-color:#f6f378;

}



        
        
       

.filterblock {



padding-left: 0%;
padding-right:0%;
height:45px;
display:inline-block;
float:left;

    }

.filterblock .filterlabel {
    
    display:inline-block;
    padding-left:2%;
    font-size:11px;
    min-width: 100px;

    }

    .filterblock .filterlabel .filterfield {

        width:100%;
    }

   

.header
{
background : url(images/Cottry-eubanner.jpg) no-repeat right 10px center black ;

background-size: 80px;
height: 65px;
border-bottom: 2px solid #808080;
position: relative;
}

/*.footerimg {

    position:absolute;
bottom:0;

padding:0 0 0 0 !important;
}*/


.header .nav
{
    position : absolute;
    bottom: 0;
    
}

.header .nav ul
{
    list-style: none;
    display: block;


}
.header .nav li
{
      list-style: none;
      display:  inline-block;

}
.header .nav li a
{
      
      color: #fff;
      display: block;
      padding: 3px 15px;
      text-align: center;
      margin-right: 2px;
      text-decoration : none;
      text-transform: capitalize;
      border-color:#fff;
      border-style:solid;
      border-width:1px;

}

.header .nav li a:hover
{
      background-color: #0097FF;
}
.header .nav li a.currentpage
{
    background-color: #0097FF;
}

.DTTT_container ui-buttonset ui-buttonset-multi {

    background-color:#0097FF;
}

.dataTables_filter {
 background-color:#0097FF;}


.content-left
{
float:left;
width:77%;
background-color:#fff;
margin-left:1%;
margin-top:1%;

}

    .content-left li a
    {
        text-decoration:none;
        text-decoration-color: black;
    }
.content-right
{
    float:right;
    width:20%;
    background-color: #40ee0d;
    height:600px;
}

.afspraken-partial
{
    min-height:250px;
    padding:4px 4px 4px 4px;
    margin: 2px;
    background-color: #808080;
    color: white;
   
    }
.afspraken-partial a
{
   
    color: white;
    }
.afspraken-partial table
{
 
    
   
    }


.Kassa
{
    height:250px;
    padding:4px 4px 4px 4px;
    margin: 2px;
    background-color: #cac6c6;
   
}

.Kassa .totaal .tebetalen{

margin-left:70px;
margin-top:10px;
padding:5px 5px 5px 5px;
width:130px;
background-color:#acef90;
text-align:center;
display:inline-block;
float:left;
font-weight:600;

}

.Kassa .totaal .bedrag{

margin-left:5px;
margin-top:10px;
padding:5px 5px 5px 5px;
width:50px;
background-color:#acef90;
text-align:end;
display:inline-block;
float:left;
font-weight:600;


}

.Kassa .totaal .bedragindicatief{

margin-left:35px;
margin-top:10px;
padding:5px 5px 5px 5px;
width:50px;
background-color:#fcd18d;
text-align:end;
display:inline-block;
float:left}


.Kassa .totaal .bedraglensclub{

margin-left:35px;
margin-top:10px;
padding:5px 5px 5px 5px;
width:50px;
background-color:#fcd18d;
text-align:end;
display:inline-block;
float:left;

}

.balk {

display: inline-block;


}

.sub a {
        text-decoration:none;
            color:white;
            font-weight:400;
            padding:5px 5px 5px 5px;
            line-height:10px;
          
            
    }
.sub {

display: inline-block;
min-width:20px;
background-color:black;
color:#fff;
margin:2px 1px 2px 0px;
padding: 5px 5px 5px 5px;
float:left;


}
    

 .afrekenen {

    display:block;
    margin-bottom:0px;
    height:50px;
    
    padding-left:10px;
    margin-left:10px;



    }



.footer
{
    text-align:right;
    padding:20px;
}
.clear
{
    clear: both;
}
body, html, .wrapper
{
    width: 100%;
    height: 100%;

}

.leverancierscontact .editblock
{

    width:250px;
background-color:#cac6c6;


}
.contactpersonenoverview tr
{
    grid-column-align: stretch;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    outline-width: thick;
    padding: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 20px;
    text-align: left;
}

.contactpersonenoverview .datatable {

width:990px;
}

.contactpersonenoverview .datatable table{

width:990px;
table-layout:fixed;
}

.contactpersonenoverview a
{
    text-decoration:none;
    color:#808080;
    column-width:100px;
    
}



     

.actionlink a
{
background-color: #808080;
      color: #fff !important;
      display: block;
      padding: 3px 15px;
      text-align: center;
      margin-right: 2px;
      width: 200px;      
      text-transform: capitalize;
      float: right;
      text-decoration : none;  
           
}
.actionlink a:hover
    {
        background-color:black;
    }
.basisgegevens
{
    display:inline-block;
    width:85%;
    float:left;
    
    padding:0px 5px 0px 5px;
    
}

.basisgegevensLev
{
    display:inline-block;
    width:70%;
    float:left;
    height:170px;
    padding:10px 0px 0px 0px;
    margin-bottom:10px;
    background-color: #cac6c6;
     
}

    .basisgegevens .top {
    
    height:180px;
    margin-bottom:4px;
    background-color: #cac6c6;
     padding-top:10px;
    }

     .basisgegevens .bottom {
    
    min-height:50px;
    margin-bottom:4px;
    background-color: #cac6c6;
    padding-top:10px;
    padding-bottom:10px;
    }
    

    .basisgegevens .editblock {

display: inline-block;
padding-left: 2%;
padding-right:2%;
height:40px;
width:200px;

    }

   .basisgegevens .editblock .editorlabel {
    
    display:inline-block;
    padding-left:2%;
    font-size:11px;

 
    }


    .basisgegevens  .editblock .editorfield input[type="text"]{
  width:170px;
  display:inline-block !important;
       }

        .basisgegevens .editblock .editorfield textarea {

            border-radius:4px;
            outline-style:none;
            border-color:white;           
        }

textarea {

width:inherit;}




    
    .basisgegevens .editblock .editorfield input[type="password"]{
  width:190px;
  border-radius:4px;
  border-style:none;
       }

   


    .basisgegevens .contactlabel
    {
        font-size:11px;
        font-weight:bold;
        margin-left: 4px;
        padding-top: 4px;
        padding-right:6px;
        width:100px;
        display:inline-block;
        text-align:right;

    }

.artikel {

background-color:#cac6c6;
width:300px;
min-height:150px;
padding-top:15px;
display:inline-block;
float:left;
}

.diameters {
display:inline-block;
width:303px;
margin-left:3px;

   

}

.diameters .editorfield {

background-color: white;
font-size:14px;
border-radius: 4px;
margin-left:35px;
margin-right:2px;
padding-left: 2px;

width:50px;
    }

.diameters .lijst {
    
    
        background-color:#cac6c6;
        width:150px;
        display:inline-block;
        float:left;
    }

 .diameters .toegewezen {
    
    
        background-color:#cac6c6;
        width:150px;
        margin-left:3px;
        display:inline-block;
          float:left;
    }

 .diameters .toegewezen .editorfield {

background-color: white;
font-size:14px;
border-radius: 4px;
margin-left:40px;
margin-right:2px;
padding-left: 2px;
width:50px;
margin-top:5px;
margin-bottom:5px;


    }


 .krommingen {
display:inline-block;
width:303px;
margin-left:3px;

   

}

 
 .artikelhoeveelheden {
display:inline-block;
width:303px;
margin-left:3px;

   

}

 .artikelhoeveelheden .lijst {
    
    
        background-color:#cac6c6;
        width:150px;
        display:inline-block;
        float:left;
    }

 .artikelhoeveelheden .lijst a {
    
  width:25px;  
       
    }

  .artikelhoeveelheden .toegewezen {
    
    
        background-color:#cac6c6;
        width:150px;
        display:inline-block;
        float:left;
        margin-left:2px;
    }

 .artikelhoeveelheden .toegewezen a {
    
  width:25px;  
       
    }


 .artikelhoeveelheden .editorfield {

background-color: white;
font-size:14px;
border-radius: 4px;
margin-left:12px;
margin-right:2px;
padding-left: 2px;
margin-bottom:4px;

width:60px;
    }

 
 .artikelhoeveelheden .toegewezen .editorfield {

background-color: white;
font-size:14px;
border-radius: 4px;
margin-left:4px;
margin-right:2px;
padding-left: 2px;

width:100px;
    }

.krommingen .editorfield {

background-color: white;
font-size:14px;
border-radius: 4px;
margin-left:35px;
margin-right:2px;
padding-left: 2px;

width:50px;
    }

.krommingen .lijst {
    
    
        background-color:#cac6c6;
        width:150px;
        display:inline-block;
        float:left;
    }

 .krommingen .toegewezen {
    
    
        background-color:#cac6c6;
        width:150px;
        margin-left:3px;
        display:inline-block;
          float:left;
    }

 .krommingen .toegewezen .editorfield {

background-color: white;
font-size:14px;
border-radius: 4px;
margin-left:40px;
margin-right:2px;
padding-left: 2px;
width:50px;
margin-top:5px;
margin-bottom:5px;


    }




.spleetlamponderzoek {

background-color:#cac6c6;
width:300px;
}

.artikelcategorie

{


width:300px;
height:70px;
padding-top:15px;
}

    

     

.artikelgebruikfiche {

    display:inline-block;
    float:left;
    width:99%;
    margin-left:1%;
    margin-bottom:2px;
  
}

.artikelgebruikfiche .item {

    display:inline-block;
    float:left;   
    margin-bottom:2px;
    margin-left:1px;
    width:98%;
  
}


    .artikelgebruikfiche .editblock {
  background-color:#808080;
height:33px;
width:100%;
padding: 0 0 0 0;

    }

      .artikelgebruikfiche .editblock .editorlabel{

color:#fff;
    }

    .artikelgebruikfiche .editblock .editorfield {

background-color: white;
font-size:14px;
border-radius: 4px;
margin-left:1%;
margin-right:1%;
padding-left: 2px;
    }


.lensmerk

{

background-color:#cac6c6;
width:300px;
height:70px;
padding-top:15px;
}


         .spleetlamponderzoek .editblock {

display: inline-block;
padding-left: 2%;
padding-right:2%;
height:40px;
width:200px;

    }

   .spleetlamponderzoek .editblock .editorlabel {
    
    display:inline-block;
    padding-left:2%;
    font-size:11px;

 
    }


    .spleetlamponderzoek  .editblock .editorfield input[type="text"]{
  width:180px;
       }

        .spleetlamponderzoek .editblock .editorfield textarea {

            border-radius:4px;
            outline-style:none;
            border-color:white;           
        }




   .contactlabel
    {
        font-size:11px;
        font-weight:bold;
        margin-left: 4px;
        padding-top: 4px;
        padding-right:6px;
        width:100px;
        display:inline-block;
        text-align:right;

        

    }

.leftoog {

display:inline-block;
width:60px;


}



.rightoog {

display:inline-block;
width:60px;
float:right;


}

.center {

text-align:center;
}

.centerooginline {

display:inline-block;
width:33%;
float:left;

}

.centerooginline .centeroog {
display:block;
margin-left:auto;
margin-right:auto;
width:60px;

}

 




.left
{
float:left;
display:inline-block;
}

.right
{

float:right;
}

.center {

margin-left:auto;
margin-right:auto;

}


.boeken .left
{
    display:inline-block;
    float:left;
    width:150px;
}

.boeken .right
{
    display:inline-block;
    float:left;
    width:250px;
}

.boeken .contactenautocomplete
{
    width:250px;
    border:1px solid;
    
    border-color:grey;
}

.boeken .datepicker
{
    width:250px;
}

.boeken .basisonderzoek
{
    width:250px;
}

.boeken .extrainfo
{
    height:150px;
    width:247px;
}

    .floatleft
{
    
    float:left;
    width:50%;
}

        .float-left
{
    
    float:left;
    
}
               .float-right
{
    
    float:left;
    
}

.basisgegevens .float-left {

     float:left;
     margin:0 0 0 0;
     height:15px;
}

.floatright
{
   
    float:right;
    width:50%;
}
.bijzonderheden
{
    width:48%;
   height:300px; 
      background-color:#b2a5e5;
      padding: 0px 1px 1px 0px;
      display: inline-block;
      margin: 1% 0 0 1%;
      
      

}

.contact-detail {

display:block;

}

.contact-detail .leftblock {

display:inline-block;
float:left;
width:35%;


background-color:#efecec;

}

    .contact-detail .leftblock .editblock {
    
    display:inline-block;
    height:22px;
    background-color:#acef90;
    width:150px; 
 
    }

    .contact-detail .rightblock {

display:inline-block;
float:left;
width:64%;
margin-left:1%;
min-height:70px;

background-color:#fae6a7;

}


     .contact-detail .rightblock .editblock {
    
    display:inline-block;
    height:auto;
    

   
    }
       .contact-detail .rightblock .editblock .editorfield {
    
    border:solid 1px #fff8e8;
    border-radius:5px 5px 5px 5px;
    padding: 1px 1px 1px 3px;
    margin-bottom:5px;

   
    }



.afsprakenklant
{
   width:49%;
   height:300px; 
      background-color:#b2a5e5;
      float:left;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;
}
.productgebruik
{ 
    width:99%;
    position:relative;
    
      background-color:#cac6c6;
      float:left;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;
}


    .productgebruik .item {
    
    min-height:90px;
    
    
    }

.derde {

width:33%;
float:left;
display:inline-block;
height:150px;

}

.orders
{ 
    width:99%;
    position:relative;
   min-height:50px; 
      background-color:#cac6c6;
      float:left;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;
}

    .orders table {
        border:1px solid grey;
        margin-left:3px;
        margin-bottom:3px;

    }

      .orders table td{
        border:1px solid grey;

    }


.aankopen
{ 
    width:99%;
    position:relative;
   min-height:50px; 
      background-color:#cac6c6;
      float:left;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;
}

.opvolging
{ 
    width:99%;
    position:relative;
   min-height:50px; 
      background-color:#cac6c6;
      float:left;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;
}



.tussentijdse
{
     width: 100%;
   height:300px; 
      background-color:#cac6c6;
      float:right;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;

}

.spleetlamp
{
     width: 100%;
   height:360px; 
      background-color:#f6f378;
      float:right;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;

}
.refractie
{
     width:100%;
   height:175px; 
      
      float:right;
          padding: 0px 0px 0px 0px;
          margin: 0 0 0 0;
          padding-top:0px;
}

.refractie .block
{

    background-color:#f6f378;
   display:block;
   height:168px;
   margin-top:5px;
    padding-top:2px;
}



    .refractie .RO {
    display:inline-block;
    width:33%;
    float:left;
    }

    .refractie .LO {
        display: inline-block;
        width: 33%;
        float: left;
    }
    .refractie .extrainfo {
    display:inline-block;
    width:33%;
    float:left;}


    .tussentijdsecontrole
{
    
}

     .tussentijdsecontrole .aanpassen
{
     width:82%;
   height:420px; 
      background-color:#cac6c6;
      float:left;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;
          padding-top:10px;
}



        .tussentijdsecontrole  textarea {
    
               border-radius:4px;
            outline-style:none;
            border-color:white;   
               width:98%; 
margin-bottom:20px;
        
        }

          .tussentijdsecontrole .beideogen .editblock {
    
margin-bottom:20px;
width:28%;
padding-left:1%;
padding-right:1%;
        
        }

           .tussentijdsecontrole .beideogen input[type="text"] {
    
               
               width:220px; 
  
        }


    .tussentijdsecontrole .ro {
    display:inline-block;
    width:48%;
     float:left;
    background-color:#808080;
 margin-left:1%;
 margin-right:1%;
    }

        .tussentijdsecontrole .ro .editblock {
        width:45%;
        height:60px;
        padding-left:1%;
        margin-left:1%;
         padding-right:1%;
        
        }

            .tussentijdsecontrole .ro .editblock .editorlabel {
       color:#fff;
        
        
        }


    .tussentijdsecontrole .lo {
        display: inline-block;
        width: 48%;
        float: left;
           background-color:#808080;
 margin-left:1%;
 margin-right:1%;

    }
  

       .tussentijdsecontrole .lo .editblock {
       width:45%;
        height:60px;
        padding-left:1%;
        margin-left:1%;
         padding-right:1%;
        }

            .tussentijdsecontrole .lo .editblock .editorlabel {
       color:#fff;
        
        
        }


        .tussentijdsecontrole .lijst .item{

width:82%;
 height:250px;
  margin:4px 0 0 0;
   background-color:#acef90; 
   display:inline-block; 
   float:left
      }


        .tussentijdsecontrole .lijst .item .editblock {
        
        
        width:16%;
        height:55px;
        margin-bottom:3px;

     margin-left:5px;
     padding:0px 0px 0px 0;
     
        
       
        }
        
             .tussentijdsecontrole .lijst .item .ro .editblock  {
        
        
        width:32%;
        height:55px;
        margin-bottom:3px;
    margin-left:3px;
       padding:0px 0px 0px 0;
        
       
        }

            .tussentijdsecontrole .lijst .item .ro .editblock .editorfield{
            
            width:100%;
            
            }



          .tussentijdsecontrole .lijst .item .editorfield{

background-color: white;
font-size: 12px;
border-radius: 4px;


  height:40px;
  width:100%;
 
        }



        .tussentijdsecontrole .lijst .ro {

width:48%;
background-color:#808080;
margin-top:5px;

       }

    

           .tussentijdsecontrole .lijst .ro .editorfield {

width:150px;
margin-left: 1px;
margin-right: 1px;


       }


      .tussentijdse .item{

width:100%;
 height:65px;
  margin:4px 0 0 0;
   background-color:#acef90; 
   display:inline-block; 
   float:left
      }


.tussentijdse .editorlabel {

    color:#fff;

}




        .tussentijdse .item .editblock {
        
        
        width:16%;
        height:55px;
        margin-bottom:3px;

     margin-left:0.6%;
     padding:0px 0px 0px 0;
     
        
       
        }
        
             .tussentijdse .item .ro .editblock  {
        
        
        width:32%;
        height:55px;
        margin-bottom:3px;
    margin-left:3px;
       padding:0px 0px 0px 0;
        
       
        }

            .tussentijdse .item .ro .editblock .editorfield{
            
            width:100%;
            
            }



          .tussentijdse .item .editorfield{

background-color: white;
font-size: 12px;
border-radius: 4px;


  height:40px;
  width:100%;
 
        }


          

      


        .tussentijdse .ro {

width:48.5%;
background-color:#808080;
margin-top:5px;
display:inline-block;
float:left;
margin-left:1%;

       }

            .tussentijdse .ro .editorlabel {
            
                color:#fff;
            
            
            }

           .tussentijdse .ro .editorfield{

background-color: white;
font-size: 12px;
border-radius: 4px;


  height:40px;
  width:100%;
 
        }


            .tussentijdse  .ro .editblock  {
        
        
        width:32%;
        height:55px;
        margin-bottom:3px;
    margin-left:3px;
       padding:0px 0px 0px 0;
        
       
        }



               .spleetlamp .item{

width:100%;
 height:65px;
  margin:4px 0 0 0;
  
   display:inline-block; 
   float:left
      }

                .spleetlamp .item .both{


height:65px;
width: 300px;
  margin-left:1%;
   background-color:#808080;
   display:inline-block; 
   float:left
      }




                   .spleetlamp .ro .editorlabel {
            
                color:#fff;
            
            
            }

           .spleetlamp .ro .editorfield{

background-color: white;
font-size: 12px;
border-radius: 4px;


  height:40px;
  width:100%;
 
        }

            .spleetlamp  .ro .editblock  {
        
        
        width:32%;
        height:55px;
        margin-bottom:3px;
    margin-left:3px;
       padding:0px 0px 0px 0;
        
       
        }

               .spleetlamp .ro {

width:48.5%;
background-color:#808080;
margin-top:5px;
display:inline-block;
float:left;
margin-left:1%;

       }

                   .spleetlamp .item .editorfield{

background-color: white;
font-size: 12px;
border-radius: 4px;


  height:40px;
  width:100%;
 
        }


          .spleetlamp .editorlabel {

    color:#fff;

}

    

           /*.tussentijdse .lijst .ro .editorfield {

width:20px;
margin-left: 0px;
margin-right: 0px;


       }*/





.content-left .floatright .refractie .editblock {

display:inline-block;
float:left;


}

.content-left .floatright .refractie .editorlabel {

font-size:12px;

}

.content-left .floatright .refractie .editorfield {

background-color:white;
width:150px;
border-radius:4px;
padding-left:2px;

}

.content-left .floatright .refractie .editoropmerkingen {

background-color:white;
width:150px;
height:65px;
border-radius:4px;
padding-left:2px;

}




.LO {

    width:210px;
   
    float:left;
    display:inline-block;

}

.LO .editblock {

display: inline-block;
padding-left: 2%;
height:45px;
width:100%;

    }

    .LO .editblock .editorlabel {
    display:inline-block;
    padding-left:2%;
    font-size:12px;
 
    }


         .LO .editblock .editorfield input[type="text"]{
   width:180px;
   
       }


.refractieonderzoek .editblock .editorfield select {
width: 190px;
border-radius: 4px;
border-style: none;
}

    
.RO {

    width:210px;
  
    float:left;
    display:inline-block;

}

.vijftigprocent {

    width:48%;
    padding-left:1%;
    padding-right:1%;
    float:left;
    display:inline-block;

}

    .vijftigprocent th {
    
    background-color:#cac6c6;
    line-height:22px;
  
    border-bottom:solid 4px white;
    
    }

       .productlijstgebruik th {
    
    background-color:#cac6c6;
    line-height:22px;
  
    border-bottom:solid 4px white;
    
    }


.RO .editblock {

display: inline-block;
padding-left: 2%;
padding-right:2%;
height:45px;
width:100%;


    }

    .RO .editblock .editorlabel {
    display:inline-block;
    padding-left:2%;
    font-size:12px;

 
    }

        .RO .editblock .editorfield input[type="text"]{
  width:180px;
   
      }

 

.plusteken {
width:25px;
float: right;
}

.rechtsonder {
display:inline-block;
width:25px;
position:absolute;
bottom:0;
right:2px;




}

  input[type="text"]{

        border:1px solid #aaaaaa !important; 
}

.datepicker {

    border:1px solid black !important; 
    
}
.datepicker3months
{

    border:1px solid black !important; 
    
}

.plusteken a  {

       text-decoration:none;
       float:right;
    width:25px;
    color:white;
    background-color:black;
    text-align:center;
 
}

.plustekenplus  {

       text-decoration:none;
       float:right;
    width:25px;
    color:white;
    background-color:black;
    text-align:center;
 
}


   input[type="text"]{
  border: none;
  border-radius:4px;
  padding-left:5px;
  padding-right:5px;
   


 
    }
  



.title {

    color:#808080;
    font-size:larger;
    font-weight:200;
    height:25px;
    text-align:center;

    
}


.title-left{

    color:#808080;
    font-size:larger;
    font-weight:200;
    height:25px;
    text-align:left;

    
}

.speetlamp
{
     width:100%;
   height:300px; 
      background-color:#cac6c6;
      float:right;
          padding: 0px 1px 1px 0px;
          margin: 1% 0 0 0;
}

.onderzoeklinks {
width:82%;
float:left;
display:inline-block;

}
.onderzoekrechts {
width:18%;
float:left;
display:inline-block;

}

.onderzoeklinks .eigenonderzoek {

    background-color:#cac6c6;
    height:140px;
    padding:4px 4px 4px 4px;
    margin-bottom:4px;

}

.onderzoeklinks .eigenonderzoek .eigenmetingrechts
{

  display:inline-block;
  float:left;
  width:350px;

}

.onderzoeklinks .list {

    font-size:12px;

}

.basisgegevensLev .list {

  font-size:12px;
}



    .onderzoekrechts .menuitem a{
    float:right;
    display:block;
    width:150px;
    height:21px;
    text-decoration: none;
    background-color:black;
    color:white;
    text-align:center;
    padding-top:4px;
    margin-bottom:2px;

    
    }
.floatrighttop {

    float: right;

}

.floatlefttop {

    float: left;

}

.bestellingsproducten table td {


    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    text-align:left;
    border:1px solid #cac6c6;
    font-size:13px;

}

.bestellingenleveranciers table td {


    padding-left:5px;
    padding-right:5px;
    padding-top:1px;
    padding-bottom:1px;
    text-align:left;
    border:1px solid #cac6c6;
    font-size:13px;

}

.ticket {


height:150px;
width:180px

}

#ticketprint {

border:none;
border-style:none;
width:180px;
height:180px;

}


/*.ui-widget {

font-size:100%;
font-family:Arial;
font:normal;


}

.ui-tabs-anchor {

height:10px;
font-size:11px;

}

.ui-tabs .ui-tabs-nav {
padding:0 0 0 0;
margin:0;


}

.ui-widget-content {

height:10px;

}

ui-tabs ui-widget ui-widget-content ui-corner-all {

height:10px;

}


.ui-tabs .ui-tabs-nav {

height:20px;
}

 .ui-tabs .ui-tabs-nav li a {
    
   padding:0 0 0 0; 
    }

.ui-tabs .ui-tabs-panel {

height:10px;
padding:0 0 0 0;

}

.ui-tabs-panel ui-widget-content ui-corner-bottom {

height:10px;

}
ui-tabs-anchor {

    height:10px;
    padding:0 0 0 0;


}*/
.algemenevoorwaarden {
    font-size: 0.9em;
   
    bottom: 200px;
}