div.egrul-wrapper {
    --sidebar-elements-width: 80%;
}

.idodoc-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #FFFFFF url(../img/loading.gif) 50% 50% no-repeat;
    left: 0;
    top: 0;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.woocommerce-account.egrul-dashboard #main > .wf-wrap {
    width: 100%;
    padding: 0;
}

.woocommerce-account.egrul-dashboard #main,
.woocommerce-account.woocommerce-edit-account #main {
    padding-top: 0;
}

body.woocommerce-account.woocommerce-edit-account #page > .page-title,
body.woocommerce-account.egrul-subscription #page > .page-title {
    display: none;
}

div.egrul-data-container {
    color: #555;
    background-color: #efefef;
    padding: 20px;
    flex: 2;
}


div.egrul-data-container div.egrul-body div.egrul-row > div.action > button.button,
div.egrul-data-container div.egrul-body div.egrul-row > div.action > button.button:hover,
div.egrul-data-container div.egrul-body div.egrul-row.invalid > div.action > button.button,
div.egrul-data-container div.egrul-body div.egrul-row.invalid > div.action > button.button:hover,
div.egrul-sidebar div.termination-actions button.button,
div.egrul-sidebar div.termination-actions button.button:hover,
.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul .woocommerce-MyAccount-navigation-link a,
.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul .woocommerce-MyAccount-navigation-link a:hover {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

div.egrul-wrapper {
    display: flex;
    flex-direction: row;
    margin-bottom: 60px;
    position: relative;
    flex-wrap: wrap;
}

form#idodocEgrulFindForm {
    text-align: center;
}

form#idodocEgrulFindForm input[type="number"] {
    padding: 0 5px;
    margin: 0;
    text-align: right;
}

div.egrul-form {
    margin-bottom: 36px;
    padding: 20px 36px 0 36px;
}

div.egrul-form form label {
    display: block;
    font-size: 24px;
    font-weight: 100;
    font-family: 'Roboto', monospace;
    letter-spacing: 2px;
    margin-bottom: 24px;
    margin-top: 20px;
}

div.egrul-form form input[type="number"] {
    width: 480px;
    padding: 25px 15px;
    margin-right: 10px;
}

div.egrul-form form input[type="number"]::placeholder {
    font-weight: 100;
    font-family: 'Roboto', monospace;
    letter-spacing: 2px;
}

div.egrul-form .desc {
    width: 500px;
    color: #777;
    line-height: 1.1;
    font-size: 0.8em;
    margin-top: 6px;
    max-width: 100%;
}

#idodocEgrulAddCompanyForm > div.error {
    display: flex;
    width: 480px;
    padding: 4px;
    margin-bottom: 12px;
    box-sizing: border-box;
    color: red;
}

#idodocEgrulAddCompanyForm > div.error.hidden {
    display: none;
}

#idodocEgrulAddCompanyForm > div.error > span.error-text {
    flex: 1;
}

#idodocEgrulAddCompanyForm > div.error > a > i {
    color: #666;
}

#idodocEgrulAddCompanyForm > div.error > a > i:hover {
    color: black;
}

/* Chrome, Safari, Edge, Opera */
#idodocEgrulAddCompanyForm input[type="number"]::-webkit-outer-spin-button,
#idodocEgrulAddCompanyForm input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
#idodocEgrulAddCompanyForm input[type=number] {
    -moz-appearance: textfield;
}

/* region EGRUL actions & Requisites containers */

div.requisites-container,
div.egrul-actions-container {
    width: 100%;
}

div.egrul-actions-container.hidden,
div.requisites-container.hidden,
div.egrul-wrapper:has(div.egrul-actions-container:not(.hidden)) > div.egrul-data-container,
div.egrul-wrapper:has(div.egrul-actions-container:not(.hidden)) > div.egrul-sidebar /*div.egrul-wrapper:has(div.requisites-container:not(.hidden)) > div.egrul-data-container,
div.egrul-wrapper:has(div.requisites-container:not(.hidden)) > div.egrul-sidebar*/
{
    display: none;
}

div.requisites-container .header,
div.egrul-actions-container .header {
    background: #efefef;
    /*height: 140px;*/
    color: #727176;
    padding: 10px 50px 20px 22px;
    min-height: 140px;
    box-sizing: border-box;
}

div.requisites-container .header,
div.egrul-actions-container .header,
div.egrul-actions-container .header > div,
div.egrul-actions-container .header > div.widgets > div.items,
div.egrul-actions-container .header > div.widgets > div.items > .widget,
div.egrul-actions-container .header > div.widgets > div.items > .widget > span.icon {
    display: flex;
}

div.requisites-container .header > div.main,
div.egrul-actions-container .header > div.main,
div.egrul-actions-container .header > div.widgets,
div.egrul-actions-container .header > div.widgets > div.items > .widget {
    flex-direction: column;
}

div.egrul-actions-container .header > div.main,
div.egrul-actions-container .header > div.widgets > div.items,
div.egrul-actions-container .header > div.widgets > div.items > .widget > span.icon {
    flex: 100%;
}

div.egrul-actions-container .header > div.widgets {

}

div.egrul-actions-container .header > div.widgets > div.items {
    flex-direction: row;
}

div.egrul-actions-container .header > div.widgets > span {
    white-space: nowrap;
	font-weight: 300;
}

div.egrul-actions-container .header > div.widgets > div.items > .widget {
    flex: 1;
    color: #727176;
    text-decoration: none;
    cursor: pointer;
    max-height: 90px;
}

div.egrul-actions-container .header > div.widgets > div.items > .widget > span.icon {
    font-size: 48px;
    align-items: center;
    justify-content: center;
}

div.egrul-actions-container .header > div.widgets > div.items > .widget > span.text {
    text-align: center;
}

div.egrul-actions-container .content {
    min-height: calc(2 * 140px);
    background-color: white;
    padding: 40px 0 100px 0;
    display: flex;
}

div.egrul-actions-container .content:has(.wpcf7) {
    background-color: rgb(64, 94, 111);
}

div.egrul-actions-container .content .wpcf7 {
    width: 50%;
    margin: auto;
    color: white;
}

div.egrul-actions-container .content .wpcf7-form h5,
div.egrul-actions-container .content .wpcf7-form p {
    color: white;
}

div.egrul-actions-container div.egrul-actions-select > form {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.egrul-actions-container div.egrul-actions-select > form > .labels {
    display: flex;
    gap: 10px;
    margin: 0 20px;
    flex-flow: row wrap;
    align-items: stretch;
}

div.egrul-actions-container div.egrul-actions-select > form > .chosen {
    align-self: end;
    margin-right: 140px;
    max-width: 25vw;
    text-align: right;
    margin-top: 30px;
}

div.egrul-actions-container div.egrul-actions-select > form > .chosen span {
    color: #727272;
    letter-spacing: 1px;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action input[type="checkbox"] {
    display: none;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action {
    position: relative;
    flex-basis: 150px;
    color: #747474;
    border: #dedede solid 2px;
    background-color: #dedede;
    padding: 8px 18px;
    border-radius: 12px;
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0;
    cursor: pointer;
    min-height: 66px;
    box-sizing: border-box;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action:hover {
    background-color: #e3e3e3;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action span.checked {
    display: none;
    height: 100%;
    font-size: 24px;
    line-height: 1;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action:has(input[type="checkbox"]:checked) {
    border-color: #00b6dc;
    color: #00b6dc;
    background-color: #efefef;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action:has(input[type="checkbox"]:checked) span.checked {
    display: inline-flex;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action span {
    white-space: nowrap;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action span.icon {
    font-size: 36px;
    text-align: center;
    line-height: 1;
    align-self: center;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action div.text {
    display: flex;
    flex-direction: column;
    flex: 1;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action div.text span.title {
    font-size: 1.5em;
    letter-spacing: 0.1em;
    font-weight: 900;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action div.text span.subtitle {
    font-size: 1.1em;
    font-weight: 100;
}

div.egrul-actions-container div.egrul-actions-select label.egrul-action:not(:has(.icon)) div.text {
    text-align: center;
}

div.back a {
    color: #666;
}

div.idodocEgrulActions span.ul-name {
    font-size: 2em;
}

/* endregion */

/* region Header */
div.egrul-data-container div.egrul-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px;
    gap: 20px 10px;
    /*flex-wrap: wrap-reverse;*/
    width: calc(min(100vw - 20px, 100% - 20px));
}

div.egrul-data-container div.egrul-header .title {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

div.egrul-data-container div.egrul-header .name {
    font-size: 1.5em;
    flex: 1;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
}

div.egrul-data-container div.egrul-header .fns-reg-data {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
    column-gap: 20px;
    align-items: center;
}

div.egrul-data-container div.egrul-header .fns-reg-data div {
    margin: 0;
}

div.egrul-data-container div.egrul-header .header-actions {
    display: inline-flex;
    align-items: baseline;
    flex-grow: 1;
    justify-content: flex-end;
}

div.egrul-data-container div.egrul-header .header-actions > a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #666;
    height: fit-content;
}

div.egrul-data-container div.egrul-header .header-actions > a .icon {
    font-size: 36px;
    display: inline-flex;
    align-items: center;
    justify-items: center;
}

div.egrul-data-container div.egrul-header .header-actions > a .text {
    font-size: 0.8rem;
    padding: 0 4px;
}

div.egrul-data-container div.egrul-header .header-actions > a[data-action] {
    background: #dedede;
    padding-top: 10px;
    border-radius: 10px;
    border: solid 2px #dedede;
    margin-left: 10px;
    /* margin-top: -10px;*/
}

div.egrul-data-container div.egrul-header .header-actions > a[data-action]:hover {
    background: #efefef;
    border: solid 2px #fff;
    color: #000;
}

div.egrul-data-container div.egrul-header .header-actions > a[data-action][data-target="idodocCompanyRequisites"]:hover,
div.egrul-data-container div.egrul-header .header-actions > a[data-action][data-target="idodocCompanyRequisites"] {
    background: none;
    border: none;
}

div.egrul-actions-container div.header div.main div.title {
    margin-top: 20px;
}

div.requisites-container div.output div.title,
div.requisites-container div.editable div.title {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

div.requisites-container div.editable div.title span.ul-name,
div.requisites-container div.output div.title span.ul-name {
    color: #000;
    font-size: 1.4em;
    margin-top: 10px;
    letter-spacing: 2px;
    font-weight: 700;
    white-space: normal; /* Разрешить перенос текста */
    word-wrap: break-word; /* Разрыв слов, если они слишком длинные */
    max-width: 100%; /* Ограничение по ширине, измените по необходимости */
    z-index: 1000;
    position: absolute;
}

div.requisites-container div.editable div.title span.ul-inn {
    color: #000;
    font-size: 1.4em;
    margin-top: 10px;
    letter-spacing: 2px;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1000;
    position: absolute;
}


div.egrul-actions-container div.header div.main div.title span.ul-name {
    color: #555;
    font-size: 22px;
	font-weight: 700;
}

div.requisites-container div.editable div.title span.ul-inn,
div.egrul-actions-container div.header div.main div.title span.ul-inn {
    color: #888;
    font-size: 18px;

}

div.egrul-actions-container div.header div.main div.subtitle {
    color: #555;
    font-size: 18px;
    padding-top: 4px;
}

div.requisites-container div.editable div.subtitle {
    color: #999;
    font-size: 16px;
    padding-top: 4rem;
    line-height: 1;
}

div.egrul-actions-container div.header div.main div.subtitle,
div.egrul-actions-container div.header div.main div.back,
div.requisites-container div.editable div.subtitle,
div.requisites-container div.header div.main div.back {
    letter-spacing: 1px;
}

div.egrul-actions-container div.header div.main div.back a,
div.requisites-container div.header div.main div.back a {
    font-weight: 100;
    color: #888;
}

div.egrul-actions-container div.header div.main div.back a > span.to-selection {
    display: none;
}

.button[data-action="egrul-edit-show"][data-target="idodocEgrulActions"] {
    padding: 25px 40px;
    font-size: 28px;
    border-radius: 8px;
    line-height: 1.2;
    text-align: left;
}


div#idodocEgrulActions.egrul-actions-container div.header div.subtitle a.button[data-action="egrul-edit-show"] {
    display: none;
    background: white;
    color: #575757;
    border: #dedede 1px solid;
    border-radius: 14px;
    padding: 6px 12px;
    margin-left: 16px;
    font-size: 0.9em;
}

div#idodocEgrulActions.egrul-actions-container div.header div.subtitle a.button[data-action="egrul-edit-show"] i {
    color: #575757;
}

div#idodocEgrulActions.egrul-actions-container div.header div.subtitle a.button[data-action="egrul-edit-show"]:hover {
    background: #dedede;
    color: #333;
}

div#idodocEgrulActions.egrul-actions-container div.header div.subtitle a.button[data-action="egrul-edit-show"]:hover i {
    color: #333;
}

div#idodocEgrulActions.egrul-actions-container:has(.wpcf7):not(:has(form#egrulActionsSelectForm input[type="checkbox"]:checked)) div.header div.subtitle a.button[data-action="egrul-edit-show"] {
    display: inline-block;
}

/*
div#idodocEgrulActions.egrul-actions-container:not(:has(.wpcf7)) div.header div.subtitle a.button[data-action="egrul-edit-show"],
div#idodocEgrulActions.egrul-actions-container:has(.wpcf7):has(form#egrulActionsSelectForm input[type="checkbox"]:checked) div.header div.subtitle a.button[data-action="egrul-edit-show"] {
    display: none;
}
*/

div#idodocEgrulActions.egrul-actions-container:has(form#egrulActionsSelectForm input[type="checkbox"]:checked):has(.wpcf7) div.header div.back a > span.to-company {
    display: none;
}

div#idodocEgrulActions.egrul-actions-container:has(form#egrulActionsSelectForm input[type="checkbox"]:checked):has(.wpcf7) div.header div.back a > span.to-selection {
    display: inline;
}

form#egrulActionsSelectForm div.chosen div:first-child {
    margin-bottom: 10px;
}

/* endregion */

/* region Requisites Modal */

#idodocRequisitesModal.modal {
    display: none;
    position: fixed;
    z-index: 111;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}

#idodocRequisitesModal .modal-content {
    background-color: #fefefe;
    margin: 5% auto 0 auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    margin-bottom: 20px !important;
}

#idodocRequisitesModal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

#idodocRequisitesModal .close:hover,
#idodocRequisitesModal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

div.requisites-container .content {
    display: flex;
    padding: 0;
    position: relative;
}

div.requisites-container .content button#closeRequisitesModal {
    position: absolute;
    height: 30px;
    width: 30px;
    right: 0;
    border: none;
    background: lightgray;
    font-size: 24px;
    line-height: 1;
    color: gray;
    display: none;
}

div.requisites-container div.editable div.title {
    margin: 0;
}

div.requisites-container .content form#companyRequisitesForm {
    width: 100%;
    display: flex;
    flex-direction: row;
}

div.requisites-container .content form#companyRequisitesForm > div {
    flex: 1;
}

div.requisites-container .content form#companyRequisitesForm > div.editable {
    padding: 20px;
    width: 40%;
}

div.requisites-container .content form#companyRequisitesForm fieldset {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

div.requisites-container .content form#companyRequisitesForm fieldset > div {
    display: flex;
    align-items: center;
    gap: 8px;
}

div.requisites-container .content form#companyRequisitesForm fieldset legend {
    font-size: 16px;
    color: #666;
}

div.requisites-container .content form#companyRequisitesForm fieldset > div > label {
    flex-basis: 30%;
    text-align: right;
    margin: 0;
    letter-spacing: 1px;
}

div.requisites-container .content form#companyRequisitesForm fieldset > div:has(textarea) > label {
    align-self: start;
}

div.requisites-container .content form#companyRequisitesForm fieldset textarea {
    border: 1px solid #8e8e8e;
    color: #464646;
    font-size: 20px;
}

div.requisites-container .content form#companyRequisitesForm fieldset > div > input,
div.requisites-container .content form#companyRequisitesForm fieldset > div > textarea {
    flex: 1;
    padding: 0 8px;
    line-height: 1.44;
}

div.requisites-container .content form#companyRequisitesForm fieldset > div > input[type="url"] {
    font-size: 20px !important;
    color: #464646 !important;
    border: 1px solid #9a9a9a;
}

div.requisites-container .content form#companyRequisitesForm fieldset > div > input[type="number"] {
    -moz-appearance: textfield;
}

div.requisites-container .content form#companyRequisitesForm fieldset > div > input[type="number"]::-webkit-inner-spin-button,
div.requisites-container .content form#companyRequisitesForm fieldset > div > input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.requisites-container .content form#companyRequisitesForm fieldset .submit {
    text-align: right;
    margin-left: auto;
    display: block;
    margin-right: -20px;
    margin-top: 20px;
}

div.requisites-container div.output {
    padding-top: 20px;
}

div.requisites-container .content .widgets {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 20px;
    margin-top: 50px;
}

div.requisites-container .content .widgets button {
    border-radius: 16px;
    padding: 8px;
    border: 2px transparent solid;
}

div.requisites-container .content .widgets button,
div.requisites-container .content .widgets button > i,
div.requisites-container .content .widgets button > span {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

div.requisites-container .content .widgets button:hover {
    background: #dddddd;
    border: 2px white solid;
}

div.requisites-container .content .widgets button:hover > i {
    color: #009ec4;
}

div.requisites-container .content .widgets button:hover > span {
    color: #464646;
}

div.requisites-container .content .widgets button:has(i):has(span) {
    display: flex;
    flex-direction: column;
    border: 2px transparent solid;
    align-items: center;
    flex-basis: 80px;
    gap: 4px;
    margin-right: 30px;
    background-color: transparent;
}

div.requisites-container .content .widgets button:has(span) > i {
    color: #00b5de;
    font-size: 66px;
    margin-bottom: 10px;

}

div.requisites-container .content .widgets button:has(i) > span {
    color: #575757;
    font-weight: bold;
}

div.requisites-container .content .data {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 6px;
}


div.requisites-container .content .data * {
    font-size: 0.9em;
    line-height: 1.3;
    color: #666;
}

div.requisites-container .content .data div.row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}

div.requisites-container .content .data div.row .desc {
    text-align: right;
    width: 48%; /* Уменьшаем ширину, чтобы создать пространство для отступа */
    align-self: flex-start; /* Выравнивание .desc по верхнему краю */
}

div.requisites-container .content .data div.row .value {
    text-align: left;
    width: 48%; /* Уменьшаем ширину, чтобы создать пространство для отступа */
    margin-left: 4%; /* Добавляем отступ между .desc и .value */
}

div.requisites-container .content .data div.row a[data-edit] {
    text-align: left;
    width: 48%;
    margin-left: 0; /* обнуляем отступ, чтобы выровнять по левому краю */
}

div.requisites-container .content .data div.row span.desc {
    white-space: break-spaces;
    text-transform: uppercase;
    font-weight: bold;
}

div.requisites-container .content div.submit {
    padding: 0 20px 20px 20px;
    text-align: end;
}


@media (max-width: 910px) {
    div.requisites-container .content form#companyRequisitesForm {
        flex-direction: column-reverse;
    }

    div.requisites-container .content button#closeRequisitesModal {
        display: block;
    }

    div.requisites-container div.output div.title {
        justify-content: center;
    }

    div.requisites-container div.editable div.title {
        display: none;
    }

    div.requisites-container div.editable div.subtitle {
        padding-top: 0;
    }

    div.requisites-container .content form#companyRequisitesForm > div.editable {
        width: 100%;
        box-sizing: border-box;
    }

    div.requisites-container div.output div.title span.ul-name {
        position: initial;
        padding: 0 10px;
    }

    div.requisites-container .content .widgets {
        margin-top: 20px;
    }
}

@media (min-width: 911px) {
    div.requisites-container div.output div.title {
        display: none;
    }
}

/* endregion */

/* region Data */

div.egrul-body {
    padding-top: 10px;
}

div.egrul-data-container div.egrul-body div.egrul-row {
    display: flex;
    padding: 6px;
}

div.egrul-data-container div.egrul-body div.egrul-row:hover {
    border: solid white 2px;
    padding: 4px;
    border-radius: 8px;
}


div.egrul-data-container div.egrul-body div.egrul-row:hover > div.action > button.button {
    background-color: #fff;
    background-image: none;
    color: #000;
}

div.egrul-data-container div.egrul-body div.egrul-row.invalid {
    background: #FFE1DF;
    border: solid white 2px;
    padding: 4px;
    border-radius: 8px;
}

div.egrul-data-container div.egrul-body div.egrul-row .invalid-label {
    color: red;
    text-transform: uppercase;
    padding-left: 10px;
}

div.egrul-data-container div.egrul-body div.egrul-row div.icon {
    width: 100px;
    min-width: 100px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 8px 10px;
    color: #888;
}

div.egrul-data-container div.egrul-body div.egrul-row div.icon span.dashicons,
div.egrul-data-container div.egrul-body div.egrul-row div.icon i {
    font-size: 44px;
}

div.egrul-data-container div.egrul-body div.egrul-row div.field,
div.egrul-data-container div.egrul-body div.egrul-row div.fields {
    flex: 1;
}

div.egrul-data-container div.egrul-body div.egrul-row div.fields .desc,
div.egrul-data-container div.egrul-body div.egrul-row div.field .desc {
    font-weight: 300;
    color: #aaa;
}

div.egrul-data-container div.egrul-body div.egrul-row div.field .data {
    font-weight: 400;
    color: #444;
    line-height: 1.46em;
}

div.egrul-data-container div.egrul-body div.egrul-row div.field .data.nominal-share,
div.egrul-data-container div.egrul-body div.egrul-row div.field .data.is-encumbracer {
    font-size: 0.9rem;
    line-height: 1;
    margin-bottom: 10px !important;
}

div.egrul-data-container div.egrul-body div.egrul-row div.action {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 10px;
}

div.egrul-data-container div.egrul-body div.egrul-row.activities div.action {
    align-items: flex-start;
}

#page div.egrul-data-container div.egrul-body div.egrul-row > div.action > button.button,
#page div.egrul-sidebar div.summary button.button {
    font: normal 18px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    text-decoration: none;
    -webkit-border-radius: 8px;
    border: none;
    padding: 8px 12px 8px 12px;
    color: #aeaeae;
    background-color: #dedede;
    margin: 10px 0 0 0 !important;
    background-image: none;
}

#page div.egrul-data-container div.egrul-body div.egrul-row > div.action > button.button:hover {
    color: #000;
    background: #fff;
}

#page div.egrul-sidebar div.summary button.button {
    width: fit-content;
    align-self: start;

}

#page div.egrul-data-container div.egrul-body div.egrul-row.invalid > div.action > button.button,
#page div.egrul-sidebar div.summary button.button {
    background: #FF505C;
    color: white;
}

#page div.egrul-data-container div.egrul-body div.egrul-row.invalid > div.action > button.button:hover,
#page div.egrul-sidebar div.summary button.button:hover {
    background: #fa2d3c;
    color: #efefef;
}


/* endregion */

/* region Sidebar */
div.egrul-wrapper div.egrul-sidebar {
    display: flex;
    max-width: 460px;
    flex-direction: column;
    flex: 3;
    margin-top: 30px;
}

div.egrul-sidebar div.sidebar-top {
    display: inline-flex;
    flex-direction: column;
    width: var(--sidebar-elements-width);
    /*max-width: 75%;*/
    align-self: center;
    margin-bottom: 30px;
}

div.egrul-sidebar div.sidebar-top > div {
    margin: 20px 0;
}

div.egrul-sidebar div.sidebar-top > div:first-child {
    margin: 0 0 20px 0;
}

div.egrul-sidebar div.update .egrul-update {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 16px;
}

div.egrul-sidebar div.update .egrul-update > span {
    font-size: 24px;
}

div.egrul-sidebar div.update .egrul-update .icon,
div.egrul-sidebar div.summary .icon {
    margin-right: 10px;
    font-size: 30px;
}

div.egrul-sidebar div.update .egrul-update div.text {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-family: "Hauss", helvetica, arial, sans-serif;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.1em;
}

button.egrul-update {
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.7);
}

button--loading.egrul-update {
    box-shadow: none;
}

/*div.egrul-sidebar div.update .egrul-update div.text span.smaller,*/
div.egrul-sidebar span.smaller {
    font-size: 0.8em;
    letter-spacing: 0.1em;
    text-transform: none;
    font-weight: 300;
}

div.egrul-sidebar div.update .egrul-update div.text span.smaller {
    white-space: break-spaces;
}

div.egrul-sidebar span.small {
    font-size: 0.9em;
}

div.egrul-sidebar div.summary,
div.egrul-sidebar div.update {
    display: inline-flex;
}

div.egrul-sidebar div.summary {
    flex-direction: column;
    padding: 16px;
    border-radius: 10px;
}

div.egrul-sidebar div.update {
    flex-direction: column;
}

div.egrul-sidebar div.update div.subscr {
    font-size: 0.72em;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
    color: #b2b2b2;
}

div.egrul-sidebar div.update div.subscr > a {
    color: white;
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 24px;
    line-height: 1.2;
}

div.egrul-sidebar div.update div.subscr > a.purchase {
    background: #b8b8b8;
}

div.egrul-sidebar div.update div.subscr > a.purchase:hover {
    background: grey;
}

div.egrul-sidebar div.update div.subscr > a.prolong {
    background: #82c05f;
}

div.egrul-sidebar div.update div.subscr > a.prolong:hover {
    background: #74a948;
}

div.egrul-sidebar div.summary.valid {
    background: #BDE29D;
}

div.egrul-sidebar div.summary.valid > div.wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 1.7
}

div.egrul-sidebar div.summary.valid span.icon {
    margin-right: 10px;
}

div.egrul-sidebar div.summary.valid div.text {
    display: flex;
    flex-direction: column;
}

div.egrul-sidebar div.summary.valid .last-update {
    color: #4a6531;
}

div.egrul-sidebar div.summary.termination,
div.egrul-sidebar div.summary.invalid {
    background: #FFE1DF;
}

div.egrul-sidebar div.summary.invalid > span {
    display: inline-flex;
}

div.egrul-sidebar div.summary.invalid span:first-of-type,
div.egrul-sidebar div.summary.termination .title {
    color: #fb4f55;
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 2px;
}

div.egrul-sidebar div.summary.invalid span:nth-of-type(2),
div.egrul-sidebar div.summary.termination .type {
    color: #630F04;
    line-height: 1.3em;
    font-weight: 400;
    font-size: 0.9em;
}

div.egrul-sidebar div.summary.invalid .last-update,
div.egrul-sidebar div.summary.termination .date {
    color: #6f1507;
}

div.egrul-sidebar div.summary.valid .last-update,
div.egrul-sidebar div.summary.invalid .last-update,
div.egrul-sidebar div.summary.termination .date {
    font-size: 0.8em;
    padding-top: 10px;
}

div.egrul-sidebar div.summary.valid .last-update {
    padding-left: 40px;
}

div.egrul-sidebar div.summary.termination,
div.egrul-sidebar div.summary.termination ~ div.summary.invalid {
    max-width: var(--sidebar-elements-width);
    width: var(--sidebar-elements-width);
    margin-bottom: 20px;
    align-self: center;
    box-sizing: border-box;
}

div.egrul-sidebar div.summary.termination.terminated {
    background: #efefef;
}

div.egrul-sidebar div.summary.termination.terminated span.title,
div.egrul-sidebar div.summary.termination.terminated span.date,
div.egrul-sidebar div.summary.termination.terminated span.type {
    color: #585858;
}

div.egrul-sidebar div.summary.termination.self-terminating,
div.egrul-sidebar div.summary.termination.simple-termination {
    background: #ffec6f;
}

div.egrul-sidebar div.summary.termination.self-terminating span.title,
div.egrul-sidebar div.summary.termination.simple-termination span.title {
    color: #FF8B00;
}

#page div.egrul-sidebar div.summary.termination.self-terminating button.button,
#page div.egrul-sidebar div.summary.termination.simple-termination button.button {
    background: #FF8B00;
}

#page div.egrul-sidebar div.summary.termination.self-terminating button.button:hover,
#page div.egrul-sidebar div.summary.termination.simple-termination button.button:hover {
    background: #cc7102;
}

div.egrul-sidebar div.summary.termination.self-terminating span.date,
div.egrul-sidebar div.summary.termination.simple-termination span.date {

}

div.egrul-sidebar div.summary.termination.self-terminating span.type,
div.egrul-sidebar div.summary.termination.simple-termination span.type {

}

div.egrul-sidebar div.summary.termination.invalid {

}

div.egrul-sidebar div.summary.termination.inactive {

}

/*
div.egrul-sidebar div.summary button.button {
    font-weight: 100;
    font-size: 13px;
    width: fit-content;
    padding: 8px 12px;
    align-self: center;
    background: #f23c79;
    border-radius: 22px;
}

#page div.egrul-sidebar div.summary button.button:hover {
    background: #e02b67;
}
*/

div.egrul-sidebar div.summary button.button:first-of-type {
    margin-top: 10px;
}

div.egrul-sidebar div.summary div.text.or {
    font-size: 13px;
    text-align: center;
}

div.egrul-sidebar div.invalid-disclaimer {
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 30px;
    font-size: 14px;
    text-align: justify;
    width: var(--sidebar-elements-width);
}

div.egrul-sidebar div.invalid-disclaimer > * {
    margin-bottom: 20px;
}

div.egrul-sidebar div.invalid-disclaimer > .header {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
}

div.egrul-sidebar div.invalid-disclaimer .invalid-term {
    color: #929292;
}

div.egrul-sidebar div.invalid-disclaimer .invalid-term > .header,
div.egrul-sidebar div.invalid-disclaimer .invalid-term > .date {
    letter-spacing: 2px;
}

div.egrul-sidebar div.invalid-disclaimer .invalid-term > .text {
    text-align: justify;
}

div.egrul-sidebar div.invalid-disclaimer .invalid-term > .term {
    margin-top: 20px;
    font-size: 48px;
    line-height: 1;
}

div.egrul-sidebar div.invalid-disclaimer .invalid-term > .term .number {
    font-size: 1.2em;
    padding-right: 10px;
}

div.egrul-sidebar div.termination-disclaimer {
    padding-top: 20px;
    /*padding-left: 40px;
    padding-right: 50px;*/
    font-size: 14px;
    margin-bottom: 20px;
    width: var(--sidebar-elements-width);
    align-self: center;
}

div.egrul-sidebar div.termination-disclaimer > * {
    margin-bottom: 20px;
    text-align: justify;
}

div.egrul-sidebar div.termination-disclaimer > .header {
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
}

div.egrul-sidebar div.termination-disclaimer .termination-term {
    color: #929292;
}

div.egrul-sidebar div.termination-disclaimer .termination-term > .header {
    letter-spacing: 2px;
}

div.egrul-sidebar div.termination-disclaimer .termination-term > .term {
    font-size: 48px;
    line-height: 1;
    white-space: nowrap;
}

div.egrul-sidebar div.termination-disclaimer .termination-term > .term .number {
    font-size: 1.5em;
    font-weight: 700;
}

div.egrul-sidebar div.termination-disclaimer .termination-term > .term .period {
    padding-left: 10px;
}

div.egrul-sidebar div.termination-disclaimer .termination-term > .text {
    padding-top: 10px;
}

div.egrul-sidebar div.termination-disclaimer .termination-term > .text.expired {
    font-size: 18px;
}

div.egrul-sidebar div.termination-actions {
    padding: 0 40px;
}

div.egrul-sidebar div.termination-term ~ div.termination-actions {
    padding: 0;
}

div.egrul-sidebar div.termination-actions button.button {
    width: 100%;
    border-radius: 8px;
    font-size: 1.3rem;
    letter-spacing: 1px;
    line-height: 1.3;
    font-weight: 100;
}

div.egrul-sidebar div.termination-actions div.text {
    font-size: 14px;
    margin: 20px 0;
}

div.egrul-sidebar div.termination-actions div.text.red {
    color: #fb4f55;
}

div.egrul-sidebar div.termination-actions div.text.or {
    text-align: center;
    margin: 10px 0;
}

div.egrul-sidebar div.subscription {
    width: var(--sidebar-elements-width);
    margin: 40px auto 0 auto;
}

div.egrul-sidebar div.subscription .header {
    display: flex;
    align-items: center;
    gap: 16px;
}

div.egrul-sidebar div.subscription .header .title,
div.egrul-sidebar div.subscription .header .icon {
    display: flex;
    align-items: center;
}

div.egrul-sidebar div.subscription .header .icon {
    width: 52px;
    min-width: 52px;
    height: 52px;
    justify-content: center;
    background-color: #efefef;
    border-radius: 50%;
}

div.egrul-sidebar div.subscription .header .icon > i {
    font-size: 40px;
    line-height: 1;
    color: #b9b9b9;
}

div.egrul-sidebar div.subscription .header .title {
    font-size: 20px;
    color: #454545;
}

div.egrul-sidebar div.subscription div.summary {
    padding: 30px 0;
    text-align: justify;
}

/* endregion */

/* region Woocommerce */
.woocommerce-account .woocommerce {
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
}

/*
.woocommerce-account #main {
    padding-top: 0;
}

.woocommerce-account.egrul-dashboard #main > .wf-wrap {
    width: 100%;
    padding: 0;
    margin-top: 0;
}
*/

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul,
.woocommerce-account div.woocommerce-MyAccount-content {
    width: auto;
    padding: 0;
}

.woocommerce-account div.woocommerce-MyAccount-content {
    flex: 1;
    padding-top: 50px;
}

.woocommerce-account.egrul-dashboard div.woocommerce-MyAccount-content {
    padding-top: 0;
    overflow: auto;
}

.woocommerce-account.woocommerce-edit-account div.woocommerce-MyAccount-content {
    padding-left: 50px;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul {
    flex: 0;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul > ul li {
    width: 150px;
    height: 140px;
    border-radius: 0;
    margin: 0;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul > ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard {
    background: #4d71da;
    background: -webkit-linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    background: linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.82);
    margin-bottom: 2px;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul > ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--documents {
    background: #4d71da;
    background: -webkit-linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    background: linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.82);
    margin-bottom: 2px;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul > ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--contractors {
    background: #4d71da;
    background: -webkit-linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    background: linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.82);
    margin-bottom: 2px;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul > ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account {
    background: #4d71da;
    background: -webkit-linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    background: linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul > ul li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--egrul-subscription {
    background: #4d71da;
    background: -webkit-linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    background: linear-gradient(350deg, #4d71da 30%, #35c4f4 100%);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.82);
    margin-bottom: 2px;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul > ul li.woocommerce-MyAccount-navigation-link.is-active {
    background: #15616E !important;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul .woocommerce-MyAccount-navigation-link a {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 0;
    justify-content: space-evenly;
    color: white;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul .woocommerce-MyAccount-navigation-link a:hover {
    color: #ddd;
}

.woocommerce-account nav.woocommerce-MyAccount-navigation.egrul .woocommerce-MyAccount-navigation-link a span.icon {
    font-size: 48px;
}

/* endregion */

/* region Button spinner */
.button--loading,
.button--loading *,
.button--loading * > * {
    position: relative;
    color: transparent !important;
}

.button--loading.size-48::before {
    width: 48px;
    height: 48px;
}

.button--loading.size-64::before {
    width: 64px;
    height: 64px;
}

.button--loading.size-56::before {
    width: 56px;
    height: 56px;
}

.button--loading.size-16::before {
    width: 16px;
    height: 16px;
}

.button--loading::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid transparent;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}

.button--loading[data-spinner-color="grey"]::before {
    border-top-color: grey;
    border-right-color: grey;
    border-bottom-color: grey;
}

.button--loading[data-spinner-color="blue"]::before {
    border-bottom-color: #2196f3;
    border-right-color: #2196f3;
    border-top-color: #2196f3;
}

@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

/* endregion */

/* region EGRUL Table */
div.woocommerce-MyAccount-content table.egrul-list {
    margin-left: 36px;
    margin-bottom: 40px;
    width: calc(100% - 36px);
}

div.woocommerce-MyAccount-content table.egrul-list,
div.woocommerce-MyAccount-content table.egrul-list td,
div.woocommerce-MyAccount-content table.egrul-list th {
    border: none;
}

table.egrul-list thead {
    color: #dedede;
    font-family: sans-serif;
    letter-spacing: 1px;
    border-bottom: 1px solid;
}

table.egrul-list thead > tr > th.ul-name {
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 2px;
    min-width: calc(min(300px, 50vw));
}

table.egrul-list th {
    border-top: none;
}

table.egrul-list tr.egrul-company button[data-action="delete"],
table.egrul-list tr.egrul-company a.link .name,
table.egrul-list tr.egrul-company a.link .inn,
table.egrul-list tr.egrul-company a.link .num,
table.egrul-list tr.egrul-company th.subscription a,
div.egrul-sidebar div.update div.subscr > a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

table.egrul-list tr.egrul-company th.num,
table.egrul-list tr.egrul-company td.num {
    width: 0;
    text-align: right;
}

table.egrul-list tr.egrul-company th.hoverable,
table.egrul-list tr.egrul-company td.hoverable {
    cursor: pointer;
}

table.egrul-list tr.egrul-company a.link .num {
    font-size: 56px;
    color: #999;
    font-weight: bold;
    display: block;
    line-height: 1.2;
}

table.egrul-list tr.egrul-company td.subscription a,
table.egrul-list tr.egrul-company th.subscription a {
    padding: 8px 12px;
    border-radius: 12px;
    text-decoration: none;
}

table.egrul-list tr.egrul-company td.subscription a.active,
table.egrul-list tr.egrul-company th.subscription a.active {
    background: #00a2b5;
    color: white;
    font-weight: 100;
}

table.egrul-list tr.egrul-company td.subscription a.active:hover,
table.egrul-list tr.egrul-company th.subscription a.active:hover {
    background: #017d8c;
    color: #dedddd;
}

table.egrul-list tr.egrul-company td.subscription a.inactive,
table.egrul-list tr.egrul-company th.subscription a.inactive {
    background: #efefef;
    color: #666;
    white-space: nowrap;
    font-weight: 100;
}

table.egrul-list tr.egrul-company td.subscription a.inactive:hover,
table.egrul-list tr.egrul-company th.subscription a.inactive:hover {
    background: #cccccc;
    color: #545454;
}

table.egrul-list tr.egrul-company td.status > a.subscription,
table.egrul-list tr.egrul-company th.status > a.subscription {
    display: none;
    text-decoration: none;
}

table.egrul-list tr.egrul-company td.status > a.subscription > span,
table.egrul-list tr.egrul-company th.status > a.subscription > span {
    font-size: 12px;
    display: block;
    line-height: 1.5;
}

table.egrul-list tr.egrul-company td.status > a.subscription > span.active,
table.egrul-list tr.egrul-company td.status > a.subscription > span.active ~ span.expiration,
table.egrul-list tr.egrul-company th.status > a.subscription > span.active,
table.egrul-list tr.egrul-company th.status > a.subscription > span.active ~ span.expiration {
    color: #77a949;
}

table.egrul-list tr.egrul-company td.status > a.subscription > span.inactive,
table.egrul-list tr.egrul-company th.status > a.subscription > span.inactive {
    color: #cdcdcd;
}

table.egrul-list tr.egrul-company td.status span.termination-simple,
table.egrul-list tr.egrul-company td.status span.termination-invalid,
table.egrul-list tr.egrul-company td.status span.termination-inactive,
table.egrul-list tr.egrul-company td.status span.correct,
table.egrul-list tr.egrul-company td.status span.invalid,
table.egrul-list tr.egrul-company td.status span.terminated,
table.egrul-list tr.egrul-company td.status span.termination-self,
table.egrul-list tr.egrul-company td.status span.termination-expired,
table.egrul-list tr.egrul-company th.status span.termination-simple,
table.egrul-list tr.egrul-company th.status span.termination-invalid,
table.egrul-list tr.egrul-company th.status span.termination-inactive,
table.egrul-list tr.egrul-company th.status span.correct,
table.egrul-list tr.egrul-company th.status span.invalid,
table.egrul-list tr.egrul-company th.status span.terminated,
table.egrul-list tr.egrul-company th.status span.termination-self,
table.egrul-list tr.egrul-company th.status span.termination-expired {
    display: flex;
    width: min-content;
    padding: 6px 12px;
    border-radius: 2px;
    white-space: nowrap;
    text-align: center;
    font-family: "Hauss", helvetica, arial, sans-serif;
    font-size: 0.95em;
}

table.egrul-list tr.egrul-company td.status span.termination-simple,
table.egrul-list tr.egrul-company td.status span.termination-invalid,
table.egrul-list tr.egrul-company td.status span.termination-inactive,
table.egrul-list tr.egrul-company td.status span.termination-expired,
table.egrul-list tr.egrul-company th.status span.termination-simple,
table.egrul-list tr.egrul-company th.status span.termination-invalid,
table.egrul-list tr.egrul-company th.status span.termination-inactive,
table.egrul-list tr.egrul-company th.status span.termination-expired {
    white-space: break-spaces;
    line-height: 1.2em;
}

table.egrul-list tr.egrul-company td.status span.correct,
table.egrul-list tr.egrul-company th.status span.correct {
    background: #bae0a4;
    color: #49662e;
}

table.egrul-list tr.egrul-company td.status span.invalid,
table.egrul-list tr.egrul-company th.status span.invalid {
    background: #ffc2ba;
    color: #f93924;
}

table.egrul-list tr.egrul-company td.status span.terminated,
table.egrul-list tr.egrul-company th.status span.terminated {
    background: #efefef;
    color: #585858;
}

table.egrul-list tr.egrul-company td.status span.termination-self,
table.egrul-list tr.egrul-company td.status span.termination-simple,
table.egrul-list tr.egrul-company th.status span.termination-self,
table.egrul-list tr.egrul-company th.status span.termination-simple {
    background: #ffec6f;
    color: #FF8B00;
}

table.egrul-list tr.egrul-company td.status span.termination-invalid,
table.egrul-list tr.egrul-company th.status span.termination-invalid {
    background: #ffc2ba;
    color: #f93924;
}

table.egrul-list tr.egrul-company td.status span.termination-inactive,
table.egrul-list tr.egrul-company th.status span.termination-inactive {
    background: #ffc2ba;
    color: #f93924;
}

table.egrul-list tr.egrul-company td.status span.termination-expired,
table.egrul-list tr.egrul-company th.status span.termination-expired {
    background: #ffc2ba;
    color: #f93924;
}

table.egrul-list tr.egrul-company td button[data-action="delete"],
table.egrul-list tr.egrul-company th button[data-action="delete"] {
    border: none;
    font-size: 36px;
    line-height: 36px;
    height: 36px;
    width: 36px;
    background: transparent;
    color: lightgrey;
}

table.egrul-list tr.egrul-company button[data-action="delete"]:hover {
    color: grey;
}

table.egrul-list tr.egrul-company a.link {
    text-decoration: none;
    display: block;
}

table.egrul-list tr.egrul-company a.link .name,
table.egrul-list tr.egrul-company a.link .inn {
    color: black;
    display: block;
    font-weight: bold;
}

table.egrul-list tr.egrul-company a.link .inn {
    color: lightgray;
}

table.egrul-list tr.egrul-company:hover a.link .name,
table.egrul-list tr.egrul-company:hover a.link .inn,
table.egrul-list tr.egrul-company:hover a.link .num {
    color: grey;
}

table.egrul-list tr.egrul-company td.purchase-subscription > div,
table.egrul-list tr.egrul-company th.purchase-subscription > div {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    gap: 4px;
}

table.egrul-list tr.egrul-company td.purchase-subscription span.expiration,
table.egrul-list tr.egrul-company th.purchase-subscription span.expiration {
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
}

table.egrul-list tr.egrul-company td.purchase-subscription a.button.renew,
table.egrul-list tr.egrul-company th.purchase-subscription a.button.renew {
    --gradient-start-color: #52c13c;
    width: fit-content;
    color: #ffffff;
    background-color: var(--gradient-start-color);
    background: var(--gradient-start-color);
    background: -webkit-linear-gradient(135deg, var(--gradient-start-color) 30%, #23d7dd 100%);
    background: linear-gradient(135deg, var(--gradient-start-color) 30%, #23d7dd 100%);
}

/* endregion */

/* region EDS Requests */

div#content {
    --fns-status-success-background-color: #7ca941;
    --fns-status-failure-background-color: #f3525d;
    --fns-status-cannot-background-color: #f3525d;
    --fns-status-suspended-background-color: #8c8784;
    --eds-status-sent-background-color: white;
    --eds-status-completed-background-color: #c9c9c9;
    --fns-status-accepted-background-color: transparent;
    --eds-status-pending_sign-background: #2889e8;
    --eds-status-signed-background: #439efe;
    --eds-status-pending_sign-background-hover: #0e74da;
    --eds-status-signed-background-hover: #1d77d2;
}

#idodocEgrulChanges div.header div.widgets {
    justify-content: flex-end;
}

#idodocEgrulChanges div.header div.widgets a[data-action] > span.icon {
    font-size: 36px;
}

#idodocEgrulChanges div.header div.widgets a[data-action] > span.text {
    font-size: 0.8rem;
    padding: 0 4px;
}

#idodocEgrulChanges div.header div.widgets a[data-action] {
    color: #666;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    background: #dedede;
    padding-top: 10px;
    border-radius: 10px;
    border: solid 2px #dedede;
}

#idodocEgrulChanges div.header div.widgets a[data-action]:hover {
    background: #efefef;
    border: solid 2px #fff;
    color: #000;
}

#idodocEgrulChanges div.content {
    flex-direction: column;
    gap: 8px;
    padding: 40px;
}

#idodocEgrulChanges div.content div.eds-request-card {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-evenly;
    padding: 10px;
    align-items: center;
}

#idodocEgrulChanges div.content div.eds-request-card:nth-child(even) {
    background-color: #efefef;
}

#idodocEgrulChanges div.content div.eds-request-card > div.action,
#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper {
    flex: 2;
}

#idodocEgrulChanges div.content div.eds-request-card > div.files {
    flex: 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status,
#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.fns-status {
    border-radius: 4px;
    background-color: #ccc;
    line-height: 1.25;
    padding: 10px 16px 10px 16px;
    font-size: 14px;
    font-weight: 100;
    width: fit-content;
    color: white;
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status.sent,
#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.fns-status.sent {
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #575757;
    color: #575757;
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status.signed {
    background-color: var(--eds-status-signed-background);
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status.pending_sign {
    background-color: var(--eds-status-pending_sign-background);
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status.signed:hover {
    background-color: var(--eds-status-signed-background-hover);
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status.pending_sign:hover {
    background-color: var(--eds-status-pending_sign-background-hover);
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status.signed > a,
#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.status.pending_sign > a {
    color: white;
    text-decoration: none;
    font-weight: 400;
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.fns-status.success {
    color: white;
    background-color: var(--fns-status-success-background-color);
}

#idodocEgrulChanges div.content div.eds-request-card > div.status-wrapper > div.fns-status.failure {
    color: white;
    background-color: var(--fns-status-failure-background-color);
}

#idodocEgrulChanges div.content div.eds-request-card > div.modified-at {
    flex: 1;
    font-size: 0.75rem;
}

#idodocEgrulChanges a.button[data-action="download-fns-file"] {
    display: inline-flex;
    gap: 4px;
    text-decoration: none;
    font-size: 13px;
    min-height: 30px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    color: #2271b1;
    border-color: #2271b1;
    background: #f6f7f7;
    align-items: center;
}

#idodocEgrulChanges a.button[data-action="download-fns-file"].button--loading::before {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top-color: #2271b1;
    border-right-color: #2271b1;
    border-bottom-color: #2271b1;
    border-radius: 50%;
}

#idodocEgrulChanges a.button[data-action="download-fns-file"] span,
#idodocEgrulChanges a.button[data-action="download-fns-file"] i {
    color: #2271b1;
}

#content #idodocEgrulChanges a.button[data-action="download-fns-file"]:hover {
    background: #f0f0f1;
    border-color: #0a4b78;
    color: #0a4b78;
}

#idodocEgrulChanges a.button[data-action="download-fns-file"]:hover i,
#idodocEgrulChanges a.button[data-action="download-fns-file"]:hover span {
    color: #0a4b78;
}

div.egrul-data-container div.eds-card-wrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: -20px;
    margin-top: -20px;
}

div.egrul-data-container div.eds-card-wrapper > a {
    text-decoration: none;
}

div.egrul-data-container div.eds-action-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    padding: 16px 20px;
    width: fit-content;
}

div.egrul-data-container div.eds-action-card[data-target][data-action]:hover {
    cursor: pointer;
}

div.egrul-data-container div.eds-action-card.fns-status,
div.egrul-data-container div.eds-action-card.pending_sign,
div.egrul-data-container div.eds-action-card.signed,
div.egrul-data-container div.eds-action-card.pending_sign > div.wrapper > a,
div.egrul-data-container div.eds-action-card.signed > div.wrapper > a,
div.egrul-data-container div.eds-action-card.pending_sign > div.action > a,
div.egrul-data-container div.eds-action-card.signed > div.action > a,
div.egrul-data-container div.eds-action-card.fns-status > div.wrapper > a,
div.egrul-data-container div.eds-action-card.fns-status > div.action > a {
    color: white;
}

div.egrul-data-container div.eds-action-card.fns-status.success {
    background-color: var(--fns-status-success-background-color);
}

div.egrul-data-container div.eds-action-card.fns-status.failure {
    background-color: var(--fns-status-failure-background-color);
}

div.egrul-data-container div.eds-action-card.completed {
    background-color: var(--eds-status-completed-background-color);
}

div.egrul-data-container div.eds-action-card.sent {
    background-color: var(--eds-status-sent-background-color);
    border: 1px solid #666666;
}

div.egrul-data-container div.eds-action-card.signed {
    background-color: var(--eds-status-signed-background);
}

div.egrul-data-container div.eds-action-card.pending_sign {
    background-color: var(--eds-status-pending_sign-background);
}

div.egrul-data-container div.eds-action-card span.icon {
    font-size: 54px;
}

div.egrul-data-container div.eds-action-card div.wrapper {
    display: flex;
    flex-direction: column;
}

div.egrul-data-container div.eds-action-card > div.wrapper > a {
    color: #555;
    text-decoration: none;
}

div.egrul-data-container div.eds-action-card > div.action > a {
    color: #555;
    font-size: 20px;
}

table.egrul-list td.title div.eds-request {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 10px;
    flex: 1;
    line-height: 1.2;
    font-size: 0.8rem;
}

table.egrul-list td.title div.eds-request div.action,
table.egrul-list td.title div.eds-request div.status-wrapper,
table.egrul-list td.title div.eds-request div.status {
    flex-basis: 180px;
    align-content: center;
}

table.egrul-list td.title div.eds-request div.action {
    flex: 1;
}

table.egrul-list td.title div.eds-request div.action a.link {
    height: 100%;
    align-content: center;
}

table.egrul-list td.title div.eds-request div.action a.link,
table.egrul-list td.title div.eds-request div.status-wrapper > div.fns-status a.link {
    color: inherit;
}

table.egrul-list td.title div.eds-request div.action {
    text-align: right;
}

table.egrul-list td.title div.eds-request div.status-wrapper > div.fns-status,
table.egrul-list td.title div.eds-request div.status > a {
    border: 1px solid #575757;
    padding: 6px 12px;
    width: fit-content;
}

table.egrul-list td.title div.eds-request div.status-wrapper > div.fns-status.success {
    background-color: var(--fns-status-success-background-color);
    color: white;
    border-color: var(--fns-status-success-background-color);
}

table.egrul-list td.title div.eds-request div.status-wrapper > div.fns-status.failure {
    background-color: var(--fns-status-failure-background-color);
    border-color: var(--fns-status-failure-background-color);
    color: white;
}

table.egrul-list td.title div.eds-request div.status-wrapper > div.fns-status.cannot {
    background-color: var(--fns-status-cannot-background-color);
    border-color: var(--fns-status-cannot-background-color);
    color: white;
}

table.egrul-list td.title div.eds-request div.status-wrapper > div.fns-status.suspended {
    background-color: var(--fns-status-suspended-background-color);
    border-color: var(--fns-status-suspended-background-color);
    color: white;
}

table.egrul-list td.title div.eds-request div.status > a {
    background-color: var(--fns-status-suspended-background-color);
    border-color: var(--fns-status-suspended-background-color);
    color: white;
    text-decoration: none;
    display: block;
}

table.egrul-list td.title div.eds-request div.status.signed > a {
    background-color: var(--eds-status-signed-background);
    border-color: var(--eds-status-signed-background);
}

table.egrul-list td.title div.eds-request div.status > a {
    background-color: var(--eds-status-pending_sign-background);
    border-color: var(--eds-status-pending_sign-background);
}

table.egrul-list td.title div.eds-request div.status.signed:hover > a {
    background-color: var(--eds-status-signed-background-hover);
    border-color: var(--eds-status-signed-background-hover);
}

table.egrul-list td.title div.eds-request div.status:hover > a {
    background-color: var(--eds-status-pending_sign-background-hover);
    border-color: var(--eds-status-pending_sign-background-hover);
}

.masthead:not(.side-header) .header-bar .main-nav > li > div.lwa-wrapper {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center;
    align-content: center;
    -ms-flex-line-pack: stretch;
}

.main-nav > li > div.lwa-wrapper a .menu-text {
    font: normal bold 14px / 18px "Lato", Helvetica, Arial, Verdana, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}

.main-nav > li > div.lwa-wrapper a {
    margin: 18px 14px 18px 14px;
    padding: 4px 4px 4px 4px;
    position: relative;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333333;
}

.main-nav > li > div.lwa-wrapper {
    display: flex;
}

.main-nav > li:not(.act):not(.wpml-ls-item) > a:hover {
    color: #4d71da;
}

.main-nav > li:not(.act):not(.wpml-ls-item) > div.lwa-wrapper a:hover .menu-text {
    color: #4d71da;
    background: -webkit-linear-gradient(left, #4d71da 30%, #35c4f4 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

/* region Подписка ЕГРЮЛ */
div.egrul-subscription-wrapper {
    display: flex;
    flex-wrap: wrap-reverse;
    --primary-color: #0077a9;
    --inversed-color: white;
    --companies-background: #efefef;
    --companies-padding: 40px;
}

div.egrul-subscription-wrapper > div.companies {
    display: flex;
    flex: 3;
    /*max-width: 60%;*/
    flex-direction: column;
    background: var(--companies-background);
}

div.egrul-subscription-wrapper > div.companies header {
    padding: var(--companies-padding);
}

div.egrul-subscription-wrapper > div.companies .list .company {
    display: flex;
    flex-direction: row;
    padding-left: var(--companies-padding);
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 5px;
}

div.egrul-subscription-wrapper > div.companies .list .company:not(.selected):hover {
    background: var(--primary-color);
    opacity: 0.7;
    color: var(--inversed-color);
}

div.egrul-subscription-wrapper > div.companies .list .company.selected {
    background: var(--primary-color);
    color: var(--inversed-color);
}

div.egrul-subscription-wrapper > div.companies .list .company .title {
    display: flex;
    flex-direction: column;
    flex: 1;
}

div.egrul-subscription-wrapper > div.companies .list .company .subscription-state {
    flex: 0;
    align-self: center;
    flex-basis: 110px;
    display: inline-flex;
    justify-content: center;
}

div.egrul-subscription-wrapper > div.companies .list .company .subscription-state span {
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 6px 12px;
    background: white;
    line-height: 1;
    cursor: default;
}

div.egrul-subscription-wrapper > div.companies .list .company .subscription-state span.inactive {
    color: var(--primary-color);
}

div.egrul-subscription-wrapper > div.companies .list .company .subscription-state span.active {
    color: #46c541;
}

div.egrul-subscription-wrapper > div.companies .add-company {
    padding: var(--companies-padding);
}

div.egrul-subscription-wrapper > div.companies .add-company header {
    padding: 0;
}

div.egrul-subscription-wrapper > div.companies .add-company button {
    background: var(--primary-color);
}

div.egrul-subscription-wrapper > div.companies .add-company button:not(:last-child) {
    margin-right: 5px;
}

div.egrul-subscription-wrapper > div.companies .add-company form .input-field {
    padding-top: 40px;
    padding-bottom: 40px;
}

div.egrul-subscription-wrapper > div.companies .add-company form .input-field label {
    display: block;
    font-size: 18px;
    margin-bottom: 18px;
}

div.egrul-subscription-wrapper > div.companies .add-company form .input-field input {
    padding: 8px 12px;
}

div.egrul-subscription-wrapper > div.companies span.name {

    font-weight: 500;
}

div.egrul-subscription-wrapper div.companies:not(:has(div.company.selected)) ~ div.subscription {
    display: none;
}

div.egrul-subscription-wrapper div.subscription {
    display: flex;
    flex: 2;
    background-color: var(--primary-color);
    color: var(--inversed-color);
    flex-direction: column;
    padding: 40px;
    gap: 28px;
}

div.egrul-subscription-wrapper .header .smaller {
    font-size: 0.6em;
}

div.egrul-subscription-wrapper div.subscription .inverse-color {
    background-color: var(--inversed-color);
    color: var(--primary-color);
    padding: 0 8px;
}

div.egrul-subscription-wrapper div.subscription .header {
    font-size: 26px;
}

div.egrul-subscription-wrapper div.subscription.absent .header > span:nth-of-type(n + 2) {
    display: none;
}

div.egrul-subscription-wrapper {
    cursor: pointer;
}

div.egrul-subscription-wrapper div.subscription .price .period {
    margin-left: 4px;
    padding: 2px 4px;
}

div.egrul-subscription-wrapper div.subscription .price {
    font-size: 24px;
}

div.egrul-subscription-wrapper div.subscription .description {
    display: flex;
    flex-direction: column;
}

div.egrul-subscription-wrapper div.subscription .description .row {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.egrul-subscription-wrapper div.subscription .description .row span.icon {
    font-size: 64px;
    min-width: 80px;
    text-align: center;
    display: inline-flex;
}

div.egrul-subscription-wrapper div.subscription .description .row p.text {
    flex-direction: column;
    display: inline-flex;
    color: white;
    justify-content: space-evenly;
}

div.egrul-subscription-wrapper div.subscription .description .row p.text span.smaller {
    font-size: 0.9rem;
    padding-top: 5px;
}

div.egrul-subscription-wrapper div.subscription .purchase {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}

div.egrul-subscription-wrapper div.subscription .purchase .button {
    height: fit-content;
    color: var(--primary-color);
    background: var(--inversed-color);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

div.egrul-subscription-wrapper div.subscription .purchase .button:hover {
    color: #ffffff;
    background-color: #0093c1;
    background: #0093c1;
    background: -webkit-linear-gradient(135deg, #0093c1 30%, #23d7dd 100%);
    background: linear-gradient(135deg, #0093c1 30%, #23d7dd 100%);
}

div.egrul-subscription-wrapper div.subscription:not(.absent) .purchase .button .prolong,
div.egrul-subscription-wrapper div.subscription.absent .purchase .button .purchase {
    display: inline;
    color: inherit;
}

div.egrul-subscription-wrapper div.subscription:not(.absent) .purchase .button .purchase,
div.egrul-subscription-wrapper div.subscription.absent .purchase .button .prolong {
    display: none;
}

div.egrul-subscription-wrapper div.subscription .purchase .for {
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    font-weight: 100;
    font-family: monospace;
    letter-spacing: 1px;
    font-size: 0.7em;
}

div.egrul-subscription-wrapper div.subscription .purchase .for > span {
    line-height: 1;
}

/* endregion Подписка ЕГРЮЛ */

/* region Страница выбора товара с подпиской */
.egrul-subscription.product-wrapper .product-content {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-content > * {
    width: 100%;
}

.egrul-subscription.product-wrapper .product-content .subscription-card-wrapper {
    flex: 1;
    display: inline-flex;
    justify-content: space-evenly;
    color: #484848;
    flex-wrap: wrap;
    gap: 20px;
}

@media only screen and (min-width: 1024px) {
    .product-content > * {
        width: calc(50% - 10px);
    }

    .egrul-subscription.product-wrapper .product-content {
        flex-direction: row;
    }
}

.egrul-subscription.product-wrapper {
    margin: 20px auto;
    max-width: 1060px;
    padding: 0;
}

.egrul-subscription.product-wrapper .product-content .subscription-card {
    display: inline;
    flex-direction: column;
    text-align: center;
    padding: 20px 0;
    border: 1px #eee solid;
    border-radius: 10px;
    width: 220px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    background: linear-gradient(335deg, #035073, #30cdd7);
}

.egrul-subscription.product-wrapper .product-content .subscription-card > * {
    margin-top: 15px;
    margin-bottom: 10px;
    color: #fff;
}

.egrul-subscription.product-wrapper .product-content .subscription-card .card-period {
    background-color: #efefef;
    padding: 10px;
    color: #000;
}

.egrul-subscription.product-wrapper .product-content .subscription-card .price {
    display: inline-flex;
    flex-direction: row;
    color: #484848;
    font-size: 3.2em;
    font-weight: 300;
}

.product-content .subscription-card .price > span {
    line-height: 1;
    color: #fff;
}

.product-content .subscription-card .price > i {
    line-height: 1;
    font-size: .5em;
    color: #fff;
}

.subscription-choose-period {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.egrul-subscription.product-wrapper .product-content .subscription-card .single_add_to_cart_button {
    border: 1px solid #a2e1ed;
    padding: 6px 21px;
    letter-spacing: 1px;
    font-weight: 100;
}

.subscription-choose-period-subtitle > span {
    font-size: 18px;
    color: #a2a2a2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

div#main:has(header.entry-header-egrul-subscription) {
    padding-top: 50px;
}

header.entry-header-egrul-subscription div.header-content > h1 {
    font-size: 2.1em;
    margin-bottom: 0;
    text-align: center;
}

header.entry-header-egrul-subscription div.header-content ~ div {
    width: 100%;
    margin-top: 20px;
}

header.entry-header-egrul-subscription .subscription-choose-period > span {
    font-size: 18px;
    text-align: center;
}

header.entry-header-egrul-subscription .subscription-choose-period > img {
    height: 75px;
    margin-right: 70px;
}

/*
.subscription-choose-period-data > span {
    font-size: 21px;
    color: #666;
    text-align: center;
}
*/

.subscription-choose-name {
    font-weight: 700;
    background-color: #a2a2a2;
    padding: 6px 10px;
    color: #fff;
}

.dashicons.dashicons-yes-alt {
    padding-right: 6px;
    margin-top: 8px;
    color: #747474;
    font-size: 28px;
}

.egrul-subscription.product-wrapper .product-content .desc-idodoc-checkmark {
    line-height: 1.6em;
    text-align: justify;
    color: #575757;
}

.egrul-subscription.product-wrapper .product-content .desc-idodoc-checkmark a {
    color: #575757;
}

.egrul-subscription.product-wrapper .product-content .desc-idodoc-checkmark-title {
    flex-basis: 100%;
    margin-left: 10px;
    font-weight: 100;
    font-size: 1.26em;
    letter-spacing: 1px;
    font-family: "Hauss", helvetica, arial, sans-serif;
    color: #575757;
    text-transform: uppercase;
    margin-top: 18px;
}

.egrul-subscription.product-wrapper .product-content .main-desc-idodoc-checkmark > div:first-child {
    margin-bottom: 20px;
    color: #8d8d8d;
}

.egrul-subscription.product-wrapper .product-content .main-desc-idodoc-checkmark > div:nth-child(2) {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
}

/* endregion Страница выбора товара с подпиской */

.mobile-mini-widgets .text-area a#wp-logout {
    display: none;
}

ul#mobile-menu li.menu-item a[href*="action=logout"] {
    display: none;
}

div.egrul-subscription-wrapper div.companies div.list > div.subscription {
    display: none;
}

@media screen and (max-width: 1040px) {
    table.egrul-list tbody tr th:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    table.egrul-list thead tr th:nth-child(3),
    table.egrul-list tbody tr th:nth-child(5) {
        display: none;
    }

    table.egrul-list tr.egrul-company th.status > a.subscription {
        margin-top: 4px;
        display: block;
    }

    div.egrul-data-container {
        padding: 0;
    }

    div.egrul-data-container div.eds-card-wrapper {
        margin-right: 0;
        margin-top: 0;
    }

    div.egrul-data-container div.egrul-body div.egrul-row div.icon {
        min-width: 50px;
        width: 50px;
    }

    div.egrul-data-container div.egrul-header {
        padding: 10px;
        flex-wrap: wrap-reverse;
    }

    div.egrul-actions-container .header > div.widgets {
        display: none;
    }
}

@media (max-width: 800px) {
    nav.woocommerce-MyAccount-navigation.egrul {
        display: none;
    }

    div.woocommerce-MyAccount-content table.egrul-list {
        margin-left: 0;
        width: 100%;
    }

    div.woocommerce-MyAccount-content table.egrul-list thead > tr > th:first-child {
        font-size: 28px;
        line-height: 1.5;
        letter-spacing: 2px;
        text-align: center;
    }

    div.egrul-data-container div.egrul-header .fns-reg-data {
        flex-wrap: wrap;
    }

    div.egrul-subscription-wrapper > div.subscription {
        display: none;
    }

    div.egrul-subscription-wrapper div.companies div.list > div.subscription {
        display: flex;
    }

    table.egrul-list tr.egrul-company th.num {
        vertical-align: top;
    }

    table.egrul-list tr.egrul-company a.link .num {
        font-size: 30px;
    }

    table.egrul-list tr.egrul-company th.title {
        vertical-align: top;
    }

    div.egrul-form form#idodocEgrulAddCompanyForm input[type="number"] {
        width: 100%;
        margin: 0;
        font-size: 16px !important;
    }

    form#idodocEgrulAddCompanyForm {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    form#idodocEgrulAddCompanyForm button[type="submit"] {
        width: fit-content;
        align-self: center;
    }

    form#idodocEgrulAddCompanyForm ~ div.desc {
        width: 100%;
        text-align: center;
    }

    #idodocRequisitesModal .modal-content {
        width: 90vw;
        margin-top: 1vh;
    }
}

@media screen and (max-width: 459px) {
    table.egrul-list thead tr th:nth-child(4),
    table.egrul-list tbody tr th:nth-child(6) {
        display: none;
    }

    div.egrul-form form#idodocEgrulAddCompanyForm input[type="number"] {
        padding: 12px;
        font-size: 12px !important;
    }

    #idodocRequisitesModal .modal-content {
        width: 98vw;
    }
}

/*
@media screen and (max-width: 625px) {
    table.egrul-list tr.egrul-company th.num {
        vertical-align: top;
    }

    table.egrul-list tr.egrul-company a.link .num {
        font-size: 30px;
    }

    table.egrul-list thead tr th:nth-child(3) ,
    table.egrul-list tbody tr th:nth-child(4) {
        display: none;
    }
}
*/

/* region CONTACT FORM */

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

span.wpcf7-list-item-label {
    padding-left: 10px;
}

div.egrul-actions-container .content .wpcf7-form a {
    color: #fff;
}

/* endregion */