html { margin: 0px; padding: 0px; border: 0px; border-image: none; height: 100%; }
body { font: 14px/normal Verdana, Tahoma, Arial; margin: 0px; padding: 0px; font-size-adjust: none; font-stretch: normal; border: 0; outline: 0; vertical-align: baseline; color: #404040; height: 100%; }
  
.container { margin: 0px; padding: 0; width: 100%; height: 100%; min-height:100%; border: 0px; }

.header { margin:0px; padding: 0; }
      
h1 { font: 16px/normal; font-size-adjust: none; font-stretch: normal; font-weight: bold; color: #fff; padding: 0px 10px 0px 10px  }
h2 { font: 14px/normal; font-size-adjust: none; font-stretch: normal; font-weight: normal; color: #fff;  padding: 0px 10px 0px 10px  }
h3 { font: 14px/normal; font-size-adjust: none; font-stretch: normal; font-weight: normal;  padding: 0px 10px 0px 10px  }
h4 { font: 12px/normal; font-size-adjust: none; font-stretch: normal; font-weight: normal; color: #fff;  padding: 0px 10px 0px 10px  }

p { font: 15px/normal; font-size-adjust: none; font-stretch: normal; font-weight: normal; line-height: 120%; padding: 0px 10px 0px 10px; }

  
input { font: 16px/normal Verdana, Tahoma, Arial; font-size-adjust: none; font-stretch: normal; font-weight: normal; line-height: 150%; width: 94%; border-radius: 0px;    }
textarea { font-size-adjust: none; font-stretch: normal; font-weight: normal; line-height: 105%; width: 100%; border-radius: 5px;  }

.logo { background-image: url(codetek.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 40px; height: 50px}

table {border-spacing: 10px}
td { border-radius: 5px; vertical-align: top;}

.data {border-spacing: 0px; padding: 0px 0px 0px 0px; width:100%; }
.row { height: 32px; }
.odd { height: 32px; background-color: #f9f9f9;}
.tot { height: 32px; background-color: #f0f0f0;}
.hdr { height: 32px; background-color: #f0f0f0;}
.sep { height: 1px; background-color: #e1e1e1; padding: 0px; }
.l1 { font: 15px/normal; border-radius: 0px; padding: 6px 4px 6px 10px; width:100%; }
.l2 { font: 15px/normal; font-weight: bold; border-radius: 0px; padding: 6px 4px 6px 10px; width:100%; }  
.l3 { font: 18px/normal; font-weight: bold; font-size:150%; border-radius: 0px; padding: 6px 4px 6px 10px; width:100%; }  

.r1 { font: 15px/normal; border-radius: 0px; text-align: right; padding: 6px 10px 6px 4px; width:auto; }  
.r2 { font: 15px/normal; font-weight: bold; border-radius: 0px; text-align: right; padding: 6px 10px 6px 4px; width:auto;}  
.r3 { font: 18px/normal; font-weight: bold; font-size:150%; border-radius: 0px; text-align: right; padding: 6px 10px 6px 4px; width:auto;}  

.c1 { font: 15px/normal; border-radius: 0px; text-align: center; padding: 6px 10px 6px 4px; width:auto; }  
.c2 { font: 15px/normal; font-weight: bold; border-radius: 0px; text-align: center; padding: 6px 10px 6px 4px; width:auto;}  
.c3 { font: 18px/normal; font-weight: bold; font-size:150%; border-radius: 0px; text-align: center; padding: 6px 10px 6px 4px; width:auto;}  

.t1 { font: 10px/normal; border-radius: 0px; padding: 0px 10px 0px 10px; }
.t2 { font: 10px/normal; font-weight: bold; border-radius: 0px; padding: 0px 10px 0px 10px; }  
      
a { color: #0094ff; text-decoration: none }
a:hover { color: #92a5bc; }
        
.content { margin: 0px; font-size-adjust: none; font-stretch: normal; padding: 0;  }

footer { 
   font: 10px/normal Tahoma, Arial;
   font-size-adjust: none; 
   font-stretch: normal;
   text-align:center; 
   margin-top:auto;
   padding: 0px 20px 0px 20px;
   border-top: 1px dotted #c7ccd3; 
   display:block;
}

.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 50px;
  background-color: #00a087;
}

table#items {
    border-collapse: collapse;   
}
#items tr {
    background-color: #eee;
    border-top: 1px solid #fff;
}
#items tr:hover {
    background-color: #ccc;
}
#items th {
    background-color: #fff;
}
#items th, #example td {
    padding: 3px 5px;
}
#items td:hover {
    cursor: pointer;
}