:root {
    --main-color: #bd3c3a;
    --additional-color: #7d7979;
    --text-color: #3D3D3D;
    --warning-bg-color: #FFFBEB;
    --warning-text-color: #625B3B;
    --warning-text-color_lite: #CFC8AA;
    --border-radius-value: 5px;
    --main-font-size: 18px;
}

html,
body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body > header,
body > section,
body > footer {
    width: 100%;
}

body > section {
    margin: 30px 0;
    flex-grow: 1;
    color: var(--text-color);
    font-size: var(--main-font-size);
}

.alert {
    margin-bottom: 30px;
    border: 1px solid var(--additional-color);
    border-radius: var(--border-radius-value);
    padding: 15px;
    line-height: 1.1;
}

.alert.alert_warning {
    border: 1px solid var(--additional-color);
    border-radius: var(--border-radius-value);
    padding: 15px;
    line-height: 1.1;
    background-color: var(--warning-bg-color);
}

@media (min-width: 768px) {
    .alert.alert_warning_sign {
        padding-right: 85px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA5CAYAAACGRC3XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAWDSURBVHgB5VpLctw2EO3mjD5lpxLfIOMbmKlKIq8yuYGzkZyVRyfw6AQanUCjE2i8SCWSXCX5BHEWtjQrKifI5AZyqpSSrRq2AXA+xI8ESZAq22+hDwCCQOOxX6MBhDtAdP57B7B9CEBd9u8EiF6Ej7cGcAdAaBjJ5Ft/sj87cg0Nw42tHWgYATSNoH0K2uQ5sM+M04WG0agBovPjHqP7I2sDbB1G0eEDaBDNMgBhV/qf4Epp0YEPXz2HBtGYAaLzowGo1G/HPfbztVQWU79JFjRigMTx4TOleBR+//QV0HQbCJdMQHgA7+/tQkNohgHY4hPqSGU03eO/wse/TtgohsoDjTnE2g0gVh+gpxSPxMTnWG0fSCzgSIxWO+pngDYRmsxXf44w/OUKUC5j6DbBgloNEI1fPgF19REG0urPEG48HbK6S7lt6xBqRr0MoHhfKZiEP269sLaPp2ok2InGJ7V+CrUZQAQ9quNjq5/1DGPGa2hYFmsxgBiwGvSwiWWu/hxcFtOoWRbrYcDNvT7osrft8qjwD4gmWexADfBugFnQo67YyOT4rFht7xlksRaH6J8BJv0mTeIyIWRRC47qkUWv+YDZXv8f+Q00YN/+ntYuCJ6zVX7CRnDFNkWX3EgqS6KLI9YXdlJ9XbK+QvAIvwwQWZ40WNCz+v9BuiR6c8y2w+2ITT7xEwR8e9wDaEXRm9/krTLFst8gfBS9/aMPPocMniBkD0E2AFIv7fnt2aAZ+PZ4/fphGG4vvv/o4pi372a1qQJ/DNBkzxT0tLpgm3zSB5O8+/KuUfUfvI3HnIEXAzgHPQg/QT6kz2AWHI2kFjw48iSLlQ2Q0Bp02TMFPYgTyIOpzdrKjpYz8CSL1RmALVPQY5a9mP6FPBBp33adsljJADMaqt+jPegJglzHRYGyI5yD5wy4qqThIWdQjQHqALiHzgp64ttLyOvy9vadqVywgGI9ZzB++QwqoLQMugY92nMXx5RVH25sYs7zsizyk6W167CsLJZnQKLnKQjZcwl5JyXrZq/RGFYplV7KAGX2+qmGk4zKrDqBmSyeSYUVcgblGOAU9NigODIZWXWpLqa6LL6/vw8lUNgA0dsTTfYowB64IisWcIkTwJZKh14ZWSxkgGQXR5rsfffD5l/giqxYgKa5KrGAp1R6MQZkHHA4owXWSZJDnDCHr1S6swGcDjhcMJ1aJ4kr139DAYhUuppELXjC7M4AhwMOFwiDqdSd15XR8oqy6GSA6PykC9rq07Dw6s+BZJgouX//KVRNpbsxAEnL9DD6HUBZoMkPYPkER4VUeq4BqgU9NhjkDssxgGOWSh8oHfa1FJsB+QyoFPRYQAYDkFsMYIVJFlsrucFRpgGMtzoo/hmqgm41b2/dBjuirCxaDWC91VHW8aUgHBfbOS4K2N+Fgilbv0IWtZxBZubIzgAfQU8GxM6Rpg9ptdVx3EW6QU2l8xPmjFS6ce9t2esP2UAbv8hYBkVS6W1jD6agJ47Ly54Bwr/wT4yfDMX0yutVWc5UFCn4BMtUusY0jQHiVgfFp3Ir+YCjKtgK8RBWidb8XpWNxif7LMG6pL64kzgNVR+m+4CitzqKDiw65RGaIVRFvxch1BNmSypdMkA9QY+CmxvrJIm+/gY8wTWVvjBApVsdRbC+fmXbDCH+9w58wiGVvmRAhVsdRWAJWJKMsqcDT/ldoPoVKZUunKBR9njQs7Hp3QBzsHf22Dv5QNgg6cw709LvykilJzLo4VZHUTBvPAL10LMuqLK4zBnsYdkDjk8NjAVcAXqLgllwhMYKZFleAr8O6a4R4LdM4kdSGYtuMe+o6rMGW+zAJklfCgKjJH0pQDhLZHB8tMvo0JOupH3OEH6OnS+uXe98BDP9ntUnHhcdAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        background-position: right 15px center;
    }
}

.alert,
.alert a {
    color: var(--text-color);
}

.alert.alert_warning,
.alert.alert_warning a {
    color: var(--warning-text-color);
}

.alert path {
    fill: var(--warning-text-color_lite);
}

.inner {
    max-width: 1230px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin: 0 -15px;
}
@media (min-width: 768px) {
    .row {
        display: flex;
        margin: 0 -15px 30px;
    }
}

.col {
    padding: 0 15px;
}
@media (max-width: 767px) {
    .col {
        margin-bottom: 30px;
    }
}

h1,
h2 {
    margin-top: 0;
    margin-bottom: 20px;
    color: var(--main-color);
    font-size: 34px;
    font-weight: 600;
    line-height: 0.8;
}

.inner,
.inner * {
    box-sizing: border-box;
}

header {
    background-color: var(--additional-color);
}

header .inner {
    display: flex;
    align-items: center;
}
@media (max-width: 991px) {
    header .inner {
        height: 55px;
    }
}

.logo {
    display: flex;
    align-items: center;
    margin-right: auto;
}

.logo img {
    max-height: 48px;
}
@media (max-width: 991px) {
    .logo img {
        max-height: 49px;
    }
}

.logo__text {
    margin-left: 6px;
}

.menu_main ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.menu_main li {
    margin-left: 40px;
    padding: 10px 0;
}

.menu_main a {
    display: flex;
    align-items: center;
    color: var(--main-color);
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
}

@media (min-width: 992px) {
    .menu_main .sign-in span {
        display: none;
    }
}
@media (max-width: 991px) {
    .menu_main {
        position: fixed;
        top: 55px;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        transform: scale(0);
        transform-origin: right top;
        transition: transform 0.2s ease-in-out;
        padding-top: 20px;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.95);
        z-index: 9999;
    }

    .menu_main ul {
        flex-direction: column;
    }

    .menu_main li {
        margin-left: 0;
    }

    .menu_main .sign-in {
        margin-top: 40px;
        opacity: 0.5;
    }

    .menu_main a {
        font-size: 23px;
        line-height: 23px;
    }
}

.menu_main *+* {
    margin-left: 4px;
}

@media (min-width: 992px) {
    .mobile-menu-toggler {
        display: none;
    }
}
@media (max-width: 991px) {
    .mobile-menu-toggler {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 39px;
        height: 35px;
        background-color: var(--main-color);
    }
}
#mobileMenuToggler {
    display: none;
}
#mobileMenuToggler:not(:checked) ~ .mobile-menu-toggler .mobile-menu-toggler_opened {
    display: none;
}
#mobileMenuToggler:checked ~ .mobile-menu-toggler .mobile-menu-toggler_closed {
    display: none;
}
@media (max-width: 991px) {
    #mobileMenuToggler:checked ~ .menu_main {
        transform: scale(1);
    }
}


.button {
    display: inline-block;
    border: none;
    border-radius: 0 !important;
    min-height: 40px;
    padding: 2px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-decoration: none;
    background-color: var(--main-color);
}

.search-form {
    display: flex;
    margin: 0 -7.5px 30px;
}
@media (max-width: 768px) {
    .search-form {
        margin: 0 0 30px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: 15px;
        column-gap: 20px;
    }

    .search-form_optional {
        display: none !important;
    }
}

.search-form.search-form_main {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 15px;
    column-gap: 20px;
}

@media (min-width: 768px) {
    .search-form.search-form_main {
        width: 290px;
    }
}

.search-form__input {
    grid-column: auto/span 3;
    flex-grow: 1;
}

@media (min-width: 769px) {
    .search-form:not(.search-form_main) .search-form__input,
    .search-form:not(.search-form_main) .search-form__date {
        margin: 0 7.5px;
        width: 100%;
    }
}

.search-form__date {
    position: relative;
    display: flex;
    grid-column: auto/span 2;
}
.search-form__date > *:not(input) {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
}
@media (min-width: 769px) {
    .search-form__date > *:not(input) {
        right: 14.5px;
    }
}

.search-form__date {
    display: flex;
    grid-column: auto/span 2;
}
.search-form__date .search-form__input {
    width: 100%;
}

.form-input {
    height: 40px;
    padding: 2px 15px;
    color: #000;
    font-size: 16px;
    border: 1px solid var(--main-color);
    border-radius: 0 !important;
    background-color: #fff;
}
.form-input:focus {
    outline: none;
    border: 1px solid var(--main-color);
    border-radius: 0 !important;
}
.form-input::placeholder {
    color: #777;
}

.search-result {
    margin-bottom: 30px;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #B9B9B9;
    background-color: rgba(0, 0, 0, 0.05);
}
.search-result th {
    font-weight: 600;
}

.search-result th,
.search-result td {
    border: 1px solid #B9B9B9;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

.search-result td {
    background-color: #fff;
}

.search-result td img {
    object-fit: contain;
    max-width: 45px;
    max-height: 45px;
    background-color: var(--additional-color);
}

.search-result__photo {
    width: 1%;
}

.search-result__link {
    width: 1%;
    white-space: nowrap;
}

.search-result td a,
.names-catalog a {
    color: var(--main-color);
}

.names-catalog {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .search-result thead tr {
        display: none;
    }

    .search-result,
    .search-result td {
        background-color: #fff;
        border: none;
    }

    .search-result,
    .search-result tr,
    .search-result thead,
    .search-result tbody,
    .search-result td {
        display: block;
    }

    .search-result tr {
        margin-bottom: 15px;
        padding: 5px 10px;
        border: 1px solid #B9B9B9;
    }

    .search-result td {
        padding: 5px 0;
    }

    .search-result td:nth-last-child(4) {
        float: right;
    }

    .search-result td img {
        max-width: 38px !important;
        max-height: 38px !important;
    }

/*    .search-result td[data-label-ru]:before,
    .search-result td[data-label-uk]:before,
    .search-result td[data-label-en]:before {
        font-weight: 600;
    }*/

    html[lang="ru"] .search-result td[data-label-ru]:before {
        content: attr(data-label-ru) ":";
    }
    html[lang="uk"] .search-result td[data-label-uk]:before {
        content: attr(data-label-uk) ":";
    }
    html[lang="en"] .search-result td[data-label-en]:before {
        content: attr(data-label-en) ":";
    }
}

@media (min-width: 601px) {
    .profile-record {
        display: grid;
        grid-template-columns: minmax(max-content, 150px) 1fr;
        column-gap: 15px;
    }
}

.profile-record__photo {
    width: 150px;
    margin-bottom: 10px;
}

.profile-record__info__name,
.profile-record__info__status,
.profile-record__info__text {
    margin-bottom: 15px;
}

.profile-record__info__name__alt {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-variant: none;
}

@media (max-width: 767px) {
    .profile-record__info__name {
        font-size: 24px;
    }
}

.profile-record__info__name .button {
    vertical-align: middle;
    min-height: 0;
}

footer {
    margin-top: auto;
    padding: 10px 0;
    background-color: var(--additional-color);
}

.col.post-body {
    max-width: 880px;
}

sup.label {
    padding: 0px 0.125em 0px 0.125em;
    margin: 0px 0.125em 0px 0.125em;
    border-radius: 3px;
}

sup.label.dead {
    background: black;
    color: white;
    border: 1px solid black;
}

sup.label.captured {
    background: yellow;
    border: 1px solid yellow;
}

sup.label.active {
    background: lime;
    border: 1px solid lime;
}

sup.label.edit {
    background: white;
    border: 1px solid black;
}