/*
TCR/POS CSS
Peadar Grant
*/

body {
    font-family: sans-serif;
}

table {
    width: 100%;
}

table.resultset td.no-data-warning, table.live-resultset td.no-data-warning {
    font-weight: bold;
    color: darkred;
    text-align: left;
}

table.resultset td, table.live-resultset td {
    text-align: right;
    background-color: #eeeeee;
    padding-top: 4pt;
    padding-bottom: 4pt;
    padding-right: 2px;
    padding-left: 2px;
}

table.live-resultset th {
    text-align: right;
    background-color: darkgreen;
    color: white;
    padding-top: 4pt;
    padding-bottom: 4pt;
    padding-right: 2px;
    padding-left: 2px;    
}

table.resultset th {
    text-align: right;
    background-color: darkblue;
    color: white;
    padding-top: 4pt;
    padding-bottom: 4pt;
    padding-right: 2px;
    padding-left: 2px;
}

p.rowcount {
    text-align: right;
    font-style: italic;
    color: lightgrey;
}

table.maker-summary {
    width: auto;
    text-align: right;
}
table.maker-summary td.label {
    text-align: left;
}

table.maker-summary td.amount {
    font-weight: bold;
}

p.navlink {
    text-align: right;
    font-weight: bold;
}

p.lastupdate {
    color: darkgreen;
    font-weight: bold;
    text-align: right;
}

p.ok {
    color: darkgreen;
}

p.warning {
    color: red;
    font-weight: bold;
}

div.summary {
    background-color: palegreen;
}

div.historical_summary {
    background-color: rgb(224, 255, 255);
}

div.unassigned {
    background-color: #FFCFCF;
}

div.refunded_sales {
    background-color: lightyellow;
}

p.today-total {
    color: darkgreen;
    font-weight: bold;
    font-size: 150%;
    text-align: right;
}

p.section-total {
    color: darkblue;
    font-weight: bold;
    font-size: 150%;
    text-align: right;
}

body.login-page {
    background-color: lightcyan;
}

label.login-label {
    font-weight: bold;
    font-style: italic;
}

input.login-field {
    width: 80%;
    font-size: 150%;
}

button.login-button {
    background-color: lightgreen;
    font-weight: bold;
    width: 80%;
    font-size: 150%;
}

div.login-box {
    padding: 12pt;
    font-size: 150%;
    width: 50%;
    margin: auto;
    background-color: white;
    float: center;
}

div.topbar {
    border-style: solid;
    border-color: black;
    border-width: 2pt;
    background-color: lightcyan;
    padding: 5pt;
}

div.topbar h1 {
    display: inline;
}

div.topbar p.login-info {
    display: inline;
    float: right;
}

p.last-updated {
    text-align: right;
    color: darkgreen;
    font-weight: bold;
}

div.dangerous {
    background-color: lightpink;
}

div.failure {
    background-color: darkred;
    color: white;
}

div.success {
    background-color: lightgreen;
}