/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

html, body {
    font-family: 'Roboto', 'Helvetica', sans-serif;
}
.wt-layout .mdl-layout__header .mdl-layout__drawer-button {
    color: rgba(0, 0, 0, 0.54);
}
.wt-header {
    margin: 0 auto 2px;
    min-height: 70px;
}
.wt-tabs {
    width: 100%;
}
.wt-ribbon {
    width: 100%;
    height: 38vh;
    background-color: #3F51B5;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.wt-main {
    margin-top: -36vh;
    margin-bottom: 50px;
    -webkit-flex-shrink: 0;
    -ms-flex-negativ
}
.wt-container {
    max-width: 1600px;
    width: calc(100% - 230px);
    margin: 0 auto;
    padding-top: 0px;
}
.wt-container-noid {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    padding-top: 0px;
}
.wt-user-name {
    margin-left: 16px;
}

/* No-ID */
.wt-noid {
    margin: 0 auto;
    margin-top: 1vh;
    border-radius: 2px;
}
.wt-noid .mdl-card {
    margin: 8px;
    min-height: 140px;
}
.wt-description {
    margin-left: 8px;
}
.wt-download {
    position: absolute;
    right: 28px;
    z-index: 999;
}
.wt-feature {
    display: table-cell;
    text-align: center;
}
.wt-feature img {
    float: left;
}
.wt-feature-arenatier div {
    margin-left: 138px;
    margin-right: 5px;
}
.wt-feature-arenatier ul {
    text-align: left;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.wt-feature-hover div {
    margin-left: 414px;
}
.wt-feature-hover div img {
    margin-top: 3px;
    margin-left: 28px;
}
.wt-recognition {

}
.wt-limitations {
    padding-left: 24px;
}
.wt-foot {
    margin: 8px;
    text-align: right;
}
.wt-center {
    width: 50%;
    margin: 0 auto;
}

/* Filters */
.wt-statistics-mode {
    margin-top: 3px;
    margin-right: 4%;
    color: white;
}
.wt-statistics-mode .mdl-radio {
    margin-right: 5px;
}
.wt-statistics-mode .mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid rgb(0,188,212);
}
.wt-statistics-mode .mdl-radio .mdl-radio__inner-circle {
    background: rgb(0,188,212);
}
.wt-statistics-winrate {
    max-width: 100px;
    margin-top: 3px;
    margin-right: 5%;
    color: white;
}
#statistics-winrate.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(0,0,0,.26);
}
#statistics-winrate.is-checked .mdl-switch__thumb {
    background: rgb(0,188,212);
}
.wt-statistics-season {
    color: white;
    margin-bottom: 5px;
}

/* History */
.wt-history {
    margin: 0 auto;
    margin-top: 30px;
    border-radius: 2px;
}
.wt-history-item {
    margin-left: 10px;
    margin-right: 10px;
}
.wt-history-time {
    margin-right: 10px;
}
.wt-history-first {
    height: 16px;
    width: 16px;
    margin-right: 10px;
}
.wt-history-vs {
    margin-left: 5px;
    margin-right: 5px;
}
.wt-history-legend {
    height: 16px;
    width: 16px;
}
.wt-history-rank {
    margin-left: 5px;
    margin-right: 5px;
}
.wt-history-win {
    color: green;
}
.wt-history-loss {
    color: red;
}

/* Statistics */
.wt-statistics {
    margin-top: -7vh;
}
.wt-table {
    margin: 0 auto;
    margin-top: 30px;
    display: block;
    overflow-x: auto;
    border-radius: 2px;
}
.wt-statistics th {
    padding: 12px;
}
.wt-statistics .mdl-data-table th:first-of-type {
    padding-left: 12px;
}
.wt-attr {
    height: 15px;
    width: 15px;
    margin-right: 3px;
}