BODY { background-color:	#ffffff; }

img { max-width: 100%;
      height: auto;
      margin: auto;
    }

* { box-sizing: border-box; }

.row:after { content: "";
             clear: both;
             display: block;
           }
[class*="col-"] { float: left;
                  padding: 15px;
                }
html { font-family: "Lucida Sans", sans-serif; }

.header { background-color: #000080;
          color: #ffffff;
          margin: auto;
        }
.menu ul { list-style-type: none;
           margin: 0;
           padding: 0;
         }
.menu li { border-radius: 10px;
           padding: 8px;
           margin-bottom: 7px;
           background-color :#000080;
           color: #ffffff;
           box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
         }
.menu li:hover { background-color: #0099cc; 
          color: #ffffff;
          text-decoration: none;
        }
.menu a { background-color: #000080;
          color: #ffffff;
          text-decoration:none;
        }
.activemenu li { border-radius: 10px;
           padding: 8px;
           margin-bottom: 7px;
           background-color :#800080;
           color: #ffffff;
           box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
         }
.activemenu li:hover { background-color: #800080; 
          color: #ffffff;
          text-decoration: none;
        }

.aside { background-color: #33b5e5;
         padding: 15px;
         color: #ffffff;
         text-align: center;
         font-size: 14px;
         box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
       }
.subheader { background-color: #ffffff;
             color: #000080;
             font-size: 18px;
             padding: 15px;
           }
.smalltext { background-color: #ffffff;
             color: #000080;
             font-size: 12px;
             padding: 15px;
           }
.machinetable { background-color: #ffffff;
             color: #000080;
           }
           
.errorbox { border-radius: 10px;
           border: 1px solid #ff0000;
           padding: 8px;
           margin-bottom: 7px;
           background-color :#ffffff;
           color: #ff0000;
           box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
         }

.buttonbox { 
           border-radius: 10px;
           border: 2px solid #000080;
           padding-top: 5px;
           margin: 5px;
           background-color :#ffffff;
           color: #000080;
           overflow: auto;
         }
.calendardatebox { 
           margin: 0;
           padding: 20px;
          }
.calendardate { background-color : #ffffff;
                color: #000080;
                font-size: 18px;
              }
.paragraph
         { border-radius: 10px;
           border: 1px solid #000080;
           padding: 4px;
           margin-top: 15px;
           margin-bottom: 15px;
           font-size: 14px;
           background-color :#ffffff;
           color:  #000080;
           box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
         }

.mousehand { cursor:pointer; padding-top: 10px; }
td.categorie {color: #000080; font-size: 16; font-weight: bold}
td.item      {color: #0;      font-size: 12; text-indent: 20}
     
.footer { background-color: #000080;
          color: #ffffff;
          text-align: center;
          font-size: 14px;
          padding: 5px;
        }
.footer a { background-color: #000080;
          color: #ffffff;
          text-decoration:underline;
        }

[class*="col-"] { width: 100%; }          /* For mobile phones: */    
@media only screen and (min-width: 600px) /* For tablets: */
 {  .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
 }
@media only screen and (min-width: 768px) /* For desktop: */ 
 {  .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
 }



tr.list_odd     {background-color: #EEEEEE; color: #1C3879; font-family: Verdana; font-size: 12;}
tr.list_even    {background-color: #FFFFFF; color: #1C3879; font-family: Verdana; font-size: 12;}