html { 
    background: black; 
    color: #ddd; 
    font-family: Segoe UI;
    font-size: 1em;
}

#pos {
    border: solid 1px white;
    margin: 10px;
    padding: 10px;
    
}

#toolbar { border: solid 1px red; }
#toolbar a {
    border: solid 1px white; margin: 2px; padding: 3px;
}

#document {
    border: solid 1px white; padding: 5px; margin: 5px;
}
.item span {
    margin: 3px; display: inline-block;
}

#inventory {
    display: none; 
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    width: -webkit-fill-available;
    width: 100%;
    margin: 0;
    top: 0;
    left: 0;
    background: black;
    padding: 0em;
}
#inventory #inventory-inner {
    width: 80%;
    margin: auto;
}
.item {
    border: solid 0px white;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
    margin: 10px 0;
    border-radius: 10px;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #45484d 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#inventory .item {
    color: black;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,23538a+100;Blue+3d+%238 */
    background: #a7cfdf; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #a7cfdf 0%, #23538a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #a7cfdf 0%,#23538a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #a7cfdf 0%,#23538a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.item .title {
    font-size: 1.3em;
}
.item .totalValue {
    float: right;
    font-size: 2em;
}
.item .vat {
    float: right;
}
.item .delete {
    float: right;
    font-size: 2.5em;
    color: #444;
    border: solid;
    border-radius: 20px;
    padding: 0 5px;
    margin-left: 0.5em;
}
.item .delete:hover {
    color: #633;
    border-color: #300;
    cursor: pointer;
}

#summary #sum-total {
    padding-right: 2em;
    text-align: right;
    font-size: 2.5em;
    font-weight: bold;
    text-decoration: underline;
}

#vats-title { font-weight: bold; }
.vat span { display: inline-block; }
.vatId { width: 20%; }
.vatPc { width: 20%; }
.vatVal { width: 30%; }
.vatVat { width: 30%; }