/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

@font-face {
    font-family: "SC";
    src: url("supercell-magic.woff");
}

@font-face {
    font-family: "so";
    src: url("SourceSansPro-Bold.otf");
}

.colstyle {
    font-size: 13px;
}

@media all and (max-device-width: 720px),(-webkit-min-device-pixel-ratio: 2) {
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 1px 1px;
        font-size: 9px;
    }

    .colstyle {
        font-size: 9px;
    }
}

@media all and (max-device-width: 800px),(-webkit-min-device-pixel-ratio: 2) {
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 1px 1px;
        font-size: 9px;
    }

    .colstyle {
        font-size: 9px;
    }
}

.modal-wide {
    width: 90%;
}

.chartcontainer {

    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.mono {
    font-family: "so";

}

.text-bold {
    font-weight: bold;
}

.text-small {
    font-size: 9px;
}

.sc {
    font-family: "SC";
}

.height {
    display: table-cell;
}

.c3-region.regionY {
    fill: #e6f2ff;
}

.c3-region.regionX {
    fill: #80bdff;
}

#ggeehhpw .c3-line-value1 {
    stroke-width: 2px;
}

#ggeehhpw .c3-line-value2 {
    stroke-width: 2px;
}

#ggeehhpw .c3-line-value3 {
    stroke-width: 2px;
}

#finws .c3-line-value1 {
    stroke-width: 2px;
}

#finws .c3-line-value2 {
    stroke-width: 2px;
}

.gold {
    background: #D7A640;
}

.elixir {
    background: mediumorchid;
}

.dark {
    background: #EEEEEE;
}

.fin {
    background: #00A000;
}

.ws {
    background: #00a0ff;
}

.fc-gold {
    /*color: #D7A640;
    text-shadow: 1px 1px 5px #7e5f1b;
    */
}

.pnumber {
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    border: 1px solid;
    border-radius: 2px;
    width: 20px;
    font-weight: bold;
    background-color: #EEEEEE;
}

.callplayer {
    border: 1px solid #9cb4c5;
    display: inline-block;
    padding: 5px;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #d2e8ff;
}

.table-nonfluid {
    width: auto !important;
}

.f1 {
    font-size: 24px;
}

.f2 {
    font-size: 20px;
}

.f3 {
    font-size: 18px;
}

.f4 {
    font-size: 16px;
}

.f5 {
    font-size: 14px;
}