.invasion_window {
    position: absolute;
    z-index: 1;

    top: 0;
    left: 0;

    width: 1000px;
    height: 550px;
    background: white;

    box-shadow: 0 0 8px black, 0 0 8px black;
}
.invasion_window > .main {
    position: relative;
    float: left;

    width: 75%;
    height: 100%;
    background: #dadfe0;
}
.invasion_window > .chat {
    position: relative;
    float: left;
    background: #5f6772;
    width: 25%;
    height: 100%;
}
.invasion_window > .referral {
    position: absolute;
    display: none;

    width: 100%;
    height: 100%;
}
.invasion_window .main > .top {
    position: relative;

    width: 100%;
    height: 11%;
}
.invasion_window .main > .middle_attack,
.invasion_window .main > .middle_store {
    position: relative;

    width: 100%;
    height: /*73%*/calc(70% - 5px);
}
.invasion_window .main > .bottom {
    position: relative;

    width: 100%;
    height: 19%;
    padding-top: 5px;

    background: linear-gradient(rgba(37,42,48,0.63),rgba(37,42,48,0));
}
.invasion_window .button:hover:not(.disabled):not(.selected) {
    cursor: url("public_html/assets/images/cursorPointer.ico"), pointer;
    cursor: url("../images/cursorPointer.ico") 11 1, pointer;
}
.invasion_window .click {
    cursor: none;
}
.invasion_window .info-node {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../images/warZone/invasion/info.png');
    opacity: 0.9;
    margin-left: 24px;
    margin-right: 7px;
    vertical-align: top;
}
.invasion_window .info-node:hover {
    cursor: pointer;
    opacity: 1;
}
.invasion_window .button.close {
    float: right;
    margin-right: 13px;
    margin-top: 13px;
    width: 36px;
    height: 36px;
    background: url("../images/new/warClicks/wc_splosno/sp_2_close_min.png") -36px 0;
}
.invasion_window .button.close:hover {
    background-position-y: -36px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
.invasion_window .main .top .description {
    position: relative;

    left: 30px;
    top: 20px;

    font: 24px/30px 'titilliumWebSemiBold';
    color: #322d2d;
    margin-right: 100px;
}
.invasion_window .main .top .description > span {
    font-family: 'OpenSansLight';
}

.invasion_window .main .top .info-button{
    position: absolute;
    left: 286px;
    top: 7px;
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("../images/new/bootCamp/question_mark.png");
}
.invasion_window .main .top .help:hover {
    cursor: pointer;
    opacity: 1;
}

.invasion_window .main .icon {
    display: inline-block;
    width: 26px;
    height: 20px;
    margin: 0 5px;
    vertical-align: middle;
    transform: scale(0.7);
}
.invasion_window .main .icon.gold {
    background: url("../images/value_icon.png");
}
.invasion_window .main .icon.battle-stars {
    background: url("../images/warZone/battle_star.png");
    background-size: auto 100%;
    width: 13px;
}
.invasion_window .main .middle_attack .base_holder_overflow {
    position: relative;
    /*top: -400px;*/
    transform: translateY(-400px);
    left: 80px;
    height: 380px;
    width: 605px;
    overflow: hidden;
}

.invasion_window .main .middle_attack .base_holder {
    position: relative;
    transition: transform 0.25s ease-in-out;
}
.invasion_window .main .middle_attack .base_holder .base {
    position: absolute;

    width: 604px;
    height: 372px;

    background: url("../images/warZone/invasion/bg_small_1.png");
}
.invasion_window .main .middle_attack .base_holder .base_name {
    position: absolute;

    left: 302px;
    top: 318px;

    width: 302px;
    font: 21px/29px 'titilliumWebRegular';
    color: black;
    text-align: center;

    transform-origin: 0;
    transform: skewY(-30deg);

    pointer-events: none;
}
.invasion_window .main .middle_attack .base_holder .bar_progress {
    position: absolute;

    left: 302px;
    top: 348px;

    width: calc(302px - 200px);
    height: 24px;

    transform-origin: 0;
    transform: skewY(-30deg);

    pointer-events: none;
}
.invasion_window .main .middle_attack .base_holder .bar_value {
    position: absolute;

    left: 302px;
    top: 348px;

    width: 302px;

    font: 17px/24px 'titilliumWebSemiBold';
    color: white;
    text-align: center;

    text-shadow: 1px 1px 0 #ee1d25, 1px -1px 0 #ee1d25, -1px 1px 0 #ee1d25, -1px -1px 0 #ee1d25;

    transform-origin: 0;
    transform: skewY(-30deg);

    pointer-events: none;
}
.invasion_window .main .middle_attack .base_holder .start-attack {
    position: absolute;
    top: -1px;
    left: -1px;
    pointer-events: none;
    text-align: center;
    width: 303px;
    height: 175px;
    transform-origin: 100% 0;
    transform: skew(60deg, -30deg);
    background: rgba(0,0,0,0.2);

}
.invasion_window .main .middle_attack .base_holder .start-attack.end {
    pointer-events: auto;
}
.invasion_window .main .middle_attack .base_holder .start-attack-text {
    position: absolute;
    top: 130px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    /*font: bolder 20px/25px 'OpenSansRegular';*/
    font: 20px/25px 'titilliumWebSemiBold';
    color: #ffffff;
    pointer-events: none;
}
.invasion_window .main .middle_attack .base_holder .click {
    position: absolute;

    top: 0;
    left: 0;

    width: 302px;
    height: 174px;

    transform-origin: 100% 0;
    transform: skew(60deg, -30deg);
}
.invasion_window .main .middle_attack > .left {
    position: relative;
    float: left;

    width: 60%;
}
.invasion_window .main .middle_attack > .right {
    float: left;
    width: 40%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}
.invasion_window .main .middle_attack .left .mission-info {
    position: relative;
    font: 12px/18px 'titilliumWebRegular';
    width: 181px;
    left: 30px;
}
.invasion_window .main .middle_attack .left .boss-fight {
    margin-top: 223px;
    font: 13px/16px 'titilliumWebBold';
    padding: 15px 10px 15px 0;
    width: 150px;
    background: #000000;
    color: #ffffff;
}
.invasion_window .main .middle_attack .left .boss-fight.hidden {
    opacity: 0;
}
.invasion_window .main .middle_attack .left .boss-fight * {
    vertical-align: middle;
}
.invasion_window .main .middle_attack .right .img_timer {
    position: relative;
    clear: right;
    float: right;
    margin-top: 52px;
    margin-right: 30px;
    width: 130px;
    border-bottom: 1px dotted #000000;
    font: 11px/16px 'titilliumWebSemiBold';
    text-align: right;
}
.invasion_window .main .middle_attack .right .img_timer .time_left {
    position: relative;

    width: 100%;
    font: 20px/25px 'titilliumWebSemiBold';
    text-align: right;
    color: #000000;
}
.invasion_window .main .middle_attack .right .img_spoils_icon {
    position: relative;
    clear: right;
    float: right;
    margin-top: 178px;
    width: 172px;
    height: 76px;
    text-align: right;

    background: url("../images/warZone/invasion/hand.png") left center no-repeat;
}
.invasion_window .main .middle_attack .right .img_spoils_icon > div {
    display: inline-block;
}
.invasion_window .main .middle_attack .right .img_spoils_icon .text_spoils {
    width: 90px;

    padding: 4px 12px 0px 0;

    font: 8px/12px 'titilliumWebRegular';
    color: #000000;
    text-align: left;
}
.invasion_window .main .middle_attack .right .img_spoils_icon .value_spoils {
    width: 80px;
    padding: 4px 12px 4px 20px;
    font: 11px/14px 'titilliumWebRegular';
    text-align: left;
    background: linear-gradient(to right, rgba(37,42,48,1.0),rgba(37,42,48,0));
    color: #ffffff;
}
.invasion_window .main .middle_attack .right .img_spoils_icon .value_spoils.battle-stars {
    border-top-left-radius: 20px;
    padding-bottom: 0;
    margin-top: -4px;
    margin-bottom: -4px;
}
.invasion_window .main .middle_attack .right .img_spoils_icon .value_spoils.gold {
    border-bottom-left-radius: 20px;
    padding-top: 0;

}
.invasion_window .main .middle_store > .left {
    position: relative;
    float: left;
    margin: 0 20px;
    width: calc(57% - 64px);
    height: 41%;
    margin-bottom: 3%;
    padding-right: 20px;
    border-right: 1px solid lightgrey;
}
.invasion_window .main .middle_store > .right {
    position: relative;
    float: left;
    width: calc(44% - 7px);
    height: 41%;
    margin-bottom: 3%;
    pointer-events: none;
}
.invasion_window .main .middle_store > .right.leader-boss {
    margin-top: -35px;
}
.invasion_window .main .middle_store > .right.notleader-boss {
    margin-top: -54px;
}
.invasion_window .main .middle_store > .bottom {
    position: relative;
    clear: left;
    padding: 0 20px 0 30px;
    height: 56%;
    background: #232223;
}
/* --- --- */
.invasion_window .main .middle_store .left > .text {
    position: relative;
    padding: 8px;
    font: 12px/14px 'titilliumWebSemiBold';
    color: #322d2d;
}
.invasion_window .main .middle_store .left .img_next_fight {
    display: inline-block;
    width: 48%;
    margin-top: 6px;
    margin-left: 3%;
    background: #232223;
    text-align: center;
    font: 11px/40px 'titilliumWebLight';
    color: #ffffff;
}
.invasion_window .main .middle_store .left .img_next_fight > .value {
    text-align: center;
    background: #ffffff;
    color: #232223;
    line-height: 65px;
    font-size: 13px;
    font-weight: bolder;
}
.invasion_window .main .middle_store .left .chances {
    display: inline-block;
    width: 48%;

    margin-top: 6px;

    background: #232223;

    text-align: center;
    font: 11px/40px 'titilliumWebRegular';
    color: #ffffff;
}
.invasion_window .main .middle_store .left .chances > div {
    text-align: center;
    background: #ffffff;
    color: #232223;
    line-height: 65px;
    font-size: 13px;
    font-weight: bolder;
}
.invasion_window .main .middle_store .left .unlock, .buy-chance {
    background: linear-gradient(#c0342a , #a5232a);
    border-radius: 8px;
    text-align: center;
    font: 11px/35px 'titilliumWebRegular';
    color: #ffffff;
    margin-top: 10px;
}
.invasion_window .main .middle_store > .right > div {
    margin: 5px 27px;
}
.invasion_window .main .middle_store > .right .skip-info {
    height: 40px;
    padding: 8px 30px 0 50px;
    margin-left: 0px;
    margin-right: 60px;
    margin-top: 12px;
    background: url('../images/new/warZone/invasion/for_country_leaders.png');
    background-size: 100% 100%;
    color: #ffffff;
    font: 10px/17px 'titilliumWebRegular';
}
.invasion_window .main .middle_store > .right .enemy-base-info {
    font: 16px/18px 'titilliumWebRegular';
    text-align: left;
    margin-bottom: 12px;
    margin-left: 0px;
    margin-top: 10px;
    color: #232223;

}
.invasion_window .main .middle_store > .right .enemy-base-info span {
    font: 16px/18px 'titilliumWebSemiBold';
    color: #232223;
}
.invasion_window .main .middle_store > .right .enemy-base-hp-left {
    background: #5f6772;
    font: 12px/50px 'titilliumWebSemiBold';
    color: #ffffff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}
.invasion_window .main .middle_store > .right .enemy-base-hp-left img {
    margin-left: -28px;
    vertical-align: middle;
    margin-right: 10px;
}
.invasion_window .main .middle_store > .right .enemy-base-hp-left span {
    float: right;
    display: inline-block;
    width: 80px;

    background: #ffffff;
    padding: 0 8px;

    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;

    text-align: center;
    font: 12px/50px 'titilliumWebSemiBold';
    color: #000000;
}
.invasion_window .main .middle_store > .right .enemy-base-spoils {
    background: #5f6772;
    font: 11px/50px 'titilliumWebRegular';
    color: #ffffff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    margin-top: 10px;
    margin-bottom: 0;
}
.invasion_window .main .middle_store > .right.leader-boss .enemy-base-spoils {
    margin-top: 5px;
}
.invasion_window .main .middle_store > .right .enemy-base-spoils img {
    margin-left: -35px;
    margin-top: -6px;
    vertical-align: middle;
    width: 58px;
    height: 54px;
    margin-right: 16px;
}
.invasion_window .main .middle_store > .right .enemy-base-spoils > span {
    float: right;
    display: inline-block;
    width: 90px;

    background: #ffffff;
    padding: 0 3px;

    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;

    text-align: center;
    font: 12px/14px 'titilliumWebSemiBold';
    height: 50px;
    color: #000000;
}
.invasion_window .main .middle_store > .right .enemy-base-spoils span span.fill {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.invasion_window .main .middle_store > .right .enemy-base-spoils span > div {
    display: inline-block;
    vertical-align: middle;
}
.invasion_window .main .middle_store > .right .skip-boss {
    background: linear-gradient(#c0342a , #a5232a);
    border-radius: 8px;
    text-align: center;
    font: 9px/35px 'titilliumWebRegular';
    color: #ffffff;
    margin-top: 10px;
    margin-left: 0;
    pointer-events: all;
}
.invasion_window .main .middle_store > .right .skip-boss .icon {
    margin: 0 -3px;
}
/* --- --- */
.invasion_window .main .middle_store .bottom > .text {
    position: relative;

    padding: 8px;

    width: calc(100% - 2*8px);

    font: 14px/22px 'titilliumWebRegular';
    color: #ffffff;
    text-align: left;
}
.invasion_window .main .middle_store .bottom .table table {
    border-collapse: collapse;
    width: 100%;
}
.invasion_window .main .middle_store .bottom .table table thead, tbody {
    display: block;
}
.invasion_window .main .middle_store .bottom .table table tbody {
    height: 120px;
    overflow-y: auto;
}
.invasion_window .main .middle_store .bottom .table th,
.invasion_window .main .middle_store .bottom .table td {
    width: calc(200px - 8px);
    padding: 6px;

    text-align: center;
    color: #ffffff;
    font: 11px/10px 'titilliumWebRegular';
}
.invasion_window .main .middle_store .bottom .table th {
    border-bottom: 1px solid #6d6c6c;
}
.invasion_window .main .middle_store .bottom .table td {
    border: 1px solid #6d6c6c;
}
.invasion_window .main .middle_store .bottom .table tbody tr:first-child td {
    border-top: none;
}
.invasion_window .main .middle_store .bottom .table th:first-child,
.invasion_window .main .middle_store .bottom .table td:first-child {
    border-left: none !important;
    width: calc(50px - 8px);
}
.invasion_window .main .middle_store .bottom .table td:last-child {
    border-right: none;
    color: #00bf12;
}
.invasion_window .main > .bottom * {
    font: 10px/14px 'titilliumWebRegular';
    color: #ffffff;
}
.invasion_window .main > .bottom > div {
    width: 50px;
    background: #3f4651;
    height: 50px;
}
.invasion_window .main > .bottom > div.right {
    float: right;
    margin-right: 6px;
    height: 98px;
}
.invasion_window .main > .bottom > div.left {
    float: left;
    margin-left: 6px;
}
.invasion_window .main > .bottom > div.right.country-coffirn {
    position: relative;
    margin-right: 20px;
    width: 115px;
}
.invasion_window .main > .bottom > div.right.country-spoils {
    width: 160px;
}
.invasion_window .main > .bottom > div.right.fight-to-increase {
    width: 82px;
    text-align: center;
    /*font: 10px/16px 'OpenSansRegular';*/
    font: 10px/16px 'titilliumWebRegular';
    background: linear-gradient(#91a0af , #3f4651);
}
.invasion_window .main > .bottom > div.left.clicking-force {
    position: relative;
    margin-left: 20px;
    width: 90px;
    height: 98px;

    background: linear-gradient(#91a0af , #3f4651);
}
.invasion_window .main > .bottom > div.left.double-dpc {
    width: 48px;
    height: 58px;
    margin-top: 40px;
    opacity: 0.3;
}
.invasion_window .main > .bottom > div.left.triple-dpc {
    width: 48px;
    height: 58px;
    margin-top: 40px;
    opacity: 0.3;
}
.invasion_window .main > .bottom > div.left.active {
    opacity: 1;
}
.invasion_window .main > .bottom > div.right .header {
    height: 36px;
    font: 9px/13px 'titilliumWebBold';
    padding-top: 2px;
    background: linear-gradient(#91a0af , #3f4651);

}
.invasion_window .main > .bottom > div.right .header > img {
    float: left;
    margin: 0px 10px 0 8px;
}
.invasion_window .main > .bottom > div.right > .info {
    height: 46px;
    padding: 9px;
    background: #ffffff;
    font: 10px/14px 'titilliumWebRegular';
    padding-top: 5px;
}
.invasion_window .main > .bottom > div.right > .info > div {
    color: #000000;
    vertical-align: middle;
}
.invasion_window .main > .bottom > div.right > .info > div > div {
    vertical-align: middle;
}
.invasion_window .main > .bottom > div.right > .info > div > div.gold {
    margin-right: 5px;
    margin-left: -2px;
}
.invasion_window .main > .bottom > div.right > .info > div > div.battle-stars {
    margin: 0 0;
    margin-right: 9px;
}
.invasion_window .main > .bottom > div.right > .info > div:not(:first-child) {
    margin-top: 4px;
}
.invasion_window .main > .bottom > div.right > .info > div > .amount {
    display: inline-block;
    padding: 5px;
    width: 45px;
    border-radius: 3px;
    margin-right: 3px;
    background: lightgrey;
    text-align: center;
    color: #000000;
}
.invasion_window .main > .bottom > div.right > .info > div > .donate {
    background: #f7931e;
    padding: 5px 3px;
    text-align: center;
    border-radius: 5px;
    font: 11px/14px 'titilliumWebBold';
}
.invasion_window .main > .bottom > div.right > div.amount {
    background: #ffffff url('../images/warZone/invasion/triangle.png') top center no-repeat;
    color: #000000;
    text-align: center;
    padding: 12px 8px 4px 8px;
    margin-top: 8px;
    font-weight: bolder;
}
.invasion_window .main > .bottom > div.left {
    text-align: center;
}
.invasion_window .main > .bottom > div.left > div:first-child {
    margin: 5px auto;
    width: 38px;
    height: 30px;
}
.invasion_window .main > .bottom > div.left:not(.clicking-force) > div:first-child {
    background-size: auto 120%;
    margin: 0px auto 2px auto;
    width: 48px;
    height: 40px;
}
.invasion_window .main > .bottom > div.left.clicking-force > .fist {
    background: url("../images/warZone/invasion/fist.png") bottom;
}
.invasion_window .main > .bottom > div.left.clicking-force > div.amount {
    background: #ffffff url('../images/new/warZone/invasion/triangle.png') top center no-repeat;
    color: #000000;
    text-align: center;
    padding: 12px 8px 4px 8px;
    font-family: 'titilliumWebSemiBold';
    margin-top: 7px;
}
.invasion_window .main > .bottom > div.left.clicking-force > .info-node {
    position: absolute;
    left: -7px;
    top: 5px;
}
.invasion_window .main > .bottom > div.left.double-dpc > .fist {
    background: url("../images/shop/shop_icons.png");
}
.invasion_window .main > .bottom > div.left.triple-dpc > .fist {
    background: url("../images/shop/shop_icons.png");
    background-position-x: -48px;
}
.invasion_window .main > .bottom > div.left:not(.clicking-force) > div.amount {
    text-align: center;
    padding: 3px;
    font-family: 'titilliumWebSemiBold'
}
.invasion_window .main > .bottom > div.right.country-coffirn .icon {
    margin-left: 0;
}
.invasion_window .main > .bottom > div.right.country-coffirn #donate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 120px;

    padding: 5px;
    background: #b62d2a;

    text-align: center;
    color: #ffffff;
    font: 10px/12px 'titilliumWebRegular';
}
.invasion_window .main > .bottom > div.right.country-coffirn #donate .header {
    font: 10px/11px 'titilliumWebBold';
    height: auto;
    margin-bottom: 3px;
    background: none;
}
.invasion_window .main > .bottom > div.right.country-coffirn #donate label {
    display: inline-block;
    width: 40px;
    font: 8px/10px 'titilliumWebRegular';
    vertical-align: middle;
}
.invasion_window .main > .bottom > div.right.country-coffirn #donate #donation_amount {
    vertical-align:middle;
    height: 20px;
    background: #ffffff;
    padding: 3px;
    width: 50px;
    border: 0;
    color: #000000;
}
.invasion_window .main > .bottom > div.right.country-coffirn #donate .add-donation {
    margin-top: 5px;
    padding: 3px;
    border-radius: 8px;
    background: #ffffff;
    color: #b62d2a;
    font-size: 10px;
}
.invasion_window .main > .bottom > div.right.fight-to-increase > span {
    display: inline-block;
    font: 10px/11px 'titilliumWebRegular';
    margin-bottom: 3px;
    margin-top: 5px;
}
.invasion_window .chat > .country {
    position: relative;
    display: inline-block;

    margin: 8px 0px 0 8px;

    padding: 8px;

    width: calc(100% - 4*8px - 53px);
    background: white;
}
.invasion_window .chat .country > .text {
    display: inline-block;
    vertical-align: middle;

    width: calc(100% - 38px);

    font: 13px/12px 'titilliumWebSemiBold';
    text-align: center;
}
.invasion_window .chat .country .flag {
    display: inline-block;
    vertical-align: middle;
}

.invasion_window .chat > .leader {
    position: relative;
    display: inline-block;

    margin: 8px 8px 0 8px;

    padding: 8px;

    width: calc(100% - 4*8px);

    background: white;
}
.invasion_window .chat .leader > .text {
    width: 100%;
    font: 12px/14px 'titilliumWebSemiBold';
    text-align: center;
}
.invasion_window .chat .leader .country-link {
    background: #3f4651;
    display: inline-block;
    margin-left:31px;
    font: 15px/26px 'titilliumWebRegular';
    text-decoration: none;
    padding: 1px 14px;
    color:white;
}
.invasion_window .chat .leader .country-link:hover {
    /*border: solid 1px white;*/
    filter: brightness(130%);
}

.invasion_window .chat .leader > .name {
    width: 100%;

    font: 14px/18px 'titilliumWebSemiBold';
    text-align: center;
}
.invasion_window .chat .leader > .name:hover {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    text-shadow: 1px 0 0 white, -1px 0 0 white, 0 1px 0 white, 0 -1px 0 white;
}
.invasion_window .chat .leader .rank_div {
    position: relative;

    margin-top: 0px;

    width: 100%;

    text-align: center;
}
.invasion_window .chat .leader .rank_div .rank_holder.chat {
    display: inline-block;
    /*background: url("../images/warZone/ranks.png") 0 0 no-repeat;*/
    background: url("../images/warZone/ranks.png") 0 0;
    transform: rotate(180deg) scale(0.8);
    width: 85px;
    height: 38px;
    margin-left: 4px;

}
.invasion_window .chat > .button.invite {
    height: 21px;
    position: relative;
    display: inline-block;

    margin: 8px;

    padding: 4px 8px;

    width: calc(100% - 4*9px);

    border-radius: 8px;
    border: solid 2px white;
    font: 20px/20px 'titilliumWebRegular';
    background: #f7931e;
    text-align: center;
}
.invasion_window .chat > .button.invite:hover {
    filter: brightness(130%);
}
.invasion_window .chat > .chat {
    position: relative;
    display: inline-block;
    margin: 4px 8px 0 8px;

    width: calc(100% - 2*8px);
}
.invasion_window .chat > .chat > .text {
    width: 100%;

    font: 14px/14px 'titilliumWebSemiBold';
    text-align: center;
    color: white;
}
.invasion_window .chat > .chat .content {
    position: relative;

    margin-top: 8px;

    padding: 8px;

    width: calc(100% - 2*8px);
    height: 178px;


    overflow-y: scroll;
    background: white;
}
.invasion_window .chat > .chat .content > .msg_holder {
    position: relative;
    display: inline-block;

    width: 100%;

    font: 10px/12px 'OpenSansRegular';
}
.invasion_window .chat > .chat .content .msg_holder > .name {
    position: relative;
    clear: both;

    padding: 0 8px 0px 8px;

    font: 10px/12px 'OpenSansRegular';
}
.invasion_window .chat > .chat .content .msg_holder > .triangle {
    position: relative;
    clear: both;

    width: 0;
    height: 0;

    border-bottom: 6px solid white;
}
.invasion_window .chat > .chat .content .msg_holder > .triangle.left {
    margin-left: 24px;

    border-right: 6px solid transparent;
}
.invasion_window .chat > .chat .content .msg_holder > .triangle.right {
    margin-right: 24px;

    border-left: 6px solid transparent;
}
.invasion_window .chat > .chat .content .msg_holder > .msg {
    position: relative;
    clear: both;
    word-wrap: break-word;

    max-width: 90%;

    padding: 4px;

    font: 10px/12px 'OpenSansRegular';

    border-radius: 5px;
}
.invasion_window .chat > .chat .content .msg_holder > .left {
    float: left;
    text-align: left;
}
.invasion_window .chat > .chat .content .msg_holder > .right {
    float: right;
    text-align: left;
}
.invasion_window .chat > .chat > .post {
    position: relative;
    display: inline-block;

    margin-top: 8px;

    padding: 8px;

    width: calc(100% - 2*8px);
    height: 57px;
    background: white;

}
.invasion_window .chat > .chat .post > .button {
    position: absolute;

    right: 4px;
    bottom: 4px;
    padding: 5px 9px;
    font: 11px/10px 'titilliumWebSemiBold';
    border-radius: 4px;
    background: #3f4651;
    color: white;
}
.invasion_window .chat > .chat .post > .button:hover {
    filter: brightness(135%);
}
.invasion_window .chat > .chat .post > textarea {
    border: none;
    padding: 0;
    width: 100%;
    font: 10px/12px 'titilliumWebSemiBold';

    background: none;
    overflow: hidden;
    resize: none;
}
.invasion_window .chat > .chat .post > textarea:focus {
    outline: none;
}
.invasion_window .chat > .chat .post > .placeholder {
    position: absolute;

    top: 8px;

    font: 10px/12px 'titilliumWebSemiBold';

    pointer-events: none;
}
.invasion_window .referral > .top {
    position: relative;
    border-bottom: solid 1px orange;
    width: 100%;
}
.invasion_window .referral > .middle {
    position: relative;
    width: 100%;
}
.invasion_window .referral > .bottom {
    position: relative;
    width: 100%;
}
.invasion_window .referral .top .button.close {
    float: right;
}
.invasion_window .referral .top .button.close:hover {
    opacity: 1;
}
.invasion_window .referral .top .button.back {
    position: relative;
    display: inline-block;
    margin-left: 9px;
    margin-top: 9px;
    padding: 0 8px;
    border-radius: 8px;
    font: 28px/31px 'titilliumWebRegular';
    color: white;
    /*background: #96876b;*/
    border: 2px solid white;
}
.invasion_window .referral .top .button.back:hover {
    text-shadow: 0 0 6px white;
}
.invasion_window .referral .top .description {
    position: relative;

    max-width: 90%;

    padding: 8px;

    font: 14px/21px 'titilliumWebBold';
    color: #322d2d;
}
.invasion_window .referral .middle .numeral {
    position: relative;
    clear: left;
    float: left;

    width: 28px;

    margin: 12px;

    font: 14px/16px 'titilliumWebBold';
    text-align: center;

    /*border: 2px solid white;*/
    border-radius: 50%;
}
.invasion_window .referral .middle .description {
    position: relative;
    float: left;

    max-width: 90%;
    height: 32px;

    margin: 12px;
}
.invasion_window .referral .middle .description > .text {
    position: relative;

    /*top: 50%;

    transform: translateY(-50%);
*/
    font: 14px/14px 'titilliumWebSemiBold';
    color: #322d2d;
}
.invasion_window .referral .middle .description > .text .email-invite-note {
    font-style: italic;
    font-size: 12px;
}
.invasion_window .referral .middle > .link_holder {
    position: relative;
    clear: left;
    text-align: center;
}
.invasion_window .referral .middle .link_holder > .link {
    display: inline-block;

    margin: 5px 0;

    padding: 0 16px;

    border-radius: 7px;

    font: 28px/42px 'titilliumWebRegular';
}
.invasion_window .referral .middle .link_holder .link input {
    position: relative;

    width: 400px;

    margin-left: 24px;
    margin-top: 9px;

    padding: 4px;

    font: 13px/14px 'titilliumWebRegular';

    border: none;

    vertical-align: top;
}
.invasion_window .referral .middle > .form {
    position: relative;
    float: left;

    width: 316px;

    margin-left: 24px;
    margin-top: 9px;

    font: 12px/12px 'titilliumWebSemiBold';

    border: none;

    vertical-align: top;
}
.invasion_window .referral .middle .form > input {
    position: relative;

    width: 300px;

    margin-top: 9px;

    padding: 8px;

    font: 12px/12px 'titilliumWebSemiBold';
    height: 16px;

    border: none;
    border-radius: 5px;
}
.invasion_window .referral .middle .form > input:focus {
    outline: none;
}
.invasion_window .referral .middle .form > textarea {
    position: relative;

    width: 300px;

    margin-top: 9px;

    padding: 8px;

    font: 12px/14px 'titilliumWebSemiBold';
    height: calc(16px * 6);

    border: none;
    overflow: hidden;

    resize: none;
    border-radius: 8px;
}
.invasion_window .referral .middle .form > textarea:focus {
    outline: none;
}
.invasion_window .referral .middle .form > .placeholder {
    position: absolute;

    padding: 8px;

    margin-top: 9px;

    font: 12px/12px 'titilliumWebSemiBold';

    pointer-events: none;
}
.invasion_window .referral .middle .form > .button {
    position: absolute;

    right: 4px;
    bottom: 4px;

    padding: 4px;

    font: 12px/10px 'titilliumWebSemiBold';

    border-radius: 4px;
}
.invasion_window .referral .middle .form > .button.disabled {
    color: #c3b49b;
    background: none;
    border: 1px solid #c3b49b !important;
    padding: 3px;
}
.invasion_window .referral .middle .form > .button:hover {
    /*border: 1px solid black;*/
    color: white;
    padding: 3px;
}
.invasion_window .referral .middle .errors {
    color: #0d710d;
    font: 10px/12px 'titilliumWebRegular';
    float: left;
    margin-left: 20px;
    width: 280px;
    margin-top: 15px;
}
.invasion_window .referral .middle .errors ul {
    padding-left: 10px;
}
.invasion_window .referral .middle .errors ul li {
    color: #ee1d25;
    font: 10px/12px 'titilliumWebRegular';
    margin-bottom: 5px;
}
.invasion_window .referral .middle .sharing  {
    z-index: 920;
    display: inline-block;
    text-align: center;
    margin-top: 7px;
}
.invasion_window .referral .middle .sharing .tweet_note {
     /*margin-top: 17px;*/
}
.invasion_window .referral .middle .sharing .fb-like {
    margin-top: 17px;
}
.invasion_window .help_w {
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(#756b53 , #9c8f76);

    display: none;
}
.invasion_window .help_w > .top {
    position: relative;
    background: #c3b49b;

    width: 100%;
    height: 9%;
}
.invasion_window .help_w .top .button.close {
    float: right;
}
.invasion_window .help_w .top .button.close:hover {
    opacity: 1;
}
.invasion_window .help_w .top .button.back {
    position: relative;
    display: inline-block;

    margin-left: 9px;
    margin-top: 12px;

    padding: 5px 8px;

    border-radius: 8px;

    font: 14px/16px 'OpenSansRegular';
    color: black;

    background: #96876b;
}
.invasion_window .help_w .top .title {
    font: 20px/22px 'OpenSansRegular';
    margin-left: 50px;
    color: #000000;

    vertical-align: middle;
}
.invasion_window .help_w .middle {
    padding: 20px 30px;
    height: calc(91% - 40px);
    font: 11px/15px 'titilliumWebRegular';
    color: #000000;
    overflow-y: scroll;
}
.invasion_window .help_w .middle .icon {
    transform: scale(0.8);
}
.invasion_window .help_w .middle * {
    font: 11px/15px 'titilliumWebRegular';
    color: #000000;
}
.invasion_window .help_w .middle .column.left {
    float: left;
    width: calc(50% - 21px);
    height: 100%;
    border-right: 1px solid #c3b49b;
    padding-right: 20px;
}
.invasion_window .help_w .middle .column.right {
    float: right;
    width: calc(50% - 20px);
    padding-left: 20px;
}
.invasion_window .help_w .middle .column .section {
    margin-bottom: 10px;
}
.invasion_window .help_w .middle .column .section .title {
    background: #232223;
    color: #ffffff;
    font-weight: bolder;
    padding: 3px 10px;
}
.invasion_window .help_w .middle .column .section p {
    margin: 10px 0;
}
.invasion_window .line_dashed {
    position: relative;

    margin-top: -2px;

    width: 100%;
    height: 3px;

    background: url("../images/warZone/invasion/line_dashed.png") -4px 0;
}
.invasion_window .line_vertical {
    position: relative;
    float: left;

    margin-left: -2px;

    width: 1px;
    height: 100%;

    background: grey;
}
.invasion_window .line_dashed_margin {
    position: relative;

    margin: 8px 0;

    width: 100%;
    height: 3px;
    background: url("../images/warZone/invasion/line_dashed.png") -4px 0;
}
.invasion_window .splash_holder {
    position: absolute;
}
.invasion_window .splash {
    position: absolute;

    width: 100px;
    height: 100px;

    background: url("../images/warZone/splash.png");

    pointer-events: none;

    opacity: 0;
}
.invasion_window .particle {
    position: absolute;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    pointer-events: none;

    border: 1px solid black;
}

.invasion_window .placeholder {
    /*color: #96876b;*/
    color: grey;
}


/* NEW coutnryHQ/invasion CSS */
#countryHQ {

    position: absolute;
    z-index: 1;

    top: 0;
    left: 0;

    width: 1000px;
    height: 551px;
    background: url('../images/new/warZone/country_hq/hq/bg.png');

}
#countryHQ .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 67px;
    background: url('../images/new/warZone/country_hq/hq/header.png');
    color: #ffffff;
}
#countryHQ .header.cvc,
#countryHQ .header.yesterdaysResults {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 59px;
    background: url('../images/new/warZone/country_hq/cvc/header_v2.png');
    color: #ffffff;
}
#countryHQ .header.alliance {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 59px;
    background: url('../images/new/warZone/country_hq/cvc/header_v2.png');
    /*background: url('../images/new/warZone/country_hq/cvc/battlefield_header.png');*/
    color: #ffffff;
}
#countryHQ .header.battlefieldSetup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 59px;
    background: url('../images/new/warZone/country_hq/cvc/battlefield_header.png');
    color: #ffffff;
}
#countryHQ.regular .header.replay {
    height: 57px;
}
#countryHQ .header.cvc .day-of-week-background{
    position: absolute;
    left: 539px;
    top: 6px;
    width: 291px;
    height: 37px;
    background: url('../images/new/warZone/country_hq/cvc/square_under.png');
}
#countryHQ .header.cvc .day-of-week{
    position: absolute;
    left: 541px;
    top: 9px;
    width: 279px;
    height: 23px;
    background: url('../images/new/warZone/country_hq/cvc/time_line_sprite_v2.png');
}
#countryHQ .header.cvc .day-of-week.monday{
    background-position-y: 0px;
}
#countryHQ .header.cvc .day-of-week.tuesday{
    background-position-y: -23px;
}
#countryHQ .header.cvc .day-of-week.wednesday{
    background-position-y: -46px;
}
#countryHQ .header.cvc .day-of-week.thursday{
    background-position-y: -69px;
}
#countryHQ .header.cvc .day-of-week.friday{
    background-position-y: -92px;
}
#countryHQ .header.cvc .day-of-week.saturday{
    background-position-y: -115px;
}
#countryHQ .header.cvc .day-of-week.sunday{
    background-position-y: -138px;
    color: #f9d523;
    font: 12px/15px 'titilliumWebRegular';
}
#countryHQ .header.cvc .day-of-week .entries{
    margin-left: 14px;
    margin-top: 10px;
}
#countryHQ .header.cvc .day-of-week .entries > .entry{
    display: inline-block;
    font: 10px/17px 'titilliumWebRegular';
    width: 39px;
    color: #b3b3b3;
}
#countryHQ .header.cvc .day-of-week .entries > .entry:nth-child(6) {
    margin-left: -8px;
    color: #f9d523;
    font: 10px/15px 'titilliumWebRegular';
}
#countryHQ .header.cvc .day-of-week .entries > .entry:nth-child(7) {
    color: #f9d523;
    font: 10px/15px 'titilliumWebRegular';
}
#countryHQ .header.cvc .cvc-timer-holder{
    background: url('../images/new/warZone/country_hq/cvc/timer.png');
    width: 91px;
    height: 22px;
    position: absolute;
    color: #cccccc;
    left: 214px;
    top: 12px;
    font: 14px/21px 'titilliumWebRegular';
}
#countryHQ .header.battlefieldSetup .cvc-timer-holder{
    background: url('../images/new/warZone/country_hq/cvc/timer.png');
    width: 91px;
    height: 22px;
    position: absolute;
    color: #cccccc;
    left: 180px;
    top: 12px;
    font: 14px/21px 'titilliumWebRegular';
}
#countryHQ .header .cvc-timer-holder > div{
    display: inline-block;
    font: 14px/21px 'titilliumWebRegular';
    color: white;
}
#countryHQ .header .cvc-timer-holder > .hours{
    width: 23px;
    text-align: center;
    padding-right: 5px;
}
#countryHQ .header .cvc-timer-holder > .minutes{
    width: 23px;
    text-align: center;
    padding-right: 3px;
}
#countryHQ .header.battlefieldSetup .cvc-tutorial{
    background: url('../images/new/warZone/country_hq/cvc/tutorial_button.png');
    width: 88px;
    height: 27px;
    position: absolute;
    color: white;
    left: 294px;
    top: 10px;
    font: 13px/25px 'titilliumWebSemiBold';
    text-align: center;
}
#countryHQ .header .info-button {
    margin-left: 17px;
}
#countryHQ .loading-curtain {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,1);
}
#countryHQ.regular .header{
    height: 48px;
    background:  url('../images/new/warZone/country_hq/fighting/new_header.png');
}
#countryHQ #contentHolder {
    position: relative;
    padding-top: 33px;
    height: calc(100% - 33px);
    color: #ffffff;
}
#countryHQ.regular #contentHolder {
    padding-top: 43px;
    height: calc(100% - 48px);
}
#countryHQ #contentHolder.invasion {
    background:  url('../images/new/warZone/country_hq/fighting/bg.png') bottom;
}
#countryHQ .jsHolder .attacker-defender-stats-popup{
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
    width: 447px;
    height: 359px;
    background:  url('../images/new/warZone/country_hq/cvc/front_popup.png');
}
#countryHQ .jsHolder .attacker-defender-stats-popup .x{
    width: 30px;
    height: 30px;
    top: -9px;
    right: -8px;
    background:  url('../images/new/warZone/country_hq/cvc/square_with_x.png');
}
#countryHQ .jsHolder .attacker-defender-stats-popup .x:hover{
    transform: scale(1.2);
    filter: brightness(120%);
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info{
    position: relative;
    top: 45px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info > div{
    position: relative;
    display: inline-block;
    width: 49%;
    height: 30px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info .left{
    width: 51%;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info .left > div,
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info .right > div{
    display: inline-block;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info .flag{
    position: absolute;
    left: 31px;
    top: -7px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info .country-code{
    position: absolute;
    left: 75px;
    font: 14px/18px 'titilliumWebSemiBold';
    color: #f7931e;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info .consequtive-number{
    position: absolute;
    left: 117px;
    font: 14px/18px 'titilliumWebRegular';
}
#countryHQ .jsHolder .attacker-defender-stats-popup .general-country-info .tier-number{
    position: absolute;
    left: 156px;
    font: 11px/21px 'titilliumWebRegular';
    color: #999999;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .threat-bar{
    width: 410px;
    height: 15px;
    background:  url('../images/new/warZone/country_hq/cvc/bar_popup_sprite.png');
    position: absolute;
    top: 72px;
    left: 18px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .threat-bar::after{
    background:  url('../images/new/warZone/country_hq/cvc/bar_popup_sprite.png');
    background-position-x: 410px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder{
    width: calc(100% - 30px);
    height: 244px;
    /*background: pink;*/
    margin-top: 66px;
    padding: 0 15px;
    color: white;
    font: 13px/18px 'titilliumWebRegular';
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder > .upper-holder > div,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder > .lower-holder > div{
    height: 100%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder .front-header {
    text-align: center;
    height: 20px;
    font: 11px/20px 'titilliumWebSemiBold';
    color: #cccccc;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder .country-header {
    text-align: center;
    height: 20px;
    margin-top: 8px;
    font: 11px/20px 'titilliumWebSemiBold';
    color: #cccccc;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder div .left{
    width: 23%;
    font: 12px/18px 'titilliumWebRegular';
    color: #cccccc;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .left > div,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .right > div,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > div {
    height: 21px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .progressive-bonus-text {
    height: 30px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .progressive-bonus-text > div,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .bonus-adjustment-text > div {
    display: inline-block;
    width: 49%;
    font: 12px/14px 'titilliumWebRegular';
    vertical-align: top;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .bonus-adjustment-text > div{
    font: 12px/19px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .progressive-bonus-text > .left,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .bonus-adjustment-text > .left {
    text-align: right;
    width: 42%;
    padding-right: 14px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .progressive-bonus-text > .left,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .progressive-bonus-text > .right{
    font: 11px/14px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .progressive-bonus-text > .right,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center > .bonus-adjustment-text > .right {
    text-align: left;
    width: 43%;
    padding-left: 14px;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .left > .progressive-bonus-value,
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .right > .progressive-bonus-value{
    height: 30px;
    font: 13px/25px 'titilliumWebRegular';
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .left .adjusted-power-value{
    color: #c4513b;
    font: 14px/18px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .right .adjusted-power-value{
    color: #446799;
    font: 14px/18px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .center{
    width: 55%;
}
#countryHQ .jsHolder .attacker-defender-stats-popup .main-stats-holder  .right{
    width: 22%;
    font: 12px/18px 'titilliumWebRegular';
    color: #cccccc;
}
#countryHQ .jsHolder .cvc-tutorial-holder{
    position: relative;
    width: 100%;
    height: 100%;
    /*background:  url('../images/new/warZone/country_hq/cvc/terrain_sprite_v2_small_v2.png');*/
    /*background: grey;*/
    background: #31363d;
    margin: 0 auto;
    /*margin-top: 28px;*/
    font: 13px/18px 'titilliumWebRegular';
}
#countryHQ .jsHolder .cvc-tutorial-holder .title{
    color: #f7931e;
    font: 21px/18px 'titilliumWebSemiBold';
    position: relative;
    top: 25px;
    left: 138px;
    display: inline-block;
}
#countryHQ .jsHolder .cvc-tutorial-holder .page-counter{
    color: white;
    font: 19px/18px 'titilliumWebSemiBold';
    position: relative;
    top: 25px;
    left: 394px;
    display: inline-block;
}
#countryHQ .jsHolder .cvc-tutorial-holder .image-holder{
    margin: 0 auto;
    margin-top: 47px;
    width: 72%;
    height: 72%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#countryHQ .jsHolder .cvc-tutorial-holder .image-holder.battlefield{
    background:  url('../images/new/warZone/country_hq/cvc/tutorial/Battlefield_empty_min.jpg');
    background-size: 100% 100%;
}
#countryHQ .jsHolder .cvc-tutorial-holder .image-holder.defensive_building{
    background:  url('../images/new/warZone/country_hq/cvc/tutorial/Defensive_building_min.jpg');
    background-size: 100% 100%;
}
#countryHQ .jsHolder .cvc-tutorial-holder .image-holder.defense_strike{
    background:  url('../images/new/warZone/country_hq/cvc/tutorial/Defense_strike_min.jpg');
    background-size: 100% 100%;
}
#countryHQ .jsHolder .cvc-tutorial-holder .image-holder.mine{
    background:  url('../images/new/warZone/country_hq/cvc/tutorial/Mines_min.jpg');
    background-size: 100% 100%;
}
#countryHQ .jsHolder .cvc-tutorial-holder .image-holder.tank{
    background:  url('../images/new/warZone/country_hq/cvc/tutorial/Tanks_min.jpg');
    background-size: 100% 100%;
}
#countryHQ .jsHolder .cvc-tutorial-holder .image-holder.attack_strike{
    background:  url('../images/new/warZone/country_hq/cvc/tutorial/Attack_strike_min.jpg');
    background-size: 100% 100%;
}
#countryHQ .jsHolder .cvc-tutorial-holder > .left{
    position: absolute;
    width: 22px;
    height: 15px;
    top: 248px;
    left: 53px;
    background:  url('../images/new/warZone/upgrades/back_forward.png');
    background-position-y: -15px;
}
#countryHQ .jsHolder .cvc-tutorial-holder > .right{
    position: absolute;
    width: 22px;
    height: 15px;
    top: 248px;
    right: 52px;
    background:  url('../images/new/warZone/upgrades/back_forward.png');
    background-position-y: -15px;
    background-position-x: -22px;
}
#countryHQ .jsHolder .cvc-tutorial-holder > .info-text{
    width: 72%;
    text-align: left;
    margin: 0 auto;
    position: relative;
    top: 17px;
}
#countryHQ .jsHolder .cvc-tutorial-holder > .x{
    top: 4px;
    right: 7px;
}
#countryHQ .jsHolder .set-alternate-front-popup {
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
    width: 380px;
    height: 246px;
    padding: 17px 22px;
    border: 1px solid #e6e6e6;
    background: #31363d;
}
#countryHQ .jsHolder .set-alternate-front-popup .participant {
    font: 14px/16px 'titilliumWebSemiBold';
    color: #00ffff;
    display: inline-block;
}
#countryHQ .jsHolder .set-alternate-front-popup .move-to-text {
    color: #f7931e;
    font: 12px/16px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .set-alternate-front-popup .description {
    margin-top: 13px;
    font: 12px/16px 'titilliumWebRegular';
}
#countryHQ .jsHolder .set-alternate-front-popup .disclaimer {
    font: 11px/14px 'titilliumWebRegular';
    margin: 5px 0;
    /*color: rgba(255, 255, 255, 0.7);*/
    color: #cccccc;
    font-style: italic;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder > .text{
    font: 12px/16px 'titilliumWebRegular';
    color: white;
    margin-left: 17px;
    margin-top: 6px;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder {
    width: calc(100% - -34px);
    /*border: 1px solid white;*/
    padding: 1px 4px;
    /*height: 40px;*/
    background: #1f2226;
    margin-top: 14px;
    margin-left: -22px;
    padding-bottom: 29px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .slide-container{
    width: 100%;
    margin-top: 6px;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .slide-container .slider{
    width: 95%;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .slide-container .slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 45px; /* Set a specific slider handle width */
    height: 16px; /* Slider handle height */
    background: black; /* Green background */
    cursor: pointer; /* Cursor on hover */
    border-radius: 0;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .slide-container .slider::-moz-range-thumb {
    width: 45px; /* Set a specific slider handle width */
    height: 16px; /* Slider handle height */
    background: black; /* Green background */
    cursor: pointer; /* Cursor on hover */
    border-radius: 0;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .time-values-holder {

}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .time-values-holder > div {
    display: inline-block;
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .time-values-holder .starting-point {
    position: absolute;
    left: 14px;
    color: #cccccc;
    font: 12px/12px 'titilliumWebRegular';
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .time-values-holder .end-point {
    position: absolute;
    right: 16px;
    color: #cccccc;
    font: 12px/12px 'titilliumWebRegular'
}
#countryHQ .jsHolder .set-alternate-front-popup .arrival-time-holder .time-values-holder .current-value {
    position: absolute;
    top: 192px;
    left: 190px;
    /*color: #808080;*/
    color: white;
    font: 13px/12px 'titilliumWebSemiBold';
    padding: 4px;
    border: 2px solid #f7931e;
}
#countryHQ .jsHolder .set-alternate-front-popup .button-holder {
    margin-top: 10px;
    width: 105%;
}
#countryHQ .jsHolder .set-alternate-front-popup .button-holder > div{
    display: inline-block;
    color: white;
    text-align: center;
    font: 14px/36px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .set-alternate-front-popup .button-holder .cancel{
    width: 193px;
    height: 43px;
    background:  url('../images/new/warZone/country_hq/cvc/cancel_button.png');
    margin-left: -3px;
}
#countryHQ .jsHolder .set-alternate-front-popup .button-holder .confirm-front-change{
    width: 186px;
    height: 43px;
    background:  url('../images/new/warZone/country_hq/cvc/confirm_front_change_button.png');
    margin-left: 7px;
    padding-right: 7px;
}
#countryHQ #contentHolder.cvc {
    width: 830px;
    height: 550px;
    background:  url('../images/new/warZone/country_hq/cvc/bg_cvc_sprite_small.png');
}
#countryHQ #contentHolder.cvc {
    width: 830px;
    height: 550px;
    background:  url('../images/new/warZone/country_hq/cvc/bg_cvc_sprite_small.png');
}
#countryHQ #contentHolder.yesterdaysResults{
    width: 830px;
    height: 550px;
    /*background:  lightslategray;*/
}
#countryHQ #contentHolder.yesterdaysResults .main-holder{
    margin: 0 auto;
    /*background: yellow;*/
    width: 95%;
    height: 550px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .alliance-note {
    position: relative;
    top: 40px;
    font: 14px/23px 'titilliumWebSemiBold';
    text-align: center;

}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder{
    position: relative;
    width: 100%;
    height: 169px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 44px;

}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .left-holder,
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .right-holder{
    display: inline-block;
    width: 49%;
    height: 100%;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .left-holder .entry,
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .right-holder .entry{
    height: 30px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .text,
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .text{
    display: inline-block;
    color: rgba(255, 255, 255, 0.2);
    padding-left: 29px;
    width: 141px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .left-holder .entry > .text{
    width: 145px;
    font: 14px/23px 'titilliumWebSemiBold';
    color: #b3b3b3;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .right-holder .entry > .text{
    width: 232px;
    font: 14px/23px 'titilliumWebSemiBold';
    color: #b3b3b3;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .value,
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .value{
    display: inline-block;
    font: 14px/23px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .value.plus,
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .value.plus{
    color: #8cc63f
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .value.minus,
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder .entry > .value.minus{
    color: #f15a24;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .alliance-names > div {
    display: inline-block;
    font: 16px/23px 'titilliumWebSemiBold';
    color: #ffffff;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .alliance-names .attacker {
    width: 250px;
    text-align: left;
    margin-left: 30px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .alliance-names .versus {
    width: 50px;
    text-align: center;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .alliance-names .defender {
    width: 250px;
    text-align: left;
    margin-left: 50px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .left-holder{
    margin-top: 10px;
    font: 16px/23px 'titilliumWebSemiBold';
    width: 45%;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder > .right-holder{
    margin-top: 10px;
    font: 16px/23px 'titilliumWebSemiBold';
    width: 54%;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder.alliance > .left-holder,
#countryHQ #contentHolder.yesterdaysResults .main-holder .summary-holder.alliance > .right-holder {
    margin-top: 0;
    vertical-align: top;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .front-details-holder{
    position: relative;
    margin-top: 16px;
    width: 100%;
    height: 285px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    overflow-y: scroll;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .subtitle{
    width: 159px;
    height: 26px;
    background:  url('../images/new/warZone/country_hq/cvc/tag.png');
    padding-left: 30px;
    font: 14px/24px 'titilliumWebRegular';
    color: white;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .info-text{
    margin-left: 30px;
    margin-top: 10px;
    font: 13px/23px 'titilliumWebRegular';
    color: #ffffff;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder{
    padding-bottom: 24px;
    margin-left: 21px;
    margin-top: -3px;
    font: 14px/24px 'titilliumWebRegular';
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder > div{
    display: inline-block;
    vertical-align: top;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry{
    width: 483px;
    height: 47px;
    background:  url('../images/new/warZone/country_hq/cvc/won_lost_sprite.png');
    margin-top: 8px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry.alliance {
    background:  url('../images/new/warZone/country_hq/cvc/won_lost_sprite_alliance.png');
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry.won{
    background-position-x: 483px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry .left{
    display: inline-block;
    position: relative;
    top: 8px;
    left: 132px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry .left .country-code,
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry .right .country-code {
    top: 1px;
    left: -8px;
    position: relative;
    font: 14px/24px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry .left > div{
    display: inline-block;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry .right{
    display: inline-block;
    position: relative;
    left: 217px;
    top: 8px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .entry .right > div{
    display: inline-block;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .country-info-button{
    width: 25px;
    height: 19px;
    background:  url('../images/new/warZone/country_hq/cvc/more_button.png');
    position: relative;
    top: 24px;
    left: -3px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .entries-holder .entry-holder .replay{
    width: 88px;
    height: 27px;
    background:  url('../images/new/warZone/country_hq/cvc/replay_button.png');
    text-align: center;
    font: 14px/26px 'titilliumWebSemiBold';
    position: relative;
    top: 19px;
    left: 29px;
}
#countryHQ #contentHolder.yesterdaysResults .main-holder .show-all{
    position: absolute;
    top: 10px;
    right: 18px;
    width: 88px;
    height: 27px;
    background:  url('../images/new/warZone/country_hq/cvc/show_all_button.png');
    font: 12px/26px 'titilliumWebSemiBold';
    text-align: center;
}
#countryHQ #contentHolder.leaderboard .main-holder{
    width: calc(83% - 202px);
    height: 100%;
    margin-top: 22px;
    padding-left: 101px;
    padding-right: 101px;
    position: relative;
    top: 29px;
}
#countryHQ #contentHolder.leaderboard .main-holder .tier-info{
    position: absolute;
    color: #f9f57a;
    font: 15px/15px 'titilliumWebRegular';
}
#countryHQ #contentHolder.leaderboard .main-holder .disclaimer{
    font: 15px/15px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.leaderboard .main-holder .reach-to-tier-info{
    position: absolute;
    color: orange;
    border: 1px solid white;
    padding: 4px 12px;
    right: 98px;
    border-radius: 5px;
    top: -5px;
    background: #31363d;
    font: 15px/15px 'titilliumWebRegular';
}
#countryHQ #contentHolder.leaderboard .main-holder .refresh-info {
    position: absolute;
    bottom: -64px;
    font: 10px/12px 'titilliumWebRegular';
}
#countryHQ #contentHolder.leaderboard .main-holder .tier-up,
#countryHQ #contentHolder.leaderboard .main-holder .tier-down
{
    position: absolute;
    font: 12px/12px 'titilliumWebRegular';
    padding: 3px 5px;
    border: 1px solid white;
    border-radius: 4px;
}
#countryHQ #contentHolder.leaderboard .main-holder .tier-down {
    left: 160px;
    top: -2px;
}
#countryHQ #contentHolder.leaderboard .main-holder .tier-up {
    left: 18px;
    top: -2px;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder{
    color: white;
    position: relative;
    top: 47px;
    height: 386px;
    overflow-y: auto;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table {
    cellspacing: "0";
    border-spacing: 0;
    font: 15px/15px 'titilliumWebRegular';
    background: #31363d;
    border: 1px solid white;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table th,
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table td{
    padding: 8px 10px 8px 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table td{
    font: 13px/15px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table th{
    font: 14px/15px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr.marked{
    background: #e0e5e3;
    color: black;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr th:nth-of-type(2),
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr td:nth-of-type(2){
    font: 14px/15px 'titilliumWebSemiBold';
    width: 137px;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr td:nth-of-type(2){
    color: orange;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr.marked td:nth-of-type(2){
    color: black;
}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr th:nth-of-type(1),
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr td:nth-of-type(1){

}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr th:nth-of-type(3),
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr td:nth-of-type(3){

}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr th:nth-of-type(4),
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr td:nth-of-type(4){

}
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr th:nth-of-type(5),
#countryHQ #contentHolder.leaderboard .main-holder .table-holder table tr td:nth-of-type(5){

}
#countryHQ #contentHolder.alliance {
    width: 830px;
    height: 550px;
    background:  url('../images/new/warZone/country_hq/cvc/bg_cvc_sprite_small.png');
    background-position-x: 1000px;
}
#countryHQ #contentHolder.alliance .text-holder{
    /*margin: 0 auto;*/
    margin-left: 53px;
    width: 726px;
    margin-top: 68px;
    font: 13px/18px 'titilliumWebRegular';
    overflow-y: scroll;
    height: 449px;
    padding-right: 50px;
}
#countryHQ #contentHolder.alliance .text-holder .subtitle{
    color: orange;
    font: 15px/14px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.alliance .alliance-info{
    position: absolute;
    top: 69px;
    left: 55px;
    color: white;
    font: 14px/14px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.alliance .hint{
    color: white;
    font: 11px/14px 'titilliumWebRegular';
    font-style: italic;
}
#countryHQ #contentHolder.alliance .coming-soon{
    position: absolute;
    top: 62px;
    right: 76px;
    color: orange;
    border: 1px solid white;
    padding: 10px;
    font: 17px/14px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.alliance .text-holder  .text{
    color: white;
    padding-bottom: 25px;
    margin-top: 10px;
}
#countryHQ #contentHolder.alliance .text-holder  > .text {
    padding-bottom: 0;
    margin-bottom: 10px;
}
#countryHQ #contentHolder.alliance .text-holder .surrounding-div > .text{
    padding-bottom: 10px;
}
#countryHQ #contentHolder.alliance .text-holder  .text > input:nth-of-type(1){
    margin-top: 7px;
}
#countryHQ #contentHolder.alliance .text-holder  .text > input:nth-of-type(3){
    margin-top: 30px;
}
#countryHQ #contentHolder.alliance .text-holder  .text > .special {
    color: deepskyblue;
}
#countryHQ #contentHolder.alliance .text-holder  .text > .qualify-note{
    /*color: red;*/
    color: greenyellow;
}
#countryHQ #contentHolder.alliance .text-holder .text p.alliance-dpc-reward {
    color: greenyellow;
    font: 14px/16px 'titilliumWebSemiBold';

}
#countryHQ #contentHolder.alliance .text-holder .surrounding-div > .text{
    padding-bottom: 10px;
}
#countryHQ #contentHolder.alliance .text-holder .surrounding-div > .text > div{
    display: inline-block;
    vertical-align: middle;
}
#countryHQ #contentHolder.alliance .text-holder .surrounding-div > .text .condition-checkbox {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-top: 1px;
    background: url(../images/warZone/wc_yes_no.png) no-repeat;
    background-position-x: -14px;
    text-align: center;
    background-size: 200% 100%;
    margin-right: 7px;
}
#countryHQ #contentHolder.alliance .text-holder .surrounding-div > .text .condition-checkbox.selected {
    background-position-x: 0px;
}
#countryHQ #contentHolder.alliance .text-holder .surrounding-div > .text .condition-checkbox:hover {
    filter: brightness(127%);
}
#countryHQ #contentHolder.alliance .text-holder .surrounding-div {
    border: 1px solid white;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 14px;
}
#countryHQ #contentHolder.battlefieldSetup {
    /*width: 830px;*/
    height: 550px;
    background:  url('../images/new/warZone/country_hq/cvc/cvc_bg.png');
}
#countryHQ #contentHolder.battlefieldSetup .front-info{
    position: relative;
    top: 37px;
    margin: 0 auto;
    width: 593px;
    height: 43px;
    background:  url('../images/new/warZone/country_hq/cvc/battlefield_vs.png');
}
#countryHQ #contentHolder.battlefieldSetup .front-info.alliance {
    background:  url('../images/new/warZone/country_hq/cvc/battlefield_vs_alliance.png');
}
#countryHQ #contentHolder.battlefieldSetup .front-info > div {
    display: inline-block;
    position: relative;
    width: 49%;
    height: 43px;
}
#countryHQ #contentHolder.battlefieldSetup .front-info .left > div,
#countryHQ #contentHolder.battlefieldSetup .front-info .right > div{
    position: absolute;
    /*display: inline-block;*/
    font: 12px/20px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.battlefieldSetup .front-info .right {
    position: absolute;
    right: -15px;
}
#countryHQ #contentHolder.battlefieldSetup .front-info  .flag{
    top: 6px;
    left: 22px;
    transform: scale(0.85);
}
#countryHQ #contentHolder.battlefieldSetup .front-info  .right .flag{
    left: 28px;
}
#countryHQ #contentHolder.battlefieldSetup .front-info  .country-code{
    top: 12px;
    left: 63px;
    font: 14px/14px 'titilliumWebSemiBold';
    color: #f7931e;
}
#countryHQ #contentHolder.battlefieldSetup .front-info .right .country-code{
    left: 71px;
}
#countryHQ #contentHolder.battlefieldSetup .front-info.alliance  .country-code {
    left: 24px;
}
#countryHQ #contentHolder.battlefieldSetup .front-info .soldiers-text{
    top: 4px;
    left: 109px;
    font: 11px/13px 'titilliumWebRegular';
}
#countryHQ #contentHolder.battlefieldSetup .front-info .soldiers-value{
    top: 19px;
    left: 111px;
    font: 14px/14px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.battlefieldSetup .front-info .total-power-text{
    top: 4px;
    left: 190px;
    font: 11px/13px 'titilliumWebRegular';
}
#countryHQ #contentHolder.battlefieldSetup .front-info .total-power-value{
    top: 19px;
    left: 176px;
    font: 14px/14px 'titilliumWebSemiBold';
    width: 60px;
    text-align: center;
}
#countryHQ #contentHolder.battlefieldSetup .fog-of-war{
    position: absolute;
    top:0px;
    width: 503px;
    height: 550px;
    background:  url('../images/new/warZone/country_hq/cvc/black_fog.png');
    transform: rotate(180deg);
}
#countryHQ #contentHolder.battlefieldSetup .fog-of-war.right{
    right: 0px;
    transform: rotate(0deg);
}
#countryHQ #contentHolder.battlefieldSetup .field-holder{
    position: relative;
    top: 60px;
    width: 663px;
    height: 325px;
    background:  url('../images/new/warZone/country_hq/cvc/battlefield_tiles_coordinates.png');
    margin: 0 auto;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .break-the-line {
    width: 23px;
    height: 300px;
    background:  url('../images/new/warZone/country_hq/cvc/break_the_line.png');
    margin: 0 auto;
    position: absolute;
    top: 13px;
    left: 319px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder {
    font-size: 0px;
    position: relative;
    margin-left: 11px;
    margin-top: -6px;
    top: 11px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder.elevated {
    z-index: 1;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .row:nth-of-type(2),
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .row:nth-of-type(2){
    margin-top: -4px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .row:nth-of-type(3),
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .row:nth-of-type(4),
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .row:nth-of-type(4),
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .row:nth-of-type(5){
    margin-top: -3px;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .row:nth-of-type(3){
    margin-top: -1px;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .row:nth-of-type(5){
    margin-top: -2px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile{
    display: inline-block;
    width: 83px;
    height: 63px;
    background:  url('../images/new/warZone/country_hq/cvc/battlefield_frame.png');
    opacity: 0;
    position: relative;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile.good-pick{
    opacity: 1;
    background: rgba(26, 221, 59, 0.3)
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile.bad-pick{
    opacity: 1;
    background: rgba(216, 17, 47, 0.4);
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile.good-pick > div,
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile.bad-pick > div{
    display: none;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .row{
    font-size: 0;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .overlay-tile{
    background: rgba(255, 0, 0, 0.12);
    display: inline-block;
    width: 82px;
    height: 62px;
    /*width: 83px;*/
    /*height: 63px;*/
    opacity: 0;
    position: relative;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile.active,
#countryHQ #contentHolder.battlefieldSetup .overlay-holder  .overlay-tile.active{
    opacity: 1;
}
/*#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile:not(.hidden):hover,*/
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .overlay-tile:not(.hidden):hover{
    /*background: lightblue;*/
    opacity: 1;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile:nth-of-type(n + 2),
#countryHQ #contentHolder.battlefieldSetup .overlay-holder  .overlay-tile:nth-of-type(n + 2){
    margin-left: -3px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile:nth-of-type(4){
    margin-left: -4px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile:nth-of-type(5){
    margin-left: -4px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile:nth-of-type(8){
    margin-left: -3px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .x{
    position: absolute;
    top: 6px;
    right: 7px;
    width: 9px;
    height: 9px;
    background:  url('../images/new/warZone/country_hq/cvc/small_x.png');
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .tank-overlay {
    background: rgba(255, 0, 0, 0.4);
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .x:hover{
    transform: scale(1.37);
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon{
    position: absolute;
    top: 12px;
    right: 6px;
    width: 74px;
    height: 42px;
    background:  url('../images/new/warZone/country_hq/cvc/units_damaged_sprite.png');
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon.empty{
    background:  none;
}

/*#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile:hover~div > .tank-overlay{*/
    /*opacity: 1;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*background: rgba(255, 0, 0, 0.5);*/
/*}*/
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon.upper{
    top: 7px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon.tank{
    background-position-x: -221px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon.mine{
    background-position-x: -148px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon.defensive_building{
    background-position-x: -74px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon.defend-bomb{
    background-position-x: 0px;
}
#countryHQ #contentHolder.battlefieldSetup .field-holder .tile-holder .tile .unit-icon.attack_bomb{
    background-position-x: -296px;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder{
    position: relative;
    width: 637px;
    height: 300px;
    /*background: rgba(255, 0, 0, 0.5);*/
    margin: 0 auto;
    top: -250px;
    pointer-events: none;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .defensive-reach{
    width: 75px;
    height: 157px;
    position: absolute;
    background:  url('../images/new/warZone/country_hq/cvc/defensive_building_reach.png');
    opacity: 0;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .white-tiles-holder{
    width: 320px;
    height: 300px;
    position: absolute;
    background:  url('../images/new/warZone/country_hq/cvc/battlefield_tiles_white.png');
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .white-tiles-holder.defend {
    top: 0px;
    left: -1px;
}
#countryHQ #contentHolder.battlefieldSetup .overlay-holder .white-tiles-holder.attack {
    top: 1px;
    right: 0px;
}
#countryHQ #contentHolder.battlefieldSetup .hq-right-icon{
    position: absolute;
    right: 0px;
    top: 29px;
    width: 239px;
    height: 473px;
    background:  url('../images/new/warZone/country_hq/cvc/hq_dameged_sprite.png');
}
#countryHQ #contentHolder.battlefieldSetup .info-text{
    font: 11px/17px 'titilliumWebSemiBold';
    color: black;
    position: absolute;
    left: 12px;
    bottom: 93px;
    /*color: black;*/
}
#countryHQ #contentHolder.battlefieldSetup .info-text.white{
     color: white;
}
#countryHQ #contentHolder.battlefieldSetup .info-text.green{
    color: greenyellow;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder{
    width: 1000px;
    height: 54px;
    background:  url('../images/new/warZone/country_hq/cvc/battlefield_footer_sprite.png');
    position: absolute;
    bottom: 33px;
    background-position-y: -54px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder > div {
    display: inline-block;
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .inbound-distance {
    position: absolute;
    right: 181px;
    bottom: 106px;
    color: white;
    font: 13px/17px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .inbound-distance > .value {
    font: 16px/17px 'titilliumWebBold';
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder {
    text-align: center;
    background-position-y: 0;
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder .button-holder {
    position: relative;
    top: 10px;
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder .button-holder > div {
    display: inline-block;
    /*padding: 3px;*/
    width: 30px;
    height: 30px;
    background:  url('../images/new/warZone/country_hq/cvc/play_pause_back_forward_replay_sprite.png');
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder .button-holder > .pause {
    background-position-x: -30px;
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder .button-holder > .speed-up {
    background-position-x: -90px;
    margin-left: 4px;
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder .button-holder > .speed-down {
    background-position-x: -60px;
    margin-right: 10px;
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder .button-holder > .reset-replay {
    background-position-x: -120px;
    margin-right: 10px;
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay .lower-utilities-holder .button-holder > div:hover {
    color: pink;
    transform: scale(1.2);
    filter: brightness(140%);
}
#countryHQ #contentHolder.battlefieldSetup .partial-holder.replay #cvcCanvasHolder{
    position: absolute;
    /*top: 143px;*/
    top: 136px;
    width: 1000px;
    height: 376px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder{
    position: relative;
    width: 109px;
    height: 57px;
    background:  url('../images/new/warZone/country_hq/cvc/bottom_square_sprite.png');
    font: 14px/17px 'titilliumWebSemiBold';
    margin-left: 3px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder:not(.alreadyFull):hover{
    filter: brightness(120%);
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder.alreadyFull {
    opacity: 0.65;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder > .name{
    position: absolute;
    font: 10px/17px 'titilliumWebRegular';
    top: 8px;
    left: 15px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder > .number{
    font: 12px/17px 'titilliumWebSemiBold';
    position: absolute;
    top: 27px;
    left: 86px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder > .number-overlay{
    position: absolute;
    top: 27px;
    left: 76px;
    width: 28px;
    height: 20px;
    background: rgba(0, 128, 0, 0.5);
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder > .unit-icon{
    width: 61px;
    height: 38px;
    position: relative;
    top: 17px;
    left: 7px;
    background:  url('../images/new/warZone/country_hq/cvc/bottom_square_weapon_sprite.png');
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder[data-type=defense_bomb] > .unit-icon {
    background-position-x: 0px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder[data-type=attack_bomb] > .unit-icon {
    background-position-x: -61px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder[data-type=tank] > .unit-icon {
    background-position-x: -244px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder[data-type=defensive_building] > .unit-icon {
    background-position-x: -122px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .unit-type-holder[data-type=mine] > .unit-icon{
    background-position-x: -183px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .reset-all{
    position: absolute;
    width: 161px;
    height: 57px;
    background:  url('../images/new/warZone/country_hq/cvc/reset_all_moves_button.png');
    /*background-position-y: -44px;*/
    /*font: 12px/30px 'titilliumWebSemiBold';*/
    font: 12px/42px 'titilliumWebSemiBold';
    text-align: center;
    vertical-align: middle;
    margin-top: 7px;
    left: 616px;
    color: white;
    padding-right: 9px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .reset-all:hover{
    filter: brightness(120%);
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .confirm-formation{
    position: absolute;
    width: 146px;
    height: 44px;
    background:  url('../images/new/warZone/country_hq/cvc/confirm_formation_sprite-03.png');
    font: 12px/30px 'titilliumWebSemiBold';
    text-align: center;
    vertical-align: middle;
    color: white;
    padding-right: 7px;
    right: 71px;
    margin-top: 13px;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .confirm-formation.disabled{
    background-position-y: 44px;
    color: black;
}
#countryHQ #contentHolder.battlefieldSetup .lower-utilities-holder .confirm-formation:hover{
    filter: brightness(120%);
}
#countryHQ .side-menu {
    width: 171px;
    height: 469px;
    display: inline-block;
    position: absolute;
    top: 43px;
    right: 0px;
    color: white;
    text-align: left;
    /*padding-left: 10px;*/
    padding-top: 40px;
    background:  url('../images/new/warZone/country_hq/cvc/right_navigation.png');
}
#countryHQ .side-menu > div:not(.chat-icon):not(.chat-incentive-text){
    font: 14px/17px 'titilliumWebSemiBold';
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-left: 1px solid rgba(255, 255, 255, 0.7);
}
#countryHQ .side-menu > div:not(.chat-icon):not(.chat-incentive-text):hover{
    /*filter: brightness(120%);*/
    background: black;
}
/*#countryHQ .side-menu > div:not(.chat-icon):not(.chat-incentive-text){*/
    /*font: 14px/17px 'titilliumWebSemiBold';*/
    /*padding: 10px;*/
    /*border-top: 1px solid rgba(255, 255, 255, 0.7);*/
    /*border-left: 1px solid rgba(255, 255, 255, 0.7);*/
/*}*/
#countryHQ .side-menu > div.active{
    color: #f7931e;
}
#countryHQ .side-menu > .chat-incentive-text{
    position: absolute;
    bottom: 8px;
    color: white;
    font: 12px/17px 'titilliumWebSemiBold';
    width: 77%;
    padding: 2px 7px;
    opacity: 0.75;
    margin-left: 1px;
}
#countryHQ .side-menu > .chat-icon{
    position: absolute;
    right: -2px;
    bottom: 0px;
    width: 55px;
    height: 54px;
    background: url("../chat/chat_sprite.png");
}
#countryHQ .side-menu > .chat-icon:hover {
    background-position-y: -54px;
}
#countryHQ #contentHolder.voting .partial-holder{
    width: 100%;
    height: 100%;
}
#countryHQ #contentHolder.cvc .choose-front{
    width: 176px;
    height: 61px;
    background:  url('../images/new/warZone/country_hq/cvc/choose_front_button.png');
    text-align: center;
    font: 14px/45px 'titilliumWebSemiBold';
    position: absolute;
    bottom: 47px;
    left: 324px;
    padding-right: 10px;
}
#countryHQ #contentHolder.cvc .info-holder,
#countryHQ #contentHolder.alliance .info-holder{
    margin: 0 auto;
    width: 200px;
    height: 100px;
    /*background: pink;*/
}
#countryHQ #contentHolder.alliance .info-holder{
    height: 22px;
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder{
    position: relative;
    width: 251px;
    height: 55px;
    background:  url('../images/new/warZone/country_hq/cvc/under_header_3.png');
    left: -24px;
    top: 9px;
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder > div,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder > div{
    position: absolute;
    /*display: inline-block;*/
    font: 12px/20px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder > .flag,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder > .flag{
    top: 18px;
    left: 6px;
    transform: scale(0.85);
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder > .country-code,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder > .country-code{
    top: 27px;
    left: 49px;
    font: 14px/14px 'titilliumWebSemiBold';
    color: #f7931e;
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder > .country-power-text,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder > .country-power-text{
    top: 17px;
    left: 90px;
    font: 11px/13px 'titilliumWebRegular';
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder > .country-power-value,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder > .country-power-value{
    top: 31px;
    left: 96px;
    font: 14px/14px 'titilliumWebSemiBold';
    width: 57px;
    text-align: center;
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder > .my-power-text,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder > .my-power-text{
    top: 17px;
    left: 181px;
    font: 11px/13px 'titilliumWebRegular';
}
#countryHQ #contentHolder.cvc .info-holder .under-header-holder > .my-power-value,
#countryHQ #contentHolder.alliance .info-holder .under-header-holder > .my-power-value{
    top: 32px;
    left: 176px;
    font: 14px/14px 'titilliumWebSemiBold';
    width: 60px;
    text-align: center;
}
#countryHQ #contentHolder.cvc .info-holder .motivational-text,
#countryHQ #contentHolder.alliance .info-holder .motivational-text{
    color: #ffffff;
    font: 14px/20px 'titilliumWebRegular';
    text-align: center;
    /*width: 247px;*/
    width: 500px;
    /*margin-left: -22px;*/
    margin-left: -150px;
}
#countryHQ #contentHolder.cvc .info-holder .motivational-text{
    margin-top: 16px;
    width: 505px;
}
#countryHQ #contentHolder.cvc .info-holder .motivational-text.alliance{
    margin-top: 41px;
}
#countryHQ #contentHolder.cvc .motivational-text-plus.alliance{
    color: #ffffff;
    font: 14px/20px 'titilliumWebRegular';
    text-align: center;
    margin-top: 14px;
}
#countryHQ #contentHolder.cvc .info-holder .go-vote-holder{
    position: absolute;
    right: 78px;
    top: 63px;
}
#countryHQ #contentHolder.cvc .info-holder .go-vote-holder > div{
    display: inline-block;
    vertical-align: top;
}
#countryHQ #contentHolder.cvc .info-holder .go-vote-holder .info-text{
    width: 126px;
    height: 30px;
    background:  url('../images/new/warZone/country_hq/cvc/voting_square.png');
    font: 10px/13px 'titilliumWebRegular';
    padding-top: 3px;
    padding-left: 5px;
}
#countryHQ #contentHolder.cvc .info-holder .go-vote-holder .go-vote{
    margin-left: -4px;
    margin-top: -1px;
    width: 69px;
    height: 40px;
    background:  url('../images/new/warZone/country_hq/cvc/go_vote_button.png');
}
#countryHQ #contentHolder.cvc .alternate-front-disclaimer{
    position: absolute;
    top: 68px;
    left: 55px;
    font: 14px/20px 'titilliumWebRegular';
    width: 217px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder {
    color: black;
    width: 100%;
    height: 118px;
    /*margin-top: 30px;*/
    margin-top: -44px;
    background:  url('../images/new/warZone/country_hq/cvc/alliance_board.png') no-repeat center;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder {
    width: 83%;
    top: 59px;
    height: 40px;
    /*background: white;*/
    color: white;
    margin: 0 auto;
    position: relative;
    font: 15px/17px 'titilliumWebRegular';
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div{
    width: 49%;
    display: inline-block;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div.right{
    position: relative;
    vertical-align: top;
    margin-left: -11px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div > div{
    position: absolute;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div > .title{
    position: absolute;
    top: 11px;
    left: 44px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div > .soldiers-text{
    position: absolute;
    top: 3px;
    left: 157px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > .right > .soldiers-text{
    left: 150px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div > .soldiers-value{
    position: absolute;
    top: 20px;
    left: 176px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div > .total-power-text{
    position: absolute;
    top: 3px;
    left: 234px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div > .total-power-value{
    position: absolute;
    top: 20px;
    left: 235px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div.right > .title{
    left: 234px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div.right > .soldiers-text{
    left: 150px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div.right > .soldiers-value{
    left: 169px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div.right > .total-power-text{
    left: 46px;
}
#countryHQ #contentHolder.cvc .fronts-presentation-holder .stats-holder > div.right > .total-power-value{
    left: 46px;
    left: 90px;
    text-align: right;
}
#countryHQ #contentHolder.cvc .total-stats {
    position: relative;
    width: 100%;
    height: 74px;

    background: url('../images/new/warZone/country_hq/cvc/under_alliance_button.png') 0px 26px repeat-y;
    background-size: 100% 100%;
}
#countryHQ #contentHolder.cvc .alliance-stats {
    font: 14px/20px 'titilliumWebSemiBold';
    text-align: center;
    color: #ffffff;
}
#countryHQ #contentHolder.cvc  .defender-stats {
    position: absolute;
    left: 202px;
    /*top: 140px;*/
    bottom: 5px;
    text-align: left;
    font: 12px/20px 'titilliumWebRegular';
    color: #FFFFFF;
}
#countryHQ #contentHolder.cvc .attacker-stats {
    position: absolute;
    left:538px;
    /*top: 140px;*/
    bottom: 5px;

    text-align: left;
    font: 12px/20px 'titilliumWebRegular';
    color: #FFFFFF;
}
#countryHQ #contentHolder.cvc .requirements-text-holder {
    width: 75%;
    margin: 0 auto;
    font: 12px/17px 'titilliumWebRegular';
    margin-top: 65px;
}
#countryHQ #contentHolder.cvc .requirements-text-holder > div{
    width: 43%;
    display: inline-block;
    vertical-align: top;
}
#countryHQ #contentHolder.cvc .requirements-text-holder > .right{
    margin-left: 69px;
}
#countryHQ #contentHolder.cvc .requirements-text-holder .orange{
    color: #f7931e;
}
#countryHQ #contentHolder.cvc .requirements-text-holder .gray{
    color: #b3b3b3;
}
#countryHQ #contentHolder.cvc .button-holder {
    color: yellow;
    width: 100%;
    height: 56px;
    text-align: center;
    margin-top: -1px;
}
#countryHQ #contentHolder.cvc .button-holder > .enter-button-holder{
    background:  url('../images/new/warZone/country_hq/cvc/under_alliance_button.png');
    width: 258px;
    height: 51px;
    display: inline-block;
}
#countryHQ #contentHolder.cvc .button-holder > .enter-button-holder:nth-of-type(1){
    /*margin-right: 28px;*/
}
#countryHQ #contentHolder.cvc .button-holder > .enter-button-holder:nth-of-type(2){
    margin-left: 74px;
}
#countryHQ #contentHolder.cvc .button-holder > .enter-button-holder > div {
    background: white;
    width: 181px;
    height: 36px;
    display: inline-block;
    margin: 0 auto;
    background:  url('../images/new/warZone/country_hq/cvc/alliance_buttons_sprite.png');
    font: 15px/34px 'titilliumWebRegular';
    color: white;
    margin-top: 7px;
}
#countryHQ #contentHolder.cvc .button-holder > .enter-button-holder div.disabled {
    background-position-y: -36px;
    color: #666666;
}
#countryHQ #contentHolder.cvc .button-holder > .enter-button-holder div.active {
    filteR: brightness(200%);
}
#countryHQ #contentHolder.cvc .button-holder > .enter-button-holder div:not(.active):hover {
    filter: brightness(120%);
}
#countryHQ #contentHolder.cvc .button-holder .accept-first{
}
#countryHQ #contentHolder.cvc .button-holder .accept-second{
}
#countryHQ #contentHolder.cvc .action-holder{
    width: 92%;
    height: 408px;
    /*background: pink;*/
    position: absolute;
    bottom: 42px;
    left: 54px;
}
#countryHQ #contentHolder.cvc .action-holder > div{
    vertical-align: top;
    width: 49%;
    display: inline-block;
    font: 12px/20px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.cvc .action-holder .noo-front-text{
    width: 243px;
}
#countryHQ #contentHolder.cvc .action-holder > .attack{
    /*width: 324px;
    padding-left: 50px;*/
    width: 354px;
    padding-left: 30px;
}
#countryHQ #contentHolder.cvc .action-holder .defend .title{
    width: 113px;
    padding-left: 6px;
}
#countryHQ #contentHolder.cvc .action-holder .attack .title{
    width: 108px;
    padding-left: 11px;
}
#countryHQ #contentHolder.cvc .action-holder .title{
    background:  url('../images/new/warZone/country_hq/cvc/defend_against_attack.png');
    width: 119px;
    height: 22px;
    font: 12px/21px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.cvc .action-holder .entries{
    margin-top: 16px;
    max-height: 247px;
    overflow: auto;
    padding-bottom: 40px;
    padding-left: 20px;
    margin-left: -20px;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry{
    position: relative;
    margin-top: 14px;
    width: 290px;
    height: 41px;
    background:  url('../images/new/warZone/country_hq/cvc/fronts_square_sprite.png');
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry:not(.active):hover{
    transform: scale(1.09);
    filter: brightness(120%);
}
#countryHQ #contentHolder.cvc .action-holder > .defend .entries > .entry{
    background-position-x: 290px;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > div{
    display: inline-block;
    /*position: absolute;*/
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .selected-button {
    width: 16px;
    height: 16px;
    background:  url('../images/new/warZone/country_hq/cvc/on_off_sprite.png');
    position: absolute;
    top: 13px;
    left: 8px;
    background-position-x: -16px;
}
#countryHQ #contentHolder.cvc .action-holder div .entries > .entry {
    border: 1px solid white;
}
#countryHQ #contentHolder.cvc .action-holder .defend .entries > .entry.active {
    border: 1px solid orange;
}
#countryHQ #contentHolder.cvc .action-holder .attack .entries > .entry.active {
    border: 1px solid orange;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry.alternative {
    border: 1px solid deepskyblue;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry.active > .selected-button {
    background-position-x: 0px;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .flag {
    position: absolute;
    top: 5px;
    left: 29px;
    transform: scale(0.85);
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .country-info-button {
    width: 25px;
    height: 18px;
    position: absolute;
    left: 279px;
    top: 11px;
    background:  url('../images/new/warZone/country_hq/cvc/more.png');
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .country-info-button:hover {
    /*transform: scale(1.09);*/
    filter: brightness(120%);
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .country-code {
    position: absolute;
    left: 76px;
    top: 9px;
    font: 14px/21px 'titilliumWebSemiBold';
    color: #f7931e;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .threat-text {
    position: absolute;
    left: 121px;
    top: 1px;
    font: 11px/21px 'titilliumWebRegular';
    color: #b3b3b3;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .front-threat-bar {
    position: absolute;
    width: 66px;
    height: 11px;
    background:  url('../images/new/warZone/country_hq/cvc/bar_sprite.png');
    top: 21px;
    left: 116px
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .front-threat-bar::after {
    background:  url('../images/new/warZone/country_hq/cvc/bar_sprite.png');
    background-position-x: 66px;

}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .current-power-text {
    position: absolute;
    left: 201px;
    top: 1px;
    font: 11px/21px 'titilliumWebRegular';
    color: #b3b3b3;
}
#countryHQ #contentHolder.cvc .action-holder .entries > .entry > .current-power-value {
    position: absolute;
    left: 209px;
    top: 17px;
    font: 14px/21px 'titilliumWebSemiBold';
}

#countryHQ #contentHolder.cvc .action-holder .developer-note {
    position: absolute;
    bottom: 5px;
    right: 5px;
    height: 31px;
    width: 585px;
    padding: 5px 10px;
    background: #202328;
    border: solid 1px white;
    font: 11px/14px 'titilliumWebRegular';

    color: white;
}
#countryHQ #contentHolder.cvc .action-holder .developer-note .exclamation {
    float: left;
    font: 35px/28px 'titilliumWebBold';
    color: white;
    margin-right: 20px;

}
#countryHQ #contentHolder.cvc .action-holder .developer-note a {
    font: 11px/14px 'titilliumWebSemiBold';
    color: #f7931e;
}
/*#countryHQ #contentHolder.battlefieldSetup{*/

/*}*/
/*#countryHQ #contentHolder.battlefieldSetup{*/

/*}*/
#countryHQ .more-info-holder{
    position: absolute;
    top: 101px;
    left: 200px;
    background: #31363d;
    color: white;
    width: 550px;
    padding: 17px;
    font: 13px/17px 'titilliumWebSemiBold';
    z-index: 1;
    padding-right: 40px;
    border: 1px solid white;
    max-height: 350px;

    overflow-y: auto;
}
#countryHQ .more-info-holder > .x{
    position: absolute;
    top: 4px;
    right: 5px;
}
#countryHQ .partial-holder:not(.yesterdaysResults) .left-holder{
    padding-top: 7px;
    display: inline-block;
    width: 456px;
    height: 100%;
    background-color: rgba(206, 224, 234, 0.46)
}
#countryHQ .partial-holder .left-holder .upper{
    margin-top: 12px;
}
#countryHQ .partial-holder .left-holder .upper > div{
    display: inline-block;
    vertical-align: middle;
}
#countryHQ .partial-holder .left-holder .upper .your-voting-power{
    width: 137px;
    height: 24px;
    background: #31363d;
    color: white;
    font: 12px/24px 'titilliumWebSemiBold';
    text-align: center;
    margin-left: 34px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .upper .voting-power-value{
    width: 101px;
    height: 24px;
    background: white;
    font: 14px/23px 'titilliumWebSemiBold';
    margin-left: -3px;
    color: black;
    text-align: center;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .upper .increase-up{
    width: 116px;
    height: 44px;
    background:  url('../images/new/warZone/country_hq/voting/increase_up_button.png');
    font: 12px/44px 'titilliumWebSemiBold';
    color: black;
    text-align: center;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower{
    overflow-y: scroll;
    height: 424px;
    margin-top: 21px;
    margin-left: 12px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section{
    width: 385px;
    background: #31363d;
    margin: 0 auto;
    margin-bottom: 15px;
    box-shadow: 5px 5px 8px rgba(0,0,0,0.3);
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > div{
    /*width: 97%;*/
    width: 372px;
    margin: 0 auto;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .title-header{
    /*width: 100%;*/
    height: 26px;
    color: #f7931e;
    font: 14px/27px 'titilliumWebSemiBold';
    text-align: center;
    position: relative;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .title-header .timer-text{
    display: inline-block;
    position: absolute;
    left: 0px;
    font: 11px/28px 'titilliumWebRegular';
    color: white;
}

/*#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .status-line .gold{*/
#countryHQ #contentHolder.voting .partial-holder .gold{
    transform: scale(0.8);
}
#countryHQ #contentHolder.voting .partial-holder .air-strikes .gold{
    /*vertical-align: bottom;*/
    vertical-align: top;
    position: relative;
    bottom: -3px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .status-line{
    height: 26px;
    font: 12px/24px 'titilliumWebSemiBold';
    color: white;
    /*text-align: center;*/
    /*background: #90a1af;*/
    background: url('../images/new/warZone/country_hq/voting/under_country_treasury.png');
    position: relative;
    /*border: 1px solid white;*/
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .health-line{
    font: 12px/24px 'titilliumWebSemiBold';
    /*background: #748189;*/
    background: url('../images/new/warZone/country_hq/voting/under_break_the_line.png');
    /*border: 1px solid white;*/
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .status-line > div,
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .health-line > div{
    display: inline-block;
    vertical-align: middle;
}

#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .status-line > .icon.treasury{
    width: 19px;
    height: 19px;
    margin-right: 14px;
    background:  url('../images/new/warZone/country_hq/voting/country_treasury.png');
    margin-left: 15px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .health-line > .icon.heart-rate{
    width: 17px;
    height: 14px;
    background:  url('../images/new/warZone/country_hq/voting/health_icon.png');
    margin-left: 15px;
    margin-right: 11px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .status-line > .not-enough-gold{
    width: 136px;
    height: 21px;
    background:  url('../images/new/warZone/country_hq/voting/not_enough_gold_icon.png');
    position: absolute;
    right: 6px;
    top: 2px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .status-line > .not-enough-gold:hover{
    filter: brightness(150%);
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats{
    /*width: 100%;*/
    /*height: 138px;*/
    /*color: #f7931e;*/
    font: 14px/20px 'titilliumWebSemiBold';
    background: grey;
    text-align: center;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats .stats-country {
    font: 12px/16px 'titilliumWebSemiBold'
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.air-strikes > .stats{
    height: 128px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > .desc{
    display: block;
    color: black;
    font: 12px/13px 'titilliumWebRegular';
    padding-bottom: 7px;
    padding-top: 5px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.air-strikes > .stats > .desc{
    position: relative;
    top: -5px;
    padding-bottom: 0px;
    padding-top: 10px;
    margin: 0 5px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats > .desc {
    border-bottom: 1px solid black;
    margin: 0 6px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > .desc > .more-info{
    width: 26px;
    height: 13px;
    background:  url('../images/new/warZone/country_hq/voting/more_button.png');
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    left: 5px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > .button{
    font: 11px/22px 'titilliumWebSemiBold';
    color: white;
    border: 1px solid black;
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 5px;
    background: #f7931e;
    border: 1px solid #f15a24;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-upgrades > .stats > .button {
    margin-top: -4px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats > .button {
    margin-left: 11px;
    margin-right: 9px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > .button.disabled{
    background: #31363d;
    border: 1px solid black;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > .status-value{
    font: 11px/20px 'titilliumWebSemiBold';
    color: #31363d;
    background: none;
    border: none;
    display: inline-block;
    top: -16px;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
    height: 20px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > .status-value.wider{
    width: 260px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats .voting-progress{
    background:  url('../images/new/warZone/country_hq/voting/bar_sprite.png') 0 0;
    width: 98px;
    height: 7px;
    position: relative;
    top: -5px;
    margin-left: 5px;
    margin-right: 5px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats .voting-progress{

     margin-left: 11px;
     margin-right: 9px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats .voting-progress:after{
    height: 7px;
    background:  url('../images/new/warZone/country_hq/voting/bar_sprite.png') 98px 0;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats .voting-progress.wider {
    width: 209px;
    display: block;
    margin: 0 auto;
    top: -15px;
    background:  url('../images/new/warZone/country_hq/voting/bar_sprite_long.png?v=2') 0px 0;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats .voting-progress.wider:after {
    background:  url('../images/new/warZone/country_hq/voting/bar_sprite_long.png?v=2') 0px -7px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .health-line .voting-progress.bigger{
    background:  url('../images/new/warZone/country_hq/voting/health_bar_sprite.png') 0 0;
    width: 175px;
    height: 16px;
    color: white;
    margin-left: 8px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .health-line .voting-progress.bigger:after{
    height: 16px;
    background:  url('../images/new/warZone/country_hq/voting/health_bar_sprite.png') 175px 0;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .health-line .voting-progress.bigger > .health-left{
    position: relative;
    z-index: 1;
    font: 12px/16px 'titilliumWebSemiBold';
    text-align: center;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > div{
    display: inline-block;
    background: #31363d;
    width: 96px;
    height: 24px;
    border-radius: 4px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats .upgrade-info {
    width: 96px;
    height: 47px;
    background: url('../images/new/warZone/country_hq/voting/country_upgrades_above_buttons_text.png') bottom no-repeat;
    border-radius: 0;
    margin: 0 6px;
    color: #000000;
    font: 10px/12px 'titilliumWebRegular';
    background-size: 100% 100%;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats .upgrade-info span {
    color: #006837;
    font: 12px/15px 'titilliumWebBold';
    display: block;
    text-align: center;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats .upgrade-info span {
    display: inline;
    color: #000000;
    font: 10px/12px 'titilliumWebRegular';
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats .upgrade-info {
    width: 113px;
    height: auto;
    margin: 0 2px;
    padding: 1px;
    background: url('../images/new/warZone/country_hq/voting/country_upgrades_above_buttons_text_reverted.png') top no-repeat,
                url('../images/new/warZone/country_hq/voting/country_upgrades_above_buttons_text.png') bottom no-repeat;
    background-size: 100% 28%;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats .upgrade-info > div {
    text-align: left;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats .upgrade-info .country {
    font: 12px/14px 'titilliumWebSemiBold';
    color: black;
    height: 30px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats .upgrade-info .country span {
    line-height: 14px;
    float: none;
    margin-left: 10px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack > .stats .upgrade-info span {
    text-align: right;
    float: right;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section > .stats > .button.chosen {
    background: #547f81;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-upgrades{
    height: 196px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.air-strikes{
    height: 210px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack{
    /*height: 142px;*/
    /*height: 182px;*/
    padding-bottom: 7px;
}
#countryHQ #contentHolder.voting .partial-holder .left-holder .lower > .section.country-attack .stats{
    /*height: 150px;*/
}
#countryHQ #contentHolder.voting .partial-holder .right-holder{
    padding-top: 6px;
    display: inline-block;
    vertical-align: top;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder{
    margin-top: 35px;
    margin-left: 17px;
    width: 523px;
    height: 467px;
    background:  url('../images/new/warZone/country_hq/voting/council.png?v=1');
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .title-header{
    margin: 0 auto;
    text-align: center;
    top: 57px;
    position: relative;
    font: 13px/20px 'titilliumWebSemiBold';
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .table-header{
    margin: 0 auto;
    top: 60px;
    position: relative;
    font: 13px/20px 'titilliumWebSemiBold';
    color: #4b8ffc;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .table-header > div{
    display: inline-block;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .table-header > div:nth-of-type(1){
    margin-left: 84px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .table-header > div:nth-of-type(2){
    margin-left: 35px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .table-header > div:nth-of-type(3){
    margin-left: 92px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .table-header > div:nth-of-type(4){
    margin-left: 35px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .title-header > .flag{
    margin-left: 4px;
    margin-right: 8px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .left-column{
    vertical-align:top;
    /*opacity: 0.3;*/
    display: inline-block;
    width: 48%;
    height: 74%;
    /*background: green;*/
    position: relative;
    top: 64px;
    /*left: 36px;*/
    left: 9px;
    color: black;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .left-column > .entry{
    width: 99%;
    height: 34px;
    /*background: yellow;*/
    font: 11px/32px 'titilliumWebSemiBold';
    color: #4d4d4d;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .entry > .leading-number{
    width: 30px;
    text-align: center;
    color: #ffffff;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder  .entry > .profile-image{
    width: 47px;
    height: 16px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder  .entry > .profile-image > .macro-holder{
    transform: scale(0.14) !important;
    top: -62px;
    left: -59px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .right-column > .entry{
    width: 113%;
    height: 34px;
    /*background: yellow;*/
    font: 11px/32px 'titilliumWebSemiBold';
    color: #4d4d4d;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .entry > .username{
    width: 95px;
    text-align: left;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .entry > div{
    display: inline-block;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .entry > .voting-power-value{
    text-align: right;
    width: 64px;
}
#countryHQ #contentHolder.voting .partial-holder .right-holder .inner-holder .right-column{
    position: relative;
    vertical-align: top;
    top: 64px;
    left: 12px;
    /*opacity: 0.3;*/
    display: inline-block;
    width: 42%;
    height: 74%;
    /*background: pink;*/
}
#countryHQ .flag {
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    margin-left: 3px;
}
#countryHQ .stats-holder.country .flag {
    margin-left: -11px;
    margin-right: 11px;
    margin-top: -3px;
}
#countryHQ .header .center {
    position: absolute;
    left: 392px;
    top: 18px;
    /*font: 20px/20px 'titilliumWebRegular';*/
    font: 16px/20px 'titilliumWebSemiBold';
    color: #ffffff;
    width: 210px;
    text-align: center;
}
#countryHQ .header.cvc .center,
#countryHQ .header.yesterdaysResults .center{
    left: 309px;
    top: 20px;
    font: 18px/18px 'titilliumWebSemiBold';
    color: #ffffff;
    text-align: center;
}
#countryHQ .header.battlefieldSetup .center{
    font: 18px/18px 'titilliumWebSemiBold';
    top: 22px;
}
#countryHQ .header.alliance .center{
    left: 289px;
    top: 20px;
    font: 18px/18px 'titilliumWebSemiBold';
    color: #ffffff;
}
#countryHQ .header.alliance .center{
    left: 312px;
    top: 26px;
}
#countryHQ .header .center > .info-button {
    margin-top: -1px;
}
#countryHQ .header .center.hq {
    left: 286px;
    top: 22px;
}
#countryHQ .header .center.hq .flag{
    margin-top: -2px;
}
#countryHQ .jsHolder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;

    top: 0;
    left: 0;
    background: rgba(0,0,0, 0.7);
    color: #ffffff;

    display: none;
}
#countryHQ .jsHolder .partial-holder.donate {
    margin: 0 auto;
    background: #1f2226;
    width: 607px;
    /*height: 496px;*/
    color: black;
}
#countryHQ .jsHolder .partial-holder.donate .close{
    right: 205px;
    top: 4px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder{
    border: 1px solid white;
    /*height: 231px;*/
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .title{
    font: 13px/20px 'titilliumWebSemiBold';
    color: #f7931e;
    text-align: center;
    margin-top: 16px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .description{
    font: 12px/20px 'titilliumWebRegular';
    color: white;
    text-align: center;
    /*width: 75%;*/
    width: 90%;
    margin: 0 auto;
    padding-bottom: 20px;
    margin-top: 6px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .description.red{
    color: red;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .description.special{
    margin-top: -17px;
    margin-bottom: -5px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .description .gold{
    transform: scale(0.85);
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window{
    margin: 0 auto;
    width: 501px;
    height: 110px;
    background:  url('../images/new/warZone/country_hq/popup/donate_gold_to_country_treasury/donate_window.png');
    margin-bottom: 18px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div{
    display: inline-block;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div .gold{
    transform: scale(0.75);
    margin-left: 10px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div:nth-of-type(1){
    margin-left: 26px;
    margin-top: 18px;
    font: 12px/17px 'titilliumWebSemiBold';
    color: white;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div:nth-of-type(1) .value{
    width: 50px;
    display: inline-block;
    padding-left: 5px;
    color: black;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div:nth-of-type(2){
    font: 12px/17px 'titilliumWebSemiBold';
    margin-left: 76px;
    color: white;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div:nth-of-type(2) > .gold{
    margin-left: 15px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div:nth-of-type(2) > .value{
    margin-left: 7px;
    color: black;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window .donate-setup {
    position: relative;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window  input{
    position: relative;
    width: 89px;
    /*height: 17px;*/
    height: 21px;
    margin-top: 21px;
    margin-left: 23px;
    padding: 0 0 0px 23px;
    font: 12px/19px 'titilliumWebRegular';
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window .input-gold-hover{
    display: inline-block;
    position: absolute;
    width: 23px;
    height: 21px;
    background: url("../images/new/warClicks/wc_splosno/sp_5_currency_icons_min.png");
    background-position-x: -15px;
    pointer-events: none;
    left: 107px;
    top: 22px;
    transform: scale(0.8);
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div:nth-of-type(3){
    font: 12px/17px 'titilliumWebSemiBold';
    color: white;
    margin-left: 31px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window > div:nth-of-type(4){
    margin-left: 128px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window .donate{
    display: inline-block;
    border-radius: 4px;
    background: #00ffff;
    font: 12px/20px 'titilliumWebBold';
    padding: 2px 19px;
    margin-left: 7px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window .donate:hover{
    filter: brightness(130%);
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window .voting-power{
    color: #8cc63f;
    font: 11px/20px 'titilliumWebRegular';
    display: inline-block;
    margin-top: 5px;
    margin-left: 50px;
}
#countryHQ .jsHolder .partial-holder.donate .upper-holder .donate-window .clicking-force{
    color: #8cc63f;
    font: 11px/20px 'titilliumWebRegular';
    display: inline-block;
    margin-left: 34px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder{
    position: relative;
    height: 269px;
    border: 1px solid white;
    border-top: none;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder{
    width: 100%;
    overflow-y: scroll;
    height: 221px;
    position: absolute;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder.disabled{
    opacity: 0.0;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder > div{
    display: inline-block;
    margin-left: 6px;
    vertical-align: top;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content{
    width: 282px;
    height: 374px;
    background:  url('../images/new/warZone/country_hq/popup/donate_gold_to_country_treasury/table.png');
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content > div{
    width: 100%;
    /*margin-left: 30px;*/
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .table-headers{
    font: 12px/28px 'titilliumWebSemiBold';
    color: #4b8ffc;
    height: 30px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .table-headers > span:nth-of-type(1){
    margin-left: 113px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .table-headers > span:nth-of-type(2){
    margin-left: 36px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .table-headers > span:nth-of-type(3){

}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .table-headers > span:nth-of-type(4){

}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content > .entry{
    width: 100%;
    height: 35px;
    /*background: yellow;*/
    font: 11px/32px 'titilliumWebSemiBold';
    color: #4d4d4d;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .entry > div{
    display: inline-block;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .entry > .leading-number{
    width: 30px;
    height: 30px;
    vertical-align: top;
    text-align: center;
    color: white;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .entry > .profile-image{
    width: 42px;
    height: 30px;
    vertical-align: top;
    margin-left: -3px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .entry > .profile-image .macro-holder{
    transform: scale(0.14) !important;
    top: -62px;
    left: -54px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .entry > .flag{
    margin-right: 0px;
    margin-top: -9px;
    height: 30px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .entry > .username{
    width: 93px;
    text-align: left;
    margin-left: 4px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .content .entry > .voting-power-value{
    text-align: right;
    width: 64px;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .inner-holder .title{
    color: white;
    font: 13px/23px 'titilliumWebSemiBold';
    text-align: center;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .general-donations{
    position: absolute;
    bottom: 12px;
    display: inline-block;
    font: 12px/22px 'titilliumWebSemiBold';
    width: 204px;
    height: 24px;
    background: #f7931e;
    background: #1F2226;
    text-align: center;
    border-radius: 3px;
    vertical-align:top;
    left: 78px;
    border: solid 1px #CCCCCC;
    color: white;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .country-donations{
    position: absolute;
    bottom: 12px;
    display: inline-block;
    font: 12px/22px 'titilliumWebSemiBold';
    width: 204px;
    height: 24px;
    background: #f7931e;
    background: #1F2226;
    text-align: center;
    border-radius: 3px;
    vertical-align:top;
    left: 369px;
    border: 1px solid #CCCCCC;
    color: white;
}
#countryHQ .jsHolder .partial-holder.donate .lower-holder .general-donations.active, #countryHQ .jsHolder .partial-holder.donate .lower-holder .country-donations.active{
    background: #f7931e;
}
#countryHQ .jsHolder .stats-holder.my{
    width: 526px;
    height: 370px;
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
}
#countryHQ .jsHolder .stats-holder.country{
    width: 569px;
    height: 370px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
}
#countryHQ .jsHolder .stats-holder.front{
    width: 726px;
    height: 370px;
    position: relative;
    margin: 0 auto;
    margin-top: 70px;
}
#countryHQ .jsHolder .stats-holder.my .header{
    text-align: center;
    font: 16px/35px 'titilliumWebSemiBold';
    height: 38px;
    position: relative;
    background:  url('../images/new/warZone/country_hq/popup/my_stats/bg_part_one.png') top no-repeat;
}
#countryHQ .jsHolder .stats-holder.country .header{
    text-align: center;
    font: 16px/35px 'titilliumWebSemiBold';
    height: 39px;
    position: relative;
    background:  url('../images/new/warZone/country_hq/popup/country_stats/bg_part_one.png') top no-repeat;
}
#countryHQ .jsHolder .stats-holder.front .header{
    text-align: center;
    font: 16px/35px 'titilliumWebSemiBold';
    height: 38px;
    position: relative;
    background:  url('../images/new/warZone/country_hq/popup/my_stats/bg_part_one.png') top no-repeat;
    background-size: 100% 100%;
}
#countryHQ .jsHolder .stats-holder .header .x {
    top: 23px;
}
#countryHQ .jsHolder .stats-holder.my .content{
    width: 100%;
    color: white;
    background:  url('../images/new/warZone/country_hq/popup/my_stats/bg_part_two_v2.png') center;
    background-repeat: repeat-y;
}
#countryHQ .jsHolder .stats-holder.country .content{
    width: 100%;
    color: white;
    background:  url('../images/new/warZone/country_hq/popup/country_stats/bg_part_two.png') center;
    background-repeat: repeat-y;
}
#countryHQ .jsHolder .stats-holder.front .content{
    /*width: 100%;*/
    color: white;
    background:  url('../images/new/warZone/country_hq/popup/my_stats/bg_part_two_v2.png') center;
    background-repeat: repeat-y;
    background-size: 100% auto;
    margin: -1px 18px 0 18px;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder {
    /*padding: 10px 63px 0px 63px;*/
    padding: 10px 63px 25px 63px;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder > .entry{
    border-bottom: 1px solid white;
    font: 12px/31px 'titilliumWebRegular';
    position: relative;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder > .entry .list {
    padding-top: 5px;
    line-height: 20px;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder > div:last-of-type{
    border-bottom: none;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder > div:last-of-type{
    border-bottom: none;
}
#countryHQ .jsHolder .stats-holder.country .content .inner-holder .section{
    display: block;
    border-bottom: 1px solid grey;
    padding-bottom: 7px;
}
#countryHQ .jsHolder .stats-holder.country .content .inner-holder .section > .title{
    font: 12px/24px 'titilliumWebRegular';
    margin-top: 8px;
}
#countryHQ .jsHolder .stats-holder.country .content .inner-holder .section > .entry{
    display: inline-block;
    font: 12px/16px 'titilliumWebRegular';
    color: #999999;
    width: 88px;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder .entry > div:nth-of-type(1){
    width: 59%;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder .entry > div:nth-of-type(2){
    width: 41%;
    vertical-align: top;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder .entry > div:nth-of-type(3){
    /*width: 15%;*/
    width: 91px;
    height: 25px;
    background:  url('../images/new/warZone/country_hq/popup/my_stats/convert_sprite.png');
    margin-top: 3px;
    position: absolute;
    right: 0;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder .entry > div:nth-of-type(3).disabled{
    background-position-y: -25px;
}
#countryHQ .jsHolder .stats-holder.country .content .inner-holder .entry > div:nth-of-type(3){
    /*width: 15%;*/
    width: 88px;
    height: 24px;
    background:  url('../images/new/warZone/country_hq/popup/country_stats/donate_button.png') center;
    margin-top: 3px;
    position: absolute;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder > div > div{
    display: inline-block;
}
#countryHQ .jsHolder .stats-holder .content .inner-holder .more-stats{
    text-decoration: none;
    display: inline-block;
    font: 12px/16px 'titilliumWebSemiBold';
    border: 1px solid white;
    padding: 3px 6px;
    color: black;
    background: #f7931e;
    margin-top: 10px;
    margin-left: 139px;

}
#countryHQ .jsHolder .stats-holder .content .inner-holder .more-stats:hover{
    filter: brightness(120%);
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .winner {
    font: 16px/25px 'titilliumWebBold';
    margin-left: 40px;
    color: #f7931e;
    text-align: center;
    border-bottom: 1px solid #f7931e;
    padding-bottom: 10px;
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder > .front-side > .side-name {
    color: #f7931e;
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder > .front-side > .total-sp.no-soldiers {
    font: 12px/16px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .replay-note {
    font: 11px/20px 'titilliumWebRegular';
    font-style: italic;
    margin-bottom: 5px;
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .attacker-side {
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    width: calc(50% - 40px);
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .defender-side {
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    width: calc(50% - 40px);
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .button {
    display: inline-block;
    width: 181px;
    height: 30px;
    margin-left: calc(25% - 94px);
    margin-right: calc(25% - 94px);
    margin-top: 20px;
    margin-bottom: 20px;

    background: url('../images/new/warZone/country_hq/popup/fight_results/unlock_button_sprite.png') top no-repeat;
    font: 12px/30px 'titilliumWebBold';
    color: black;
    text-align: center;
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .button.disabled {
    opacity: 0.4;
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .button:hover {
    color: #ffffff;
    filter: brightness(127%);
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .front-side > div {
    display: block;
    font: 12px/30px 'titilliumWebSemiBold';
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .front-side > div > span {
    float: right;
}
#countryHQ .jsHolder .stats-holder.front .content .inner-holder .front-side > div .icon {
    margin-top: -2px;
    margin-left: 5px;
}
#countryHQ .close {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 36px;
    height: 36px;
    background: url("../images/new/warClicks/wc_splosno/sp_2_close_min.png") 0 0;
    background-position-x: -36px;
}/*
#countryHQ .close.white {
    background-position-x: -36px;
}*/
#countryHQ .close:hover {
    background-position-y: -36px;
}
#countryHQ .close.back {
    top: 5px;
    /*left: 10px;*/
    right: 63px;
    width:34px;
    height: 29px;
    background:  url('../images/new/warZone/country_hq/fighting/back_button_sprite.png') no-repeat;
    background-position-x: 0px;
}
#countryHQ .close.back:hover {
    background-position-y: -29px;
}
#countryHQ .jsHolder .stats-holder.my .footer{
    width: 526px;
    height: 29px;
    background:  url('../images/new/warZone/country_hq/popup/my_stats/bg_part_three.png') top no-repeat;
}
#countryHQ .jsHolder .stats-holder.country .footer{
    width: 569px;
    height: 29px;
    background:  url('../images/new/warZone/country_hq/popup/country_stats/bg_part_three.png') top no-repeat;
    margin-top: -1px;
}
#countryHQ .jsHolder .stats-holder.front .footer{
    width: 728px;
    height: 29px;
    background:  url('../images/new/warZone/country_hq/popup/country_stats/bg_part_three.png') top no-repeat;
    margin-top: -1px;
    background-size: 100% auto;
}
#countryHQ .jsHolder .fight-results {
    margin: 0 auto;
    width: 690px;
}
#countryHQ .jsHolder .fight-results .header{
    text-align: center;
    font: 16px/35px 'titilliumWebSemiBold';
    width: 690px;
    height: 39px;
    position: relative;
    background:  url('../images/new/warZone/country_hq/popup/fight_results/bg_part_one.png') top no-repeat;
}
#countryHQ .jsHolder .fight-results .header .close{
    right: 25px;
    top: 23px;
    background-position-x: -36px;
    /*TODO check if ok*/
    z-index: 2;
}
#countryHQ .jsHolder .fight-results .content{
    /*TODO ask slosumo if correct */
    z-index: 1;
    margin: 0 auto;
    /*text-align: center;*/
    font: 16px/35px 'titilliumWebSemiBold';
    width: 665px;
    /*height: 453px;*/
    position: relative;
    background:  url('../images/new/warZone/country_hq/popup/fight_results/bg_part_two.png') top/* no-repeat*/;
}
#countryHQ .jsHolder .fight-results .content .desc{
    text-align: center;
    color: white;
    font: 12px/20px 'titilliumWebRegular';
    word-wrap: break-word;
    padding-right: 18px;
}
#countryHQ .jsHolder .fight-results .content .info-box > div > div{
    display: inline-block;
    text-align: left;
    float: right;
}
#countryHQ .jsHolder .fight-results .content .info-box{
    vertical-align: top;
}
#countryHQ .jsHolder .fight-results .content .info-box.left{
    text-align: left;
    display: inline-block;
    width: 277px;
    height: 102px;
    background:  url('../images/new/warZone/country_hq/popup/fight_results/left_window.png') top no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 3px;
    margin-top: 4px;
}
#countryHQ .jsHolder .fight-results .content .info-box.left > div:nth-of-type(1){
    font: 12px/51px 'titilliumWebSemiBold';
    color: #f7931e;
}
#countryHQ .jsHolder .fight-results .content .info-box.left > div:nth-of-type(1) .value{
    font: 16px/50px 'titilliumWebBold';
    color: white;
    -webkit-text-stroke: 1px #f79331;
}
#countryHQ .jsHolder .fight-results .content .info-box.left > div:nth-of-type(2){
    font: 12px/25px 'titilliumWebRegular';
}
#countryHQ .jsHolder .fight-results .content .info-box.left > div:nth-of-type(3){
    font: 12px/25px 'titilliumWebRegular';
}
#countryHQ .jsHolder .fight-results .content .info-box.right{
    text-align: left;
    display: inline-block;
    width: 277px;
    height: 102px;
    background:  url('../images/new/warZone/country_hq/popup/fight_results/right_window.png') top no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    font: 12px/25px 'titilliumWebRegular';
    margin-left: 10px;
    margin-top: 4px;
}
/*#countryHQ .jsHolder .fight-results .content .info-box.right > div:nth-of-type(1){*/
    /*font: 12px/25px 'titilliumWebRegular';*/
/*}*/
/*#countryHQ .jsHolder .fight-results .content .info-box.right > div:nth-of-type(2){*/
    /*font: 12px/25px 'titilliumWebRegular';*/
/*}*/
#countryHQ .jsHolder .fight-results .content .info-box.right > .inner-left{
    vertical-align: top;
    display: inline-block;
    width: 29%;
}
#countryHQ .jsHolder .fight-results .content .info-box.right > .inner-right{
    vertical-align: top;
    display: inline-block;
    padding-top: 21px;
    width: 70%;
}
#countryHQ .jsHolder .fight-results .content .info-box.right > .inner-right > div{
    display: inline-block;
}
#countryHQ .jsHolder .fight-results .content .info-box.right > .inner-right > div > div{
    display: inline-block;
}
#countryHQ .jsHolder .fight-results .content .chances-left{
    margin-top: 10px !important;
    width: 605px;
    height: 53px;
    background:  url('../images/new/warZone/country_hq/popup/fight_results/chances_attack_unlock_frame.png') top no-repeat;
}
#countryHQ .jsHolder .fight-results .content .chances-left > div{
    display: inline-block;
    vertical-align: top;
    font: 12px/35px 'titilliumWebRegular';
}
/*
#countryHQ .jsHolder .fight-results .content .chances-left > div > div{
    display: inline-block;
}*/
#countryHQ .jsHolder .fight-results .content .chances-left > div:nth-of-type(1){
    width: 228px;
    height: 33px;
    /*background: yellow;*/
    margin-top: 10px;
    padding-left: 11px;
}
#countryHQ .jsHolder .fight-results .content .chances-left .chances-lines {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 8px;
    font: 12px/12px 'titilliumWebSemiBold';
    color:#ffffff;
    text-align: left;
}
#countryHQ .jsHolder .fight-results .content .chances-left .chances-lines > div {
    display: inline-block;
    vertical-align: bottom;
    width: 13px;
    height: 16px;
    background: url('../images/new/warZone/country_hq/hq/chances_sprite.png');
    margin-top: 5px;

}
#countryHQ .jsHolder .fight-results .content .chances-left .chances-lines > div.used {
    background-position-y: -16px;
}
#countryHQ .jsHolder .fight-results .content .chances-left .chances-lines > span {
    font: 14px/14px 'titilliumWebLight';
    color: #ffffff;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .next-attack {
    width: 100px;
    height: 41px;
    padding: 10px;
    font: 12px/20px 'titilliumWebRegular';
    /*margin-top: 10px;*/
    margin-top: -7px;
    text-align: center;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .next-attack.hidden {
    opacity: 0;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .next-attack > div {
    display: inline-block;
    padding: 0 4px;
    width: 14px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin-top: 0px;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice {
    width: 181px;
    height: 30px;
    margin-left: 40px;
    margin-top: 12px;
    background: url('../images/new/warZone/country_hq/popup/fight_results/unlock_button_sprite.png') top no-repeat;
    font: 12px/30px 'titilliumWebBold';
    color: black;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice:hover{
    filter: brightness(130%);
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice > div:nth-of-type(1){
    margin-left: 11px;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice span {
    display: inline-block;
    text-align: center;
    width: 0;
    vertical-align: top;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice .choice-name {
    width: 100%;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice.secondary .choice-name {
    width: 116px;
    font: 12px/30px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice.secondary .choice-value {
    width: calc(100% - 116px);
    font: 12px/30px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice.disabled {
    background-position-y: 0px;
}
#countryHQ .jsHolder .fight-results .content .chances-left > .choice.secondary {
    background-position-y: -30px;
}
#countryHQ .jsHolder .fight-results .content .invaders-title{
    font: 12px/33px 'titilliumWebSemiBold';
    margin-left: 5px !important;
}
#countryHQ .jsHolder .fight-results .content .invaders-title > span{
    font: 12px/17px 'titilliumWebRegular';
    color: #b3b3b3;
}
#countryHQ .jsHolder .fight-results .content .inner{
    /*width: 92%;
    height: 86%;*/
    padding: 0 27px;
}
#countryHQ .jsHolder .fight-results .content .inner .desc i{
    color: #b3b3b3;
}
#countryHQ .jsHolder .fight-results .content .inner > div{
    margin: 0 auto;
}
#countryHQ .jsHolder .fight-results .content .inner .pagination a{
    font-size: 12px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats{
    border: 1px solid grey;
    margin: 0 auto;
    height: 205px;
    background: url('../images/new/warZone/country_hq/popup/fight_results/top_invaders_frame.png') top no-repeat;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats table {
    /*border: 1px solid grey;*/
    width: 100%;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats table tbody,
#countryHQ .jsHolder .fight-results .content .inner > div > .stats table thead {
    display: block;
    padding-left: 9px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats table tbody{
    overflow-y: auto;
    height: 173px;

}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  th {
    font: 12px/18px 'titilliumWebSemiBold';
    text-align: left;
    width: 116px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  tr:nth-of-type(1){
    border-bottom: 1px solid white;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  th.rank{
    width: 94px;
    padding-left: 3px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  th.username{
    width: 131px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  th.username:hover{
    color: #ffffff;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  th.chances-done{
    width: 118px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  th.damage-share{
    width: 131px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td {
    text-align: left;
    padding-left: 0px;
    font: 12px/18px 'titilliumWebRegular';
    width: 116px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td.rank {
    width: 97px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td.username {
    width: 131px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td.chances-done {
    width: 118px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td.damage-share{
    width: 131px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td.spoils-share{
    width: 116px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td .profile-image {
    width: 47px;
    height: 16px;
    display: inline-block;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  td .profile-image > .macro-holder {
    top: -62px;
    left: -54px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > .stats  tr {
    height: 28px;
}
#countryHQ .jsHolder .fight-results .content .inner > div > span.pagination {
    font:14px/14px 'titilliumWebRegular';
}
#countryHQ .jsHolder .fight-results .content .inner > div a.pagination {
    color: #ffffff;
    display: inline-block;
    padding:0 3px;
}
#countryHQ .jsHolder .fight-results .content .inner > div .current-page {
    font:16px/16px 'titilliumWebBold';

}
/*#countryHQ .jsHolder .fight-results .content .inner > div > .stats  tr:nth-of-type(1) td {
    border-bottom: 1pt solid black;
}*/
#countryHQ .jsHolder .fight-results .footer{
    text-align: center;
    font: 16px/35px 'titilliumWebSemiBold';
    width: 690px;
    height: 27px;
    position: relative;
    background:  url('../images/new/warZone/country_hq/popup/fight_results/bg_part_three.png') bottom no-repeat;
}
/* SPOIL REWARDS  */
#countryHQ .jsHolder .partial-holder.convert-rewards {
    position: relative;
    top: 10px;
    margin: 0 auto;
    width: 900px;
    /*height: 496px;*/
    color: black;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .header {
    position: static;
    background: url('../images/new/warZone/country_hq/popup/fight_results/bg_part_one.png') top no-repeat;
    background-size: 100% 100%;
    height: 39px;

    text-align: center;
    font: 16px/35px 'titilliumWebSemiBold';

}
#countryHQ .jsHolder .partial-holder.convert-rewards .header .x {
    z-index: 1;
    top: 18px;
    right: 26px;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content {
    position: relative;
    background: url('../images/new/warZone/country_hq/popup/country_stats/bg_part_two.png') center;
    background-size: 100% auto;
    margin: 0 16px 0 17px;
    padding: 20px;
    color: #FFFFFF;
    font:12px/14px 'titilliumWebRegular';
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .your-spoil-points {
    font:14px/16px 'titilliumWebSemiBold';
    color: #f7931e;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .desc {
    margin-top: 10px;
    width: 300px;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .how-to-get-more {
    position: absolute;
    right: 40px;
    top: 20px;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .how-to-get-more div {
    font:14px/16px 'titilliumWebSemiBold';
    margin-bottom: 10px;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .rewards-subheader {
    font:14px/16px 'titilliumWebSemiBold';
    margin-top: 20px;

    padding-bottom: 5px;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .rewards {
    overflow-y: scroll;
    height: 320px;
    padding: 0 5px 0 0;

    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward {
    margin: 5px 0;
    background: #000000;
    padding: 5px;
    font:14px/16px 'titilliumWebRegular';
    color: #ffffff;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .info {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 230px;
    height: 90px;

    border-right: 1px solid #ffffff;
    padding-right: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font:14px/18px 'titilliumWebSemiBold';
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .spoil-points {
    color: #f7931e;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .info span {
    font:12px/16px 'titilliumWebRegular';
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .info .buy {
    position: absolute;
    bottom: 12px;
    left: 0;

    display: inline-block;
    width: 181px;
    height: 30px;
    margin-top: 14px;
    background: url('../images/new/warZone/country_hq/popup/fight_results/unlock_button_sprite.png') top no-repeat;
    font: 12px/30px 'titilliumWebBold';
    color: black;
    text-align: center;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .info .buy.disabled {
    opacity: 0.4;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .info .buy:hover {
    color: #ffffff;
    filter: brightness(127%);
}

#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .info .reset-info {
    position: absolute;
    left: 2px;
    bottom: -2px;
    /*color: #c1272d;*/
    color: #ff0000;
    font:10px/12px 'titilliumWebRegular';

}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .description {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 291px);
    height: 90px;

    font:12px/14px 'titilliumWebRegular';
    color: #ffffff;
}
#countryHQ .jsHolder .partial-holder.convert-rewards .content .reward .description .reset-info {
    position: absolute;
    left: 0;
    bottom: 0;
    /*color: #c1272d;*/
    color: #ff0000;
    font:12px/14px 'titilliumWebRegular';

}
#countryHQ .jsHolder .partial-holder.convert-rewards .footer {
    background: url('../images/new/warZone/country_hq/popup/country_stats/bg_part_three.png') top no-repeat;
    background-size: 100% 100%;
    height: 29px;
    margin-top: -1px;
}
/* END SPOIN REWARDS*/
#countryHQ .after-popup-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.84);
    color: #ffffff;
    z-index: 1;
}
#countryHQ .after-popup-holder > .inner-holder{
    margin: 0 auto;
    width: 665px;
    height: 290px;
    background: url('../images/new/warZone/country_hq/popup/donate_gold_to_country_treasury/base_for_patriot_popup.png') bottom center no-repeat,
                url('../images/new/warZone/country_hq/popup/donate_gold_to_country_treasury/glow.png') top center no-repeat;
    padding-top: 87px;
    margin-top: 29px;
}
#countryHQ .after-popup-holder > .inner-holder .title{
    margin: 0 auto;
    text-align: center;
    width: 224px;
    font: 18px/35px 'titilliumWebSemiBold';
    color: #00ffff;
    position: relative;
    top: 4px;
}
#countryHQ .after-popup-holder > .inner-holder .title > div{
    display: inline-block;
}
#countryHQ .after-popup-holder > .inner-holder .desc{
    margin: 0 auto;
    text-align: center;
    font: 12px/35px 'titilliumWebRegular';
    color: white;
    margin-top: 23px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder{
    margin-left: 24px;
    margin-top: 7px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry{
    display: inline-block;
    width: 300px;
    height: 31px;
    font: 12px/31px 'titilliumWebRegular';
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(2n + 2){
     margin-left: 20px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(6){
    margin-top: 18px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(3) > .right,
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(5) > .right{
    color: #00ff00;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(4) > .right,
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(6) > .right{
    color: #f7931e;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(6) > .left{
    width: 184px;
    /*padding-right:6px;*/
    padding-right: 15px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(5){
    vertical-align: top;
    margin-top: 19px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry:nth-of-type(n+3){
    height: 35px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .gained-text{
    display: block;
    font: 12px/47px 'titilliumWebRegular';
    padding-left: 170px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry > .left{
    text-align: right;
    padding-right:15px;
    width: 174px;
    display: inline-block;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry > .left:nth-of-type(1){
    width: 178px;
}
#countryHQ .after-popup-holder > .inner-holder .content-holder .entry > .right{
    width: 88px;
    padding-left: 8px;
    display: inline-block;
    text-align: left;
}
#countryHQ .partial-holder.headquarters .options {
    margin-top: 42px;
    position: relative;
    text-align: center;
    width: 800px;
}
#countryHQ .partial-holder.headquarters .options .option:not(.voting):not(.daily-reward) {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    /*width: 177px;*/
    width: 193px;
    /*padding: 0 8px;*/
    height: 276px;
    background: url('../images/new/warZone/country_hq/hq/invasion.png') no-repeat;
}
#countryHQ .partial-holder.headquarters .options > .right-holder{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    width: 193px;
}
#countryHQ .partial-holder.headquarters .options .option.invasion {
    height: 402px;
}
#countryHQ .partial-holder.headquarters .options .option .top-part {
    padding: 15px 8px 0 8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 4px 10px 10px rgba(0,0,0,0.4);
}
#countryHQ .partial-holder.headquarters .options .option .title {
    position: absolute;
    top: -1px;
    left: 0px;
    width: 100%;
    text-align: center;
    height: 28px;
    background: url('../images/new/warZone/country_hq/hq/part_one.png') no-repeat;
    font: 14px/28px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option .details {
    height: 132px;
    padding: 0 10px;
}
#countryHQ .partial-holder.headquarters .options .option.cvc .details {
    font: 16px/157px 'titilliumWebSemiBold';
    color: #666666;
}
#countryHQ .partial-holder.headquarters .options .option .thumbnail {
    margin-left: -1px;
    width: 179px;
    height: 89px;
    /*margin-top: 15px;*/
    background: url('../images/new/warZone/country_hq/hq/images_inside_sprite_small.png');
}
#countryHQ .partial-holder.headquarters .options .option.cvc .thumbnail{
    background-position-y: -89px;
}
#countryHQ .partial-holder.headquarters .options .option.voting .thumbnail{
    background-position-y: -178px;
}
#countryHQ .partial-holder.headquarters .options .option.voting .thumbnail.disabled{
    background: url('../images/new/warZone/country_hq/hq/lock.png') center no-repeat;
}
#countryHQ .partial-holder.headquarters .options .option.voting .thumbnail .locked-div,
#countryHQ .partial-holder.headquarters .options .option.cvc .thumbnail .locked-div{
    width: 179px;
    height: 89px;
    background:  rgba(128, 128, 128, 0.6) url('../images/new/warZone/country_hq/hq/lock.png') center no-repeat;
}
#countryHQ .partial-holder.headquarters .options .option .power-info {
    font: 12px/22px 'titilliumWebSemiBold';
    /*color: #fbb03b;*/
    color: #FBB03B;
}
#countryHQ .partial-holder.headquarters .options .option.cvc .power-info.locked {
    position: relative;
    /*top: 19px;*/
    color: white;
    top: 55px;
}
#countryHQ .partial-holder.headquarters .options .option.cvc .power-info.locked.alliance {
    /*top: 35px;*/
    top: 54px;
    color: lawngreen;
    font: 13px/22px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option .power-info > span {
    /*color: #999999;*/
    color: white;
}
#countryHQ .partial-holder.headquarters .options .option .alliance-dpc-boost {
    position: absolute;
    top: 136px;
    left: 0;
    right: 0;
    font: 12px/16px 'titilliumWebRegular';
    color: white;
}
#countryHQ .partial-holder.headquarters .options .option .alliance-dpc-boost span {
    display: block;
    font: 13px/22px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option .choice {
    height: 32px;
    background: url('../images/new/warZone/country_hq/hq/enter_buttons_sprite.png') center no-repeat;
    background-position: 0 0;
    text-align: center;
    color: #000000;
    font: 14px/37px 'titilliumWebSemiBold';
    margin-bottom: 10px;
}
#countryHQ .partial-holder.headquarters .options .option .choice span {
    display: inline-block;
    text-align: center;
    width: 0;
    vertical-align: top;
}
#countryHQ .partial-holder.headquarters .options .option .choice .choice-name {
    width: 100%;
}
#countryHQ .partial-holder.headquarters .options .option .choice.secondary .choice-name {
    width: 116px;
    font: 12px/37px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option .choice.secondary .choice-value {
    width: calc(100% - 116px);
    font: 12px/37px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option .choice.disabled {
    background-position-y: -32px;
}
#countryHQ .partial-holder.headquarters .options .option .choice.secondary {
    background-position-y: -64px;
}
#countryHQ .partial-holder.headquarters .options .option.invasion .chances-left {
    font: 12px/12px 'titilliumWebSemiBold';
    color:#ffffff;
    text-align: left;
    margin-top: 14px;
}
#countryHQ .partial-holder.headquarters .options .option.invasion .chances-left > div {
    display: inline-block;
    vertical-align: bottom;
    width: 13px;
    height: 16px;
    background: url('../images/new/warZone/country_hq/hq/chances_sprite.png');
    margin-top: 5px;

}
#countryHQ .partial-holder.headquarters .options .option.invasion .chances-left > div.used {
    background-position-y: -16px;
}
#countryHQ .partial-holder.headquarters .options .option.invasion .chances-left > span {
    font: 14px/14px 'titilliumWebLight';
    color: #ffffff;
}
#countryHQ .partial-holder.headquarters .options .option.invasion .next-attack {
    font: 12px/16px 'titilliumWebSemiBold';
    color: #ffffff;
    text-align: left;
    margin-top: 14px;
}
#countryHQ .partial-holder.headquarters .options .option .details  .status-line {
    width: 162px;
    margin-left: 1px;
    margin-top: 10px;
    text-align: left;
    font: 12px/20px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option .details  .status-line > .icon.heart-rate{
    display: inline-block;
    width: 17px;
    height: 14px;
    background:  url('../images/new/warZone/country_hq/voting/health_icon.png');
    margin-left: -3px;
    margin-right: -1px;
}
#countryHQ .partial-holder.headquarters .options .option .details  .status-line .voting-progress.bigger{
    display: inline-block;
    background:  url('../images/new/warZone/country_hq/voting/health_bar_sprite.png') 0 0;
    width: 131px;
    height: 16px;
    color: white;
    margin-left: 4px;
    text-align: center;
    margin-top: 3px;
}
#countryHQ .partial-holder.headquarters .options .option .details  .status-line .voting-progress.bigger:after{
    height: 16px;
    background:  url('../images/new/warZone/country_hq/voting/health_bar_sprite.png') 175px 0;
}
#countryHQ .partial-holder.headquarters .options .option .details  .status-line .voting-progress.bigger > .health-left{
    position: relative;
    z-index: 1;
    font: 12px/15px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option.invasion .next-attack > div {
    display: inline-block;
    padding: 0 4px;
    width: 14px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin-top: 6px;
}
#countryHQ .partial-holder.headquarters .options .option.invasion .spoil-distribution {
    position: relative;
    height: 114px;
    width: 193px;
    padding: 12px 0 0 0;
    background: url('../images/new/warZone/country_hq/hq/fighting_lower_sign.png') no-repeat;
    margin-top: -3px;
    box-shadow: 4px 15px 11px rgba(0,0,0,0.3);
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .sp-pending-reward {
    display: inline-block;
    padding: 2px 10px;
    width: calc(50% - 20px);
    text-align: right;
    font: 12px 'titilliumWebRegular';
    color: #ffffff;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .gold-pending-reward {
    display: inline-block;
    padding: 2px 10px;
    width: calc(50% - 20px);
    text-align: right;
    font: 12px/12px 'titilliumWebRegular';
    color: #ffffff;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .gold-pending-reward .icon {
    transform: scale(0.7);
    position: relative;
    top: -1px;
    margin-right: -5px;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .description {
    padding-top: 4px;
    height: 48px;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .description > div {
    text-align: center;
    font: 12px/12px 'titilliumWebSemiBold';
    color: #ffffff;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .description .participation {
    line-height: 17px;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .description > div > span {
    font: 11px/11px 'titilliumWebRegular';
    color: #f7931e;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .description .distribution > div {
    display: inline-block;
    padding: 3px 5px;
    width: 14px;
    margin-top: 5px;
    border-radius: 4px;
    border: 1px solid #ffffff;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .sp-info {
    position: relative;
    height: 36px;
    padding-left: 5px;
    font: 11px/11px 'titilliumWebRegular';
    text-align: left;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .desc {
    margin-top: 5px;
    display: inline-block;
    color: #f7931e;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .spoil-points {
    display: inline-block;
    color: #ffffff;
    margin-left: 34px;
    margin-top: 2px;
    font: 12px/12px 'titilliumWebRegular';
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .convert {
    position: absolute;
    bottom: 0;
    right: -8px;
    width: 62px;
    height: 25px;
    background: url('../images/new/warZone/country_hq/hq/convert_sprite.png');
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .convert.disabled {
    opacity: 1;
    background-position-y: -25px;
}
#countryHQ .partial-holder.headquarters .options .spoil-distribution .convert:hover {
    filter: brightness(135%);
}
#countryHQ .partial-holder.headquarters .options .option.voting {
    height: 169px;
    background: url('../images/new/warZone/country_hq/hq/voting.png') no-repeat;
}
#countryHQ .partial-holder.headquarters .options .option.voting .details {
    height: 26px;
}
#countryHQ .partial-holder.headquarters .options .option.voting .active-votings {
    position: absolute;
    top: -3px;
    right: -3px;
    padding: 5px;
    background: #31363d;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ffffff;
    font: 18px/18px 'titilliumWebSemiBold';

    box-shadow: 0px 0px 8px #00cfff, 0px 0px 8px #00cfff, 4px 12px 10px rgba(0,0,0,0.4);

    animation: scale_both_flicker  1s infinite ease-in-out;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward {
    height: 169px;
    background: url('../images/new/warZone/country_hq/hq/voting.png') no-repeat;
    position: relative;
    margin-top: 24px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .details{
    height: 26px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .details .reward-amount{
    font: 15px/26px 'titilliumWebRegular';
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail{
    height: 73px;
    background: black;
    position: relative;
    margin-top: 13px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .next-challenge {
    width: 100px;
    height: 41px;
    padding: 10px;
    font: 12px/20px 'titilliumWebRegular';
    /*margin-top: 10px;*/
    margin-top: -7px;
    text-align: center;
    margin-left: 28px;
    padding-top: 2px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .next-challenge.hidden {
    opacity: 0;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .next-challenge > div:not(.collection-done) {
    display: inline-block;
    padding: 0 4px;
    width: 14px;
    border-radius: 4px;
    border: 1px solid #ffffff;
    margin-top: 0px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .collection-done{
    font: 12px/14px 'titilliumWebRegular';
    text-align: center;
    padding: 0px 10px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .entry{
    font: 12px/19px 'titilliumWebSemiBold';
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .collected-sign{
    display: inline-block;
    vertical-align: bottom;
    width: 13px;
    height: 16px;
    background: url('../images/new/warZone/country_hq/hq/chances_sprite.png');
    margin-top: 5px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .collected-sign.empty{
    background-position-y: -16px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .text{
    display: inline-block;
    position: relative;
    top: 1px;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .amount-collected{
    display: inline-block;
    font: 13px/14px 'titilliumWebSemiBold';
    vertical-align: middle;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .amount-collected .current-value{
    display: inline-block;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .thumbnail .amount-collected .total-value{
    display: inline-block;
}
#countryHQ .partial-holder.headquarters .options .option.daily-reward .active-rewards {
    position: absolute;
    top: -3px;
    right: -3px;
    padding: 5px;
    background: #31363d;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ffffff;
    font: 18px/18px 'titilliumWebSemiBold';
    box-shadow: 0px 0px 8px #00cfff, 0px 0px 8px #00cfff, 4px 12px 10px rgba(0, 0, 0, 0.4);
    animation: scale_both_flicker 1s infinite ease-in-out;
}
#countryHQ .partial-holder.headquarters .options .option .active-task {
    position: absolute;
    top: -3px;
    right: -3px;
    padding: 5px;
    background: #31363d;
    color: #ffffff;
    border-radius: 4px;
    border: 1px solid #ffffff;
    font: 18px/18px 'titilliumWebSemiBold';
    box-shadow: 0px 0px 8px #00cfff, 0px 0px 8px #00cfff, 4px 12px 10px rgba(0,0,0,0.4);
    animation: scale_both_flicker  1s infinite ease-in-out;
}
#countryHQ .partial-holder.headquarters .hourly-fights {
    position: absolute;
    top: -36px;
    left: 76px;

    padding: 4px 9px;

    font: 12px/16px 'titilliumWebSemiBold';
    color: white;
    background: #f7931e;

    box-shadow: 2px 3px 2px rgba(0,0,0, 0.2), 0 3px 4px rgba(0,0,0, 0.2);
    z-index: 1;

}
#countryHQ .partial-holder.headquarters .hourly-fights:hover {
    filter: brightness(127%);
}
#countryHQ .partial-holder.headquarters .hourly-fights .new {
    position: absolute;
    top: -20px;
    left: 0;
    padding: 3px 7px;
    font: 10px/14px 'titilliumWebSemiBold';
    color: #ffffff;

    background: green;
}
.hourly-battles-popup  {
    position: absolute;
    top: 100px;
    left: 200px;
    padding: 20px;
    width: 400px;
    padding-top: 40px;

    background: #3f4651;

    color: #ffffff;
    font: 14px/20px 'titilliumWebRegular';
    box-shadow: 4px 4px 3px rgba(0,0,0,0.75);

    z-index: 2;
}
.hourly-battles-popup .close {

    display: inline-block;
    position: absolute;
    background: url("../images/new/warClicks/wc_splosno/sp_2_close_min.png") 0 0;
    background-position-x: 30px;
    background-position-y: -6px;

    width: 25px;
    height: 25px;

    top: 11px !important;
    right: 20px !important;

    opacity: 0.8;
}
.hourly-battles-popup .close:hover {
    background-position-y: -42px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
.hourly-battles-popup .fights-info {
    margin-bottom: 20px;
    font: 12px/14px 'titilliumWebRegular';
}
.hourly-battles-popup .continue {
    display: inline-block;
    float: right;

    padding: 4px 9px;

    font: 12px/16px 'titilliumWebSemiBold';
    color: white;
    background: #f7931e;
}
.hourly-battles-popup .continue:hover {
    filter: brightness(127%);
}
#countryHQ .partial-holder.headquarters .chat-icon {
    position: absolute;
    right: 200px;
    bottom: 0px;
    width: 55px;
    height: 54px;
    background: url("../chat/chat_sprite.png");
}
#countryHQ .partial-holder.headquarters .chat-icon:hover {
    background-position-y: -54px;
}
#countryHQ .partial-holder.headquarters .stats-holder {
    position: absolute;
    bottom: 15px;
    left: 0px;
    text-align: left;
}
#countryHQ .partial-holder.headquarters .stats-holder > div {
    height: 36px;
    display: inline-block;
    margin-right: 10px;
    background: url('../images/new/warZone/country_hq/hq/my_stats_country_stats_fight_results_sprite.png') no-repeat;
    background-position: 0 0;

    text-align: center;
    font: 14px/36px 'titilliumWebSemiBold';

}
#countryHQ .partial-holder.headquarters .stats-holder > div:hover {
    background-position-y: -36px;
}
#countryHQ .partial-holder.headquarters .stats-holder > div.my-stats {
     width: 155px;
    background-position-x: 0;
}
#countryHQ .partial-holder.headquarters .stats-holder > div.fight-results {
     width: 135px;
     background-position-x: -365px;
}
#countryHQ .partial-holder.headquarters .stats-holder > div.country-stats {
     width: 172px;
    background-position-x: -174px
}
#countryHQ .partial-holder.headquarters .stats-holder > div.country-stats > div {
    margin-top: -5px;
}
#countryHQ .partial-holder.headquarters .message-board {
    position: absolute;
    right: 0;
    top: 33px;
    width: 200px;
    height: 517px;

    background: black;
    border-left: 1px solid grey;
    color: #ffffff;
}
#countryHQ .partial-holder.headquarters .message-board .title {
    width: 130px;
    height: 25px;
    font: 13px/24px 'titilliumWebSemiBold';
    text-align: center;
    background: url('../images/new/warZone/country_hq/hq/message_board_title.png');
    /*margin-top: 21px;*/
}
#countryHQ .partial-holder.headquarters .message-board .tabs-holder {
    padding-left: 13px;
    /*padding-top: 10px;*/
    padding-top: 17px;
}
#countryHQ .partial-holder.headquarters .message-board .tabs-holder > .tab {
    display: inline-block;
    color: white;
    border: 1px solid white;
    border-radius: 3px;
    padding: 0px 4px;
    font: 13px/18px 'titilliumWebSemiBold';
    padding-bottom: 1px;
}
#countryHQ .partial-holder.headquarters .message-board .tabs-holder > .tab:nth-of-type(n+1) {
    margin-left: 3px;
}
#countryHQ .partial-holder.headquarters .message-board .tabs-holder > .tab.active{
/*#countryHQ .partial-holder.headquarters .message-board .tabs-holder > .tab:not(.active):hover {*/
    /*background: white;*/
    /*background: #22b573;*/
    background: #4bb8d3;
    color: black;
}
#countryHQ .partial-holder.headquarters .message-board .tabs-holder > .tab:not(.active):hover {
    background: white;
    color: black;
}
#countryHQ .partial-holder.headquarters .message-board .messages-main-container {
    /*width: 201px;*/
    /*height: 497px;*/
    height: 450px;
    overflow-y: auto;
    padding: 0 5px;
    padding-top: 9px;
    /*margin-top: 13px;*/
    margin-top: -4px;
}
#countryHQ .partial-holder.headquarters .message-board .group-container {
    position: absolute;
    display: none;
    overflow-y: scroll;
    height: 449px;
    width: 195px;
}
#countryHQ .partial-holder.headquarters .message-board .group-container.active {
    display: block;
}
#countryHQ .partial-holder.headquarters .message-board .message {
    margin: 10px;
    margin-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.22);
    padding-top: 5px;
}
#countryHQ .partial-holder.headquarters .message-board .date {
    text-align: right;
    margin-bottom: 1px;
    font: 10px/11px 'titilliumWebSemiBold';
    color: #999999;
}
#countryHQ .partial-holder.headquarters .message-board .text {
    text-align: left;
    font: 11px/16px 'titilliumWebRegular';
    color: #ffffff;
}
#countryHQ .partial-holder.headquarters .message-board .text > a {
    color: #ffffff;
}

/* END HQ PARTIAL */

/* START INVASION PARTIAL */
#countryHQ .partial-holder.invasion .fight-holder {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
#countryHQ .partial-holder.invasion .fight-holder .update-note {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255,255,255, 0.6);
    padding: 10px;
    width: 170px;

    color: #000000;
    font: 13px/14px 'titilliumWebRegular';
}
#countryHQ .partial-holder.invasion .clicking-circle {
    position: absolute;
    left: 247px;
    top: -18px;
    width: 542px;
    height: 509px;
    background: url('../images/new/warZone/country_hq/fighting/clicking_circle_non_skewed_small.png') no-repeat;
    transform: scale(1, 0.72);
}
#countryHQ .partial-holder.invasion .clicking-circle.break-the-line {
    background: url('../images/new/warZone/country_hq/fighting/red_circle_non_skewed_small.png') no-repeat;
}
.clicking-circle.waiting {
    animation: scale_flicker  1s infinite ease-in-out;
}
.clicking-circle.attacking {
    animation: opacity_flicker 0.75s infinite ease-in-out;
}
#countryHQ .partial-holder.invasion .lightning {
    position: absolute;
    left: 43px;
    top: -205px;
    width: 895px;
    height: 897px;
    background: url('../images/new/warZone/country_hq/fighting/lightning_small.png') no-repeat;

    animation: scale_opacity_flicker  0.75s infinite ease-in-out;
}
#countryHQ .partial-holder.invasion .timer {
    position: absolute;
    width: 43px;
    right: 147px;
    top: 53px;
    padding: 5px;
    background: #1edff1;
    color: #000000;
    font: 14px/14px 'titilliumWebRegular';
    text-align: right;
}
#countryHQ .partial-holder.invasion .timer.counting {
    animation: scale_both_flicker  1s infinite ease-in-out;
}
#countryHQ .partial-holder.invasion .base-holder {
    position: absolute;
    left: 236px;
    top: 86px;
    width: 563px;
    height: 300px;
    will-change: transform;
    transition: transform 100ms;
    transform-origin: 0 0;
}
#countryHQ .partial-holder.invasion .enemy-base {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 563px;
    height: 300px;
    background: url('../images/new/warZone/country_hq/fighting/new_bases.png') no-repeat;
}
.hide-base {
    pointer-events: none;
    opacity: 0;
}
#countryHQ .partial-holder.invasion .enemy-base-damage {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 563px;
    height: 300px;
    background: url('../images/new/warZone/country_hq/fighting/new_bases.png') no-repeat;
    background-position-y: -300px;
    pointer-events: none;
    opacity: 0;
}
#countryHQ .partial-holder.invasion .enemy-base.disabled {
    opacity: 1;
}
#countryHQ .partial-holder.invasion .enemy-base .info-note {
    position: absolute;
    left: 0px;
    top: 129px;
    font: 18px/18px 'titilliumWebBold';
    color: #ffffff;
    text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
    pointer-events: none;
    width: 100%;
    text-align: center;
}
#countryHQ .partial-holder.invasion .enemy-base .info-note.boss-note {
    top: 80px;
}
#countryHQ .partial-holder.invasion .enemy-base .info-note > span {
    display: block;
    color: #f15a24;
    font: 21px/21px 'titilliumWebBold';
    margin-bottom: 50px;
    text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
    text-align: center;
}
#countryHQ .partial-holder.invasion .enemy-base-name {
    position: absolute;
    left: 333px;
    top: 434px;
    width: 358px;
    height: 20px;
    text-align: center;

    color: #ffffff;
    font: 18px/18px 'titilliumWebBold';
    text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
}
#countryHQ .partial-holder.invasion .enemy-base-health {
    position: absolute;
    left: 333px;
    top: 460px;
    width: 358px;
    height: 26px;

    background: url('../images/new/warZone/country_hq/fighting/main_health_bar.png') no-repeat;
}
#countryHQ .partial-holder.invasion .enemy-base-health:after {
    transition: transform 100ms;
    border-radius: 0;
    background: url('../images/new/warZone/country_hq/fighting/main_health_bar.png') no-repeat;
    background-position-x: -362px;
    margin-left: 4px;
    width: calc(100% - 2px);
}
#countryHQ .partial-holder.invasion .health-info {
    position: relative;
    z-index: 1;
    text-align: center;
    font: 18px/26px 'titilliumWebSemiBold';
    color: #ffffff;
}
#countryHQ .partial-holder.invasion .invasion-details {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 220px;
    height: 159px;

    font: 14px/20px 'titilliumWebSemiBold';
    color: #000000;

    background: url('../images/new/warZone/country_hq/fighting/cf_country_spoils_data.png') no-repeat;
}
#countryHQ .partial-holder.invasion .invasion-details > div {
    position: absolute;
    right: 17px;
    width: 146px;
    text-align: right;
}
#countryHQ .partial-holder.invasion .invasion-details .clicking-force {
    top: 9px;
    width: 87px;
}
#countryHQ .partial-holder.invasion .invasion-details .spoil-points-gain {
    top: 73px;
}
#countryHQ .partial-holder.invasion .invasion-details .treasury-gain {
    top: 101px;
}
#countryHQ .partial-holder.invasion .invasion-details .user-gold-gain {
    top: 130px;
}
/* END INVASION PARTIAL */

/* START regular design helpers */
.icon_05 {
    transform: scale(0.5);
    position: relative;
    margin-top: -10px;
    top: 4px;
}
.icon_06 {
    transform: scale(0.6);
    position: relative;
    margin-top: -10px;
    top: 4px;
}
.icon_07 {
    transform: scale(0.7);
    position: relative;
    margin-top: -10px;
    top: 4px;
}
.icon_08 {
    transform: scale(0.8);
    position: relative;
    top: -2px;
    margin-right: -6px;
}
/*END regular design helpers*/
/* animation helpers */
.nozzle-flash {
    position: absolute;
    top: 7px;
    left: 105px;
    height: 34px;
    width: 34px;
    background: url('../images/new/warZone/sprite_Explosion_small.png');
    opacity: 0;
    /*transform: scale(0.8);*/
    pointer-events: none;
    box-shadow: 0 0 0 #000000;
    transform: translate3d(0,0,0);
    will-change: transform;
}
/* end animation helpers */

/* animations */
@keyframes scale_both_flicker {
    0%		{ transform: scale(1);}
    50%		{ transform: scale(1.1);}
    100%	{ transform: scale(1);}
}
@keyframes scale_flicker {
    0%		{ transform: scale(1, 0.72);}
    50%		{ transform: scale(0.95, 0.684);}
    100%	{ transform: scale(1, 0.72);}
}
@keyframes opacity_flicker {
    0%		{ opacity: 1;}
    50%		{ opacity: 0.5;}
    100%	{ opacity: 1;}
}
@keyframes scale_opacity {
    0%		{ transform: scale(1); opacity: 1;}
    50%		{ transform: scale(0.95); opacity: 0.5;}
    100%	{ transform: scale(1); opacity: 1;}
}
@keyframes scale_opacity_flicker {
    /*0%		{ transform: scale(0.1); opacity: 0.0;}
    60%	    { transform: scale(0.7); opacity: 0.0;}
    80%	    { transform: scale(1); opacity: 1;}
    90%	    { transform: scale(0.7); opacity: 0.0;}
    100%    { transform: scale(0.1); opacity: 0;}*/
    0%  {transform: scale(1); opacity: 1;}
    50%  {transform: scale(0.99); opacity: 0.5;}
    100%  {transform: scale(1); opacity: 1;}
}
@keyframes shakeBase0 {
    0%, 100% {transform: translate(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateY(-4px);}
    20%, 40%, 60%, 80% {transform: translateX(2px);}
}
@keyframes shakeBase1 {
    0%, 100% {transform: translate(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateY(-2px);}
    20%, 40%, 60%, 80% {transform: translateX(4px);}
}
@keyframes shakeBase3 {
    0%, 100% {transform: translate(0);}
    10%, 30%, 50%, 70%, 90% {transform: translateY(2px);}
    20%, 40%, 60%, 80% {transform: translateX(-2px);}
}
@keyframes nozzleFlash {
    0%		{ background-position: 0 0; opacity: 1.0; }
    11%		{ background-position: -34px 0; }
    22%		{ background-position: -68px 0; }
    33%		{ background-position: 0 -34px; }
    44%		{ background-position: -34px -34px; }
    55%		{ background-position: -68px -34px; }
    66%		{ background-position: 0px -68px; }
    77%		{ background-position: -34px -68px; }
    88%		{ background-position: -68px -68px; opacity: 0.5; }
    99%		{ background-position: -68px -68px; opacity: 0; }
    100%    { background-position: -68px -68px; opacity: 0; }
}
/*end  animation */