/* app.css - application styles */

body, button, caption, fieldset, input, legend, option, select, textarea, td, th {
    max-width: 100%; /* Fixes forms and tables to be responsive */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
}

.page-header {
    padding: 1px 5px 1em;
    background-color: #ddd;
}

.site-name {
    padding: 0.5em 0 0;
    font-size: 2.2em;
    font-weight: bold;
}

.site-name a {
    text-decoration: none;
    color: #222;
}

.main-navigation {
    margin: 1.2em 0 0;
    padding-right: 1em;
}

.main-navigation a.nav-link {
    text-decoration: none;
    color: #222;
}

div.layout-content {
    padding: 0 5px 1em;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

tr:nth-child(even) {
    background-color: #ccc;
}

tr:nth-child(odd) {
    background-color: #fff;
}

td {
    padding: 0.25em 0.5em;
    border: none;
}

.watchlist {
    width: 80%;
    margin: 0 auto;
}

.watchlist-star {
    width: 1.5em;
    height: 1.5em;
}