/*  LOOT

    A load order optimisation tool for Oblivion, Skyrim, Fallout 3 and
    Fallout: New Vegas.

    Copyright (C) 2013    WrinklyNinja

    This file is part of LOOT.

    LOOT is free software: you can redistribute
    it and/or modify it under the terms of the GNU General Public License
    as published by the Free Software Foundation, either version 3 of
    the License, or (at your option) any later version.

    LOOT is distributed in the hope that it will
    be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with LOOT.  If not, see
    <http://www.gnu.org/licenses/>.
*/

/* Misc */
html /deep/ ::-webkit-scrollbar-corner {
    background: inherit;
}
html /deep/ ::-webkit-scrollbar {
    width: 12px;
}
html /deep/ ::-webkit-scrollbar-track {
    background: inherit;
}
html /deep/ ::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.26);
}
paper-button[autofocus] {
    color: #64B5F6;
}
.hidden {
    display:none;
}
a {
    color: #2196F3;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
html /deep/ *:focus {
    outline: none;
}
tt, code, kbd, samp {
    font-family: Consolas, monospace;
}

/* App bar */
core-toolbar, div[drawer] > div:first-child {
    background: #3F51B5;
    color: white;
    height: 56px;
}
#mainToolbar,
#searchBar {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    z-index: 1;
}
#mainToolbar:not(.search) + #searchBar,
#mainToolbar.search {
    display: none;
}
#gameMenu {
    margin-top: -0.5em;
}
#drawerToggle, #applySortButton, #cancelSortButton {
    position: relative;
    top: -3px;
}
#applySortButton {
    color: #2196F3;
    background-color: white;
}

/* Drawer / Sidebar */
div[drawer] {
    background: white;
}
div[drawer] > * {
    border-right: 1px rgba(0, 0, 0, 0.12) solid;
}
paper-item > a {
    -webkit-user-drag: none;
    color: inherit;
}
paper-item > a:hover {
    text-decoration: none;
}
#cardsNav[data-editModeToggle] > loot-plugin-item {
    transition: transform 0.6s;
}
#cardsNav > loot-plugin-item {
    margin: 8px 0;
}
#contentFilter {
    display: block;
    line-height: initial;
}
#filters {
    padding: 8px 0;
    overflow: hidden;
}
#filters > paper-checkbox,
#filters > core-tooltip,
#filters > div:not(.divider) {
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
}
#filters > paper-checkbox,
#filters > core-tooltip {
    display: block;
}

/* Panel */
#main {
    background: #EEE;
    overflow: auto;
    position: relative;
    z-index: 0;
}
#main > core-list {
    transform-style: preserve-3d;
}
#summary {
    background: white;
    margin: 8px;
    padding: 16px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
}
#summary > h1 {
    margin: -16px 0 0;
    line-height: 56px;
    color: inherit;
}
#summary > table {
    display: inline-block;
    vertical-align: top;
    margin-right: 32px;
    width: auto;
    background-color: inherit;
}
#summary > table:last-child {
    margin-right: 0;
}
#summary td:last-child {
    text-align: right;
    padding-left: 16px;
}
#main li {
    padding: 8px 16px;
}
li p {
    margin: 0;
}
li.error {
    background: #FF8A80;
}
li.warn {
    background: #FFE082;
}
.version {
    color: #607D8B;
}
.crc {
    color: #795548;
}
.tag.add {
    color: #4CAF50;
}
.tag.remove {
    color: #F44336;
}

/* Dialogs */
#about {
    max-width: 580px;
}
#about blockquote {
    white-space: pre-line;
}
#settingsDialog > div > * {
    margin: 16px;
}
#settingsDialog > div > div > :first-child {
    margin-right: 16px;
    margin-left: 0;
}
#settingsDialog > div > :last-child {
    margin-right: 0;
}
#settingsDialog core-label [for]:last-child {
    margin-left: 16px;
}
#gameTable {
    margin: 32px 0 0;
}
paper-progress {
    width: 100%;
}

/* For Material Design generic dividers. */
.divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.12);
    margin-top: -1px;
}

/* Tables */
html /deep/ table {
    border-collapse: collapse;
    width: 100%;
}
html /deep/ table td, html /deep/ table th {
    vertical-align: top;
    text-align: left;
    padding: 8px 16px;
}
html /deep/ table th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
