@media screen and (max-width: 991px) {
    .inner-page-content,
    .inner-page-content-lower,
    .inner-page-content-wider,
    .inner-page-content-more,
    .content-wrapper,
    .popupMW,
    .popupMW .content,
    .popupMW .content .tabWindows,
    .popupMW .content .tabWindows .tabWindow {
        width: 100%  !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .inner-page-content {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    select,
    select[style],
    select option,
    .selectBox,
    .selectBox[style],
    .b-core-ui-select,
    .b-core-ui-select[style],
    .b-core-ui-select__value,
    .b-core-ui-select__value[style],
    .b-core-ui-select__dropdown,
    .b-core-ui-select__dropdown[style],
    .b-core-ui-select__dropdown__item,
    .b-core-ui-select__dropdown__item[style],
    .b-core-ui-select__dropdown__label,
    .b-core-ui-select__dropdown__label[style],
    .jqTransformSelectWrapper,
    .jqTransformSelectWrapper[style],
    .jqTransformSelectWrapper div,
    .jqTransformSelectWrapper div[style],
    .jqTransformSelectWrapper div span,
    .jqTransformSelectWrapper div span[style],
    .jqTransformSelectWrapper ul,
    .jqTransformSelectWrapper ul[style],
    .jqTransformSelectWrapper ul li,
    .jqTransformSelectWrapper ul li[style],
    .jqTransformSelectWrapper ul a,
    .jqTransformSelectWrapper ul a[style] {
        text-align: left !important;
        text-align-last: left !important;
    }

    .inner-page-content:has(.mobile-bills-filter-button) {
        padding-top: 5px !important;

        .content-big-title {
            padding-bottom: 0 !important;
        }
    }

    .popupMW,
    .popupMW[style] {
        z-index: 100000000 !important;
        width: calc(100% - 16px) !important;
        max-width: 850px !important;
        margin: 8px auto 24px auto !important;
        padding: 0px !important;
        background: #dddddd !important;
        border-radius: 6px !important;
        overflow: visible !important;
    }

    .popupMW .content,
    .popupMW .content[style] {
        position: relative !important;
        z-index: 100000001 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 1px solid #d0d0d0 !important;
        border-radius: 6px !important;
        overflow: visible !important;
    }

    .popupMW .content .tabWindows {
        position: relative !important;
        z-index: 100000002 !important;
        border-radius: 6px !important;
        overflow: visible !important;
    }

    .popupMW .content .tabWindows .tabWindowsNav {
        display: block !important;
        overflow: visible !important;
        /*padding: 0 !important;*/
        margin: 0 !important;
        list-style: none !important;
        border-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindowsNav li,
    .popupMW .content .tabWindows .tabWindowsNav li.first {
        float: left !important;
        margin: 0 6px 0 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindowsNav li.first {
        margin-left: 15px !important;
    }

    .popupMW .content .tabWindows .tabWindowsNav li:last-of-type {
        margin-right: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindowsNav li a {
        display: block !important;
        white-space: nowrap !important;
        padding: 7px 18px !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindowsNav li.active a {
        position: relative !important;
        z-index: 3 !important;
    }

    .popupMW .content .tabWindows .tabWindowsNav .clear {
        display: block !important;
        clear: both !important;
    }

    @media screen and (min-width: 481px) and (max-width: 640px) {
        .popupMW .content .tabWindows .tabWindowsNav {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: flex-end !important;
            width: 100% !important;
            padding: 0 6px !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav li,
        .popupMW .content .tabWindows .tabWindowsNav li.first {
            float: none !important;
            flex: 0 1 auto !important;
            min-width: 0 !important;
            margin: 0 4px 0 0 !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav li:last-of-type {
            margin-right: 0 !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav li a {
            padding: 6px 8px !important;
            font-size: 10px !important;
            line-height: 14px !important;
            text-align: center !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav .clear {
            display: none !important;
        }
    }

    @media screen and (max-width: 480px) {
        .popupMW .content .tabWindows .tabWindowsNav {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: flex-end !important;
            width: 100% !important;
            padding: 0 4px !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav li,
        .popupMW .content .tabWindows .tabWindowsNav li.first {
            float: none !important;
            flex: 0 1 auto !important;
            min-width: 0 !important;
            margin: 0 2px 0 0 !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav li:last-of-type {
            margin-right: 0 !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav li a {
            padding: 5px 4px !important;
            font-size: 8px !important;
            line-height: 12px !important;
            text-align: center !important;
        }

        .popupMW .content .tabWindows .tabWindowsNav .clear {
            display: none !important;
        }
    }

    .popupMW .content .tabWindows .tabWindow {
        position: relative !important;
        z-index: 2 !important;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        padding: 21px 0 15px 0 !important;
        margin-top: -1px !important;
        background: #ffffff !important;
        border-top: 1px solid #d0d0d0 !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns {
        width: calc(100% - 28px) !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box !important;
    }

    .formTwoColumns table:not(.bill-edit-table):not(.formTwoColumnsList),
    .formTwoColumns table:not(.bill-edit-table):not(.formTwoColumnsList) > tbody,
    .formTwoColumns table:not(.bill-edit-table):not(.formTwoColumnsList) > tbody > tr,
    .formTwoColumns table:not(.bill-edit-table):not(.formTwoColumnsList) > tr,
    .formTwoColumns table:not(.bill-edit-table):not(.formTwoColumnsList) > tbody > tr > td,
    .formTwoColumns table:not(.bill-edit-table):not(.formTwoColumnsList) > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns td {
        vertical-align: top !important;
    }

    .formTwoColumns label > div,
    .formTwoColumns label > div[style] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns input.text,
    .formTwoColumns input.password,
    .formTwoColumns input[type="text"],
    .formTwoColumns input[type="password"],
    .formTwoColumns input[type="email"],
    .formTwoColumns input[type="number"],
    .formTwoColumns input[type="file"],
    .formTwoColumns textarea,
    .formTwoColumns textarea.text,
    .formTwoColumns select,
    .formTwoColumns .selectBox,
    .formTwoColumns .b-core-ui-select,
    .formTwoColumns .jqTransformSelectWrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns input.text,
    .formTwoColumns input.password,
    .formTwoColumns input[type="text"],
    .formTwoColumns input[type="password"],
    .formTwoColumns input[type="email"],
    .formTwoColumns input[type="number"],
    .formTwoColumns input[type="file"],
    .formTwoColumns textarea,
    .formTwoColumns textarea.text,
    .formTwoColumns select {
        outline: none !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns .jqTransformSelectWrapper div span {
        width: calc(100% - 36px) !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns input[type="checkbox"],
    .formTwoColumns input[type="radio"] {
        width: auto !important;
        max-width: none !important;
        display: inline-block !important;
        margin-right: 6px !important;
    }

    .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table,
    .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table > tbody,
    .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table > tbody > tr,
    .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table > tr,
    .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table > tbody > tr > td,
    .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table > tr > td {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows #tabs-8 .form-legend-container,
    .popupMW .content .tabWindows #tabs-8 .form-legend-container[style] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows #tabs-8 input[name="Company[PayInDays]"],
    .popupMW .content .tabWindows #tabs-8 input[name="Company[UnitsOfMeasure]"],
    .popupMW .content .tabWindows #tabs-8 input[name="Company[Tax][Gpm]"],
    .popupMW .content .tabWindows #tabs-8 input[name="Company[Tax][Pm]"],
    .popupMW .content .tabWindows #tabs-8 input[name="Company[Bank][Currency]"] {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    }

    .form-legend-container {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .form-legend-container[style] {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container) > tbody {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container) > tbody > tr {
        display: contents !important;
    }

    .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container) > tbody > tr > td {
        order: 20;
    }

    .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container) > tbody > tr:first-child > td:first-child {
        order: 1;
    }

    .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container) > tbody > tr:nth-child(2) > td:first-child {
        order: 2;
    }

    .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container) > tbody > tr:first-child > td:nth-child(2) {
        order: 3;
        padding-top: 18px !important;
    }

    .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container) > tbody > tr:nth-child(2) > td:nth-child(2) {
        order: 4;
    }

    @media screen and (max-width: 540px) {
        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(2) {
            order: 3 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:first-child > td:nth-child(2) {
            order: 4 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(3) {
            order: 5 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:first-child > td:nth-child(3) {
            order: 6 !important;
            padding-top: 18px !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(4) {
            order: 7 !important;
        }
    }

    @media screen and (min-width: 541px) and (max-width: 991px) {
        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody {
            display: grid !important;
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
            width: 100% !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr {
            display: contents !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr > td {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:first-child > td:first-child {
            grid-column: 1 / -1 !important;
            order: 1 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:first-child {
            grid-column: 1 / 4 !important;
            order: 2 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(2) {
            grid-column: 4 / 7 !important;
            order: 3 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:first-child > td:nth-child(2) {
            grid-column: 1 / 5 !important;
            order: 4 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:first-child > td:nth-child(3) {
            grid-column: 5 / 7 !important;
            order: 5 !important;
            padding-top: 18px !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(3) {
            grid-column: 1 / 5 !important;
            order: 6 !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(3) > table > tbody {
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            width: 100% !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(3) > table > tbody > tr {
            display: contents !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(3) > table > tbody > tr > td {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }

        .popupMW .content .tabWindows #tabs-8 .formTwoColumns > table:has(> tbody > tr:first-child > td > .form-legend-container):has(input[name="Company[PayInDays]"]) > tbody > tr:nth-child(2) > td:nth-child(4) {
            grid-column: 5 / 7 !important;
            order: 7 !important;
        }
    }

    .ui-autocomplete,
    .ui-menu.ui-autocomplete {
        z-index: 100000020 !important;
        max-width: calc(100vw - 32px) !important;
        max-height: 50vh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

    .ui-autocomplete .ui-menu-item,
    .ui-autocomplete .ui-menu-item-wrapper {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example),
    .formTwoColumns > table:has(.bills-template-cover-example) > tbody {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) {
        position: relative;
        padding-top: 440px !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr {
        display: flex !important;
        flex-direction: column-reverse;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td,
    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td[style] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:has(.bills-template-cover-example),
    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td[style]:has(.bills-template-cover-example) {
        order: 2;
        position: absolute !important;
        top: 34px;
        left: 0;
        right: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
        min-height: 360px;
        margin: 6px 0 14px 0 !important;
        padding: 14px 12px !important;
        border: 1px solid #cccccc;
        border-radius: 6px;
        background: #ffffff;
        text-align: center;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child {
        order: 1;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child > label {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 12px;
        width: 100% !important;
        max-width: 100% !important;
        color: inherit !important;
        font-weight: normal !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child > label > small,
    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child > label > div[style*="clear"] {
        flex: 0 0 100%;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child > label > small {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child > label > div[style*="clear"] {
        display: none !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box,
    .formTwoColumns > table:has(.bills-template-cover-example) label > .bills-template-cover-box,
    .formTwoColumns > table:has(.bills-template-cover-example) label > .bills-template-cover-box[style] {
        float: none !important;
        display: block !important;
        flex: 0 0 170px;
        position: relative !important;
        width: 170px !important;
        max-width: 170px !important;
        min-width: 0 !important;
        min-height: 196px;
        margin: 0 !important;
        padding: 10px 0 0 0 !important;
        border-color: #cccccc;
        border-radius: 6px !important;
        background: #ffffff;
        overflow: hidden;
        box-sizing: border-box !important;
        vertical-align: top;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"],
    .formTwoColumns > table:has(.bills-template-cover-example) label > .bills-template-cover-box[style*="width: 90px"] {
        flex-basis: 90px;
        width: 90px !important;
        max-width: 90px !important;
        min-height: 130px;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box > label {
        display: block !important;
        width: 100% !important;
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        cursor: pointer;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box label > div:not(.bills-template-cover-title),
    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box label > div:not(.bills-template-cover-title)[style] {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        height: 154px !important;
        min-height: 154px !important;
        max-height: 154px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box img,
    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box img[style] {
        max-width: 118px !important;
        max-height: 150px !important;
        width: auto !important;
        height: auto !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] label > div:not(.bills-template-cover-title),
    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] label > div:not(.bills-template-cover-title)[style] {
        height: 120px !important;
        min-height: 120px !important;
        max-height: 120px !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] img,
    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] img[style] {
        max-width: 90px !important;
        max-height: 120px !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-title,
    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-title[style] {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        display: flex !important;
        align-items: center;
        width: 100% !important;
        min-height: 34px;
        padding: 7px 9px !important;
        color: #9B125F;
        background-color: #ffffff;
        font-size: 10px !important;
        line-height: 14px !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] .bills-template-cover-title,
    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] .bills-template-cover-title[style] {
        min-height: 28px;
        padding: 5px 6px !important;
        font-size: 9px !important;
        line-height: 12px !important;
    }

    .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-title input[type="radio"] {
        flex: 0 0 auto;
        width: auto !important;
        max-width: none !important;
        margin: 0 7px 0 0 !important;
    }

    .bills-template-cover-example,
    .bills-template-cover-example[style] {
        display: block !important;
        width: auto !important;
        max-width: min(100%, 420px) !important;
        max-height: 360px;
        height: auto !important;
        margin: 0 auto !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    @media screen and (max-width: 620px) {
        .formTwoColumns > table:has(.bills-template-cover-example) {
            padding-top: 464px !important;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:has(.bills-template-cover-example),
        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td[style]:has(.bills-template-cover-example) {
            top: 58px;
        }
    }

    @media screen and (max-width: 520px) {
        .formTwoColumns > table:has(.bills-template-cover-example),
        .formTwoColumns > table:has(.bills-template-cover-example) > tbody,
        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr,
        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child,
        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child > label {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:first-child > label {
            justify-content: center;
            gap: 10px;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) {
            padding-top: 414px !important;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td:has(.bills-template-cover-example),
        .formTwoColumns > table:has(.bills-template-cover-example) > tbody > tr > td[style]:has(.bills-template-cover-example) {
            top: 58px;
            min-height: 300px;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box,
        .formTwoColumns > table:has(.bills-template-cover-example) label > .bills-template-cover-box,
        .formTwoColumns > table:has(.bills-template-cover-example) label > .bills-template-cover-box[style] {
            min-height: 174px;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box label > div:not(.bills-template-cover-title),
        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box label > div:not(.bills-template-cover-title)[style] {
            height: 132px !important;
            min-height: 132px !important;
            max-height: 132px !important;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box img,
        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box img[style] {
            max-width: 104px !important;
            max-height: 128px !important;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"],
        .formTwoColumns > table:has(.bills-template-cover-example) label > .bills-template-cover-box[style*="width: 90px"] {
            min-height: 130px;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] label > div:not(.bills-template-cover-title),
        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] label > div:not(.bills-template-cover-title)[style] {
            height: 120px !important;
            min-height: 120px !important;
            max-height: 120px !important;
        }

        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] img,
        .formTwoColumns > table:has(.bills-template-cover-example) .bills-template-cover-box[style*="width: 90px"] img[style] {
            max-width: 90px !important;
            max-height: 120px !important;
        }

        .bills-template-cover-example,
        .bills-template-cover-example[style] {
            max-height: 300px;
        }
    }

    .search-filter,
    .search-filter[style] {
        display: block !important;
        position: relative;
        visibility: visible !important;
        opacity: 1 !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        padding: 10px 12px 12px 12px !important;
        margin: 0 12px 6px 12px !important;
        background: #ededed !important;
        border: 0 !important;
        border-left: 3px solid #9B125F !important;
        border-radius: 6px !important;
        overflow: visible !important;
        cursor: default;
        box-sizing: border-box !important;
    }

    .mobile-bills-filter-button,
    .mobile-bills-filter-button[style] {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: fit-content !important;
        max-width: calc(100% - 24px) !important;
        min-height: 0 !important;
        margin: 0 12px 12px auto !important;
        padding: 6px 22px !important;
        border-radius: 100px !important;
        font-size: 12px !important;
        line-height: 22px !important;
        white-space: nowrap !important;
        text-align: center !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .mobile-bills-filter-button .mobile-bills-filter-toggle {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .mobile-bills-filter-button:has(.mobile-bills-filter-toggle:checked),
    .mobile-bills-filter-button[style]:has(.mobile-bills-filter-toggle:checked) {
        display: none !important;
    }

    .mobile-bills-filter-button:has(.mobile-bills-filter-toggle:not(:checked)) + .search-filter,
    .mobile-bills-filter-button:has(.mobile-bills-filter-toggle:not(:checked)) + .search-filter[style] {
        display: none !important;
    }

    .search-filter::before,
    .search-filter::after {
        display: none !important;
    }

    .search-filter form,
    .search-filter form[style] {
        display: grid !important;
        position: relative;
        inset: auto;
        z-index: 2;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        opacity: 1;
        overflow: visible !important;
        pointer-events: auto;
        box-sizing: border-box !important;
    }

    .search-filter-block,
    .search-filter-block[style],
    .date-wrapper,
    .series-wrapper,
    .bill-states-wrapper,
    .bill-types-wrapper {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 1px !important;
        box-sizing: border-box !important;
    }

    .search-filter label {
        width: 100% !important;
        max-width: 100% !important;
        padding-bottom: 2px !important;
        line-height: 16px !important;
    }

    .search-filter input[type="text"],
    .search-filter input.text-input,
    .search-filter .date-input,
    .search-filter select,
    .search-filter .selectBox,
    .search-filter .b-core-ui-select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .search-filter input[type="checkbox"],
    .search-filter input[type="radio"] {
        width: auto !important;
        max-width: none !important;
    }

    .search-filter .cb {
        display: none !important;
    }

    .search-filter form > .date-wrapper:first-child {
        order: 1;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 0 !important;
    }

    .search-filter form > .date-wrapper[style*="padding-top"],
    .search-filter form > .date-wrapper[style*="padding-left"] {
        order: 2;
        display: flex !important;
        flex-wrap: wrap;
        gap: 4px 12px;
        padding: 0 !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    .search-filter form > .series-wrapper {
        order: 3;
    }

    .search-filter a,
    .search-filter .btn-go-submit,
    .search-filter .btn-go-submit[style] {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        text-align: center;
        line-height: 16px !important;
        box-sizing: border-box !important;
    }

    .search-filter .btn-go-submit,
    .search-filter .btn-go-submit[style] {
        width: 100% !important;
        min-height: 32px !important;
        margin-top: 2px !important;
        padding: 6px 12px !important;
        border-radius: 100px !important;
    }

    .contact-form-box,
    .contact-form-box > tbody,
    .contact-form-box > tbody > tr,
    .contact-form-box > tbody > tr > td,
    .user-login-form-box,
    .user-login-form-box > tbody,
    .user-login-form-box > tbody > tr,
    .user-login-form-box > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    .contact-form-box,
    .user-login-form-box {
        padding-top: 10px !important;
    }

    .contact-form-box-margin,
    .user-form-box-margin,
    .contact-form-box-margin[style],
    .user-form-box-margin[style] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .contact-form,
    .contact-form[style] {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 14px !important;
        box-sizing: border-box !important;
    }

    .contact-form-title,
    .contact-form-title[style],
    .contact-form-value,
    .contact-form-value[style] {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .contact-form-title,
    .contact-form-title[style] {
        padding-top: 8px !important;
        padding-bottom: 4px !important;
    }

    .contact-form-value,
    .contact-form-value[style] {
        padding-top: 0 !important;
        padding-bottom: 10px !important;
    }

    .contact-form-value input[type="text"],
    .contact-form-value input[type="password"],
    .contact-form-value input[type="email"],
    .contact-form-value input[type="number"],
    .contact-form-value textarea,
    .contact-form-value select,
    .contact-form-value .selectBox,
    .contact-form-value .b-core-ui-select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .contact-form-value input[type="checkbox"],
    .contact-form-value input[type="radio"] {
        width: auto !important;
        max-width: none !important;
        display: inline-block !important;
        margin-right: 6px !important;
    }

    .contact-form-value label {
        display: inline !important;
    }

    .sub-headerx:not(.v4-cover-image),
    .sub-headerx:not(.v4-cover-image)[style] {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0 !important;
        min-height: 85px;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }

    .sub-headerx:not(.v4-cover-image) > div:first-child,
    .sub-headerx:not(.v4-cover-image) > .cb {
        display: none !important;
    }

    .sub-headerx:not(.v4-cover-image) > .my-bils-title,
    .sub-headerx:not(.v4-cover-image) > .my-bils-title[style] {
        float: none !important;
        flex: 1 1 auto !important;
        order: 1;
        width: auto !important;
        min-width: 0;
        height: auto !important;
        margin: 0 !important;
        line-height: 35px !important;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit,
    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style] {
        float: none !important;
        flex: 0 0 auto;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: none !important;
        min-height: 28px !important;
        margin: 0 !important;
        padding: 6px 18px !important;
        white-space: nowrap !important;
        overflow-wrap: anywhere;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style*="background-color"] {
        order: 2;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="background-color"]) {
        order: 4;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[onclick*="add-bill-files"] {
        order: 3;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style*="display: none"],
    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style*="display:none"] {
        display: none !important;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit i {
        flex: 0 0 auto !important;
        margin-top: 0 !important;
    }

    .sub-header-menu-wrapper,
    .sub-header-menu-wrapper[style] {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 12px 14px 12px !important;
        box-sizing: border-box !important;
    }

    ul.sub-header-menu,
    ul.sub-header-menu[style] {
        float: none !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px 18px;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 0 6px 0 !important;
        text-align: center;
        box-sizing: border-box !important;
    }

    ul.sub-header-menu li,
    ul.sub-header-menu li.first,
    ul.sub-header-menu li.last,
    ul.sub-header-menu li.active,
    ul.sub-header-menu li.activeSub {
        float: none !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 4px 2px 6px 2px !important;
        border: 0 !important;
        background: transparent !important;
        text-align: center;
        box-sizing: border-box !important;
    }

    ul.sub-header-menu li.home-icon {
        display: none !important;
    }

    ul.sub-header-menu li a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .btn-go-submit i,
    .btn-sigin i,
    .simple-button i {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle;
    }

    .popupMW .content .footer .btn-white i,
    .popupMW .content .footer .btn-white[style] i {
        float: left !important;
        display: inline-block !important;
        line-height: 1 !important;
        margin: 0 !important;
        vertical-align: top !important;
    }

    .pre-footer-wrapper,
    .pre-footer-wrapper[style],
    .pre-footer-content-v2,
    .pre-footer-content-v2[style] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .pre-footer-content-v2,
    .pre-footer-content-v2[style] {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 28px 22px 70px 22px !important;
        text-align: center !important;
        border-top: 0 !important;
    }

    .pre-footer-content-v2 .separator {
        display: none !important;
    }

    .pre-footer-content-v2 .comunicate,
    .pre-footer-content-v2 .integration-faq,
    .pre-footer-content-v2 .system-examples {
        float: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 360px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: none !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .pre-footer-content-v2 .comunicate {
        order: 1;
    }

    .pre-footer-content-v2 .integration-faq {
        order: 2;
    }

    .pre-footer-content-v2 .system-examples {
        order: 3;
    }

    .pre-footer-content-v2 .comunicate > div[style*="width: 330px"] {
        width: 100% !important;
        max-width: 330px !important;
        margin: 0 auto !important;
        text-align: center !important;
    }

    .pre-footer-content-v2 .comunicate > div[style*="width: 330px"] > div[style*="padding-left"] {
        padding-left: 0 !important;
    }

    .pre-footer-content-v2 .integration-faq,
    .pre-footer-content-v2 .system-examples {
        padding: 20px 18px !important;
        /*background-color: #ffffff !important;*/
        /*border: 1px solid #dedede !important;*/
        /*border-radius: 6px !important;*/
        text-align: center !important;
    }

    .pre-footer-content-v2 .integration-faq > div:first-child,
    .pre-footer-content-v2 .system-examples > div:first-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
        padding-bottom: 12px !important;
        text-align: center !important;
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .pre-footer-content-v2 .integration-faq > div:first-child i,
    .pre-footer-content-v2 .system-examples > div:first-child i {
        position: static !important;
        float: none !important;
        order: -1 !important;
        flex: 0 0 auto !important;
        width: 34px !important;
        text-align: center !important;
        font-size: 30px !important;
        line-height: 1 !important;
        color: #9B125F !important;
    }

    .pre-footer-content-v2 .lineheight-14 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center !important;
        line-height: 18px !important;
    }

    .pre-footer-content-v2 .time-box-filled,
    .pre-footer-content-v2 .time-box-notfilled {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle !important;
        margin-right: 3px !important;
    }

    footer.mt-auto td[style*="padding-bottom: 80px"],
    footer.mt-auto td[style*="padding-bottom:80px"] {
        padding-bottom: 0 !important;
    }

    .pre-footer-content-v2 .integration-faq a,
    .pre-footer-content-v2 .system-examples a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 28px !important;
        text-align: center !important;
        line-height: 20px !important;
    }

    .pre-footer-content-v2 .system-examples a,
    .pre-footer-content-v2 .system-examples a[style] {
        display: block !important;
        min-height: 0 !important;
        margin: 0 0 10px 0 !important;
        line-height: normal !important;
        text-align: center !important;
    }

    .pre-footer-content-v2 .system-examples br {
        display: none !important;
    }

    .search-results-box,
    #bills-list,
    #payments-list,
    #customers-list,
    #employees-list,
    #products-list,
    #assets-list,
    #consignment-list {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box !important;
    }

    #bills-list {
        display: block !important;
        overflow-x: visible !important;
    }

    #bills-list > div {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    #bills-list > div > table,
    #bills-list > div > table > tbody,
    #bills-list > div > table > tr,
    #bills-list > div > table > tbody > tr {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #bills-list > div > table {
        border-collapse: separate !important;
        border-spacing: 0 !important;
        table-layout: auto !important;
    }

    #bills-list > div > table > tbody > tr > td,
    #bills-list > div > table > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    #bills-list > div > table > tbody > tr:has(> td > hr),
    #bills-list > div > table > tr:has(> td > hr),
    #bills-list > div > table > tbody > tr:has(> td[colspan][style*="height: 10px"]),
    #bills-list > div > table > tr:has(> td[colspan][style*="height: 10px"]),
    #bills-list > div > table > tbody > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]):has(> td[colspan="9"]:only-child),
    #bills-list > div > table > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]):has(> td[colspan="9"]:only-child) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"],
    #bills-list > div > table > tr[style*="background-color: #ededed"] {
        display: block !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 12px 8px 12px !important;
        padding: 10px 12px !important;
        background: #ededed !important;
        border-left: 3px solid #9B125F !important;
        box-sizing: border-box !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"] > td,
    #bills-list > div > table > tr[style*="background-color: #ededed"] > td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
        font-size: 13px !important;
        line-height: 18px !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"],
    #bills-list > div > table > tr[id^="bills-list-detail-"] {
        display: grid !important;
        /*grid-template-columns: 24px minmax(0, 1fr) minmax(96px, auto) 22px;*/
        grid-template-areas:
            "toggle invoice status menu"
            "pdf date status menu"
            "customer customer customer customer"
            "description description description description"
            "price price price price";
        /*gap: 6px 16px;*/
        width: 100% !important;
        margin: 0 0 10px 0 !important;
        padding: 12px !important;
        background: #ffffff !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        /*border-left: 3px solid #9B125F !important;*/
        /*border-radius: 4px !important;*/
        /*box-sizing: border-box !important;*/
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td {
        min-width: 0 !important;
        padding: 0 !important;
        font-size: 11px !important;
        line-height: 16px !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(1),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(1) {
        grid-area: toggle;
        align-self: start;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(2),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(2) {
        grid-area: date;
        color: #777;
        font-size: 10px !important;
        line-height: 14px !important;
        text-align: left !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(3),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(3) {
        grid-area: pdf;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(4),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(4) {
        grid-area: invoice;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) {
        grid-area: status;
        justify-self: stretch;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(6),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(6) {
        grid-area: customer;
        padding-top: 2px !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(7),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(7) {
        grid-area: description;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(8),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(8) {
        grid-area: price;
        text-align: right !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(9),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(9) {
        grid-area: menu;
        justify-self: end;
        align-self: start;
    }

    #bills-list > div > table > tbody > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]),
    #bills-list > div > table > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) {
        display: block !important;
        width: calc(100% - 18px) !important;
        margin: -4px 0 10px 13px !important;
        padding: 8px 10px !important;
        background: #fafafa !important;
        border-left: 2px solid #d8d8d8 !important;
        box-sizing: border-box !important;
    }

    #bills-list > div > table > tbody > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td,
    #bills-list > div > table > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td {
        display: none !important;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 15px !important;
        color: #555;
    }

    #bills-list > div > table > tbody > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td[colspan],
    #bills-list > div > table > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td[colspan] {
        display: block !important;
        width: 100% !important;
    }

    #bills-list > div > table > tbody > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td:nth-last-child(2),
    #bills-list > div > table > tbody > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td:nth-last-child(3),
    #bills-list > div > table > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td:nth-last-child(2),
    #bills-list > div > table > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]) > td:nth-last-child(3) {
        display: block !important;
        width: 100% !important;
        text-align: left !important;
    }

    #bills-list > div > table > tbody > tr:has(> td > hr),
    #bills-list > div > table > tr:has(> td > hr),
    #bills-list > div > table > tbody > tr:has(> td[colspan][style*="height: 10px"]),
    #bills-list > div > table > tr:has(> td[colspan][style*="height: 10px"]),
    #bills-list > div > table > tbody > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]):has(> td[colspan="9"]:only-child),
    #bills-list > div > table > tr:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]):has(> td[colspan="9"]:only-child) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    #bills-list table table,
    #bills-list table table tbody,
    #bills-list table table tr,
    #bills-list table table td {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    #bills-list table table {
        display: table !important;
    }

    #bills-list table table tbody {
        display: table-row-group !important;
    }

    #bills-list table table tr {
        display: table-row !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    #bills-list table table td {
        display: table-cell !important;
    }

    #bills-list .hide-on-mobile {
        display: inline-block !important;
    }

    #bills-list .hide-on-mobile[style*="display: none"],
    #bills-list .hide-on-mobile[style*="display:none"] {
        display: none !important;
    }

    #bills-list .state-blue,
    #bills-list .state-green,
    #bills-list .state-red,
    #bills-list .state-yellow {
        width: 100% !important;
        max-width: 180px !important;
        min-height: 20px;
        line-height: 20px !important;
        box-sizing: border-box !important;
    }

    #bills-list .mobile-bills-pdf-icon i,
    #bills-list .mobile-bills-pdf-icon i[style] {
        font-size: 20px !important;
        line-height: 1 !important;
        padding: 0 !important;
    }

    #bills-list .mobile-bills-sn,
    #bills-list .mobile-bills-sn[style] {
        display: inline-block;
        max-width: 100%;
        overflow-wrap: anywhere;
        font: 600 13px "Helvetica Neue", sans-serif !important;
        line-height: 17px !important;
    }

    #bills-list .mobile-bills-sn-type,
    #bills-list .mobile-bills-sn-type[style] {
        overflow-wrap: anywhere;
        font: 400 10px "Raleway", sans-serif !important;
        line-height: 14px !important;
    }

    #bills-list .mobile-bills-customer,
    #bills-list .mobile-bills-customer[style],
    #bills-list .mobile-bills-customer a,
    #bills-list .mobile-bills-customer a[style] {
        font-size: 12px !important;
        line-height: 16px !important;
        overflow-wrap: anywhere;
    }

    #bills-list .mobile-bills-price,
    #bills-list .mobile-bills-price[style] {
        font: 600 14px "Helvetica Neue", sans-serif !important;
        padding-top: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    #bills-list .bill-list-description,
    #bills-list .bill-list-description[style] {
        max-height: none !important;
        line-height: 16px !important;
        font-size: 10px !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    #bills-list {
        --mobile-bill-border: #e7e7e7;
        --mobile-bill-muted: #737373;
        --mobile-bill-purple: #9B125F;
        --mobile-bill-detail-strip: #d8d8d8;
        --mobile-bill-detail-strip-width: 2px;
        --mobile-bill-detail-strip-offset: 0px;
        --mobile-bill-label-height: 20px;
        background: #ffffff !important;
        padding: 0 0 16px 0 !important;
    }

    #bills-list .search-result-height-silver,
    #bills-list .search-result-height-lsilver {
        border-bottom: 0 !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"],
    #bills-list > div > table > tr[style*="background-color: #ededed"] {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: start !important;
        column-gap: 8px !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 12px 8px 12px !important;
        padding: 12px 14px !important;
        background: #ededed !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"] > td,
    #bills-list > div > table > tr[style*="background-color: #ededed"] > td {
        color: #3f3f3f !important;
        font-size: 13px !important;
        line-height: 18px !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"] > td:not(:first-child):not(:last-child),
    #bills-list > div > table > tr[style*="background-color: #ededed"] > td:not(:first-child):not(:last-child) {
        display: none !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"] > td:first-child,
    #bills-list > div > table > tr[style*="background-color: #ededed"] > td:first-child {
        grid-column: 1 !important;
        width: auto !important;
        max-width: 100% !important;
        text-align: left !important;
        white-space: nowrap !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"] > td:last-child,
    #bills-list > div > table > tr[style*="background-color: #ededed"] > td:last-child {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        text-align: right !important;
        white-space: normal !important;
    }

    #bills-list > div > table > tbody > tr[style*="background-color: #ededed"] > td:last-child > div,
    #bills-list > div > table > tr[style*="background-color: #ededed"] > td:last-child > div {
        display: block !important;
        width: 100% !important;
        text-align: right !important;
        white-space: nowrap !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"],
    #bills-list > div > table > tr[id^="bills-list-detail-"] {
        grid-template-columns: 34px minmax(0, 1fr) auto 22px;
        grid-template-areas:
            "pdf invoice price price"
            "pdf invoice date date"
            "pdf customer customer toggle"
            ". status status status";
        align-items: start;
        /*gap: 4px 10px;*/
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: 0 12px 10px 12px !important;
        /*padding: 14px 12px 12px 12px !important;*/
        background: #ffffff !important;
        /*border: 1px solid var(--mobile-bill-border) !important;*/
        /*border-left: 0 !important;*/
        /*border-radius: 6px !important;*/
        /*box-shadow: 0 2px 8px rgba(0, 0, 0, .045);*/
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] ~ tr[id^="bills-list-detail-"],
    #bills-list > div > table > tr[id^="bills-list-detail-"] ~ tr[id^="bills-list-detail-"] {
        border-top: 1px solid #e3e3e3 !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td {
        color: #333333;
        font-size: 11px !important;
        line-height: 15px !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(1),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(1) {
        grid-area: toggle;
        justify-self: end;
        align-self: center;
        width: 22px !important;
        min-height: 22px !important;
        text-align: right !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(1) > div,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(1) > div {
        height: auto !important;
    }

    #bills-list [id^="bills-list-detail-plus-"],
    #bills-list [id^="bills-list-detail-minus-"] {
        padding: 0 !important;
        color: #343434 !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }

    #bills-list [id^="bills-list-detail-plus-"].fa-plus:before {
        content: "\f107";
    }

    #bills-list [id^="bills-list-detail-minus-"].fa-minus:before {
        content: "\f106";
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(2),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(2) {
        grid-area: date;
        color: #353535 !important;
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 15px !important;
        justify-self: end;
        align-self: start;
        transform: translateY(-4px);
        text-align: right !important;
        white-space: nowrap !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(2) br,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(2) br {
        display: none !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(2) small,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(2) small {
        color: #353535 !important;
        display: inline !important;
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 400 !important;
        line-height: 15px !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(3),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(3) {
        grid-area: pdf;
        padding-top: 2px !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(4),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(4) {
        grid-area: invoice;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) {
        grid-area: status;
        justify-self: start;
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        padding-top: 4px !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(6),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(6) {
        grid-area: customer;
        padding-top: 0 !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(7),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(7),
    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(9),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(9) {
        display: none !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(8),
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(8) {
        grid-area: price;
        justify-self: end;
        align-self: start;
        text-align: right !important;
    }

    #bills-list .mobile-bills-pdf-icon,
    #bills-list .mobile-bills-pdf-icon[style] {
        float: none !important;
        margin: 0 !important;
    }

    #bills-list .mobile-bills-pdf-icon i,
    #bills-list .mobile-bills-pdf-icon i[style] {
        color: var(--mobile-bill-purple) !important;
        font-size: 23px !important;
    }

    #bills-list .mobile-bills-sn,
    #bills-list .mobile-bills-sn[style] {
        color: var(--mobile-bill-purple) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 17px !important;
        text-decoration: none !important;
    }

    #bills-list .mobile-bills-sn-type,
    #bills-list .mobile-bills-sn-type[style] {
        color: #353535 !important;
        font-size: 11px !important;
        line-height: 15px !important;
    }

    #bills-list .mobile-bills-customer,
    #bills-list .mobile-bills-customer[style],
    #bills-list .mobile-bills-customer a,
    #bills-list .mobile-bills-customer a[style] {
        /*color: #363636 !important;*/
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 16px !important;
        text-decoration: none !important;
    }

    #bills-list .mobile-bills-customer img,
    #bills-list .mobile-bills-customer img[style] {
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        height: var(--mobile-bill-label-height) !important;
        max-height: var(--mobile-bill-label-height) !important;
        margin: 0 6px 0 0 !important;
        padding: 0 !important;
        vertical-align: middle;
    }

    #bills-list .mobile-bills-price,
    #bills-list .mobile-bills-price[style] {
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
    }

    #bills-list .state-blue,
    #bills-list .state-green,
    #bills-list .state-red,
    #bills-list .state-yellow {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: var(--mobile-bill-label-height) !important;
        min-height: var(--mobile-bill-label-height) !important;
        padding: 0 7px !important;
        border-radius: 4px !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 13px !important;
        white-space: nowrap;
    }

    #bills-list .state-green {
        background: #ddf5da !important;
        color: #168b10 !important;
    }

    #bills-list .state-blue {
        background: #e3f1f5 !important;
        color: #2d7c95 !important;
    }

    #bills-list .state-red {
        background: #ffe4e4 !important;
        color: #bf1515 !important;
    }

    #bills-list .state-yellow {
        background: #fff3c4 !important;
        color: #7a5a00 !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table,
    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table > tbody,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table > tbody,
    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table tr,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table tr {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap;
        gap: 6px;
        width: auto !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table td,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table td {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center;
        width: auto !important;
        height: var(--mobile-bill-label-height) !important;
        min-height: var(--mobile-bill-label-height) !important;
        padding: 0 !important;
        line-height: var(--mobile-bill-label-height) !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table td[style],
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table td[style] {
        padding: 0 !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table i,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table i,
    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table i.hide-on-mobile,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table i.hide-on-mobile {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: var(--mobile-bill-label-height) !important;
        height: var(--mobile-bill-label-height) !important;
        min-height: var(--mobile-bill-label-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 15px !important;
        line-height: var(--mobile-bill-label-height) !important;
        vertical-align: middle;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table img,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table img,
    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table img[style],
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table img[style] {
        display: inline-block !important;
        width: auto !important;
        height: var(--mobile-bill-label-height) !important;
        max-height: var(--mobile-bill-label-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) > table br,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) > table br {
        display: none !important;
    }

    #bills-list > div > table > tbody > tr[id^="bills-list-detail-"] > td:nth-child(5) .mobile-bills-sn-type,
    #bills-list > div > table > tr[id^="bills-list-detail-"] > td:nth-child(5) .mobile-bills-sn-type {
        display: none !important;
    }

    #bills-list > div > table > tbody > tr[class*="bills-list-details-"],
    #bills-list > div > table > tr[class*="bills-list-details-"] {
        display: block !important;
        position: relative;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: -3px 12px 16px 12px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    #bills-list > div > table > tbody > tr[class*="bills-list-details-"]:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]):has(> td[colspan="9"]:only-child),
    #bills-list > div > table > tr[class*="bills-list-details-"]:not([id^="bills-list-detail-"]):not([style*="background-color: #ededed"]):has(> td[colspan="9"]:only-child) {
        display: block !important;
        position: relative;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin: -3px 12px 16px 12px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    #bills-list > div > table > tbody > tr[class*="bills-list-details-"][style*="display: none"],
    #bills-list > div > table > tbody > tr[class*="bills-list-details-"][style*="display:none"],
    #bills-list > div > table > tr[class*="bills-list-details-"][style*="display: none"],
    #bills-list > div > table > tr[class*="bills-list-details-"][style*="display:none"] {
        display: none !important;
    }

    #bills-list > div > table > tbody > tr[class*="bills-list-details-"]::before,
    #bills-list > div > table > tr[class*="bills-list-details-"]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: var(--mobile-bill-detail-strip-offset);
        z-index: 1;
        width: var(--mobile-bill-detail-strip-width);
    }

    #bills-list > div > table > tbody > tr[class*="bills-list-details-"] > td,
    #bills-list > div > table > tr[class*="bills-list-details-"] > td,
    #bills-list > div > table > tbody > tr[class*="bills-list-details-"] > td[style],
    #bills-list > div > table > tr[class*="bills-list-details-"] > td[style] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        background: transparent !important;
        border-left: 0 !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info,
    #bills-list tr[class*="bills-list-details-"] .bill-info[style] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:first-child,
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide {
        display: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child),
    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child)[style],
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > h1.bill-name,
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > h1.bill-name[style] {
        display: block !important;
        margin: 18px 0 8px 0 !important;
        padding: 0 2px !important;
        color: #303030 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > div[style*="background-color: white"],
    #bills-list tr[class*="bills-list-details-"] .bill-info > div[style*="background-color:white"],
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > div[style*="background: white"],
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > div[style*="background:white"] {
        position: relative;
        overflow: visible !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 16px 0 !important;
        padding: 13px !important;
        background: #ffffff !important;
        border: 1px solid var(--mobile-bill-border) !important;
        border-radius: 6px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
        box-sizing: border-box !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div[style*="background-color: white"]::before,
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div[style*="background-color:white"]::before {
        content: "Paslaugos";
        position: absolute;
        top: -31px;
        left: 2px;
        display: block;
        margin: 0;
        color: #303030;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div[style*="background-color: white"],
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div[style*="background-color:white"] {
        margin-top: 34px !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bills-details-list,
    #bills-list tr[class*="bills-list-details-"] .bills-details-list[style],
    #bills-list tr[class*="bills-list-details-"] .bills-details-list > tbody {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-sizing: border-box !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bills-details-list tr:has(hr),
    #bills-list tr[class*="bills-list-details-"] .bills-details-list tr:first-child {
        display: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) {
        display: grid !important;
        grid-template-columns: auto auto minmax(0, 1fr);
        gap: 8px 5px;
        padding: 0 0 10px 0 !important;
        margin: 0 0 10px 0 !important;
        border-bottom: 1px solid #eeeeee !important;
        background: transparent !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td {
        display: none !important;
        width: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        color: #303030 !important;
        font-size: 12px !important;
        line-height: 17px !important;
        text-align: left !important;
        white-space: normal !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(1),
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(3),
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(4),
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(9) {
        display: block !important;
        min-height: 17px !important;
        text-align: right !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(1) {
        grid-column: 1 / -1;
        display: block !important;
        font-weight: 500 !important;
        text-align: left !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
        text-align: left !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(4) {
        grid-column: 1;
        grid-row: 2;
        color: var(--mobile-bill-muted) !important;
        text-align: left !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td:nth-child(9) {
        grid-column: 3;
        grid-row: 2;
        text-align: right !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta.hide + div .bills-details-list tr:not(.table-footerx):not(:first-child):not(:has(hr)) > td::before {
        content: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bills-details-list tr.table-footerx,
    #bills-list tr[class*="bills-list-details-"] .bills-details-list tr.table-footerx > td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        color: #333333 !important;
        font-size: 12px !important;
        line-height: 23px !important;
        text-align: right !important;
        white-space: normal !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bills-details-list tr.table-footerx > td:first-child:empty {
        display: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) {
        display: grid !important;
        grid-template-columns: 22px minmax(0, 1fr) auto;
        grid-template-areas:
            "icon email state"
            ". date action"
            ". subject action";
        gap: 5px 8px;
        padding: 8px 0 !important;
        border-top: 0 !important;
        background: transparent !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td {
        display: block !important;
        width: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        color: #333333 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        white-space: normal !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td:nth-child(1) {
        grid-area: icon;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td:nth-child(2) {
        grid-area: email;
        overflow-wrap: anywhere;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td:nth-child(3) {
        grid-area: state;
        justify-self: end;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td:nth-child(4) {
        grid-area: date;
        color: var(--mobile-bill-muted) !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td:nth-child(5) {
        display: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td:nth-child(6) {
        grid-area: subject;
        color: var(--mobile-bill-muted) !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list tr:not(:first-child):not(:has(hr)) > td:nth-child(7) {
        grid-area: action;
        align-self: end;
        justify-self: end;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list .btn-white,
    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list .btn-white[style] {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        gap: 5px;
        margin: 0 !important;
        padding: 4px 8px !important;
        background: transparent !important;
        color: var(--mobile-bill-purple) !important;
        font-size: 10px !important;
        line-height: 14px !important;
        text-decoration: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list .btn-white i,
    #bills-list tr[class*="bills-list-details-"] .bill-info > h1.bill-name:not(:first-child) + div .bills-details-list .btn-white i[style] {
        order: -1;
        padding: 0 !important;
        color: var(--mobile-bill-purple) !important;
        font-size: 12px !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide),
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide)[style] {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > h1.bill-name + div[style*="background: white"],
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > h1.bill-name + div[style*="background:white"] {
        margin-top: 0 !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > div[style*="background: white"] label,
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > div[style*="background:white"] label,
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > div[style*="background: white"] label[style],
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) > div[style*="background:white"] label[style] {
        float: none !important;
        display: block !important;
        padding: 0 0 8px 0 !important;
        color: #303030 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 18px !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) input.text-input,
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) input.text-input[style] {
        float: none !important;
        display: inline-block !important;
        width: calc(100% - 36px) !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 7px 9px !important;
        color: #555555 !important;
        font-size: 12px !important;
        line-height: 18px !important;
        vertical-align: middle;
        box-sizing: border-box !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) .fa-clone,
    #bills-list tr[class*="bills-list-details-"] .bill-info > .bill-meta:not(.hide) .fa-clone[style] {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 34px;
        padding: 0 !important;
        color: var(--mobile-bill-purple) !important;
        font-size: 18px !important;
        vertical-align: middle;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper,
    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper[style] {
        position: relative;
        overflow: visible !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100% !important;
        height: auto !important;
        margin: 44px 0 0 0 !important;
        padding: 13px !important;
        background: #ffffff !important;
        border: 1px solid var(--mobile-bill-border) !important;
        border-radius: 6px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
        box-sizing: border-box !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper::before {
        content: "Veiksmai";
        position: absolute;
        top: -26px;
        left: 2px;
        grid-column: 1 / -1;
        display: block;
        margin: 0;
        color: #303030;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > .cb {
        display: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2,
    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2[style] {
        display: contents !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li,
    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li[style],
    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li.first,
    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li.last {
        float: none !important;
        display: block !important;
        min-height: 64px;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 0 !important;
        border-left: 0 !important;
        border-top: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li:nth-child(3n + 1) {
        border-left: 0 !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li > a,
    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li > a[style] {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 100% !important;
        min-height: 64px;
        padding: 8px 4px !important;
        color: var(--mobile-bill-purple) !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 13px !important;
        text-align: center;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li > a i,
    #bills-list tr[class*="bills-list-details-"] .bill-menu-V2-wrapper > ul.bill-menu-V2 > li > a i[style] {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: var(--mobile-bill-purple) !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .companyDetail .blocks > ul.block.budget.lastBlock:not(.hide),
    .companyDetail .blocks > ul.block.budget.lastBlock:not(.hide)[style] {
        min-height: 0 !important;
    }

    .companyDetail .bill-menu-V2-wrapper,
    .companyDetail .bill-menu-V2-wrapper[style] {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        row-gap: 10px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 58px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2:not([style*="display: none"]):not([style*="display:none"]),
    .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2[style]:not([style*="display: none"]):not([style*="display:none"]) {
        display: block !important;
        float: none !important;
        width: max-content !important;
        max-width: 100% !important;
        height: 26px !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
        box-sizing: border-box !important;
    }

    .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2.fr {
        order: 1;
    }

    .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2.fl {
        order: 2;
    }

    .companyDetail .bill-menu-V2-wrapper > .cb {
        display: none !important;
    }

    @media screen and (max-width: 480px) {
        .companyDetail .bill-menu-V2-wrapper,
        .companyDetail .bill-menu-V2-wrapper[style] {
            align-items: center !important;
            row-gap: 5px !important;
            min-height: 0 !important;
        }

        .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2:not([style*="display: none"]):not([style*="display:none"]),
        .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2[style]:not([style*="display: none"]):not([style*="display:none"]) {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            row-gap: 5px !important;
            width: 100% !important;
            height: auto !important;
            margin: 0 auto !important;
        }

        .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2:not([style*="display: none"]):not([style*="display:none"]) > li,
        .companyDetail .bill-menu-V2-wrapper > ul.bill-menu-V2[style]:not([style*="display: none"]):not([style*="display:none"]) > li {
            float: none !important;
            width: max-content !important;
            max-width: 100% !important;
            margin: 0 auto !important;
            border-radius: 100px !important;
        }
    }

    table.search-results,
    table.payment-list,
    table.bill-edit-table,
    table.formTwoColumnsList {
        width: 100% !important;
        /*min-width: 620px;*/
        max-width: none !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
    }

    table.bill-edit-table {
        min-width: 760px;
    }

    table.search-results th,
    table.search-results td,
    table.payment-list th,
    table.payment-list td,
    table.bill-edit-table th,
    table.bill-edit-table td,
    table.formTwoColumnsList th,
    table.formTwoColumnsList td {
        /*height: auto !important;*/
        /*min-height: 32px;*/
        /*padding: 8px 10px !important;*/
        /*line-height: 17px !important;*/
        /*white-space: normal;*/
        /*box-sizing: border-box !important;*/
    }

    table.bill-edit-table input[type="text"],
    table.bill-edit-table input[type="number"],
    table.bill-edit-table textarea,
    table.bill-edit-table select,
    table.bill-edit-table .selectBox,
    table.bill-edit-table .b-core-ui-select {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .tablePagination,
    .tablePagination[style] {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: center;
        gap: 7px;
        padding: 9px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .tablePaginator,
    .tablePaginator[style] {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center;
        justify-content: flex-start !important;
        gap: 7px;
        padding: 9px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .tablePagination li,
    .tablePaginator li {
        float: none !important;
        margin: 0 !important;
        min-height: 21px;
        box-sizing: border-box !important;
    }

    .tablePagination li a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 21px;
        height: 21px;
        padding: 0 7px !important;
        font-size: 10px !important;
        line-height: 19px !important;
        text-align: center;
        border-radius: 4px !important;
        box-sizing: border-box !important;
    }

    .tablePaginator .paginator,
    .tablePaginator .paginator[style] {
        width: auto !important;
        min-width: 50px !important;
        min-height: 21px;
    }

    .tablePaginator select,
    .tablePaginator select.selectBox,
    .tablePaginator .b-core-ui-select,
    .tablePaginator .b-core-ui-select[style] {
        width: auto !important;
        min-width: 50px !important;
        max-width: 100% !important;
        height: 21px !important;
        min-height: 21px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .tablePaginator .b-core-ui-select {
        display: inline-flex !important;
        align-items: center;
    }

    .tablePaginator .b-core-ui-select__value,
    .tablePaginator .b-core-ui-select__value[style] {
        height: 19px !important;
        line-height: 19px !important;
        font-size: 10px !important;
    }

    .tablePaginator .b-core-ui-select__button {
        height: 19px !important;
        min-height: 19px !important;
    }

    .table-payment-filter,
    .table-payment-filter[style] {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 120px !important;
        height: auto !important;
        float: none !important;
        margin: 0 0 12px 0 !important;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone),
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) {
        table-layout: fixed !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody,
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody {
        display: block !important;
        width: 100% !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr,
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr {
        display: flex !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td,
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td {
        display: flex !important;
        align-items: stretch !important;
        vertical-align: top !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td:first-child,
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td:first-child {
        flex: 0 0 220px !important;
        width: 220px !important;
        max-width: 220px !important;
        padding-right: 10px !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td:last-child,
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td:last-child {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td:first-child > div,
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) > tbody > tr > td:first-child > div[style] {
        float: none !important;
        min-height: 156px !important;
    }

    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) .table-payment-filter.dropzone,
    table:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) .table-payment-filter.dropzone[style],
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) .table-payment-filter.dropzone,
    table[style]:has(a[href*="import%20customers.xlsx"]):has(.table-payment-filter.dropzone) .table-payment-filter.dropzone[style] {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 156px !important;
        height: 100% !important;
        flex: 1 1 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) #payments-list,
    .inner-page-content-wider:has(#payments-list) #payments-list,
    .content-wrapper:has(#payments-list) #payments-list {
        display: block !important;
        overflow-x: visible !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list,
    .inner-page-content:has(#payments-list) .payment-process-list[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list,
    .inner-page-content-wider:has(#payments-list) .payment-process-list[style],
    .content-wrapper:has(#payments-list) .payment-process-list,
    .content-wrapper:has(#payments-list) .payment-process-list[style] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 0 12px 0 !important;
        padding: 18px 16px 16px 18px !important;
        border: 1px solid #ededed !important;
        border-left: 3px solid #9B125F !important;
        background: #ffffff !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list .content-big-title,
    .inner-page-content-wider:has(#payments-list) .payment-process-list .content-big-title,
    .content-wrapper:has(#payments-list) .payment-process-list .content-big-title {
        padding: 0 0 14px 0 !important;
        margin: 0 !important;
        line-height: 22px !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)),
    .inner-page-content:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th))[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)),
    .inner-page-content-wider:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th))[style],
    .content-wrapper:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)),
    .content-wrapper:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th))[style] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        table-layout: fixed !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody,
    .inner-page-content:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr,
    .inner-page-content-wider:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody,
    .inner-page-content-wider:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr,
    .content-wrapper:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody,
    .content-wrapper:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr {
        display: block !important;
        width: 100% !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr,
    .inner-page-content-wider:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr,
    .content-wrapper:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(106px, auto) 34px;
        align-items: center;
        column-gap: 8px;
    }

    .inner-page-content:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr > td,
    .inner-page-content-wider:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr > td,
    .content-wrapper:has(#payments-list) .payment-process-list > table.payment-list:not(:has(th)) > tbody > tr > td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list table table,
    .inner-page-content:has(#payments-list) .payment-process-list table table[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list table table,
    .inner-page-content-wider:has(#payments-list) .payment-process-list table table[style],
    .content-wrapper:has(#payments-list) .payment-process-list table table,
    .content-wrapper:has(#payments-list) .payment-process-list table table[style] {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list table table tr,
    .inner-page-content-wider:has(#payments-list) .payment-process-list table table tr,
    .content-wrapper:has(#payments-list) .payment-process-list table table tr {
        display: flex !important;
        align-items: flex-start;
        gap: 8px;
        width: 100% !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list table table td,
    .inner-page-content:has(#payments-list) .payment-process-list table table td[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list table table td,
    .inner-page-content-wider:has(#payments-list) .payment-process-list table table td[style],
    .content-wrapper:has(#payments-list) .payment-process-list table table td,
    .content-wrapper:has(#payments-list) .payment-process-list table table td[style] {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list table table td:last-child,
    .inner-page-content-wider:has(#payments-list) .payment-process-list table table td:last-child,
    .content-wrapper:has(#payments-list) .payment-process-list table table td:last-child {
        flex: 1 1 auto;
    }

    .inner-page-content:has(#payments-list) .payment-process-list img,
    .inner-page-content:has(#payments-list) .payment-process-list img[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list img,
    .inner-page-content-wider:has(#payments-list) .payment-process-list img[style],
    .content-wrapper:has(#payments-list) .payment-process-list img,
    .content-wrapper:has(#payments-list) .payment-process-list img[style] {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        object-fit: contain;
        float: none !important;
        margin: 0 !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list .state-blue,
    .inner-page-content:has(#payments-list) .payment-process-list .state-green,
    .inner-page-content:has(#payments-list) .payment-process-list .state-red,
    .inner-page-content:has(#payments-list) .payment-process-list .state-yellow,
    .inner-page-content-wider:has(#payments-list) .payment-process-list .state-blue,
    .inner-page-content-wider:has(#payments-list) .payment-process-list .state-green,
    .inner-page-content-wider:has(#payments-list) .payment-process-list .state-red,
    .inner-page-content-wider:has(#payments-list) .payment-process-list .state-yellow,
    .content-wrapper:has(#payments-list) .payment-process-list .state-blue,
    .content-wrapper:has(#payments-list) .payment-process-list .state-green,
    .content-wrapper:has(#payments-list) .payment-process-list .state-red,
    .content-wrapper:has(#payments-list) .payment-process-list .state-yellow {
        min-width: 100px !important;
        max-width: 100% !important;
        margin: 0 0 4px 0 !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        text-align: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list .btn-white,
    .inner-page-content:has(#payments-list) .payment-process-list .btn-white[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list .btn-white,
    .inner-page-content-wider:has(#payments-list) .payment-process-list .btn-white[style],
    .content-wrapper:has(#payments-list) .payment-process-list .btn-white,
    .content-wrapper:has(#payments-list) .payment-process-list .btn-white[style] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 100px !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list .btn-white i,
    .inner-page-content:has(#payments-list) .payment-process-list .btn-white i[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list .btn-white i,
    .inner-page-content-wider:has(#payments-list) .payment-process-list .btn-white i[style],
    .content-wrapper:has(#payments-list) .payment-process-list .btn-white i,
    .content-wrapper:has(#payments-list) .payment-process-list .btn-white i[style] {
        float: none !important;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone),
    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone)[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone),
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone)[style],
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone),
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone)[style] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        min-width: 0 !important;
        min-height: 160px !important;
        margin: 0 0 14px 12px !important;
        padding: 10px 8px !important;
        float: right !important;
        clear: none !important;
        overflow: hidden !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone,
    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone,
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone[style],
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone,
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone[style] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
        min-width: 0 !important;
        min-height: 160px !important;
        margin: 0 0 14px 0 !important;
        padding: 10px 8px !important;
        float: right !important;
        clear: none !important;
        overflow: hidden !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) img,
    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) img[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) img,
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) img[style],
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) img,
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) img[style] {
        display: block !important;
        flex: 0 0 auto !important;
        width: min(136px, calc(100% - 16px)) !important;
        max-width: calc(100% - 16px) !important;
        height: auto !important;
        min-height: 20px !important;
        aspect-ratio: 1000 / 148;
        object-fit: contain;
        padding-top: 18px !important;
        margin: 0 auto 10px auto !important;
        background: url("../imgV5/GoCardless_Logo.jpg") center center / contain no-repeat;
    }

    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) div,
    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) div[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) div,
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) div[style],
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) div,
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) div[style] {
        max-width: 100% !important;
        line-height: 16px !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere;
    }

    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) .baloon,
    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) .baloon[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) .baloon,
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) .baloon[style],
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) .baloon,
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter:not(.dropzone) .baloon[style] {
        position: absolute !important;
        width: 18px !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message,
    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-default,
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message,
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-default,
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message,
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-default {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message div,
    .inner-page-content:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message div[style],
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message div,
    .inner-page-content-wider:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message div[style],
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message div,
    .content-wrapper:has(#payments-list) .payment-process-list + .table-payment-filter + .table-payment-filter.dropzone .dz-message div[style] {
        font-size: 12px !important;
        line-height: 17px !important;
        overflow-wrap: anywhere;
    }

    .inner-page-content:has(#payments-list) #payments-list > div,
    .inner-page-content:has(#payments-list) #payments-list > div[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div,
    .inner-page-content-wider:has(#payments-list) #payments-list > div[style],
    .content-wrapper:has(#payments-list) #payments-list > div,
    .content-wrapper:has(#payments-list) #payments-list > div[style] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list[style],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list[style] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
        table-layout: fixed !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody {
        display: block !important;
        width: 100% !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:has(> td[colspan="8"]):not(:has(div)),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:has(> td[colspan="8"]):not(:has(div)),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:has(> td[colspan="8"]):not(:has(div)) {
        display: none !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) {
        position: relative;
        display: grid !important;
        grid-template-columns: minmax(150px, 1fr) auto 28px;
        grid-auto-rows: auto;
        column-gap: 10px;
        row-gap: 6px;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 15px 12px 14px 14px !important;
        border: 0 !important;
        border-bottom: 1px solid #e9e9e9 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: table-row"]),
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: block"]),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: table-row"]),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: block"]),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: table-row"]),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: block"]) {
        border-bottom: 0 !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(1),
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(3),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(1),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(3),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(1),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(3) {
        display: none !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) {
        grid-column: 1 / 2;
        grid-row: 1;
        max-height: 38px;
        line-height: 17px !important;
        overflow: hidden;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4):has(.btn-white),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4):has(.btn-white),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4):has(.btn-white) {
        min-width: 150px !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) a,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) a[style],
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) span,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) span[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) a,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) a[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) span,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) span[style],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) a,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) a[style],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) span,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) span[style] {
        font-size: 16px !important;
        line-height: 19px !important;
        font-weight: 600 !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white[style],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white[style] {
        display: inline-block !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        font-size: 10px !important;
        line-height: 16px !important;
        font-weight: normal !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) {
        grid-column: 1 / 4;
        grid-row: 2;
        padding-right: 32px !important;
        line-height: 18px !important;
        overflow: hidden;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) img,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) img[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) img,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) img[style],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) img,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) img[style] {
        height: 18px !important;
        max-width: 26px !important;
        float: none !important;
        margin: 0 8px 0 0 !important;
        vertical-align: middle;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) a,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) a[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) a,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) a[style],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) a,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) a[style] {
        font-size: 13px !important;
        line-height: 18px !important;
        font-weight: 600 !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(2),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(2),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(2) {
        grid-column: 1 / 2;
        grid-row: 3;
        color: #777777;
        font-size: 12px !important;
        line-height: 17px !important;
        white-space: nowrap !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(6),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(6),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(6) {
        grid-column: 2 / 4;
        grid-row: 3;
        color: #777777 !important;
        font-size: 12px !important;
        line-height: 17px !important;
        text-align: left !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(7),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(7),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(7) {
        grid-column: 2 / 3;
        grid-row: 1;
        align-self: start;
        justify-self: end;
        padding-top: 2px !important;
        font-size: 18px !important;
        line-height: 22px !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8),
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8),
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) {
        grid-column: 3 / 4;
        grid-row: 1 / 4;
        align-self: center;
        justify-self: end;
        overflow: visible;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div[style],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div[style],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div[style] {
        float: none !important;
        position: relative !important;
    }

    .inner-page-content:has(#payments-list) #payments-list .fa-bars,
    .inner-page-content-wider:has(#payments-list) #payments-list .fa-bars,
    .content-wrapper:has(#payments-list) #payments-list .fa-bars {
        font-size: 23px !important;
        line-height: 1 !important;
    }

    .inner-page-content:has(#payments-list) #payments-list .html-menu,
    .inner-page-content-wider:has(#payments-list) #payments-list .html-menu,
    .content-wrapper:has(#payments-list) #payments-list .html-menu {
        right: 0 !important;
        left: auto !important;
        max-width: calc(100vw - 28px);
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"],
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 12px 14px 14px !important;
        border: 0 !important;
        border-bottom: 1px solid #e9e9e9 !important;
        border-top: 0 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"] > td,
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] > td,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"] > td,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] > td,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"] > td,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] > td {
        display: none !important;
        padding: 0 !important;
        min-height: 0 !important;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"] > td[colspan],
    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] > td[colspan],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"] > td[colspan],
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] > td[colspan],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"] > td[colspan],
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] > td[colspan] {
        display: block !important;
        width: 100% !important;
    }

    .inner-page-content:has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile,
    .inner-page-content:has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile[style],
    .inner-page-content-wider:has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile,
    .inner-page-content-wider:has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile[style],
    .content-wrapper:has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile,
    .content-wrapper:has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile[style] {
        display: block !important;
        color: #555555;
        line-height: 17px !important;
        overflow-wrap: anywhere;
    }

    .inner-page-content:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:has(> td[colspan]) > td,
    .inner-page-content-wider:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:has(> td[colspan]) > td,
    .content-wrapper:has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:has(> td[colspan]) > td {
        min-width: 0 !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .payment-list .btn-white,
    .payment-list .fa-bars {
        display: inline-block !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 7px;
        padding-bottom: 15px !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4):has(.btn-white) {
        min-width: 0 !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white[style] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 0;
        vertical-align: top;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white i,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(4) .btn-white i[style] {
        float: none !important;
        order: -1;
        margin: 0 !important;
        padding: 4px 6px 4px 0 !important;
        line-height: 1 !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(5) {
        grid-column: 1 / -1;
        grid-row: 3;
        padding-right: 0 !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(6) {
        grid-column: 1 / -1;
        grid-row: 5;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(7) {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: start;
        text-align: left !important;
        padding-top: 0 !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(2) {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) {
        display: none !important;
        grid-column: 1 / -1;
        grid-row: 6;
        align-self: stretch;
        justify-self: stretch;
        width: 100% !important;
        margin-top: 33px !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: table-row"]) > td:nth-child(8),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])):has(+ tr.payment-more-details[style*="display: block"]) > td:nth-child(8) {
        display: block !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div[style] {
        width: 100% !important;
        min-width: 0 !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div > a,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div > a[style],
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) > div > a .fa-bars {
        display: none !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu[style] {
        position: relative !important;
        inset: auto !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 13px !important;
        list-style: none !important;
        background: #ffffff !important;
        border: 1px solid #e7e7e7 !important;
        border-radius: 6px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu::before {
        content: "Veiksmai";
        position: absolute;
        top: -26px;
        left: 2px;
        display: block;
        color: #303030;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu > li,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu > li[style],
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu > li.border-bottom {
        float: none !important;
        display: block !important;
        min-height: 64px;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu > li > a,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu > li > a[style] {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 100% !important;
        min-height: 64px;
        padding: 8px 4px !important;
        color: #9B125F !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        line-height: 13px !important;
        text-align: center;
        text-decoration: none !important;
        overflow-wrap: anywhere;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu > li > a i,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr:not(.payment-more-details):not(:has(> td[colspan])) > td:nth-child(8) .html-menu > li > a i[style] {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #9B125F !important;
        font-size: 16px !important;
        line-height: 1 !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"],
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] {
        position: relative;
        width: calc(100% - 26px) !important;
        max-width: calc(100% - 26px) !important;
        margin: -3px 12px 16px 14px !important;
        padding: 0 0 16px 0 !important;
        border-bottom: 1px solid #e9e9e9 !important;
        background: transparent !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"]::before,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 2px;
        background: #d8d8d8;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: table-row"] > td[colspan],
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list > div > table.payment-list > tbody > tr.payment-more-details[style*="display: block"] > td[colspan] {
        position: relative;
        z-index: 2;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile[style] {
        position: relative;
        display: block !important;
        margin: 34px 0 0 0 !important;
        padding: 13px !important;
        background: #ffffff !important;
        border: 1px solid #e7e7e7 !important;
        border-radius: 6px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper):has(#payments-list) #payments-list tr.payment-more-details .hide-on-mobile::before {
        content: "Mokėjimo detalizacija";
        position: absolute;
        top: -31px;
        left: 2px;
        display: block;
        color: #303030;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
    }
}

@media screen and (max-width: 991px) {
    body:has(.table-dashboard-v4-full),
    body:has(canvas[id^="myChart"]),
    body:has(canvas[id^="_viewThisMonth"]),
    body:has(canvas[id^="_V3viewThisMonth"]) {
        overflow-x: hidden !important;
    }

    .content-wrapper:has(.table-dashboard-v4-full),
    .content-wrapper:has(canvas[id^="myChart"]),
    .content-wrapper:has(canvas[id^="_viewThisMonth"]),
    .content-wrapper:has(canvas[id^="_V3viewThisMonth"]),
    .inner-page-content:has(.table-dashboard-v4-full),
    .inner-page-content:has(canvas[id^="myChart"]),
    .inner-page-content:has(canvas[id^="_viewThisMonth"]),
    .inner-page-content:has(canvas[id^="_V3viewThisMonth"]),
    .inner-page-content-wider:has(.table-dashboard-v4-full),
    .inner-page-content-wider:has(canvas[id^="myChart"]),
    .inner-page-content-wider:has(canvas[id^="_viewThisMonth"]),
    .inner-page-content-wider:has(canvas[id^="_V3viewThisMonth"]) {
        width: 100% !important;
        max-width: 100vw !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .content-wrapper:has(.table-dashboard-v4-full),
    .content-wrapper:has(canvas[id^="myChart"]),
    .content-wrapper:has(canvas[id^="_viewThisMonth"]),
    .content-wrapper:has(canvas[id^="_V3viewThisMonth"]) {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .table-dashboard-v4-full,
    .table-dashboard-v4-full[style] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .table-dashboard-v4,
    .table-dashboard-v4[style] {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        gap: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .table-dashboard-v4-box,
    .table-dashboard-v4-box[style] {
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .table-dashboard-v4 strong {
        word-break: break-word;
    }

    .lh-separator-dashboard-v4,
    .lh-separator-dashboard-v4::after {
        display: none !important;
    }

    .inner-page-content div[style*="width: 500px"]:has(canvas),
    .inner-page-content div[style*="width:500px"]:has(canvas),
    .inner-page-content div[style*="width: 550px"]:has(canvas),
    .inner-page-content div[style*="width:550px"]:has(canvas),
    .inner-page-content div[style*="width: 350px"]:has(canvas),
    .inner-page-content div[style*="width:350px"]:has(canvas),
    .inner-page-content-wider div[style*="width: 500px"]:has(canvas),
    .inner-page-content-wider div[style*="width:500px"]:has(canvas),
    .inner-page-content-wider div[style*="width: 550px"]:has(canvas),
    .inner-page-content-wider div[style*="width:550px"]:has(canvas),
    .inner-page-content-wider div[style*="width: 350px"]:has(canvas),
    .inner-page-content-wider div[style*="width:350px"]:has(canvas),
    .content-wrapper div[style*="width: 500px"]:has(canvas),
    .content-wrapper div[style*="width:500px"]:has(canvas),
    .content-wrapper div[style*="width: 550px"]:has(canvas),
    .content-wrapper div[style*="width:550px"]:has(canvas),
    .content-wrapper div[style*="width: 350px"]:has(canvas),
    .content-wrapper div[style*="width:350px"]:has(canvas),
    .inner-page-content div:has(> canvas[id^="myChart"]),
    .inner-page-content div:has(> canvas[id^="_viewThisMonth"]),
    .inner-page-content div:has(> canvas[id^="_V3viewThisMonth"]),
    .inner-page-content-wider div:has(> canvas[id^="myChart"]),
    .inner-page-content-wider div:has(> canvas[id^="_viewThisMonth"]),
    .inner-page-content-wider div:has(> canvas[id^="_V3viewThisMonth"]),
    .content-wrapper div:has(> canvas[id^="myChart"]),
    .content-wrapper div:has(> canvas[id^="_viewThisMonth"]),
    .content-wrapper div:has(> canvas[id^="_V3viewThisMonth"]) {
        clear: both !important;
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    canvas[id^="myChart"],
    canvas[id^="_viewThisMonth"],
    canvas[id^="_V3viewThisMonth"] {
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 260px !important;
        max-height: 280px !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(.table-dashboard-v4-full) p,
    .inner-page-content:has(canvas[id^="myChart"]) p,
    .inner-page-content:has(canvas[id^="_viewThisMonth"]) p,
    .inner-page-content:has(canvas[id^="_V3viewThisMonth"]) p,
    .inner-page-content-wider:has(.table-dashboard-v4-full) p,
    .inner-page-content-wider:has(canvas[id^="myChart"]) p,
    .inner-page-content-wider:has(canvas[id^="_viewThisMonth"]) p,
    .inner-page-content-wider:has(canvas[id^="_V3viewThisMonth"]) p {
        max-width: 100% !important;
        overflow-wrap: break-word;
    }

    .inner-page-content:has(.table-dashboard-v4-full) div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content:has(.table-dashboard-v4-full) div[style*="width:350px"]:has(select.selectBox),
    .inner-page-content-wider:has(.table-dashboard-v4-full) div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content-wider:has(.table-dashboard-v4-full) div[style*="width:350px"]:has(select.selectBox),
    .content-wrapper:has(.table-dashboard-v4-full) div[style*="width: 350px"]:has(select.selectBox),
    .content-wrapper:has(.table-dashboard-v4-full) div[style*="width:350px"]:has(select.selectBox) {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(.table-dashboard-v4-full) div[style*="width: 500px"]:has(> .content-big-title):has(+ div[style*="width: 350px"] select.selectBox),
    .inner-page-content:has(.table-dashboard-v4-full) div[style*="width:500px"]:has(> .content-big-title):has(+ div[style*="width:350px"] select.selectBox),
    .inner-page-content-wider:has(.table-dashboard-v4-full) div[style*="width: 500px"]:has(> .content-big-title):has(+ div[style*="width: 350px"] select.selectBox),
    .inner-page-content-wider:has(.table-dashboard-v4-full) div[style*="width:500px"]:has(> .content-big-title):has(+ div[style*="width:350px"] select.selectBox),
    .content-wrapper:has(.table-dashboard-v4-full) div[style*="width: 500px"]:has(> .content-big-title):has(+ div[style*="width: 350px"] select.selectBox),
    .content-wrapper:has(.table-dashboard-v4-full) div[style*="width:500px"]:has(> .content-big-title):has(+ div[style*="width:350px"] select.selectBox) {
        float: left !important;
        clear: none !important;
        width: auto !important;
        max-width: calc(100% - 170px) !important;
        min-width: 0 !important;
        margin: 0 10px 8px 0 !important;
        box-sizing: border-box !important;
    }

    .inner-page-content:has(.table-dashboard-v4-full) div[style*="width: 500px"]:has(> .content-big-title) + div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content:has(.table-dashboard-v4-full) div[style*="width:500px"]:has(> .content-big-title) + div[style*="width:350px"]:has(select.selectBox),
    .inner-page-content-wider:has(.table-dashboard-v4-full) div[style*="width: 500px"]:has(> .content-big-title) + div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content-wider:has(.table-dashboard-v4-full) div[style*="width:500px"]:has(> .content-big-title) + div[style*="width:350px"]:has(select.selectBox),
    .content-wrapper:has(.table-dashboard-v4-full) div[style*="width: 500px"]:has(> .content-big-title) + div[style*="width: 350px"]:has(select.selectBox),
    .content-wrapper:has(.table-dashboard-v4-full) div[style*="width:500px"]:has(> .content-big-title) + div[style*="width:350px"]:has(select.selectBox) {
        float: right !important;
        clear: none !important;
        width: 150px !important;
        max-width: 150px !important;
        margin: 0 0 8px 0 !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width: 500px"]:has(> .content-big-title):has(+ div[style*="width: 350px"] select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width:500px"]:has(> .content-big-title):has(+ div[style*="width:350px"] select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) .content-big-title:has(+ div > .fLeft select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .fLeft select.selectBox) + .content-big-title,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width: 350px"]:has(select.selectBox) + .content-big-title,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width:350px"]:has(select.selectBox) + .content-big-title {
        float: left !important;
        clear: none !important;
        width: auto !important;
        max-width: calc(100% - 170px) !important;
        min-width: 0 !important;
        margin: 0 10px 8px 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width: 500px"]:has(> .content-big-title) + div[style*="width: 350px"]:has(select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width:500px"]:has(> .content-big-title) + div[style*="width:350px"]:has(select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) .content-big-title + div:has(> .fLeft select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .fLeft select.selectBox):has(+ .content-big-title),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width: 350px"]:has(select.selectBox):has(+ .content-big-title),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div[style*="width:350px"]:has(select.selectBox):has(+ .content-big-title) {
        float: right !important;
        clear: none !important;
        width: 150px !important;
        max-width: 150px !important;
        margin: 0 0 8px 10px !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .fLeft select.selectBox):has(+ .content-big-title) > .fLeft,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) .content-big-title + div:has(> .fLeft select.selectBox) > .fLeft {
        float: none !important;
        clear: none !important;
        width: 150px !important;
        max-width: 150px !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width: 150px"] select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width:150px"] select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width: 250px"] select.selectBox),
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width:250px"] select.selectBox) {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width: 150px"] select.selectBox) > .content-big-title,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width:150px"] select.selectBox) > .content-big-title,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width: 250px"] select.selectBox) > .content-big-title,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width:250px"] select.selectBox) > .content-big-title {
        float: none !important;
        clear: none !important;
        width: auto !important;
        max-width: calc(100% - 160px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width: 150px"] select.selectBox) > .fLeft,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width:150px"] select.selectBox) > .fLeft,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width: 250px"] select.selectBox) > .fLeft,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft[style*="width:250px"] select.selectBox) > .fLeft {
        float: none !important;
        clear: none !important;
        flex: 0 0 150px !important;
        width: 150px !important;
        max-width: 150px !important;
        margin-left: auto !important;
        box-sizing: border-box !important;
    }

    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .fLeft select.selectBox):has(+ .content-big-title) select.selectBox,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) .content-big-title + div:has(> .fLeft select.selectBox) select.selectBox,
    :is(.inner-page-content, .inner-page-content-wider, .content-wrapper) div:has(> .content-big-title):has(> .fLeft select.selectBox) select.selectBox {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .table-dashboard-v4,
    .table-dashboard-v4[style] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-mobile {
        max-height: 100dvh !important;
    }

    .navbar-mobile #navbarToggleExternalContent.show,
    .navbar-mobile #navbarToggleExternalContent.collapsing {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 100000000 !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch;
        background: #ffffff !important;
    }

    .navbar-mobile .mobile-nav-drawer,
    .navbar-mobile .mobile-nav-drawer[style] {
        width: 100% !important;
        max-width: none !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        background-image: none !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .navbar-mobile .mobile-nav-drawer-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        min-height: 72px !important;
        height: auto !important;
        padding: .5rem 1rem !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-drawer-brand,
    .navbar-mobile .mobile-nav-drawer-brand:hover,
    .navbar-mobile .mobile-nav-drawer-brand:focus {
        display: block !important;
        padding-left: 20px !important;
        margin-top: 5px !important;
        margin-right: 0 !important;
        color: #9B125F !important;
        font: 800 28px 'Raleway', sans-serif !important;
        line-height: normal !important;
        text-decoration: none !important;
    }

    .navbar-mobile .mobile-nav-drawer-brand span {
        color: #5f5f5f !important;
        font: 800 28px 'Raleway', sans-serif !important;
        line-height: normal !important;
    }

    .navbar-mobile .mobile-nav-drawer-brand div,
    .navbar-mobile .mobile-nav-drawer-brand div[style] {
        color: #666666 !important;
        font-size: 10px !important;
        margin-top: 0 !important;
        line-height: 22px !important;
        text-decoration: none !important;
    }

    .navbar-mobile .mobile-nav-close {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: .25rem .75rem !important;
        border-color: #ffffff !important;
        background: transparent !important;
        color: #4f4f55 !important;
        cursor: pointer;
    }

    .navbar-mobile .mobile-nav-close .material-symbols-outlined {
        color: #4f4f55 !important;
        font-size: 28px !important;
        line-height: 1 !important;
        font-weight: 300 !important;
    }

    .navbar-mobile .mobile-nav-menu,
    .navbar-mobile .mobile-nav-menu[style] {
        padding: 4px 0 22px 0 !important;
        margin: 0 !important;
    }

    .navbar-mobile .mobile-nav-section {
        position: relative !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .navbar-mobile .mobile-nav-root-row {
        position: relative !important;
        display: grid !important;
        grid-template-columns: 39px minmax(0, 1fr) 42px !important;
        align-items: center !important;
        min-height: 44px !important;
        padding: 0 20px 0 39px !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-section.is-active > .mobile-nav-root-row {
        background: #f9fafb !important;
    }

    .navbar-mobile .mobile-nav-section.is-active > .mobile-nav-root-row::before {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 2px !important;
        background: #8e235d !important;
    }

    .navbar-mobile .mobile-nav-root-icon,
    .navbar-mobile .mobile-nav-root-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 39px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #121827 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-root-toggle {
        cursor: pointer;
    }

    .navbar-mobile .mobile-nav-root-icon .material-symbols-outlined,
    .navbar-mobile .mobile-nav-root-toggle .material-symbols-outlined {
        color: #121827 !important;
        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 300 !important;
    }

    .navbar-mobile .mobile-nav-root-link,
    .navbar-mobile .mobile-nav-root-link[style] {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 44px !important;
        padding: 0 !important;
        color: #121827 !important;
        font-family: "Mabry Pro", Roboto, sans-serif !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-section.is-active .mobile-nav-root-link,
    .navbar-mobile .mobile-nav-section.is-active .mobile-nav-root-link[style],
    .navbar-mobile .mobile-nav-root-link.active {
        color: #8e235d !important;
        font-weight: 500 !important;
    }

    .navbar-mobile .mobile-nav-section.is-active .mobile-nav-root-icon .material-symbols-outlined,
    .navbar-mobile .mobile-nav-section.is-active .mobile-nav-root-toggle .material-symbols-outlined {
        color: #8e235d !important;
    }

    .navbar-mobile .mobile-nav-root-arrow-toggle {
        justify-content: flex-end !important;
        width: 42px !important;
    }

    .navbar-mobile .mobile-nav-root-arrow-toggle .material-symbols-outlined {
        font-size: 22px !important;
        transition: transform 0.15s ease;
    }

    .navbar-mobile .mobile-nav-section.is-open .mobile-nav-root-arrow-toggle .material-symbols-outlined {
        transform: rotate(90deg);
    }

    .navbar-mobile .mobile-nav-subtree {
        display: none !important;
        position: relative !important;
        margin: 0 !important;
        padding: 4px 0 10px 84px !important;
        border-left: 0 !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-subtree::before {
        content: "" !important;
        position: absolute !important;
        top: 1px !important;
        bottom: 7px !important;
        left: 84px !important;
        z-index: 0 !important;
        width: 1px !important;
        background: #e5e5e5 !important;
        border-radius: 999px !important;
    }

    .navbar-mobile .mobile-nav-section.is-open > .mobile-nav-subtree {
        display: block !important;
    }

    .navbar-mobile .mobile-nav-sub-link,
    .navbar-mobile .mobile-nav-sub-link[style] {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 30px !important;
        padding: 0 22px 0 27px !important;
        color: #444444 !important;
        font-family: "Mabry Pro", Roboto, sans-serif !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        line-height: 20px !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        z-index: 1 !important;
    }

    .navbar-mobile .mobile-nav-sub-link::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        z-index: 1 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .navbar-mobile .mobile-nav-sub-link.active,
    .navbar-mobile .mobile-nav-sub-link.active[style] {
        color: #B21D6C !important;
        font-weight: 500 !important;
    }

    .navbar-mobile .mobile-nav-sub-link.active::before {
        top: 5px !important;
        width: 4px !important;
        height: 20px !important;
        border-radius: 999px !important;
        background: #B21D6C !important;
    }

    .navbar-mobile .mobile-nav-account-panel,
    .navbar-mobile .mobile-nav-account-panel[style] {
        margin: 1rem 0 0 0 !important;
        padding: 1rem 1.5rem !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-actions,
    .navbar-mobile .mobile-nav-actions[style] {
        padding: 1rem 1.5rem .5rem 1.5rem !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-actions .btn-sigin,
    .navbar-mobile .mobile-nav-actions .btn-sigin[style] {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 34px !important;
        margin: 0 !important;
        padding: 6px 22px !important;
        border: 0 !important;
        border-radius: 100px !important;
        background: #9B125F !important;
        color: #ffffff !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 22px !important;
        text-align: center !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .navbar-mobile .mobile-nav-actions .btn-sigin i,
    .navbar-mobile .mobile-nav-actions .btn-sigin[style] i {
        position: absolute !important;
        right: 22px !important;
        top: 50% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1 !important;
        transform: translateY(-50%) !important;
    }
}

@supports not (height: 100dvh) {
    @media screen and (max-width: 991px) {
        .navbar-mobile {
            max-height: 100vh !important;
        }

        .navbar-mobile #navbarToggleExternalContent.show,
        .navbar-mobile #navbarToggleExternalContent.collapsing {
            max-height: 100vh !important;
        }

        .navbar-mobile .mobile-nav-drawer,
        .navbar-mobile .mobile-nav-drawer[style] {
            min-height: 100vh !important;
        }
    }
}


@media screen and (max-width: 600px) {
    div:has(> .content-v6-menu-box),
    div:has(> .content-v6-menu-box)[style] {
        float: none !important;
        display: block !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu-box,
    .content-v6-menu-box[style] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 10px 14px 10px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu,
    .content-v6-menu[style] {
        float: none !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center !important;
        justify-items: center !important;
        justify-content: center !important;
        gap: 8px 8px;
        width: 100% !important;
        max-width: 390px !important;
        height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu li,
    .content-v6-menu li[style],
    .content-v6-menu li.active {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu a,
    .content-v6-menu a[style] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 30px !important;
        padding: 5px 0 7px 0 !important;
        line-height: 17px !important;
        text-align: center !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu-box > div[style*="clear"] {
        display: none !important;
    }

    .content-v6-menu::after {
        content: none !important;
        display: none !important;
    }

    .sub-headerx:not(.v4-cover-image),
    .sub-headerx:not(.v4-cover-image)[style] {
        min-height: 78px;
        height: auto !important;
        padding: 10px 20px !important;
        flex-wrap: wrap !important;
        gap: 8px 0 !important;
    }

    .sub-headerx:not(.v4-cover-image) > .my-bils-title,
    .sub-headerx:not(.v4-cover-image) > .my-bils-title[style] {
        flex: 1 0 100% !important;
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 24px !important;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit,
    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style] {
        flex: 0 1 50%;
        min-width: 38px;
        max-width: 50% !important;
        min-height: 34px !important;
        margin: 0 !important;
        overflow: visible;
        padding: 7px 10px !important;
        font-size: 11px !important;
        line-height: 15px !important;
        text-align: center;
        white-space: normal !important;
        text-overflow: clip;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style*="background-color"] {
        max-width: 50% !important;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit,
    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style] {
        position: fixed !important;
        top: auto !important;
        bottom: calc(12px + env(safe-area-inset-bottom)) !important;
        left: auto !important;
        right: 12px !important;
        z-index: 99999990 !important;
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 6px 22px !important;
        font-size: 12px !important;
        line-height: 22px !important;
        white-space: nowrap !important;
        text-align: center !important;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
        box-sizing: border-box !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])) > .btn-go-submit[style*="background-color"] {
        left: auto !important;
        right: 207px !important;
        width: auto !important;
        border-radius: 100px 0 0 100px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])) > .btn-go-submit:not([style*="background-color"]) {
        left: auto !important;
        right: 12px !important;
        border-left: 1px solid #CCC !important;
        border-radius: 0 100px 100px 0 !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit:not([style*="background-color"])[onclick*="new-bill"]) > .btn-go-submit[style*="background-color"] {
        right: 208px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit:not([style*="background-color"])[onclick*="add-buy-bill-fast"]) > .btn-go-submit[style*="background-color"] {
        right: 193px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit:not([style*="background-color"])[onclick*="add-bill-act_of_works"]) > .btn-go-submit[style*="background-color"] {
        right: 161px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit:not([style*="background-color"])[onclick*="add-bill-act_of_done"]) > .btn-go-submit[style*="background-color"] {
        right: 205px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit:not([style*="background-color"])[onclick*="new-customer"]) > .btn-go-submit[style*="background-color"] {
        right: 172px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit:not([style*="background-color"])[onclick*="add-payment"]) > .btn-go-submit[style*="background-color"] {
        right: 189px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit:not([style*="background-color"])[onclick*="new-company"]) > .btn-go-submit[style*="background-color"] {
        right: 168px !important;
    }

    @supports (anchor-name: --mobile-action-button) and (right: anchor(left)) {
        .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):not(:has(> .btn-go-submit[onclick*="add-bill-files"])) > .btn-go-submit:not([style*="background-color"]) {
            anchor-name: --mobile-action-button;
        }

        .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):not(:has(> .btn-go-submit[onclick*="add-bill-files"])):has(> .btn-go-submit:not([style*="background-color"])[onclick]) > .btn-go-submit[style*="background-color"] {
            position-anchor: --mobile-action-button;
            right: anchor(left) !important;
        }
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):not(:has(> .btn-go-submit[onclick*="add-bill-files"])) > .btn-go-submit[style*="background-color"] {
        left: 12px !important;
        right: auto !important;
        width: calc((100vw - 24px) / 2) !important;
        border-radius: 100px 0 0 100px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):not(:has(> .btn-go-submit[onclick*="add-bill-files"])) > .btn-go-submit:not([style*="background-color"]) {
        left: calc(12px + ((100vw - 24px) / 2)) !important;
        right: auto !important;
        width: calc((100vw - 24px) / 2) !important;
        border-left: 1px solid #CCC !important;
        border-radius: 0 100px 100px 0 !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit[style*="background-color"] {
        left: calc(50% - var(--mobile-action-group-half)) !important;
        right: auto !important;
        width: var(--mobile-action-secondary-width) !important;
        min-width: var(--mobile-action-secondary-width) !important;
        max-width: var(--mobile-action-secondary-width) !important;
        border-radius: 100px 0 0 100px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit[onclick*="add-bill-files"],
    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit[style][onclick*="add-bill-files"] {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width)) !important;
        right: auto !important;
        width: var(--mobile-action-file-width) !important;
        min-width: var(--mobile-action-file-width) !important;
        max-width: var(--mobile-action-file-width) !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        border-left: 1px solid #CCC !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit:not([style*="background-color"]):not([onclick*="add-bill-files"]) {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width) + var(--mobile-action-file-width)) !important;
        right: auto !important;
        width: var(--mobile-action-primary-width) !important;
        min-width: var(--mobile-action-primary-width) !important;
        max-width: var(--mobile-action-primary-width) !important;
        border-left: 1px solid #CCC !important;
        border-radius: 0 100px 100px 0 !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-files"]):has(> .btn-go-submit:not([style*="background-color"])[onclick*="new-bill"]) > .btn-go-submit[style*="background-color"] {
        left: calc(50% - var(--mobile-action-group-half)) !important;
        right: auto !important;
        width: var(--mobile-action-secondary-width) !important;
        min-width: var(--mobile-action-secondary-width) !important;
        max-width: var(--mobile-action-secondary-width) !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-files"]):has(> .btn-go-submit:not([style*="background-color"])[onclick*="new-bill"]) > .btn-go-submit[onclick*="add-bill-files"] {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width)) !important;
        right: auto !important;
        width: var(--mobile-action-file-width) !important;
        min-width: var(--mobile-action-file-width) !important;
        max-width: var(--mobile-action-file-width) !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-files"]):has(> .btn-go-submit:not([style*="background-color"])[onclick*="new-bill"]) > .btn-go-submit:not([style*="background-color"]):not([onclick*="add-bill-files"]) {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width) + var(--mobile-action-file-width)) !important;
        right: auto !important;
        width: var(--mobile-action-primary-width) !important;
        min-width: var(--mobile-action-primary-width) !important;
        max-width: var(--mobile-action-primary-width) !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-buy-bill-v2"]):has(> .btn-go-submit[onclick*="add-bill-files"]):has(> .btn-go-submit[onclick*="add-buy-bill-fast"]) > .btn-go-submit[onclick*="add-buy-bill-v2"] {
        left: calc(50% - var(--mobile-action-group-half)) !important;
        right: auto !important;
        width: var(--mobile-action-secondary-width) !important;
        min-width: var(--mobile-action-secondary-width) !important;
        max-width: var(--mobile-action-secondary-width) !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-buy-bill-v2"]):has(> .btn-go-submit[onclick*="add-bill-files"]):has(> .btn-go-submit[onclick*="add-buy-bill-fast"]) > .btn-go-submit[onclick*="add-bill-files"] {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width)) !important;
        right: auto !important;
        width: var(--mobile-action-file-width) !important;
        min-width: var(--mobile-action-file-width) !important;
        max-width: var(--mobile-action-file-width) !important;
        transform: none !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-buy-bill-v2"]):has(> .btn-go-submit[onclick*="add-bill-files"]):has(> .btn-go-submit[onclick*="add-buy-bill-fast"]) > .btn-go-submit[onclick*="add-buy-bill-fast"] {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width) + var(--mobile-action-file-width)) !important;
        right: auto !important;
        width: var(--mobile-action-primary-width) !important;
        min-width: var(--mobile-action-primary-width) !important;
        max-width: var(--mobile-action-primary-width) !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit) {
        --mobile-action-secondary-width: 126px;
        --mobile-action-file-width: 72px;
        --mobile-action-primary-width: 154px;
        --mobile-action-group-half: 140px;
        --mobile-action-single-half: 77px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="new-customer"]) {
        --mobile-action-primary-width: 174px;
        --mobile-action-group-half: 150px;
        --mobile-action-single-half: 87px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-payment"]) {
        --mobile-action-primary-width: 170px;
        --mobile-action-group-half: 148px;
        --mobile-action-single-half: 85px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="new-company"]) {
        --mobile-action-primary-width: 170px;
        --mobile-action-group-half: 148px;
        --mobile-action-single-half: 85px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="new-products"]) {
        --mobile-action-primary-width: 230px;
        --mobile-action-single-half: 115px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="new-consignment"]) {
        --mobile-action-primary-width: 210px;
        --mobile-action-single-half: 105px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="new-employee"]) {
        --mobile-action-primary-width: 200px;
        --mobile-action-single-half: 100px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="new-assets"]) {
        --mobile-action-primary-width: 220px;
        --mobile-action-single-half: 110px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-files"]) {
        --mobile-action-primary-width: 154px;
        --mobile-action-group-half: 176px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-buy-bill-v2"]):has(> .btn-go-submit[onclick*="add-bill-files"]):has(> .btn-go-submit[onclick*="add-buy-bill-fast"]) {
        --mobile-action-secondary-width: 160px;
        --mobile-action-primary-width: 160px;
        --mobile-action-group-half: 196px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-act_of_works"]) {
        --mobile-action-primary-width: 174px;
        --mobile-action-group-half: 150px;
        --mobile-action-single-half: 87px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-act_of_done"]) {
        --mobile-action-primary-width: 210px;
        --mobile-action-group-half: 168px;
        --mobile-action-single-half: 105px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-periodic"]) {
        --mobile-action-primary-width: 210px;
        --mobile-action-single-half: 105px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-template"]) {
        --mobile-action-primary-width: 220px;
        --mobile-action-single-half: 110px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-offer"]) {
        --mobile-action-primary-width: 230px;
        --mobile-action-single-half: 115px;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[onclick*="add-bill-confirmation"]) {
        --mobile-action-primary-width: 250px;
        --mobile-action-single-half: 125px;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit,
    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: var(--mobile-action-primary-width) !important;
        min-width: var(--mobile-action-primary-width) !important;
        max-width: var(--mobile-action-primary-width) !important;
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 14px !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit i,
    .sub-headerx:not(.v4-cover-image) > .btn-go-submit i[style] {
        display: inline-block !important;
        float: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit):not(:has(> .btn-go-submit + .btn-go-submit)) > .btn-go-submit,
    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit):not(:has(> .btn-go-submit + .btn-go-submit)) > .btn-go-submit[style] {
        left: calc(50% - var(--mobile-action-single-half)) !important;
        right: auto !important;
        width: var(--mobile-action-primary-width) !important;
        min-width: var(--mobile-action-primary-width) !important;
        max-width: var(--mobile-action-primary-width) !important;
        border-left: 0 !important;
        border-radius: 100px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):not(:has(> .btn-go-submit[onclick*="add-bill-files"])) > .btn-go-submit[style*="background-color"] {
        left: calc(50% - var(--mobile-action-group-half)) !important;
        right: auto !important;
        width: var(--mobile-action-secondary-width) !important;
        min-width: var(--mobile-action-secondary-width) !important;
        max-width: var(--mobile-action-secondary-width) !important;
        border-radius: 100px 0 0 100px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit:not([style*="background-color"])):not(:has(> .btn-go-submit[onclick*="add-bill-files"])) > .btn-go-submit:not([style*="background-color"]) {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width)) !important;
        right: auto !important;
        width: var(--mobile-action-primary-width) !important;
        min-width: var(--mobile-action-primary-width) !important;
        max-width: var(--mobile-action-primary-width) !important;
        border-left: 1px solid #CCC !important;
        border-radius: 0 100px 100px 0 !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit[style*="background-color"] {
        left: calc(50% - var(--mobile-action-group-half)) !important;
        right: auto !important;
        width: var(--mobile-action-secondary-width) !important;
        min-width: var(--mobile-action-secondary-width) !important;
        max-width: var(--mobile-action-secondary-width) !important;
        border-radius: 100px 0 0 100px !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit[onclick*="add-bill-files"],
    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit[style][onclick*="add-bill-files"] {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width)) !important;
        right: auto !important;
        width: var(--mobile-action-file-width) !important;
        min-width: var(--mobile-action-file-width) !important;
        max-width: var(--mobile-action-file-width) !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        border-left: 1px solid #CCC !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    .sub-headerx:not(.v4-cover-image):has(> .btn-go-submit[style*="background-color"]):has(> .btn-go-submit[onclick*="add-bill-files"]) > .btn-go-submit:not([style*="background-color"]):not([onclick*="add-bill-files"]) {
        left: calc(50% - var(--mobile-action-group-half) + var(--mobile-action-secondary-width) + var(--mobile-action-file-width)) !important;
        right: auto !important;
        width: var(--mobile-action-primary-width) !important;
        min-width: var(--mobile-action-primary-width) !important;
        max-width: var(--mobile-action-primary-width) !important;
        border-left: 1px solid #CCC !important;
        border-radius: 0 100px 100px 0 !important;
    }

    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style*="display: none"],
    .sub-headerx:not(.v4-cover-image) > .btn-go-submit[style*="display:none"] {
        display: none !important;
    }

    .cky-btn-revisit-wrapper,
    .cky-revisit-bottom-left,
    .cky-revisit-bottom-right,
    .cky-btn-revisit,
    button.cky-btn-revisit,
    button[data-cky-tag="revisit-consent"],
    div[data-cky-tag="revisit-consent"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) iframe[src*="tawk.to"],
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) iframe[title*="tawk" i],
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) iframe[title*="chat" i],
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) div[id*="tawk" i],
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) .tawk-min-container,
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) .tawk-min-container[style] {
        left: 12px !important;
        right: auto !important;
        bottom: calc(12px + env(safe-area-inset-bottom)) !important;
    }

    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) iframe[src*="tawk.to"],
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) iframe[title*="tawk" i],
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) iframe[title*="chat" i],
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) div[id*="tawk" i]:not(:has(iframe)),
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) .tawk-min-container:not(:has(iframe)),
    body:has(.sub-headerx:not(.v4-cover-image) > .btn-go-submit:not([style*="display: none"]):not([style*="display:none"])) .tawk-min-container[style]:not(:has(iframe)) {
        transform: scale(0.5) !important;
        transform-origin: left bottom !important;
    }
}

@media screen and (min-width: 461px) and (max-width: 600px) {
    .content-v6-menu,
    .content-v6-menu[style] {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        gap: 0;
        width: auto !important;
        max-width: 760px !important;
        margin: 0 0 0 auto !important;
    }

    .content-v6-menu li,
    .content-v6-menu li[style],
    .content-v6-menu li.active {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 14px !important;
    }
}

@media screen and (min-width: 601px) and (max-width: 991px) {
    div:has(> .content-v6-menu-box),
    div:has(> .content-v6-menu-box)[style] {
        float: none !important;
        display: block !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu-box,
    .content-v6-menu-box[style] {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 12px 16px 12px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu,
    .content-v6-menu[style] {
        float: none !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 0;
        width: auto !important;
        max-width: 760px !important;
        height: auto !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        list-style: none !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu li,
    .content-v6-menu li[style],
    .content-v6-menu li.active {
        float: none !important;
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 14px !important;
        list-style: none !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu a,
    .content-v6-menu a[style] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 30px !important;
        padding: 5px 0 7px 0 !important;
        text-align: center !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .content-v6-menu-box > div[style*="clear"],
    .content-v6-menu::after {
        content: none !important;
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .content-v6-menu li,
    .content-v6-menu li[style],
    .content-v6-menu li.active {
        order: 50 !important;
    }

    .content-v6-menu li:nth-last-child(1) {
        order: 1 !important;
    }

    .content-v6-menu li:nth-last-child(2) {
        order: 2 !important;
    }

    .content-v6-menu li:nth-last-child(3) {
        order: 3 !important;
    }

    .content-v6-menu li:nth-last-child(4) {
        order: 4 !important;
    }

    .content-v6-menu li:nth-last-child(5) {
        order: 5 !important;
    }

    .content-v6-menu li:nth-last-child(6) {
        order: 6 !important;
    }

    .content-v6-menu li:nth-last-child(7) {
        order: 7 !important;
    }

    .content-v6-menu li:nth-last-child(8) {
        order: 8 !important;
    }

    .content-v6-menu li:nth-last-child(9) {
        order: 9 !important;
    }

    .content-v6-menu li:nth-last-child(10) {
        order: 10 !important;
    }

    .content-v6-menu li:nth-last-child(11) {
        order: 11 !important;
    }

    .content-v6-menu li:nth-last-child(12) {
        order: 12 !important;
    }

    .content-v6-menu li:nth-last-child(13) {
        order: 13 !important;
    }

    .content-v6-menu li:nth-last-child(14) {
        order: 14 !important;
    }

    .content-v6-menu li:nth-last-child(15) {
        order: 15 !important;
    }

    .content-v6-menu li:nth-last-child(16) {
        order: 16 !important;
    }

    .content-v6-menu li:nth-last-child(17) {
        order: 17 !important;
    }

    .content-v6-menu li:nth-last-child(18) {
        order: 18 !important;
    }

    .content-v6-menu li:nth-last-child(19) {
        order: 19 !important;
    }

    .content-v6-menu li:nth-last-child(20) {
        order: 20 !important;
    }
}

@media screen and (max-width: 991px) {
    div:has(> .content-v6-menu-box),
    div:has(> .content-v6-menu-box)[style],
    .content-v6-menu-box,
    .content-v6-menu-box[style],
    .content-v6-menu,
    .content-v6-menu[style] {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    .inner-page-content {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .popupMW,
    .popupMW[style] {
        width: calc(100% - 10px) !important;
        margin-top: 5px !important;
        padding: 0px !important;
    }

    .popupMW .content,
    .popupMW .content[style] {
        padding: 0 !important;
    }

    .formTwoColumns {
        width: calc(100% - 18px) !important;
    }

    table.search-results,
    table.payment-list {
        min-width: 560px;
    }

    table.bill-edit-table,
    table.formTwoColumnsList {
        min-width: 700px;
    }

    .contact-form,
    .contact-form[style] {
        padding: 12px !important;
    }

    .content-big-title,
    .content-big-title[style] {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media screen and (max-width: 991px) {
    .cm-box-grid {
        clear: both;
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
        grid-auto-rows: auto;
        align-items: stretch;
        gap: 28px 32px;
        padding-bottom: 30px;
    }

    .cm-box-grid > .cm-box-small,
    .cm-box-grid > .cm-box-small[style] {
        display: grid !important;
        grid-template-rows: auto auto auto;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        column-gap: 10px;
        width: auto !important;
        height: auto !important;
        min-height: 150px;
        float: none !important;
        margin: 0 !important;
        padding-bottom: 25px !important;
        box-sizing: border-box !important;
    }

    .cm-box-grid > .cm-box-small > img,
    .cm-box-grid > .cm-box-small > .content-big-title {
        grid-column: 1 / -1;
    }

    .cm-box-grid > .cm-box-small > div[style*="clear: both"],
    .cm-box-grid > .cm-box-small[style] > div[style*="clear: both"] {
        display: none !important;
    }

    .cm-box-grid > .cm-box-small > .cm-box-small-text,
    .cm-box-grid > .cm-box-small[style] > .cm-box-small-text[style] {
        grid-column: 1 / -1;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
    }

    .cm-box-grid > .cm-box-small > :is(.state-blue, .state-green, .state-yellow, .state-red),
    .cm-box-grid > .cm-box-small[style] > :is(.state-blue, .state-green, .state-yellow, .state-red)[style] {
        position: static !important;
        grid-column: 1;
        align-self: center;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: block !important;
        float: none !important;
        margin: 0 !important;
        width: 100px !important;
    }

    .cm-box-grid > .cm-box-small > .btn-go-submit,
    .cm-box-grid > .cm-box-small[style] > .btn-go-submit[style] {
        position: static !important;
        grid-column: 2;
        justify-self: end;
        align-self: center;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: inline-block !important;
        float: none !important;
        margin: 0 !important;
    }

    .cm-box-grid + div[style*="clear: both"] {
        display: none !important;
    }

    body > .popupMW[style*="padding: 0"],
    body > .popupMW[style*="padding:0"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    body > .popupMW[style*="padding: 0"] > .content[style*="border: 0"],
    body > .popupMW[style*="padding: 0"] > .content[style*="border:0"],
    body > .popupMW[style*="padding:0"] > .content[style*="border: 0"],
    body > .popupMW[style*="padding:0"] > .content[style*="border:0"] {
        padding: 0 !important;
        border: 0 none !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
    }

    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow:has(> table.payment-list select[name="Image[Type]"]) > .table-payment-filter.dropzone,
    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow:has(> table.payment-list select[name="Image[Type]"]) > .table-payment-filter.dropzone[style],
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow:has(> table.payment-list select[name="Image[Type]"]) > .table-payment-filter.dropzone,
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow:has(> table.payment-list select[name="Image[Type]"]) > .table-payment-filter.dropzone[style] {
        min-height: 50px !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        float: right !important;
        box-sizing: content-box !important;
    }

    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]),
    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list[style]:has(select[name="Image[Type]"]),
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]),
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list[style]:has(select[name="Image[Type]"]) {
        min-width: 0 !important;
        table-layout: auto !important;
    }

    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) th,
    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td,
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) th,
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td {
        height: auto !important;
        min-height: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        line-height: normal !important;
        white-space: nowrap !important;
        box-sizing: content-box !important;
    }

    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td[style*="padding-left: 1px"],
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td[style*="padding-left: 1px"] {
        padding-left: 1px !important;
        padding-right: 10px !important;
    }

    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td[style*="padding-left: 10px"],
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td[style*="padding-left: 10px"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td[colspan],
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) td[colspan] {
        padding: 0 !important;
    }

    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) .contact-form-value,
    body > .popupMW[style*="padding: 0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) .contact-form-value[style],
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) .contact-form-value,
    body > .popupMW[style*="padding:0"] .tabWindows .tabWindow > table.payment-list:has(select[name="Image[Type]"]) .contact-form-value[style] {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom,
    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom[style] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list:has(#image-delete),
    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list[style]:has(#image-delete) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
    }

    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list:has(#image-delete) td,
    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list[style]:has(#image-delete) td {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list:has(#image-delete) img,
    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list[style]:has(#image-delete) img[style] {
        display: block !important;
        float: none !important;
        max-width: 100% !important;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list:has(#image-delete) div:has(#image-delete),
    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list[style]:has(#image-delete) div[style]:has(#image-delete) {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list:has(#image-delete) .btn-go-submit,
    :is(#popupMW, .popupMW) .tabWindows .tabWindow form#ImageFrom > table.payment-list[style]:has(#image-delete) .btn-go-submit[style] {
        display: inline-block !important;
        float: none !important;
    }
}

@media screen and (max-width: 760px) {
    .cm-box-grid {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    }
}

@media screen and (max-width: 520px) {
    .cm-box-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table)[style] {
        padding: 14px 0 20px 0 !important;
        overflow-x: hidden !important;
        background: #ffffff !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns[style] {
        width: calc(100% - 24px) !important;
        max-width: 430px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table::before {
        display: block;
        margin: 0 0 10px 0;
        color: #444444;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        letter-spacing: 0;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns::before {
        content: "SĄSKAITOS INFORMACIJA";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table::before {
        content: "SĄSKAITOS EILUTĖS";
        margin-top: 18px;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table[style] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody {
        display: flex !important;
        flex-direction: column;
        gap: 10px;
        width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr {
        display: contents !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr > td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr > td[style] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child {
        order: 1;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child {
        order: 2;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child {
        order: 3;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td[rowspan] {
        order: 4;
        padding-top: 14px !important;
        border-top: 1px solid #eeeeee;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td[rowspan]::before {
        content: "KLIENTAS";
        display: block;
        margin: 0 0 10px 0;
        color: #444444;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase;
        letter-spacing: 0;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(4) > td {
        order: 5;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table > tbody > tr,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
        width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:first-child {
        grid-column: 1 / -1;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2)[style] {
        grid-column: 1 / -1;
        padding-left: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) label,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) label[style] {
        display: block !important;
        margin: 0 0 5px 0 !important;
        color: #444444 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 17px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[type="text"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) textarea,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .selectBox,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .jqTransformSelectWrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        border: 1px solid #d8d8d8 !important;
        border-radius: 5px !important;
        background-color: #ffffff !important;
        color: #444444 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select__value,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select__value[style] {
        height: 20px !important;
        line-height: 20px !important;
        color: #444444 !important;
        font-size: 14px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select__button {
        height: 36px !important;
        min-height: 36px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) small,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) small[style] {
        display: block;
        margin-top: 4px;
        font-size: 11px !important;
        line-height: 15px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo[style] {
        display: block !important;
        width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > div,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > div[style] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 12px;
        width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-name,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box {
        grid-column: 1 / -1;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-name,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-company-code-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-tax-code-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box {
        display: block !important;
        width: 100% !important;
        min-height: 38px;
        padding: 8px 10px !important;
        border: 1px solid #d8d8d8 !important;
        border-radius: 5px !important;
        background: #ffffff !important;
        color: #444444 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-name::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-company-code-box::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-tax-code-box::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box::before {
        display: block;
        margin: -2px 0 4px 0;
        color: #777777;
        font-size: 11px;
        font-weight: 600;
        line-height: 14px;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-name::before {
        content: "Pavadinimas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box::before {
        content: "Adresas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-company-code-box::before {
        content: "Įmonės kodas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-tax-code-box::before {
        content: "PVM kodas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box::before {
        content: "El. paštas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo b {
        display: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #bill-customer-email-box-input,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #bill-customer-email-box-input[style] {
        grid-column: 1 / -1;
        display: flex !important;
        align-items: flex-start;
        gap: 7px;
        padding: 0 !important;
        margin: 0 !important;
        color: #444444 !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #bill-customer-email-box-input input[type="checkbox"] {
        flex: 0 0 auto;
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #bill-customer-email-box-input label,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #bill-customer-email-box-input label[style] {
        margin: 0 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit[style] {
        float: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 32px !important;
        margin: 10px 0 0 0 !important;
        padding: 7px 12px !important;
        border-radius: 5px !important;
        font-size: 12px !important;
        line-height: 16px !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.formTwoColumnsList.bill-edit-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        table-layout: auto !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table > tbody,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table > tbody > tr,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table #bill-item-tr {
        display: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr {
        margin-bottom: 12px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr.hide {
        display: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr > td > table,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr > td > table[style] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr > td > table > tbody {
        display: block !important;
        width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input {
        position: relative;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 8px 9px;
        width: 100% !important;
        padding: 0 48px 12px 0 !important;
        border-bottom: 1px solid #eeeeee;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td[style] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:first-child {
        grid-column: 1 / -1;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(2) {
        display: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child {
        position: absolute;
        top: 0;
        right: 0;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(n+3):not(:last-child)::before {
        display: block;
        min-height: 28px;
        margin: 0 0 5px 0;
        color: #666666;
        font-size: 10px;
        font-weight: 700;
        line-height: 13px;
        text-align: center;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(3)::before {
        content: "Kiekis";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(4)::before {
        content: "Matas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(5)::before {
        content: "Kaina, EUR";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(6)::before {
        content: "Kaina su PVM";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(7)::before {
        content: "Suma";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table textarea.bills-items-input,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table textarea.bills-items-input[style] {
        min-height: 38px !important;
        resize: vertical;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input textarea.text {
        min-height: 34px !important;
        padding: 7px 8px !important;
        font-size: 13px !important;
        line-height: 17px !important;
        text-align: center !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:first-child textarea.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:first-child input.text {
        text-align: left !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child a,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child a[style] {
        float: none !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 38px !important;
        height: 38px !important;
        margin: 0 !important;
        border: 1px solid #e8c5d8;
        border-radius: 5px;
        color: #9B125F !important;
        background: #ffffff;
        font-size: 16px !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child a:not(:first-child) {
        display: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child i,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child i[style] {
        margin: 0 !important;
        padding: 0 !important;
        color: #9B125F !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer td[style] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 6px 0 !important;
        text-align: left !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer textarea,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer textarea[style] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .inner-page-content div[style*="width: 500px"]:has(canvas),
    .inner-page-content div[style*="width:500px"]:has(canvas),
    .inner-page-content div[style*="width: 350px"]:has(canvas),
    .inner-page-content div[style*="width:350px"]:has(canvas),
    .inner-page-content-wider div[style*="width: 500px"]:has(canvas),
    .inner-page-content-wider div[style*="width:500px"]:has(canvas),
    .inner-page-content-wider div[style*="width: 350px"]:has(canvas),
    .inner-page-content-wider div[style*="width:350px"]:has(canvas),
    .content-wrapper div[style*="width: 500px"]:has(canvas),
    .content-wrapper div[style*="width:500px"]:has(canvas),
    .content-wrapper div[style*="width: 550px"]:has(canvas),
    .content-wrapper div[style*="width:550px"]:has(canvas),
    .content-wrapper div[style*="width: 350px"]:has(canvas),
    .content-wrapper div[style*="width:350px"]:has(canvas) {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    canvas[id^="myChart"],
    canvas[id^="_viewThisMonth"],
    canvas[id^="_V3viewThisMonth"] {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 260px !important;
        box-sizing: border-box !important;
    }

    .inner-page-content div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content div[style*="width:350px"]:has(select.selectBox),
    .inner-page-content-wider div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content-wider div[style*="width:350px"]:has(select.selectBox),
    .content-wrapper div[style*="width: 350px"]:has(select.selectBox),
    .content-wrapper div[style*="width:350px"]:has(select.selectBox) {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px 0 !important;
        box-sizing: border-box !important;
    }

    .inner-page-content div[style*="width: 500px"]:has(> .content-big-title):has(+ div[style*="width: 350px"] select.selectBox),
    .inner-page-content div[style*="width:500px"]:has(> .content-big-title):has(+ div[style*="width:350px"] select.selectBox),
    .inner-page-content-wider div[style*="width: 500px"]:has(> .content-big-title):has(+ div[style*="width: 350px"] select.selectBox),
    .inner-page-content-wider div[style*="width:500px"]:has(> .content-big-title):has(+ div[style*="width:350px"] select.selectBox),
    .content-wrapper div[style*="width: 500px"]:has(> .content-big-title):has(+ div[style*="width: 350px"] select.selectBox),
    .content-wrapper div[style*="width:500px"]:has(> .content-big-title):has(+ div[style*="width:350px"] select.selectBox) {
        float: left !important;
        clear: none !important;
        width: auto !important;
        max-width: calc(100% - 170px) !important;
        min-width: 0 !important;
        margin: 0 10px 8px 0 !important;
        box-sizing: border-box !important;
    }

    .inner-page-content div[style*="width: 500px"]:has(> .content-big-title) + div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content div[style*="width:500px"]:has(> .content-big-title) + div[style*="width:350px"]:has(select.selectBox),
    .inner-page-content-wider div[style*="width: 500px"]:has(> .content-big-title) + div[style*="width: 350px"]:has(select.selectBox),
    .inner-page-content-wider div[style*="width:500px"]:has(> .content-big-title) + div[style*="width:350px"]:has(select.selectBox),
    .content-wrapper div[style*="width: 500px"]:has(> .content-big-title) + div[style*="width: 350px"]:has(select.selectBox),
    .content-wrapper div[style*="width:500px"]:has(> .content-big-title) + div[style*="width:350px"]:has(select.selectBox) {
        float: right !important;
        clear: none !important;
        width: 150px !important;
        max-width: 150px !important;
        margin: 0 0 8px 0 !important;
        box-sizing: border-box !important;
    }

}

@media screen and (max-width: 600px) {
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td[rowspan] > div,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td[rowspan] > div[style] {
        width: 100% !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > div,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > div[style] {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-name,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-company-code-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-tax-code-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-phone-box,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box {
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 0 5px 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #444444 !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        line-height: 18px !important;
        text-align: left !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-name {
        padding-bottom: 8px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 19px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-name::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-company-code-box::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-tax-code-box::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box::before {
        display: none !important;
        content: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo b {
        display: inline !important;
        font-weight: 700 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo b,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo span {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-address-box[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-company-code-box[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-company-code-box[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-tax-code-box[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-tax-code-box[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-phone-box[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-phone-box[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box-input[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo #bill-customer-email-box-input[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > div > div[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > div > div[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > input[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > input[style*="display:none"] {
        display: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit + .btn-go-submit {
        margin-left: 6px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr {
        margin-bottom: 14px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px 10px !important;
        padding: 0 46px 12px 0 !important;
        border-bottom: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:first-child {
        grid-column: 1 / -1 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(2),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(2)[style] {
        display: block !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(n+2):not(:last-child)::before {
        display: block !important;
        min-height: 16px !important;
        margin: 0 0 4px 0 !important;
        color: #666666 !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 13px !important;
        text-align: left !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(2)::before {
        content: "Kodas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(3)::before {
        content: "Kiekis";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(4)::before {
        content: "Matas";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(5)::before {
        content: "Kaina";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(6)::before {
        content: "Kaina su PVM";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(7)::before {
        content: "Suma";
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input textarea.text {
        text-align: left !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(3) input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(4) input.text {
        text-align: center !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(5) input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(6) input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:nth-child(7) input.text {
        text-align: right !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child {
        display: flex !important;
        flex-direction: column;
        gap: 6px;
        height: auto !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child a,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child a[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input > td:last-child a:not(:first-child) {
        display: inline-flex !important;
        flex: 0 0 38px;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings[style] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 10px;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 10px !important;
        border-radius: 5px !important;
        background: #f1f1f1 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td[style] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        color: #444444 !important;
        font-size: 11px !important;
        line-height: 16px !important;
        text-align: left !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:empty,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings:has(input[name*="[Cost]"]) > td:nth-child(3),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings:has(input[name*="[Discount]"]) > td:nth-child(3) {
        display: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:first-child,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td[colspan="2"] {
        grid-column: 1 / -1;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td > div,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td > div[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td > span,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td > span[style] {
        float: none !important;
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name="Bill[Item][HS][]"]) {
        display: flex !important;
        flex-direction: column;
        gap: 4px;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name="Bill[Item][HS][]"]) > div {
        order: 1;
        width: 100% !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name="Bill[Item][HS][]"]) > input {
        order: 2;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[Cost]"]),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[CostWithTax]"]) {
        display: block !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td.bill-form-discount:has(input[name*="[Discount]"]),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td.bill-form-discount:has(select[name*="[DiscountType]"]) {
        display: flex !important;
        align-items: center;
        gap: 8px;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings #bill-customer-email-box-input,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings #bill-customer-email-box-input[style] {
        display: inline-flex !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings label,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings label[style] {
        display: inline !important;
        margin: 0 !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: 16px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings .selectBox,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings .b-core-ui-select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings .jqTransformSelectWrapper {
        width: 100% !important;
        min-height: 32px !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings input[type="checkbox"] {
        flex: 0 0 auto;
        width: 17px !important;
        height: 17px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings #bill-item-input-tax,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings #bill-item-input-tax[style] {
        flex: 0 0 52px;
        width: 52px !important;
        margin: 0 !important;
        text-align: center !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[Cost]"])::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[CostWithTax]"])::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[Discount]"])::before,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(select[name*="[DiscountType]"])::before {
        display: block;
        width: 100%;
        margin: 0 0 4px 0;
        color: #444444;
        font-size: 11px;
        font-weight: 500;
        line-height: 16px;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[Cost]"])::before {
        content: "Savikaina" !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[CostWithTax]"])::before {
        content: "Savikaina su PVM" !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(input[name*="[Discount]"])::before {
        content: "Nuolaida" !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings > td:has(select[name*="[DiscountType]"])::before {
        content: "Nuolaidos tipas" !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer textarea,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer .selectBox {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer[style*="display:none"] {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) label,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) label[style] {
        margin: 0 !important;
        color: inherit !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: normal !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[type="text"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) textarea.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) textarea {
        min-height: 0 !important;
        height: auto !important;
        padding: 5px !important;
        border: 1px solid #CCCCCC !important;
        border-radius: 4px !important;
        background-color: #ffffff !important;
        color: rgba(0, 0, 0, 0.75) !important;
        font-size: 12px !important;
        font-weight: normal !important;
        line-height: normal !important;
        box-shadow: none !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[type="text"] {
        width: 175px !important;
        max-width: 100% !important;
        margin-bottom: 13px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) textarea.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) textarea {
        margin-bottom: 13px !important;
        font-family: Arial !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .selectBox,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .jqTransformSelectWrapper {
        min-height: 0 !important;
        height: auto !important;
        padding: 2px 8px !important;
        border: 1px solid #ccc !important;
        border-bottom-color: #B3B3B3 !important;
        border-radius: 4px !important;
        background-color: whiteSmoke !important;
        background-image: linear-gradient(top, white, #E6E6E6) !important;
        color: #444444 !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: 18px !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select__value,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select__value[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .jqTransformSelectWrapper div span,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .jqTransformSelectWrapper div span[style] {
        height: auto !important;
        padding: 0 5px 0 0 !important;
        color: #444444 !important;
        font-size: 12px !important;
        font-weight: bold !important;
        line-height: 18px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .b-core-ui-select__button,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .jqTransformSelectWrapper a.jqTransformSelectOpen {
        height: auto !important;
        min-height: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns label > div,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns label > div[style] {
        width: auto !important;
        max-width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns label > div:has(select[name="Bill[Type]"]),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns label > div[style]:has(select[name="Bill[Type]"]) {
        width: 185px !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) select[name="Bill[Type]"] + .b-core-ui-select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) select[name="Bill[Type]"] + .b-core-ui-select[style] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[TaxPercentage]"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[TaxPercentage]"][style] {
        width: 45px !important;
        max-width: 45px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[TaxCode]"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[TaxCode]"][style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[SabisOrderId]"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[SabisOrderId]"][style] {
        width: 105px !important;
        max-width: 105px !important;
        margin-bottom: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[Prefix]"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[Prefix]"][style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[Number]"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[Number]"][style] {
        width: 175px !important;
        max-width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerSearch input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerSearch input.text[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerSearch input[type="text"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerSearch input[type="text"][style] {
        width: 275px !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr {
        grid-template-columns: minmax(104px, 120px) minmax(0, 1fr) !important;
        gap: 10px 10px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table[style] {
        width: 100% !important;
        max-width: min(362px, calc(100vw - 40px)) !important;
        min-width: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table > tbody > tr {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px 12px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2) > table,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2) > table[style] {
        width: 100% !important;
        max-width: 205px !important;
        min-width: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr {
        display: grid !important;
        grid-template-columns: 45px minmax(105px, 1fr) !important;
        gap: 10px 12px !important;
        width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table > tbody > tr > td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table > tbody > tr > td[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td[style] {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2) > div,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:first-child > td:first-child > table > tbody > tr > td:nth-child(2) > div[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table > tbody > tr > td:nth-child(2),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table > tbody > tr > td:nth-child(2)[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2)[style] {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr {
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr {
        grid-template-columns: 78px minmax(82px, 1fr) !important;
        gap: 10px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td[style] {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[Date]"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) input[name="Bill[Date]"][style] {
        width: 120px !important;
        max-width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) select[name="Bill[Currency]"] + .b-core-ui-select,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) select[name="Bill[Currency]"] + .b-core-ui-select[style],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .width75:has(select[name="Bill[Currency]"]),
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .width75[style]:has(select[name="Bill[Currency]"]) {
        width: 55px !important;
        max-width: 55px !important;
        margin-bottom: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(2) > div,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(3) > td:first-child > table > tbody > tr > td:nth-child(2) > table > tbody > tr > td:nth-child(2) > div[style] {
        margin-left: 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input input.text,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-input textarea.text {
        min-height: 0 !important;
        padding: 5px !important;
        font-size: 12px !important;
        line-height: normal !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings input.text {
        min-height: 0 !important;
        padding: 3px !important;
        font-size: 10px !important;
        line-height: normal !important;
        margin-left: 4px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings .b-core-ui-select__value {
        font: 400 9px 'Raleway', sans-serif !important;
        padding: 2px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit[style] {
        float: left !important;
        display: inline-block !important;
        min-height: 0 !important;
        margin-top: 5px !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
        padding: 2px 15px !important;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        line-height: normal !important;
        text-decoration: none !important;
        box-sizing: content-box !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > a.btn-go-submit:nth-of-type(1) {
        border-radius: 100px 0 0 100px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > a.btn-go-submit:nth-of-type(2) {
        border-radius: 0 100px 100px 0 !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit i,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit i[style] {
        color: #ffffff !important;
        font-size: 13px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > a.btn-go-submit:nth-of-type(1) i,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > a.btn-go-submit:nth-of-type(1) i[style] {
        padding-right: 5px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > a.btn-go-submit:nth-of-type(2) i,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > a.btn-go-submit:nth-of-type(2) i[style] {
        padding-right: 7px !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > .btn-go-submit[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > input[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) #customerInfo > input[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.bill-item-tr-settings[style*="display:none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer[style*="display: none"],
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) table.bill-edit-table tr.table-footer[style*="display:none"] {
        display: none !important;
    }
}

@media screen and (max-width: 390px) {
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table,
    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table[style] {
        width: 175px !important;
        max-width: 100% !important;
    }

    .popupMW .content .tabWindows .tabWindow:has(table.bill-edit-table) .formTwoColumns > table > tbody > tr:nth-child(2) > td:first-child > table > tbody > tr {
        grid-template-columns: minmax(0, 175px) !important;
    }
}