.active-player {
    background-color: #8892d6;
    color: #eee;
}

.pitch-button {
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 65%;
    left: 50%;
}

.batters .player-name {
    font-size: 16px;
}

.batters .alt-color {
    background-color: #eee;
}

.modal-blocker-helper {
    z-index: 101 !important;
}

.modal-content-helper {
    width: auto;
    padding: 0px !important;
    height: auto;
}

.field-hits {
    width: 50px;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.field .runner-example {
    display: none;
}

.field-image .runner, .field .runner {
    width: 50px;
    display: none;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px;
    background-color: #666;
}

.field-image .runner {
    width: 150px;
    font-size: 18px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

table.view-game td, table.view-game th {
    padding-top: .4em;
    padding-bottom: .4em;
}

#field-bases-modal .runner-name {
    position: absolute;
    text-align: center;
    display: block;
}

#field-bases-modal .base {
    position: absolute;
    text-align: center;
}

.batters th {
    cursor: pointer;
}

.batters td.player-base {
    cursor: pointer;
}

.short-lineup {
    position:absolute;
    top: 10px;
    left: 30px;
    width: 93%;
}

.middle-h {
    left: 50%;
}

.bg-trans-grey {
    background: rgba(100, 100, 100, 0.6);
}

span.balls, span.strikes, span.inning-text, span.outs, .out-adjust span, .inning span, inning-summary.span {
    vertical-align: middle;
    font-size: 40px;
    margin-right: 4px;
    margin-left: 4px;
}

.batter-ball h2, .batter-strike h2, .out-adjust h2, .inning h2 {
    vertical-align: middle;
    font-size: 16px;
}

.field-image .undo {
    position:absolute;
    bottom: 10px;
    right: -35px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.field-image .option-menu {
    position:absolute;
    bottom: 10px;
    left: 120px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

@media screen and (max-width: 1200px) {
    ul.sortable-batters {
        font-size: 2em;
    }

    #field-bases-modal .base {
        font-size: 2rem;
    }

    .batters th {
        font-size: 1.5rem;
    }

    .batters .runner-reset {
        font-size: 1.5rem;
    }

    #run-modal select {
        font-size: 2rem;
    }

    #run-modal button {
        font-size: 2rem;
    }

    button.inning-add, input.inning-add, select.inning {
        font-size: 1.5rem;
    }

    .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
        font-size: 1.5rem;
    }

    .jconfirm .jconfirm-box .jconfirm-buttons button {
        font-size: 1.4rem;
    }

    .adjust-their-runs, .adjust-our-runs, .game-menu {
        font-size: 1.5rem;
    }

    .inning-summary {
        font-size: 1.2rem;
    }

    .login input, .login button, .login a, .login label {
        font-size: 2rem;
    }

    .this-team td, .other-team td {
        font-size: 1.3rem;
    }

    .btn-huge {
        padding: 0.9rem 1.3rem;
        font-size: 1.8rem;
        line-height: 1.8;
        border-radius: 0.15rem;
    }

    #lineup-modal .lineup, #change-batter-modal .lineup {
        font-size: 3em;
    }

    #side-menu span, #side-menu .nav-second-level li {
        font-size: 1.8em;
    }
}