@charset "utf-8";
/* CSS Document */
    body {
          min-height: 100%;
          font-family: "Roboto", Arial, Helvetica, sans-serif !important;
          font-weight: 400;
          line-height: 1.5;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%; }
    .clash-content {
        background: #bacdd8 url('/img/bg.jpg') top center repeat-x;
        background-attachment: fixed;
    }
    .red-pad {
        padding: 0 10px;
    }

    .arena-image { width:25px;}
    .uk-table tbody tr:not(.rowdata) td {cursor:pointer;}
    .rowhover {background:#fafafa;}
    .clickable:hover {
        background: #f0f0f0 !important;
    }
    .clickable.redrow:hover {
        background: rgba(216,80,48,.3) !important;
    }
    .redrow:not(.newplayer) {background: #fff1f0 !important;}
    .newplayer {background: #fffceb !important;}
    .rowdata {display:none;}
    .uk-icon-arrow-up {color:#2185d0!important}
    .uk-icon-arrow-down {color:#f2711c!important}
    .warimg {width:16px;}
    ul.uk-list li img {
        vertical-align:sub;
    }
    .card_level {margin-top: -2rem!important;margin-bottom: 2rem!important;color: #fff;text-shadow: 0 2px 5px #000;font-weight: 900;position: absolute;margin-left: auto;width: 70%;text-align: center!important;}
    .uk-progress {background: #999!important;margin-bottom:0px!important;margin-top:2px!important;}
    .uk-navbar-reload {
      font-size: 18px;
      color: #444;
      text-decoration: none;
    }
    /*
     * 1. Apply hover style also to focus state
     * 2. Remove default focus style
     */
    .uk-navbar-reload:hover,
    .uk-navbar-reload:focus {
      color: #444;
      text-decoration: none;
      /* 2 */
      outline: none;
    }
    /*
     * 1. Center icon vertically
     */
    .uk-navbar-reload:after {
      content: "\f021";
      font-family: FontAwesome;
      /* 1 */
      vertical-align: middle;
    }

    .new-war-image {
        height: 25px;
    }
button.donations img, th.donations img, td.donations img {
    width: auto;
    height: 1.4rem;
    vertical-align: middle;
    margin-left: 0.2rem;
}
.s-switcher button.uk-active{
    font-weight: bold;
}
.uk-table tr.clickable td.player_name .uk-badge {
    background: #c62828;
    font-size: .625rem;
    padding: .12em .8em;
    border-radius: 2px;
}
#modal_first label {
    font-weight: bold;
}
div.info-grids > div > div {
    border:1px solid #000;
    padding:10px;
    text-align: center;
}
#sc-dt-basic tbody tr.war {
    background:#e3f2fd!important;
}
#sc-dt-basic tbody tr.war:hover {
    background:#bbdefb!important;
}
#sc-dt-basic tbody tr td.warwin {
    background:#f1f8e9!important;
}
/*#sc-dt-basic tbody tr td.warwin:hover {
    background:#a5d6a7!important;
}*/
table tbody tr.warlose {
    background:#ffebee!important;
}
table tbody tr.warlose:hover {
    background:#ef9a9a!important;
}
tr.war_winned
{
    background:#f1f8e9!important;
}
tr.war_losed
{
    background:#ffebee!important;
}
.BoatBattleSt {
    width: 30px !important;
    height: 37px !important;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right:10px;
}
.BoatBattleSt.normal {
    background-image: url('/img/cw2-boatbattle.png');
}
.BoatBattleSt.red {
    background-image: url('/img/cw2-boatbattle-red.png');
}
.BoatBattleSt .BBnumber {
    /*position:absolute !important;
    width: 90%;
    margin:auto;*/
    padding-top: 6px;
    font-weight: 900;
    color: #ffffff;
    text-shadow: 0 2px 5px #000;
    text-align: center;
}