.save-icon {
    background-image: url(../img/icon-save.png) !important;
}

.close-icon {
    background-image: url(../img/icon-close.png) !important;
}

.add-icon {
    background-image: url(../img/icon-add.gif) !important;
}

.edit-icon {
    background-image: url(../img/icon-edit.png) !important;
}

.del-icon {
    background-image: url(../img/icon-del.gif) !important;
}

.info-icon {
    background-image: url(../img/icon-info.png) !important;
}

.ok-icon {
    background-image: url(../img/icon-ok.png) !important;
}

.cancel-icon {
    background-image: url(../img/icon-cancel.png) !important;
}

.checked-icon {
    background-image: url(../img/icon-checked.gif) !important;
}

.uncheckedchecked-icon {
    background-image: url(../img/icon-unchecked.gif) !important;
}

.refresh-icon {
    background-image: url(../img/icon-refresh.gif) !important;
}

.filter-icon {
    background-image: url(../img/icon-filter.png) !important;
}

.act-icon {
    background-image: url(../img/icon-act.png) !important;
}

.sort-icon {
    background-image: url(../img/icon-sort.png) !important;
}

.docs-icon {
    background-image: url(../img/icon-docs.png) !important;
}

.summoney-icon {
    background-image: url(../img/icon-summoney.png) !important;
}

.report-icon {
    background-image: url(../img/icon-report.png) !important;
}

.report-item-icon {
    background-image: url(../img/icon-item_report.png) !important;
}

.new-tab-icon {
    background-color: transparent;
    background-image: url(../img/new-tab-icon.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
}

.file-import-duplicate {
    background-image: url('../img/icon-warning.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px 14px;
}

.module-note-ico {
    background-image: url(../img/note_48x.png);
    background-repeat: none;
    border: 0 none;
    height: 48px;
    width: 48px;
}

.k-settings-settings .thumb-wrap {
    cursor: pointer;
    float: left;
    margin: 8px 0 0 8px;
    text-align: center;
}

.k-settings-settings .thumb {
    background-position: center center;
    background-repeat: no-repeat;
    padding: 2px;
}

.k-settings-settings .x-view-over {
    background-color: #f1f1f1;
}

.vertical-center {
    height: 100%;
    display: flex;
    align-items: center;
}

.align-right div.x-form-item-body .x-form-display-field {
    float: right;
}

.rate-cell div.x-form-item-body .x-form-display-field {
    padding: 4px 7px 7px 7px;
}

.rate-cell {
    gap: 10px;
}

.dc-modal-container__title--lg {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.dc-modal-container__title--m {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.dc-modal-container__title--sm {
    font-size: 12px;
    font-weight: bold;
}

.order-import-grid-cell-with-select .x-grid-cell-inner {
    padding: 2px 0 0 6px !important;
}

.deal-tab-custom-tbar .x-toolbar:first-of-type .x-box-inner {
    min-height: 32px;
    height: auto !important;
}

.settings-lk__form .x-panel-body .x-box-inner .x-form-cb-wrap {
    padding-top: 0 !important;
}

.custom-checkbox-label {
    display: inline-block;
    width: 150px;
    text-align: left;
}

.fi1c-custom-tooltip {
    max-width: 400px;
    min-width: 250px;
    white-space: normal; /* Разрешить перенос строк */
    word-wrap: break-word; /* Разрешить перенос длинных слов */
    overflow-wrap: break-word; /* Гарантирует перенос слов */
    padding: 5px;
}

.grid-tooltip{
    max-width: 400px;
    min-width: 250px;
    white-space: normal; /* Разрешить перенос строк */
    word-wrap: break-word; /* Разрешить перенос длинных слов */
    overflow-wrap: break-word; /* Гарантирует перенос слов */
}

.custom-tooltip {
    max-width: 400px;
    white-space: normal; /* Разрешить перенос строк */
    word-wrap: break-word; /* Разрешить перенос длинных слов */
    overflow-wrap: break-word; /* Гарантирует перенос слов */
    padding: 5px;
}

.task-grid__custom-tooltip {
    max-width: 400px;
    min-width: 150px;
    white-space: normal;
    word-wrap: break-word;
}

.task-grid-selected-row.task-row-green,
.task-grid-selected-row.task-row-pink .x-grid-cell {
    background-color: #fff !important;
}

.task-row-green .x-grid-cell {
    background-color: #f6fcf6 !important;
}

.task-row-pink .x-grid-cell {
    background-color: #fdf6f6 !important;
}

.header-yellow-bg .x-column-header-inner {
    background: #fbfbbc !important;
}

.header-green-bg .x-column-header-inner {
    background: #dffcdf !important;
}

.handling-grid__custom-tooltip {
    min-width: 300px;
    max-width: 400px;
    white-space: normal;
    word-wrap: break-word;
}

#logPanel-body .x-grid {
    width: 100% !important;
}

#calcPanel-body .x-grid {
    width: 100% !important;
}

#calcPanel__logArea textarea {
    padding: 10px;
}

.transp-filter-panel__body .x-panel-body {
    background-color: #dfe9f6;
}

.tasks-panel__body .x-panel-body {
    background-color: #fff;
}

@-moz-document url-prefix() {
    .fixed-width-panel {
        left: 0 !important;
        margin-left: 0 !important;
    }
}

#auth-container .x-border-layout-ct {
    background-color: #e0e0e0;
}

#auth-container .x-panel-header-default {
    border-color: #d0d0d0;
    background-color: #d7d2d2;
    background-image: -webkit-linear-gradient(top, #f0f0f0,#d7d7d7);
}

#auth-container .x-panel-body-default {
    border-color: #d0d0d0;
}

.download-cell a {
    color: #1a0dab !important;
    text-decoration: underline;
}

.download-cell a:visited {
    color: #1a0dab !important;
}

.offer-history-tooltip {
    max-width: 500px;
    min-width: 300px;
    white-space: normal;
    word-wrap: break-word;
}

.coords-window__check {
    padding: 16px;
    min-height: 90px;
    border-radius: 6px;
    background: rgba(28, 92, 94, 0.08);
}

.coords-window__check-title {
    font-size: 13px;
    margin-bottom: 4px;
}

.coords-window__check-title--positive {
    color: #21ba45;
}

.coords-window__check-title--negative {
    color: rgb(250, 75, 75);
}

.coords-window__check-address {
    font-size: 14px;
    margin-top: 2px;
}

.coords-window__check-hint {
    font-size: 11px;
    color: #666;
    margin-top: 4px;
}

.coords-window__check-text {
    font-size: 11px;
    color: #777;
}
.coords-window__check--found { border-left: 4px solid #21ba45; padding-left: 8px; }
.coords-window__check--notfound { border-left: 4px solid #f9a825; padding-left: 8px; }
.coords-window__check--error { border-left: 4px solid rgb(250, 75, 75); padding-left: 8px; }
.coords-window__check--empty { padding-left: 8px; }

.address-with-coords-wrap {
    position: relative;
}

.address-with-coords-wrap .icon-pin--positive,
.address-with-coords-wrap .icon-pin--negative {
    position: absolute;
    left: 4px;
    top: 4px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.address-with-coords-wrap .icon-pin--positive {
    background-color: #21ba45;
}

.address-with-coords-wrap .icon-pin--negative {
    background-color: rgb(250, 75, 75);
}

.address-with-coords-wrap .x-form-text {
    padding-left: 18px !important;
}

.fi1c-row-failed td {
    background-color: #f5c8c8 !important;
}

.fi1c-row-failed.x-grid-row-selected td {
    background-color: #e97474 !important;
}

.download-cell-icon {
    cursor: pointer;
    background-position: center;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\
<path d='M12 3v10m0 0l-4-4m4 4l4-4' stroke='%230000EE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\
<path d='M4 17v2a2 2 0 002 2h12a2 2 0 002-2v-2' stroke='%230000EE' stroke-width='2' stroke-linecap='round'/>\
</svg>");
}

.download-cell-icon:hover {
    cursor: pointer;
}

.ui-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    min-width: 280px;
    max-width: 560px;
    padding: 12px 14px;
    border-radius: 10px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
    z-index: 99999;
    color: #fff;
}

.ui-toast--success { background: #2e7d32 }
.ui-toast--danger  { background: #c62828 }
.ui-toast--info    { background: #1976d2 }
.ui-toast--warning { background: #ed6c02 }

.ui-toast__content {
    flex: 1;
}

.ui-toast__text {
    font-size: 14px;
    line-height: 1.4;
    white-space: pre-line;
}

.ui-toast__actions {
    margin-top: 8px;
    display: flex;
    gap: 8px;
}

.ui-toast__action {
    background: rgba(255,255,255,.15);
    border: 0;
    color: #fff;
    padding: 6px 10px;
    border-radius: 8px;
    cursor: pointer;
}

.ui-toast__close {
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.ui-toast--large {
    width: min(760px, calc(100vw - 32px));
    max-width: 760px;
}

.ui-toast__title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 8px;
}

.ui-toast__items {
    margin-top: 8px;
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-right: 4px;
}

.ui-toast__item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ui-toast__item-text {
    flex: 1;
    font-size: 13px;
    line-height: 1.35;
}

.ui-toast__item-action {
    flex-shrink: 0;
    background: rgba(255,255,255,.15);
    border: 0;
    color: #fff;
    padding: 5px 9px;
    border-radius: 8px;
    cursor: pointer;
}

.mm-toggle {
    position: absolute;
    right: 5px;
    top: 10px;
    transform: translateY(-50%);

    width: 12px;
    height: 12px;

    cursor: pointer;
    user-select: none;
    pointer-events: auto;

    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.mm-toggle:hover {
    filter: brightness(0.85);
}

.mm-plus {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<circle cx='12' cy='12' r='11' fill='white' stroke='%232e7d32' stroke-width='2'/>\
<line x1='12' y1='7' x2='12' y2='17' stroke='%232e7d32' stroke-width='2' stroke-linecap='round'/>\
<line x1='7' y1='12' x2='17' y2='12' stroke='%232e7d32' stroke-width='2' stroke-linecap='round'/>\
</svg>");
}

.mm-minus {
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<circle cx='12' cy='12' r='11' fill='white' stroke='%232e7d32' stroke-width='2'/>\
<line x1='7' y1='12' x2='17' y2='12' stroke='%232e7d32' stroke-width='2' stroke-linecap='round'/>\
</svg>");
}

.x-grid-cell.mm-parent-expanded .x-grid-cell-inner {
    background: #dbeafe;
    font-weight: 600;
    border-radius: 4px;
}

.x-grid-cell.mm-child-of-expanded .x-grid-cell-inner {
    background: #e8f1ff;
    font-weight: normal;
    border-radius: 4px;
}

.login-copyright {
    position: fixed !important;
    right: 12px !important;
    bottom: 10px !important;
    z-index: 2147483647 !important;

    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: right !important;

    color: #2f6b66 !important;
    opacity: 0.85 !important;
    pointer-events: auto !important;
}

.login-copyright__link {
    color: inherit !important;
    text-decoration: none !important;
}

.login-copyright__link:hover {
    text-decoration: underline !important;
}

.doc-edit-modal .x-grid-header-hidden .x-grid-body {
    border-top-color: #b5b8c8!important;
}

.outbound-checkcolumn-cell {
    padding-top: 7px;
}

.asi-row-no-check .x-grid-cell, .additional-services-import-row-error .x-grid-cell{
    background-color: #ffe3e3 !important;
}

.asi-row-no-check .x-grid-cell-row-checker .x-grid-row-checker {
    display: none !important;
}

.asi-row-no-check .x-grid-cell-row-checker {
    pointer-events: none !important;
}

.asi-row-no-check .x-grid-cell-special .x-grid-row-checker {
    display: none !important;
}

.asi-row-no-check .x-grid-cell-special {
    pointer-events: none !important;
}

.x-panel-with-col-lines .x-grid-row .x-grid-cell.additional-services-import-cell-diff {
    background: #ffd6d6!important;
}

.additional-services-import-row-active .x-grid-cell {
    box-shadow: inset 0 0 0 1px #b7d0f1;
    background: #eaf3ff !important;
}

.big-action-btn .x-btn-inner {
    font-size: 15px;
    line-height: 15px;
}

.big-action-btn .x-btn-button {
    padding: 7px 0;
}

.deal-log-grid .x-grid-row-over,
.deal-log-grid .x-grid-row-over .x-grid-cell,
.deal-log-grid .x-grid-row-over .x-grid-td {
    background: transparent !important;
}

.dl-h {
    font-weight: 700;
    margin-bottom: 4px;
}

.dl-sec {
    font-weight: 700;
    color: #444;
    margin: 4px 0 2px;
}

.dl-row {
    margin: 1px 0;
}

.dl-k {
    display: inline-block;
    padding: 0 4px;
    border-radius: 4px;
    background: #f3f4f6;
    font-weight: 600;
}

.dl-sub {
    margin-top: 3px;
    margin-left: 8px;
    font-weight: 600;
    color: #666;
}

.dl-block {
    white-space: pre-wrap;
    margin: 1px 0 3px;
    padding-left: 12px;
}

.dl-list-row {
    margin: 0 0 6px 0;
}

.dl-list-row:last-child {
    margin-bottom: 0;
}

.dt-moderation-select-deal-cell {
    background-color: #f5c8c8 !important;
    cursor: pointer;
}

.dt-moderation-select-deal-cell .dt-moderation-select-deal {
    cursor: pointer;
}

.stat-total-in-rur {
    height: 100%;
    padding: 0 0 4px;
    box-sizing: border-box;
}

.stat-total-in-rur__title {
    color: #008d95;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
}

.stat-total-in-rur__total {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    font-variant-numeric: tabular-nums;
}

.stat-total-in-rur__row {
    display: grid;
    grid-template-columns: 70px minmax(105px, 1fr) minmax(105px, 1fr);
    gap: 6px;
    min-height: 16px;
    align-items: center;
    font-size: 11px;
    line-height: 16px;
}

.stat-total-in-rur__label {
    font-weight: bold;
}

.stat-total-in-rur__formula {
    color: #777;
    font-weight: normal;
}

.task-info-panel {
    background: #fff;
    border-right: 1px solid #d9d9d9;
}


.task-info,
.task-info * {
    box-sizing: border-box;
}

.task-info__text {
    max-width: 100%;
    overflow-wrap: anywhere;
}

.task-info {
    color: #222;
}

.task-info__row {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}

.task-info__status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 14px;
    border-radius: 14px;
    line-height: 22px;
    background: #e5f1ff;
    color: #1f5f9f;
}

.task-info__label {
    width: 135px;
    color: #555;
    flex: 0 0 135px;
}

.task-info__value {
    flex: 1;
    min-width: 0;
    font-weight: 500;
}

.task-info__person {
    font-weight: 600;
}

.task-info__divider {
    height: 1px;
    background: #ddd;
    margin: 22px 0;
}

.task-info__section-title {
    color: #555;
    margin-bottom: 8px;
}

.task-info__text {
    padding: 14px;
    border: 1px solid #d8e0ea;
    border-radius: 8px;
    background: #f8fbff;
    color: #222;
    line-height: 1.5;
    white-space: pre-wrap;
}

.task-info__actions {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}

.task-info__button {
    padding: 7px 18px;
    border-radius: 6px;
    border: 1px solid #cfd9e6;
    background: #fff;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.task-info__button--close {
    color: #1f6f43;
    background: #f3fbf6;
    border-color: #b9dcc8;
}

.task-info__button--delete {
    color: #b42318;
    background: #fff6f5;
    border-color: #efc2bd;
}

.task-info__button--close:hover {
    background: #e5f6ec;
    border-color: #86c99f;
}

.task-info__button--delete:hover {
    background: #ffe9e7;
    border-color: #dc8d86;
}

.task-info__status--active {
    color: #1f5f9f;
    background: #e5f1ff;
}

.task-info__status--closed {
    color: #1f6f43;
    background: #f3fbf6;
    border: 1px solid #b9dcc8;
}

.task-info__status--deleted {
    color: #b42318;
    background: #fff6f5;
    border: 1px solid #efc2bd;
}

.carrier-export-button .x-btn-inner {
    font-weight: normal;
}

.carrier-export-button {
    border: 1px solid #7f9db9 !important;
    border-radius: 3px;
    border-color: #7f9db9!important;
    background: #eaf2fb !important;
}

.carrier-export-button:hover {
    background: #dceafb !important;
}

.tasks-panel__body {
    position: relative;
}

.tasks-grid .x-grid-view,
.transp-tasks-grid .x-grid-view {
    position: relative;
}

.tasks-center-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;

    width: 34px;
    height: 34px;

    transform: translate(-50%, -50%);
    pointer-events: none;
}

.tasks-center-loader__spinner {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    border: 3px solid #cfd9e6;
    border-top-color: #2f80d1;
    border-radius: 50%;

    animation: tasks-center-loader-spin 0.7s linear infinite;
}

@keyframes tasks-center-loader-spin {
    to {
        transform: rotate(360deg);
    }
}