/* Waste Manager default style */

body {
    font-family: sans-serif;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: orange;
    font-weight: bold;
}

a:active {
    color: red;
}

header {
    display: flex;
    align-items: center;
}

header > span,
header > h1,
header > ul {
    display: inline-block;
}

#main-menu {
    list-style-type: none;
}

#main-menu li {
    display: inline-block;
}

#location-selector {
    border: 1px solid #888;
    padding: 0.25em;
    border-radius: 0.3em;
}

#set-current-location-btn {
    border: 0 none;
    background: transparent;
    cursor: pointer;

}

.data-container {
    padding: 1.5em;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    max-width: 70%;
    margin: auto;
}

.data-container h2 {
    text-align: center;
}

th {
    text-align: left;
    text-transform: uppercase;
}

th, td {
    padding: 0.25em;
}

td .waste-type {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.3em;
    border-radius: 0.15em;
    min-width: 10em;
    text-align: center;
    vertical-align: middle;
}

td .waste-type.umido {
    background-color: #a5632a;
    color: #fff;
}

td .waste-type.carta {
    background-color: #0b62dc;
    color: #fff;
}

td .waste-type.plastica {
    background-color: #f5f539;
    color: #333;
}
td .waste-type.metalli {
    background-color: lightgreen;
    color: #fff;
}
td .waste-type.vetro {
    background-color: #0a600a;
    color: #fff;
}
td .waste-type.indifferenziato {
    background-color: #888;
    color: #fff;
}

td.when {
    min-width: 10em;
}

td.date {
    min-width: 20em;
}