body {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
}        
table th {
    /*background-color: black;
    color: white;
    */
    padding: 5px;
}        
table td,
table th {
    border: 1px solid black;
    padding: 5px;
}        
td:nth-child(3) {
    text-align: center;
}        
.red {
    background-color: crimson;
}
.green {
    background-color: darkgreen;        
}
.orange {
    background-color: orange;
}
.silver {
    background-color: silver;
}
pre {
    display: block;
}
pre.close{
    display: none;
}
#drop_zone {
    border: 5px solid darkgreen;
    background-color: darkgreen;
    color: white;
    text-align: center;
    font-size: 30px;
    width: 100%;
    height: 100px;
}
#drop_info {
    margin: 10px;
    text-align: center;
    font-size: 21px;
    color: #aa0000;
}
.wrapper {            
    padding: 0;
    margin: 20px 0px;
    
}
#drop_info {
    padding: 0;
    margin: 0;                   
    width: 33%;
    display: inline-block;
}
.btn {
    padding: 0;
    margin: 0;
    width: 33%;                        
    display: inline-block;
}
#test_result {
    padding: 0;
    margin: 0;            
    width: 33%;            
    display: inline-block;
}

.tbl {
    border-collapse: collapse;
}

.tbl th {
    background-color: black;
    color: white;
    padding: 5px;
}
.tbl td {
    border: 2px solid black;
    padding: 3px;
}
.tbl td.yes {
    background-color: #6ec742;
}
.tbl td.no {
    background-color: #c74242;
}