:root {
    /*--main-color: #232323;*/
    --main-color: #FFEBCD;
    --add-color: #393939;
    --green-color: #2d9062;
    --yellow-color: #faaf08;
    --wheat-color: #FFEBCD;
    --pattern: url(/img/menu-icons/black-scratch-lines.png);
}

.lhst_vertical_line {
    width: 1px;
    background-color: var(--wheat-color);
    height: 30px
}

.lhst_wars_div {
    max-height: calc(100vh - 212px);
    margin-top: 10px;
    margin-left: 10px;
    background-image: var(--pattern);
    background-size: 15%;
    border-radius: 5px;
    color: var(--wheat-color);
    padding: 5px
}

.lhst_wars_country_text {
    font-size: 16px;
    word-wrap: break-word;
    margin-top: 10%;
    margin-bottom: 0
}

.lhst_wars_lands_text {
    font-size: 14px;
    margin-bottom: 0
}

.lhst_inWars {
    text-align: left;
    background-image: var(--pattern);
    background-size: 20%;
    border-radius: 20px;
    color: var(--wheat-color)
}

.warcontent {
    display: none;
    max-height: calc(100vh - 252px)
}

.lhst_war_country_img {
    width: 100%
}

.lhst_row_height {
    height: 30px;
    margin-top: 20px
}

.lhst_btn_war_modal {
    align-content: end;
    background: radial-gradient(var(--add-color),black);
    color: var(--wheat-color);
    font-family: 'Sitka Display', 'Arial', Arial, sans-serif;
    border-radius: 3px;
    width: -webkit-fill-available;
    margin-left: 3px;
    height: 26.2px;
    font-size: revert;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-color: #666060;
}

    .lhst_btn_war_modal:hover {
        background: radial-gradient(var(--green-color) 0%,black);
        color: var(--yellow-color);
        border-style: outset
    }

    .lhst_btn_war_modal:active {
        border-style: inset;
        transform: scale(0.95); /* ��������� ���������� ������� ��� ������� */
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* ����, ��������� �������� ����������� */
    }

.lhst_tb_war_modal {
    align-content: end;
    width: -webkit-fill-available;
    height: 26.2px;
    margin-bottom: 3px;
    margin-left: 4px;
    background: radial-gradient(var(--add-color),black);
    color: var(--wheat-color);
    border-radius: 3px
}

.lhst_btn_war_details {
    background: radial-gradient(var(--add-color),black);
    color: var(--wheat-color);
    border-radius: 3px;
    overflow: hidden;
    width: auto;
    height: 26.2px;
    font-size: revert;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-color: #666060;
}

.lhst_btn_war_details:hover {
    background: radial-gradient(var(--green-color) 0%,black);
    color: var(--yellow-color);
    border-style: outset
}

.lhst_btn_war_details:active {
    border-style: inset;
    transform: scale(0.95); /* ��������� ���������� ������� ��� ������� */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); /* ����, ��������� �������� ����������� */
}

.lhst_m_war_armiesDiv {
    max-height: 250px;
}