body{
font-family:Roboto;
padding:0px;
margin:0px;
font-size:15px;
}

#menu{
padding:10px;
background-color:#990000;
text-align:center;
}

#menu a{
margin-left:20px;
color:white;
}

.table{

width:1000px;
margin:auto;
}

.table th{
text-align:left;
}

.table td{
margin:0px;
}

.table tr:nth-child(2n+1) td{
background-color:#F9F9F9;

}

.table tr:hover td{
background-color:#333333;
color:white;
}

input, select{
padding:10px;
font-size:15px;
border-radius:5px;
}

.edit{
display:block;
width:20px;
height:20px;
padding:5px;
background-color:#3333CC;
background-image:url("/images/edit_white.png");
background-repeat:no-repeat;
background-position:50% 50%;
cursor:pointer;
}

.delete{
display:block;
width:20px;
height:20px;
padding:5px;
background-color:#CC0000;
background-image:url("/images/delete_white.png");
background-repeat:no-repeat;
background-position:50% 50%;
cursor:pointer;
}

.submit {
float:left;
border-radius:5px;
color:#000000;
padding:10px;
border:1px solid #003300;
cursor:pointer;
margin:5px;
}

.submit:hover{
background-color:#009900;
color:white;
}

.submit.red{
background-color:#990000;
}

.submit.red:hover{
background-color:#CC0000;
}

td.edit_td{
width:30px;
}

.clear{
clear:both;
}

.box{
width:19%;
min-width:200px;
line-height:25px;
float:left;
padding:5px;
border:solid 1px #CCCCCC;
height:250px;
}

.box .header{
background-color:#FFCC99;
padding:5px;
}

select{
line-height:30px;
}

.box2{
padding:3px;}

.icon{
height:30px;
width:30px;
display:block;
font-size:20px;
line-height:30px;
cursor:pointer;
padding:7px;
}


.fa-delete-left{
color:#990000;
}

.fa-edit{
color:#66CCFF;
}

.fa-print{
color:#666666;
}

.fa-list{
color:#00CC00;
}

.deleted{
text-decoration: line-through;
color:#666666;
}

.fa-warehouse{
color:#FF6600;
}