/*
 * Skeleton Font Awesome Buttons
 * http://nathancahill.github.io/skeleton-fontawesome-buttons/skeleton-fontawesome-buttons.css
 */

.button-icon {
    width: 38px !important;
    height: 38px !important;
    padding: 0;
}

.button-icon .fa {
    width: 38px;
    line-height: 38px;
    font-size: 1.4rem;
    vertical-align: top;
}

.button.button-attention {
    border-color: red;
    color: red;
}

.button.button-attention.button-primary {
    color: white;
    background-color: red;
    border-color: black;
}

.button.button-attention.button-primary:hover {
    color: white;
    background-color: #ff3333;
    border-color: black;
}

td .button-icon {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 0;
}

td .button-icon .fa {
    width: 28px;
    line-height: 28px;
    font-size: 1.3rem;
}

th,
td
{
    padding: 3px 6px;
}

th:last-child,
td:last-child
{
    padding-right: 6px;
}



/*
 * Reduce heading sizes
 */

h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.6em;
}
h3 {
    font-size: 1.2em;
    margin-top: 2em;
}

h4 {
    font-size: 0.8em;
}

@media screen
{
    body {
        margin-top: 2em;
    }

    .alert
    {
        border: thin solid black;
        background-color: #ffff7f;
        padding: 2em;
        margin-bottom: 1em;
    }

    .no-display {
        display: none !important;
    }
}

@media print
{

    @page {
        size: landscape, portrait;
    }

    .no-print {
        display: none !important;
    }

    html,
    body,
    .container
    {
        margin: 0ex 0em;
        padding: 0ex 0em;
    }

    body
    {
        padding: 2ex 2em;
    }

    table
    {
        margin-top: 2em !important;
        font-size: 0.85em;
        page-break-inside: avoid;
        page-break-after: auto;
    }

    table,
    tr,
    th,
    td
    {
        margin: 0px;
        padding: 0px;
    }

    footer {
        margin: 0px;
        padding: 0px;
        font-size: 0.7em;
    }
}

.gridgen.grid,
.gridgen.team.outer,
.gridgen.schedule
{
    font-size: 0.7em;
}

.gridgen.team.outer
{
    display: inline-block;
    margin: 1ex 1em;
    padding: 1ex 1em;
    border: thin solid #7f7f7f;
}


.gridgen.team .boundary-game th,
.gridgen.team .boundary-game td
{
    border-top: thin solid black;
}