/*
CSS file for SPESA web 
*/

body {
    font-family: sans-serif;
}

button.end_trip {
    background-color: darkgreen;
    color: white;
    font-size: 120%;
}

table.fullwidth {
    width: 100%;
}

div.product, div.supplier, div.other {
    background-color: lightblue;
    padding-top: 5pt;
    padding-bottom: 5pt;
    margin-bottom: 5pt;
}

div.orphan {
    background-color: lightpink;
    padding-top: 5pt;
    padding-bottom: 5pt;
    margin-bottom: 5pt;    
}

div.stock {
    background-color: lightgreen;
    padding-top: 5pt;
    padding-bottom: 5pt;
    margin-bottom: 5pt;    
}

label {
    font-size: 120%;
    width: 90%;
    display: block;
    font-weight: bold;
    font-style: italic;
}

label, input, select {
    font-size: 120%;
    width: 90%;
    display: block;
}

div.product button {
    background-color: green;
    color: white;
    float: right;
}

.bigbutton {
    display: block;
    background-color: darkblue;    
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-weight: bold;
    padding-left: 3px;
    font-size: 150%;
}

.biggreenbutton {
    background-color: darkgreen;
}

a.bigbutton:link { 
    color: white;
    text-decoration: none;
}

a.bigbutton:visited {
    color: white;
    text-decoration: none;    
}

a.bigbutton:hover {
    color: white;
    text-decoration: none;    
}

a.bigbutton:active {
    color: white;
    text-decoration: none;    
}

span.description {
    font-size: 120%;
    font-weight: bold;
}

span.quantity {
    font-size: 120%;
    color: darkgreen;
    font-weight: bold;
}

span.stage, span.last_trip {
    color: indigo;
    font-weight: bold;
}

span.site {
    color: darkgreen;
    font-weight: bold;
}

span.supplier_id, span.product {
    color: darkblue;
    font-weight: bold;
}

span.requisition {
    color: darkblue;
}

span.good_date_heading, span.good_date_date {
    color: darkred;
    font-weight: bold;
}

div.list-left {
    display: inline-block;
    max-width: calc(70%);    
    border-width: 2px;
}

div.list-right {
    display: inline-block;
    float: right;
    border-width: 2px;

}

div.list-right button {
    font-size: 200%;
    padding: 0;
    padding-left: 10px;
    border: none;
    background: none;
}


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;
}

#site_select td {
    padding-top: 1em;
    padding-bottom: 1em;
    color: white;
    background-color: darkgreen;
}